/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles 
body {
	background-color: #ece8e5;
}*/
nav {
	height: 40px;
	width: 100%;
	font-size: 11pt;
	font-weight: bold;
	position: relative;
	z-index:1000;
	font-size:1.5em;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	max-width: 1200px;
	/*height: 40px;*/
}
nav li {
	display: inline;
	float: left;
}
nav ul li:hover > ul {display:block;}

nav a {
	color: #000;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;
	padding:0 1.5em;
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:.3em;
}
nav li a:hover{background: #0095D6; color:#fff; border-radius:.3em;}
nav li a.current{background: #0095D6; opacity:.8; color:#fff; border-radius:.3em;}

nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}




/* main level link hover */

nav .current a {
	background: #0095D6; /* for non-css3 browsers */
	color: #fff;
	display:block;
	border-radius:0;
	opacity:0.8;
}
nav li:hover > a {
	background: #0095D6; /* for non-css3 browsers */
	color: #fff;
	display:block;
	border-radius:.3em;
}

nav li.current a{
	color:#fff;
}
/* sub levels link hover */
nav ul li ul li:hover a, nav li:hover li a {
	background: none;
	border: none;
	color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
nav ul li ul a:hover {
	background: #0095D6 !important; /* for non-css3 browsers */
	color: #fff !important;
}
/* level 2 list */
nav ul li ul {
	background: #ddd; /* for non-css3 browsers */
	font-size:1em;
	display: none;
	margin: 0;
	padding: 0;
	min-width: 20em;
	position: absolute;
	top: 2.5em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
nav ul li ul li:hover > ul {
	display: block;
}
nav ul li ul li {
	margin: 0;
	padding: 0;
	border-radius:0;
	clear:both;
	width:100%;
}
nav ul li ul a {
	font-weight: normal;
	text-align:left;
}
/* level 3+ list */
nav ul li ul ul {
	left: 200px;
	top: -3px;
	z-index:3000;
	background: #ddd; /* for non-css3 browsers */
	font-size:1em;
	display: none;
	margin: 0;
	padding: 0;
	min-width: 20em;
	position: absolute;
	top: 0em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
































/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
		background: #455868;
		display:none;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 15px;
		padding:0;
		color:#fff;
  	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
		color:#fff;
		padding:0;
	}
	nav a#pull:after {
		content:"";
		background: url('/images/nav-icon.png') no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull:hover{color:#ececec;}
	
	nav ul li ul{display:none !important; ;}
	nav ul li ul li ul{display:none !important; ;}
	
	#contenidos #autores tr td img{width:100%;}
	#articulosPortada tr td{ display:block; width:100%;}
	#lateral{ width:100%; clear:both; float:none;}
	#contenidos{ width:100% !important; ;}
	#menuPie{position:relative;}
	#menuBuscador{ display:none;}
	#jq_fmslideshow #fmslideshow .txtMedium{ font-size:1.5em;}
	#jq_fmslideshow #fmslideshow .txtExNormal{font-size:1em;}
	#cookieClose{clear:both !important; float:left;}
	table tr td{ display:block !important; width:100% !important; padding:1em 0;}
	table tr td img{ width:100% !important; height:auto !important;}
	table#autores tr td{ display:inline-table !important; width: auto!important;}
    
    #cajaFormulario form label{width:auto;}
    #cajaFormulario form p.radios input{clear:both;}
    #cajaFormulario form p.radios{clear:both;}
    #cabecera{ text-align: center;}
    #cabecera a{ float: none !important; clear: both;}
    #cabecera #logo { float: none !important; clear: both;}
    #cabecera #logo a{ float: left !important; clear: both;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav a {color:#fff; max-height:40px; padding:0;}
	nav ul {
		display: none;
		height: auto;
		background: #455868;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
		color:#fff;
		padding:0;
	}
	nav a#pull:after {
		content:"";
		background: url('/images/nav-icon.png') no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull:hover{color:#ececec;}

	nav ul li ul{display:none !important; ;}
	nav ul li ul li ul{display:none !important; ;}

	#contenidos #autores tr td img{width:100%;}
	#articulosPortada tr td{ display:block; width:100%;}
	#lateral{ width:100%; clear:both; float:none;}
	#contenidos{ width:100% !important; ;}
	#menuPie{position:relative;}
	#menuBuscador{ display:none;}
	#jq_fmslideshow #fmslideshow .txtMedium{ font-size:1.5em;}
	#jq_fmslideshow #fmslideshow .txtExNormal{font-size:1em;}
	#cookieClose{clear:both !important; float:left;}
	table tr td{ display:block !important; width:100% !important; padding:1em 0;}
	table tr td img{ width:100% !important; height:auto !important;}
	table#autores tr td{ display:inline-table !important; width: auto!important;}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
		padding:0;
	}

	nav ul li ul{display:none !important; ;}
	nav ul li ul li ul{display:none !important; ;}

	#contenidos #autores tr td img{width:100%;}
	#articulosPortada tr td{ display:block; width:100%;}
	#lateral{ width:100%; clear:both; float:none;}
	#contenidos{ width:100% !important; ;}
	#menuPie{position:relative;}
	#menuBuscador{ display:none;}
	#jq_fmslideshow #fmslideshow .txtMedium{ font-size:1.5em;}
	#jq_fmslideshow #fmslideshow .txtExNormal{font-size:1em;}
	#cookieClose{clear:both !important; float:left;}
	table tr td{ display:block !important; width:100% !important; padding:1em 0;}
	table tr td img{ width:100% !important; height:auto !important;}
	table#autores tr td{ display:inline-table !important; width: auto!important;}
}