@charset "utf-8";
/* CSS Document */

.menu {
	/* border-radius: 5px; */
	list-style-type: none;
	margin: 0 25px 0 0; /* si queremos centrarlo */
	padding: 0;
	/* la altura y su ancho dependerán de los textos */
	height: 40px;
	width: auto;
	/* el color de fondo
	background: #555;
	background: -moz-linear-gradient(#555, #222);
	background: -webkit-linear-gradient(#555, #222);
	background: -o-linear-gradient(#555, #222);
	background: -ms-linear-gradient(#555, #222);
	background: linear-gradient(#555, #222); */
}
/* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
.menu br {
	display: none;
}
/* cada item del menu */
.menu li {
	display: block;
	float: left; /* la lista se ve horizontal */
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.menu li a {
	/* border-left: 1px solid #000;
	border-right: 1px solid #666; */
	color: #EEE;
	display: block;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	/*padding: 0 14px;*/
	margin: 6px 0;
	text-decoration: none;
	/* animamos el cambio de color de los textos */
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
/* eliminamos los bordes del primer y el último */
.menu li:first-child a {
	border-left: none;
}
.menu li:last-child a {
	border-right: none;
}
/* efecto hover cambia el color */
.menu li:hover > a {
	color: Crimson;
}
/* los submenús */
.menu ul {
	/* border-radius: 0 0 5px 5px; */
	left: 0;
	margin: 15px 0 0 0; 
	opacity: 0; /* no son visibles */
	position: absolute;
	top: 25px; /* se ubican debajo del enlace principal */
	/* el color de fondo
	background: #222;
	background: -moz-linear-gradient(#222, #555);
	background: -webkit-linear-gradient(#22, #555);
	background: -o-linear-gradient(#222, #555);
	background: -ms-linear-gradient(#222, #555);
	background: linear-gradient(#222, #555); */
	
	/* animamos su visibildiad */
	-moz-transition: opacity .25s ease .1s;
	-webkit-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}
/* son visibes al poner el cursor encima */
.menu li:hover > ul {
	opacity: 1;
}
/* cada un ode los items de los submenús */
.menu ul li {
	height: 0; /* no son visibles */
	overflow: hidden;
	padding: 0;
	/* animamos su visibildiad */
	-moz-transition: height .25s ease .1s;
	-webkit-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}
.menu li:hover > ul li {
	height: 30px; /* los mostramos */
	overflow: visible;
	padding: 0;
}
.menu ul li a {
	border: none;
	/* border-bottom: 1px solid #111; */
	/* el ancho dependerá de los textos a utilizar */
	width: 270px;
	margin:0 !important;
	font-size:15px !important;
}
/* el último n otiene un borde */
.menu ul li:last-child a {
	border: none;
}




/*********************************************************/
/******* ESTILOS PARA EL MENÚ RESPONSIVE VERT ************/
/*********************************************************/

.list-menu {
	padding: 0;
	list-style: none;
	font-size: 13px;
	margin-top: -1px;
}
.list-menu li a {
	color: #fff;
    text-decoration: none;
    font-size: 2.7em;
    line-height: 0.95em;
    font-weight: 100;
}
.list-menu li ul li a {
	font-size: 20px;
	margin: 10px 0;
	color: #fff;
}
.list-menu li a:hover {
    
}
.list-menu ul {
	margin: 0 0 0 10px;
	padding: 0 0 0;
	list-style: none;
	height: 0;
	overflow: hidden;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.list-menu ul li a {
    padding: 10px;
    line-height:25px
}
.list-menu li ul {
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}
.list-menu li:hover ul {
	height: 115px;
	padding:10px 0 0 0;
	overflow-y: hidden;
	overflow-x: hidden;
}
.list-menu ul li a {
    
}
.list-menu ul li a:hover {
	color: #999;
	-moz-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
}