/*
* jQuery.mb.components: jquery.mb.menu
* © 2001 - 2010 Matteo Bicocchi (pupunzi), Open Lab
*
*/

@charset "UTF-8";


/*BOX MENU*/


/**************************************************************/
/**                   MENU PRINCIPAL                         **/
/**************************************************************/

#bloque-menu1{
    display:none;
    width: 150px;
    position:absolute;
    background-color: #FD8D09;
    font-family: "Trebuchet MS", "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: lighter;
    cursor: pointer;
    top: 102px;
    z-index: 15;
    
    -moz-box-shadow:#fff 2px 2px 10px;
    -webkit-box-shadow:#fff 2px 2px 10px;
    box-shadow:#444 0px 4px 10px;
    -moz-border-radius: 0 0 8px 8px;
}

#bloque-menu1 ul{
    padding-left: 15px;
    margin-top: 12px;
}

#bloque-menu1 ul li{
    list-style-type: none;
    width: 110px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
	/*
    margin-top: 10px;
    margin-bottom: 10px;
	*/
}

#bloque-menu1 ul li a{
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height:12px;
    text-decoration: none;
    color: #fff;
    display: table-cell;
    height: auto;
    padding-bottom: 7px;
    padding-top: 6px;
    vertical-align: middle;
}

/********************************/
/** SUB MENU 2 **/
/********************************/

#bloque-menu2{
    background-image: url(../images/header/menu/menu2over.png);
    background-repeat: no-repeat;
    padding-top: 52px;
    padding-bottom: 5px;
    display:none;
    width: 180px;
    position:relative;
    background-color: #f90153;
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: lighter;
    cursor: pointer;
    top: 0px;  
    z-index: 15;
    
    -moz-box-shadow:#fff 2px 2px 10px;
    -webkit-box-shadow:#fff 2px 2px 10px;
    box-shadow:#444 0px 4px 10px;
    -moz-border-radius: 0 0 8px 8px;
}

#bloque-menu2 ul{
    padding-left: 15px;
    margin-top: 12px;
}

#bloque-menu2 ul li{
    list-style-type: none;
    width: 140px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
	/*
    margin-top: 10px;
    margin-bottom: 10px;
	*/
}

#bloque-menu2 ul li a{
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height:12px;
    text-decoration: none;
    color: #fff;
    display: table-cell;
    height: auto;
    padding-bottom: 7px;
    padding-top: 6px;
    vertical-align: middle;
}

/* Hover sobre el menú Lo que hacemos*/
#bloque-menu2 ul li a:hover{
    color: #750145;
}

/********************************/
/** SUB MENU 3 **/
/********************************/

#bloque-menu3{
    background-image: url(../images/header/menu/menu5over.png);
    background-repeat: no-repeat;
    padding-top: 52px;
    padding-bottom: 5px;
    display:none;
    width: 133px;
    position:relative;
    background-color: #01a997;
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: lighter;
    cursor: pointer;
    top: 0px;  
    z-index: 15;
    
    -moz-box-shadow:#fff 2px 2px 10px;
    -webkit-box-shadow:#fff 2px 2px 10px;
    box-shadow:#444 0px 4px 10px;
    -moz-border-radius: 0 0 8px 8px;
}

#bloque-menu3 ul{
    padding-left: 6px;
    margin-top: 12px;
}

#bloque-menu3 ul li{
    list-style-type: none;
    width: 110px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
	/*
    margin-top: 10px;
    margin-bottom: 10px;
	*/
}

#bloque-menu3 ul li a{
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height:12px;
    text-decoration: none;
    color: #fff;
    display: table-cell;
    height: auto;
    padding-bottom: 7px;
    padding-top: 6px;
    vertical-align: middle;
}

/* Hover sobre el menú Servicios*/
#bloque-menu3 ul li a:hover{
    color: #00574e;
}

/********************************/
/** SUB MENU 3 **/
/********************************/

#bloque-menu4{
    background-image: url(../images/header/menu/menu4over.png);
    background-repeat: no-repeat;
    padding-top: 52px;
    padding-bottom: 5px;
    display:none;
    width: 204px;
    position:relative;
    background-color: #01a997;
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: lighter;
    cursor: pointer;
    top: 0px;  
    z-index: 15;
    
    -moz-box-shadow:#fff 2px 2px 10px;
    -webkit-box-shadow:#fff 2px 2px 10px;
    box-shadow:#444 0px 4px 10px;
    -moz-border-radius: 0 0 8px 8px;
}

#bloque-menu4 ul{
    padding-left: 6px;
    margin-top: 12px;
}

#bloque-menu4 ul li{
    list-style-type: none;
    width: 110px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
	/*
    margin-top: 10px;
    margin-bottom: 10px;
	*/
}

#bloque-menu4 ul li a{
    font-family: "Trebuchet", Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height:12px;
    text-decoration: none;
    color: #fff;
    display: table-cell;
    height: auto;
    padding-bottom: 7px;
    padding-top: 6px;
    vertical-align: middle;
}

/* Hover sobre el menú Servicios*/
#bloque-menu4 ul li a:hover{
    color: #00574e;
}

/* Hover sobre el menú de conozcanos*/
#bloque-menu1 ul li a:hover{
    color: #a14400;
}


/********************************/
/** MENU CASITA **/
/********************************/

#menuAux{    
    width: 1110px;
    height: 20px;
    margin: 0 auto;
}

#flechamenuaux{
    background-image: url(../images/menuaux/flecha.png);
    background-repeat: no-repeat;
    bottom: 0px;
    width: 57px;
    height: 16px;
    z-index: 0;
    margin-top: -5px;
}

#cuerpomenuoculto{
    background-image: url(../images/menuaux/fondo.png);
    background-repeat: repeat-y;
    display: none;
    
    width: 57px;
    height: 143px;
}

#cuerpomenu{
    background-image: url(../images/menuaux/fondo.png);
    background-repeat: repeat-y;
    
    width: 57px;
    height: 23px;
}

#flechamenuaux:hover, #cuerpomenu:hover{
    cursor: pointer;
}

#iconosmenuaux{
    width: 20px;
    height: 5px;
}

#casita{
    background-image: url(../images/menuaux/casita.png);
    background-repeat: no-repeat;            
    margin: 0 auto;
    width: 19px;
    height: 25px;
}

#casita:hover{
    background-image: url(../images/menuaux/casitaover.png);
    cursor: pointer;
}

#sitemap{
    background-image: url(../images/menuaux/sitemap.png);
    background-repeat: no-repeat;            
    margin: 0 auto;
    width: 31px;
    height: 25px;
}

#sitemap:hover{
    background-image: url(../images/menuaux/sitemapover.png);
    cursor: pointer;
}

#masfuente{
    background-image: url(../images/menuaux/masfuente.png);
    background-repeat: no-repeat;            
    margin: 0 auto;
    margin-top: 4px;
    width: 22px;
    height: 25px;
}

#masfuente:hover{
    background-image: url(../images/menuaux/masfuenteover.png);
    cursor: pointer;
}

#fuente{
    background-image: url(../images/menuaux/fuente.png);
    background-repeat: no-repeat;            
    margin: 0 auto;
    width: 22px;
    height: 25px;
}

#fuente:hover{
    background-image: url(../images/menuaux/fuenteover.png);
    cursor: pointer;
}

#menosfuente{
    background-image: url(../images/menuaux/menosfuente.png);
    background-repeat: no-repeat;            
    margin: 0 auto;
    width: 22px;
    height: 25px;
}

#menosfuente:hover{
    background-image: url(../images/menuaux/menosfuenteover.png);
    cursor: pointer;
}

/***********************************/
#tituloMenu1 a, #tituloMenu2 a, #tituloMenu3 a, #tituloMenu4 a, #tituloMenu5 a, #tituloMenu6 a{
    font-family: "RobotoSu";
    font-size: 16px;
    text-decoration: none;
    text-align: center;       
    display: table-cell;
    vertical-align: middle;  
    color: #999;
    padding-top: 1px;
}

#tituloMenu1 a:hover, #tituloMenu2 a:hover, #tituloMenu3 a:hover, #tituloMenu4 a:hover, #tituloMenu5 a:hover, #tituloMenu6 a:hover{
    color: #fff;
}

#tituloMenu1 ul, #tituloMenu2 ul, #tituloMenu3 ul, #tituloMenu4 ul, #tituloMenu5 ul, #tituloMenu6 ul{
    padding-bottom: 10px;
}
/***********************************/
/*  MENU 1                         */
/***********************************/

#tituloMenu1{
    background-image: url(../images/header/menu/menu1.png);
    background-repeat: no-repeat;    
    color: #fff;    
}

#tituloMenu1:hover{
    background-image: url(../images/header/menu/menu1over.png);
}

#tituloMenu1 a{ 
    width: 149px;
    height: 52px;        
}

.SubtituloMenu1, .SubtituloMenu2, .SubtituloMenu4, .SubtituloMenu5{
    font-family: "RobotoSu";
    font-size: 16px;
    font-weight: lighter;     
    text-decoration: none;
    text-align: center;       
    color: #fff;
    padding-top: 6px;
    padding-bottom: 5px;
    display: none;
}

#Submenu1 .SubtituloMenu1{
    display: block;
}

#Submenu2 .SubtituloMenu2{
    display: block;
}

#Submenu4 .SubtituloMenu4{
    display: block;
}

#Submenu5 .SubtituloMenu5{
    display: block;
}

#Submenu1 ul, #Submenu2 ul, #Submenu5 ul{
    z-index: 15;    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: lighter;
    cursor: pointer;
    margin-top: -52px;
    box-shadow: 2px 2px 2px #969696;
}
    
#Submenu1 ul{    
    background-color: #FD8D09;
    width: 149px;
}

#Submenu1 .lineaMenu{
    background-image: url(../images/header/menu/lineaMenu1.png);
    background-repeat: no-repeat;
    width: 123px;
    height: 1px;
    margin-left: 3px;
}

#Submenu1 ul li{
    list-style-type: none;
    width: 130px;
    margin-left: 10px;        
}

#Submenu1 ul li a{    
    text-align: left;
    width: 100px;
    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    line-height:13px;
    text-decoration: none;
    color: #fff;
    height: auto;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    display: table-cell;
    vertical-align: middle;
}

#Submenu1 ul li a:hover{
    color: #a14400;
    cursor: pointer;
}

/***********************************/
/*  MENU 2                        */
/***********************************/

#tituloMenu2{
    background-image: url(../images/header/menu/menu2.png);
    background-repeat: no-repeat;
}

#tituloMenu2:hover{
    background-image: url(../images/header/menu/menu2over.png);
}

#tituloMenu2 a{
    width: 180px;
    height: 52px;
}

#Submenu2 .lineaMenu{
    background-image: url(../images/header/menu/lineaMenu2.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 1px;
    margin-left: 3px;
}

#Submenu2 ul{
    background-color: #f90153;
    width: 180px;
}

#Submenu2 ul li{
    list-style-type: none;
    width: 160px;
    margin-left: 10px;        
}

#Submenu2 ul li a{    
    text-align: left;
    width: 140px;
    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    
    line-height:13px;
    text-decoration: none;
    color: #fff;
    height: auto;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    display: table-cell;
    vertical-align: middle;
}

#Submenu2 ul li a:hover{
    color: #750145;
    cursor: pointer;
}
/***********************************/
/*  MENU 3                         */
/***********************************/

#tituloMenu3{
    background-image: url(../images/header/menu/menu3.png);
    background-repeat: no-repeat;
}

#tituloMenu3:hover{
    background-image: url(../images/header/menu/menu3over.png);
}

#tituloMenu3 a{
    width: 201px;
    height: 52px;
    line-height: 16px;
}

/***********************************/
/*  MENU 4                        */
/***********************************/

#tituloMenu4{
    background-image: url(../images/header/menu/menu4.png);
    background-repeat: no-repeat;
}

#tituloMenu4:hover{
    background-image: url(../images/header/menu/menu4over.png);
}

#tituloMenu4 a{
    width: 204px;
    height: 52px;
}

#Submenu4 .lineaMenu{
    background-image: url(../images/header/menu/lineaMenu4.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 1px;
    margin-left: 3px;
}

#Submenu4 ul{
    background-color: #13b8e1;    
    width: 204px;

    z-index: 15;    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: lighter;
    cursor: pointer;
    margin-top: -52px;    
    box-shadow: 2px 2px 2px #969696;
}

#Submenu4 ul li{
    list-style-type: none;
    width: 160px;
    margin-left: 10px;        
}

#Submenu4 ul li a{    
    text-align: left;
    width: 140px;
    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;    
    line-height:13px;
    text-decoration: none;
    color: #fff;
    height: auto;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    display: table-cell;
    vertical-align: middle;
}

#Submenu4 ul li a:hover{
    color: #750145;
    cursor: pointer;
}

/***********************************/
/*  MENU 5                         */
/***********************************/

#tituloMenu5{
    background-image: url(../images/header/menu/menu5.png);
    background-repeat: no-repeat;
}

#tituloMenu5:hover{
    background-image: url(../images/header/menu/menu5over.png);
}

#tituloMenu5 a{
    width: 133px;
    height: 52px;
}

#Submenu5 .lineaMenu{
    background-image: url(../images/header/menu/lineaMenu5.png);
    background-repeat: no-repeat;
    width: 115px;
    height: 1px;
    margin-left: 0px;
}

#Submenu5 ul{
    background-color: #01a997;
    width: 133px;
}

#Submenu5 ul li{
    list-style-type: none;
    width: 115px;
    margin-left: 10px;        
}

#Submenu5 ul li a{    
    text-align: left;
    width: 120px;
    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;    
    line-height:13px;
    text-decoration: none;
    color: #fff;
    height: auto;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    display: table-cell;
    vertical-align: middle;
}

/* Hover sobre el menú Servicios*/
#Submenu5 ul li a:hover{
    color: #00574e;
    cursor: pointer;
}


/////////////////////////////////////

#Submenu6 .lineaMenu{
    background-image: url(../images/header/menu/lineaMenu5.png);
    background-repeat: no-repeat;
    width: 115px;
    height: 1px;
    margin-left: 0px;
}

#Submenu6 ul{
    background-color: #83b302;
    width: 115px;
    top:52px;
}

#Submenu6 ul li{
    list-style-type: none;
    width: 115px;
    margin-left: 10px;        
}

#Submenu6 ul li a{    
    text-align: left;
    width: 120px;
    
    font-family: "Trebuchet", "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;    
    line-height:13px;
    text-decoration: none;
    color: #fff;
    height: auto;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    display: table-cell;
    vertical-align: middle;
}

/* Hover sobre el menú Servicios*/
#Submenu6 ul li a:hover{
    color: #00574e;
    cursor: pointer;
}

/***********************************/
/*  MENU 6                         */
/***********************************/

#tituloMenu6{
    background-image: url(../images/header/menu/menu6.png);
    background-repeat: no-repeat;
}

#tituloMenu6:hover{
    background-image: url(../images/header/menu/menu6over.png);
}

#tituloMenu6 a{
    width: 115px;
    height: 52px;
}

/*******************/
/* Cosas del Menú
/*******************/


.menu
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    line-height: 2.5em;
}

.menu ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu a
{
    text-decoration: none;
}

div.box
{
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
}


.menu li
{
    float: left;
    position: relative;
}

.menu ul
{
    position: absolute;
    display: none;
}