﻿/* top level
--------------------------------------------*/
.menuTemplate2
{
    margin: 0 auto; width: auto;float:left;
    behavior: url("../cssmenu.htc"); /* Para IE 8 and earlier */
    position:relative;
    z-index:4;
    height: 36px;
    background: none;
    border: none;
    font-family: Calibri, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif, "Palatino Linotype";
    list-style: none;
    padding: 0;
}

.menuTemplate2 li
{
    padding: 0;
    float: left;
    height: 34px;
    _height:36px;/*IE6 Hack*/
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    z-index:5;
	text-align:center;
    
    border-left:1px solid;
    border-right:1px solid;
    border-top:2px solid;
    border-color:transparent;
    _border-color:#FFF;/*IE6 Hack*/
}

.menuTemplate2 li:hover, .menuTemplate2 li.onhover
{
	height:60px; /* Altura area over menús principales */
	/* Degradado fondo menú over */	
	background: -webkit-linear-gradient(#2f0f09, #1b0701);
    background: -moz-linear-gradient(#2f0f09, #1b0701);
    background: -o-linear-gradient(#2f0f09, #1b0701);
	background: -ms-linear-gradient(#2f0f09, #1b0701);
    background: linear-gradient(#2f0f09, #1b0701);
	
	border-color:#DDD;
    border-top:2px solid #B00;
	border-left:1px solid #1b0702;
	border-right:1px solid #1b0702;
	border-bottom:1px solid #1b0702;
    z-index:116; /* Posición capa del panel */
}
.menuTemplate2 a
{
   /* padding: 0 30px;*/
    /*line-height: 34px;*/ /* Altura de los li (menús principales) */
    font-size: 16px; /* Tamaño menús principales */
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #FFFFFF;
    position: relative;
}


.menuTemplate2 li:hover a, .menuTemplate2 li.onhover a
{
    background-color: #none;
    color: #FFFFFF;
    z-index: 9; 
	/*text-decoration:underline;*/
}

.menuTemplate2 a.arrow
{
   /* background: url(../imagenes/flecha.gif) no-repeat right center;*/
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate2 li.menuRight
{
    float: right;
    margin-right: 0px;
}
               
        
/* sub level
--------------------------------------------*/
        
.menuTemplate2 .drop
{
    position: absolute;
    z-index:114;
    left: -9999px;
    border: 0px solid #DDD;
    border-bottom:2px solid #B00;
   /* background: #FFF url(bg_grad.gif) repeat-x 0 0;*/
    text-align: left;
    /* padding: 25px;  */
    top:50px; /* Altura panel desplegable */
}

.menuTemplate2 .drop a
{
	padding-left: 0px;
    padding-right: 0px;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 115;
}

.menuTemplate2 li:hover .drop, .menuTemplate2 li.onhover .drop
{
    left: 0px; /* Posición del panel (centrado) */
}

.menuTemplate2 li:hover .dropToLeft, .menuTemplate2 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate2 li:hover .dropToLeft2, .menuTemplate2 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate2 div.drop div div
{
    padding: 6px 0px; /* Espacio entre cat. y subcat. */
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate2 div.drop div a
{
    line-height: 15px; /* Espacio entre subcat. */
    color: #000000;
    background:none;
}
.menuTemplate2 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:#b88e35;
}

.menuTemplate2 div.left {float:left; }

 
     
/* CSS3 effects
--------------------------------------------*/

/*for submenu. INFORMACIÓN CORPORATIVA*/
.corpora
{
    width:200px; /* Ancho panel  */
	background-color:#f7f4eb;
	background-image:url('../imagenes/menu-flecha-emp.gif'); background-repeat:no-repeat; background-position: top left;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 14px #000;
    -webkit-box-shadow: 0 0 14px #000;
    box-shadow: 0 0 14px #000;  
}

/*for submenu. PRODUCTOS*/
.productos
{
    width:520px; /* Ancho panel  */
	/*background-color:#FFFFFF;*/
	background-image:url('../imagenes/menu-prod-fondo.jpg'); background-repeat:no-repeat; background-position: top left; 
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 14px #000;
    -webkit-box-shadow: 0 0 14px #000;
    box-shadow: 0 0 14px #000;  
}

/*for submenu. CALIDAD*/
.calidad
{
    width:165px; /* Ancho panel  */
	background-color:#f7f4eb;
	background-image:url('../imagenes/menu-flecha-calidad.gif'); background-repeat:no-repeat; background-position: top left;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 14px #000;
    -webkit-box-shadow: 0 0 14px #000;
    box-shadow: 0 0 14px #000;  
}

/*Sombreado tabla contenidos*/
.SombraGen
{	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 8px #cccccc;
    -webkit-box-shadow: 0 0 8px #cccccc;
    box-shadow: 0 0 8px #cccccc;  
}