/* CSS Document */

@font-face{
font-family: '232MKSUL';
src: url('./fonts/232MKSUL.TTF');
}

@font-face{
font-family: '232MKB';
src: url('./fonts/232MKB__.TTF');
}

@font-face{
font-family: '232MKL__';
src: url('./fonts/232MKL__.TTF');
}

@font-face{
font-family: '232MKM__';
src: url('./fonts/232MKM__.TTF');
}



/*Columnas*/


#contenedorcolumnas{
    margin:0 auto 0 auto;
    width:100%;
    height: auto;
    text-align:center;
    padding-left: 13.5%;
    overflow: hidden;
    padding-top: 2%;
		background-image: url('./img/fondo.jpg');


    
    

}



#leftcolumn { 
 color: #333;
 /*border: 1px solid #ccc;
 background: #E7DBD5;*/
 margin: 0px 5px 5px 0px;
 padding: 10px;
 
 width: 1%;
 float: left;
 
 width:1px;
}
#leftmiddle { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 30%;
 float: left;
 border-left: 2px solid #d30e00; 
 
 height: auto;
 padding-bottom: 3000px;
 margin-bottom: -3000px;

}
#middlemiddle { 
 color: #333;
 /*border: 1px solid #ccc;
 background: #F2F2E6;
 */
 margin: 0px 5px 5px 0px;
 
 height: auto;
 width: 1px;
 
 border-right: 2px solid #d30e00; 
 float: left;
  padding-bottom: 3050px;
 margin-bottom: -3000px;
}
#rightmiddle { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 30%;
 float: left;
 
 border-right: 2px solid #d30e00; 
 height: auto;
  padding-bottom: 3050px;
 margin-bottom: -3000px;
 
}

#rightcolumn { 
 color: #333;
 /*border: 1px solid #ccc;
 background: #F2F2E6;*/
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 1%;
 float: left;
}

/* Fin de columnas */


#texto{
    padding-top: 10px;
        padding-bottom: 2%;

    
}

a{
    text-decoration:none;
    color: white;
} 


body {
	margin:0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url('./img/fondo.jpg');
}
#header {
	margin: 20px 40px;
	clear: both;
}
#logo {
	float:right;
	font-family: '232MKL__';
	font-size: 16px;
	/* padding: 20px; */
	padding: 15px;
        color: white;
}

#logo a:visited{
    color:white;
  
    
    
    
}




p{
        text-align: justify;
	font-family: '232MKL__';
	font-size: 16px;
	/* padding: 20px; */
	padding: 0px 15px 0px 15px;
        color: white;


} 

h1 {
        text-align: left;
	font-family: '232MKL__';
	font-size: 18px;
        color: #d30e00;
	/* padding: 20px; */
        padding: 0px 0px 0px 15px;
		z-index: 9;
        

}




#contenedor {
	width: 100%;
	/* [disabled]background: #333333; */
	text-align: center;
	clear: both;
}

#contenedor ul {
	text-align: left;
	width: 100%;
	background: #252525;
	margin-top: -3px;
	margin-bottom: -3px;
	padding: 0px 0px 0px 0px;
	/* border: 3px solid #1d1d1d; */
	list-style: none;
	position: relative;
	float:left;
	z-index:3;
	background-image: url('./img/barra_menu.gif');

}
#contenedor ul li {
	display: block;
	width: auto;
	float:left;
	position: relative;
	z-index:13;

}
#contenedor ul li#buscador {
	float: right;
	position: relative;
}
#contenedor ul li a {/*Listas primer nivel*/
	font-family: '232MKL__';
	font-size: 16spx;
	color: #fefefe;
	text-decoration: none;
	display: block;
	float:left;
	padding: 17px 15px 17px 17px;
	z-index:5;

}


#contenedor ul li a.selected
{

	background-image: url('./img/seleccion_top_old.gif');
	z-index:5;

/* ANTIGUA
	background: -moz-radial-gradient(circle,  rgba(100,0,255,1), rgba(255,255,255,1), 20%), url('./img/seleccion_top.gif'); 
	background: -webkit-gradient(circle, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))), url('./img/seleccion_top.gif');
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%), url('./img/seleccion_top.gif'); 
	background: -o-radial-gradient(c, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%), url('./img/seleccion_top.gif'); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%), url('./img/seleccion_top.gif');
	background: radial-gradient(ellipse,  rgba(220,220,220,0.6),rgba(255,255,255,0.0) 30%), url('./img/seleccion_top.gif');
/*fin antigua*/
	background: -moz-radial-gradient(circle,  rgba(100,0,255,1), rgba(255,255,255,1), 20%), url('./img/seleccion_top.gif'); 
	background: -webkit-gradient(radial, center center, 0px, center center, 20%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(20%,rgba(255,255,255,0))), url('./img/seleccion_top.gif');
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif'); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif'); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif');
	background: radial-gradient(ellipse,  rgba(220,220,220,0.6),rgba(255,255,255,0.0) 20%), url('./img/seleccion_top.gif');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ), url('img/seleccion_top.gif');



}



#contenedor ul li a:hover, #contenedor ul li a.active {/*Estado Hover/Activo de los enlaces*/
	background-image: url('./img/seleccion_top_old.gif');
	z-index:5;

/* ANTIGUA
	background: -moz-radial-gradient(circle,  rgba(100,0,255,1), rgba(255,255,255,1), 20%), url('./img/seleccion_top.gif'); 
	background: -webkit-gradient(circle, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0))), url('./img/seleccion_top.gif');
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%), url('./img/seleccion_top.gif'); 
	background: -o-radial-gradient(c, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%), url('./img/seleccion_top.gif'); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%), url('./img/seleccion_top.gif');
	background: radial-gradient(ellipse,  rgba(220,220,220,0.6),rgba(255,255,255,0.0) 30%), url('./img/seleccion_top.gif');
/*fin antigua*/
	background: -moz-radial-gradient(circle,  rgba(100,0,255,1), rgba(255,255,255,1), 20%), url('./img/seleccion_top.gif'); 
	background: -webkit-gradient(radial, center center, 0px, center center, 20%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(20%,rgba(255,255,255,0))), url('./img/seleccion_top.gif');
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif'); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif'); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif');
	background: radial-gradient(ellipse,  rgba(220,220,220,0.6),rgba(255,255,255,0.0) 20%), url('./img/seleccion_top.gif');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ), url('img/seleccion_top.gif');


}
#contenedor ul li ul {/*Estilos de la lista secundaria*/
	margin: 0px;
	padding: 60px 0px 0px 0px;
	width: 100%; 
	height: 0;
	/* float: left; */
	position: absolute;
	border: 0;
	opacity: 0;
	filter: alpha(opacity=0); 
	overflow: hidden;
	background: #000000;
	background-image: url('./img/seleccion_top.gif');
	
	-webkit-transition: all 0.8s ease-in-out 0s;
	-moz-transition: all 0.8s ease-in-out 0s;
	-ms-transition: all 0.8s ease-in-out 0s;
	-o-transition: all 0.8s ease-in-out 0s;
	transition: all 0.8s ease-in-out 0s;
	font-family: '232MKL__';
	font-size: 14px;
	z-index: -1;

}
#contenedor ul li ul.children li a{
	/* color: #fefefe !important; */
	/* padding: 13px 0 0px 20px; */
	/* width: 100%; */

	/* border-bottom: 1px solid #2f2f2f; */
	 /* background: url(img/seleccion_top.gif);/* no-repeat center !important;*/
	font-size: 14px;
	text-align:center;
	margin-left: -5px;
 	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	z-index:3;
}
/* #contenedor ul li ul li:last-child a{border-bottom:none !important;} */
#contenedor ul li ul li a:hover{
	/* display: block; */
	/* text-align:center; */
	color: #333333 !important;
	



	background: -moz-radial-gradient(circle,  rgba(100,0,255,1), rgba(255,255,255,1), 20%), url('./img/seleccion_top.gif'); 
	background: -webkit-gradient(radial, center center, 0px, center center, 20%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(20%,rgba(255,255,255,0))), url('./img/seleccion_top.gif');
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif'); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif'); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 20%), url('./img/seleccion_top.gif');
	background: radial-gradient(ellipse,  rgba(220,220,220,0.6),rgba(255,255,255,0.0) 20%), url('./img/seleccion_top.gif');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=1 ), url('img/seleccion_top.gif');
	/* background: url(img/seleccion_top.gif) no-repeat 15px center !important; */
	font-family: '232MKL__';
	font-size: 14px;
	/* margin-left: -10px; */
}


#contenedor ul li:hover ul.children{	
	/* background: #FF0000; */
	height:200px;
	opacity:1; 
	text-align:center;
}

}
#contenedor ul#menu:before{
	/* Posiciona la sobora por detras del color de la caja*/
	z-index: -1;
	position: absolute;
	/* no aplico ningún contenidos HTML */
	content: "";
	/* posiciona la sombra con respecto al izquierdo y superior */
	left: 10px;
	top: 45%;
	/* configura el ancho */
	width: 50%;
	height: 20px;
	/* color de fondo */
	background: #000000;
	/* definicion de la sombra estandar para box-shadow */
	box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.7);
	/* rotacion de la sombra */
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

#contenedor ul li:hover ul.children{
	    min-height:100px;
	    opacity:1;
	}

#contenedor ul li ul#menu:before,#contenedor ul li ul#menu:after{visibility:hidden;}