/* reseteo universal */
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body, html 
{
 font-family: Verdana, Arial, Helverica;
 font-size: 1em;
}

.efecto-img{
  margin: .2em 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
}
.efecto-img:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

h1{
font-size: .9em;
color: #000000;
}
h2{
 font-size: .9em;
 vertical-align: middle;
 color: #FFFFFF;
 font-weight: bold;
}
h3{
  padding-left:.8em;
  padding-right:.8em;
  font-size:1em;
  line-height: 24px;
  color: #000000;
  text-align:justify;
}
h4{
color:#808BB4;
 font-size: .8em;
text-decoration: underline;
font-weight: bold;
}

a {
	text-decoration: none;
}
a:hove{
  color:#F60;
}

img, iframe{
  max-width:100%;
}
header, section#contenido,footer{
margin:0 auto;
width:80%;
max-width:80%;
text-align:center;
}

header{
 background-color: #021769;}
 
header h1, nav{
 background-color: #021769;
 display: inline-block;
 max-width: 100%;
 font-size: .9em;
 vertical-align: middle;
  
}
header h1{
 text-align:left;
 width:30%;
}
nav{
 text-align:right;
 width:60%;
}

nav ul {
 list-style: none;
 box-sizing: border-box;
}

nav li{
 display: inline-block;
 padding: 0.5em;
 vertical-align: top;
 font-size: .8em;
}

nav a{
 background-color: #021769;
 border-radius:.2em;
 color: #f60;
 font-size: .9em;
 display: block;
 font-size: 1em;
 padding: 0.3em;
 color:#FFF;
 -ms-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
 
}
nav a:hover{

background:#FFCB05;
	border:0.1em solid #FFCB05;
	color:#295599;
	-ms-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

section#grilla{
width: 100%;
max-width: 100%;
text-align:left;
font-size: .8em;
padding-top:.5em;
padding-bottom:.5em;
display:inline-block;
vertical-align:middle;
}

.Fondoinm{
box-sizing: border-box;
background:#F0F0F6;
margin: 0 auto;

}
#imgpa img{
width:100%;
margin-bottom: -.5em;
}

#publicidad_inf{
   	margin: 0 auto;
	text-align: center;
	max-width:100%;
	margin-bottom: .5em;
}

/* Menu  general */
#wrapper {	
	width: 90%;
margin: .5em;
	font-size: .9em;
}

.menu {
	width: auto;
	height: auto;
	list-style: none;
}

.menu  ul{
	list-style: none;
}
.menu > li > a {
list-style: none;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: .4em; /* margen izquierdo */
	display: block;
	position: relative;
	font-family: "Verdana", Arial, sans-serif;
	font-weight: 600;
	color: #02176A;
	text-align:left;
}
.menu ul li a {
list-style: none;
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.4em;
	display: block;
	position: relative;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	color: #02176A;
	text-align:left;
}
.menu ul li:last-child a {
list-style: none;
	border-bottom: 1px solid #33373d;
}
.menu > li > a:hover, .menu > li > a.active {
list-style: none;
	background-color: #C0C5D9;
	-webkit-box-shadow: inset 0px 1px 0px 0px #C0C5D9;;
	-moz-box-shadow: inset 0px 1px 0px 0px #C0C5D9;;
	box-shadow: inset 0px 1px 0px 0px #C0C5D9;;
}
.menu > li > a.active {
list-style: none;
	border-bottom: 1px solid #C0C5D9;
}
.menu > li > a:before {
list-style: none;
	content: '';
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}

.menu > li > a span {
list-style: none;
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: left;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
list-style: none;
	background: #2173a1;
}
/* figura flecha */
.menu > li > ul li a:before{
list-style: none;
	/*content: '▶';*/
	  content: "\f18e";
	font-size: 8px;
	color: #02176A;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
	color: #FF0000;
}
.menu ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: left;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}

/*  *********************************************** */

.menusolo {
	width: auto;
	height: auto;
	list-style: none;
}
.menu  ul{
	list-style: none;
}
.menusolo > li > a {
list-style: none;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: .4em; /* margen izquierdo */
	display: block;
	position: relative;
	font-family: "Verdana", Arial, sans-serif;
	font-weight: 600;
	color: #02176A;
	text-align:left;
}
.menusolo ul li a {
list-style: none;
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.4em;
	display: block;
	position: relative;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	color: #02176A;
	text-align:left;
}
.menusolo ul li:last-child a {
list-style: none;
	border-bottom: 1px solid #33373d;
}
.menusolo > li > a:hover, .menu > li > a.active {
list-style: none;
	background-color: #C0C5D9;
	-webkit-box-shadow: inset 0px 1px 0px 0px #C0C5D9;;
	-moz-box-shadow: inset 0px 1px 0px 0px #C0C5D9;;
	box-shadow: inset 0px 1px 0px 0px #C0C5D9;;
}
.menusolo > li > a.active {
list-style: none;
	border-bottom: 1px solid #C0C5D9;
}
.menusolo > li > a:before {
list-style: none;
	content: '';
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}

.menusolo > li > a span {
list-style: none;
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: left;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.menusolo > li > a:hover span, .menu > li a.active span {
list-style: none;
	background: #2173a1;
}
/* figura flecha */
.menusolo > li > ul li a:before{
list-style: none;
	/*content: '▶';*/
	  content: "\f18e";
	font-size: 8px;
	color: #02176A;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}
.menusolo > li > ul li:hover a,
.menusolo > li > ul li:hover a span,
.menusolo > li > ul li:hover a:before {
	color: #FF0000;
	list-style: none;
}
.menusolo ul > li > a span {
list-style: none;
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: left;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}

/* texto articulo */
.textart{
  padding:.8em;font-family: "Verdana", Arial, sans-serif;
	font-size:1em;
	font-weight: 400;
	color: #000000;
	text-align:justify;}


/* lista titulos */
.list1 ul strong{list-style: none;}
.list1 li {line-height:40px;list-style: none;}
.list1 li strong {margin-top:.7em;list-style: none;display:inline-block;background:url(../../img/marker_1.gif) 0 2px no-repeat;padding-left:48px;color:#000000;font-weight:bold;text-decoration:none;font-size:1.1em}
.list1 li strong:hover {background-position:0 -38px;color:#0055a2;list-style: none;}

#trad {
max-width:100%;
overflow: hidden;
}

.imgser img{
	padding-top: .4em;
text-align:center;

}
.texher{
font-family: "Verdana", Arial, sans-serif;
	font-size: 0.8em;
	font-weight: 400;
	color: #02176A;
text-align:center;

}

/* fondo gris*/
.box {
	width: 95%;
	margin: 0 auto;
	padding-top:.5em;
    box-sizing: border-box;
}
.box-gray  {
	background: #f8f8f8;
	padding: 10px 10px 20px;
	box-sizing: border-box;
}
.pubicidadDerGoogle{
box-sizing: border-box;
	padding:.6em ;
	text-align:center;
	margin:0 auto;
	max-width: 90%;
}



/*Estilos de menu para compartir*/


/* redes sociles */
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	bottom:30px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
.social ul {
	list-style: none;
}
 
.social ul li a {
	display: inline-block;
	color:#fff;
	font-size:1.5em;
	background: #000;
	padding: 12px 12px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
.social ul li .icon-facebook2 {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-tumblr2 {background: #00abf0;}
.social ul li .icon-instagram {background: #00CC00;}
.social ul li .icon-twitter {background: #00CC00;}
.social ul li .icon-google-plus2 {background: #D64533;}
.social ul li .icon-blogger2 {background: #F57D00;}
.social ul li .icon-mail {background: #FF0000;}
.social ul li a:hover {
	background: #717DAB; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 14px 16px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}


footer{
	background-color: #021769;
	color:#FFF;
	font-size:.84em;
	padding:0.75em 0;
margin-top:.3em;
	margin-bottom:.6em;
box-sizing: border-box;
}

footer a{
	 text-decoration: none; 
	color:#FFF;

}

/* @media only screen and (max-device-width: 767px) { */
@media only screen and (max-width : 640px)
{
	header,section#contenido,footer{
	max-width:90%;
	width:90%;
	}
	header h1{
		text-align:left;
		width:30%;
	}
	nav{
		text-align:right;
		width:100%;
	}
	nav li{
		padding: 0.2em;
	}
	nav a{
		font-size: .8em;
		padding: 0.2em;
	}

	/* lista titulos */
	.list1 li {line-height:20px}
	.list1 li strong {margin-top:.7em;background:url(img/marker_2.gif) 0 2px no-repeat;padding-left:22px;font-size:.7em}
	.list1 li strong:hover {background-position:0 -20px;}

	.social ul li a {
		font-size:.7em;
		padding: 10px 10px;
	}
	.social {
		top: 290px; /* Bajamos la barra 200px de arriba a abajo */
	}

	#MenNavInm, #herramientas{
		width:57%;
	}
	#herramientas{
		width:39%;
	}
	#wrapper {	
		font-size: .8em;
	}
	section#grilla{
		font-size: .7em;
		margin-left:.5em;
		padding-bottom:.5em;
		vertical-align:middle;
	}
}


/* @media only screen and (max-device-width: 480px) { */
@media only screen and (max-width : 480px) 
{
	header,section#contenido,footer{
		max-width:100%;
		width:100%;
	}

	header h1{
/*	display:none;*/
		text-align:left;
		width:30%; 
	}
	nav{
		text-align:right;
		width:100%; /*estaba en 65*/
	}
	nav li{
		padding: 0.2em;
		font-size:.9em;
	}
	nav a{
		font-size: .9em;
		padding: 0.2em;
	}
	#lista3 {
		margin-bottom: 2em;
	}

	#lista3 ol {
		margin: -.5em 0 0 2em; 
	}

	#lista3 li{
     margin: .1em 0 .5em 2.5em;

	}

	/* lista titulos */
	.list1 li strong {font-size:.8em}

	.social ul li a {
		font-size:.7em;
		padding: 10px 10px;
	}
	.social {
		top: 290px; /* Bajamos la barra 200px de arriba a abajo */
	}

	#MenNavInm, #herramientas{
		width:49%;
	}
	#herramientas{
		width:44.5%;
	}
	#wrapper {	
		width: 98%;	
		font-size: .8em;
	}
	.menu ul li a {
		text-indent: .4em;
	}
	#imgpa img{
          height:200%;
	}
}


@media only screen and (max-width : 320px) {
	header,section#contenido,footer{
		max-width:100%;
		width:100%;
	}
	#imgpa img{
		height:200%;
	}
	header h1{
	  /*  display:none;*/
		text-align:left;
		width:30%; 
	}
	nav{
		text-align:right;
		width:100%; /*estaba en 65*/
	}
	nav li{
		padding: 0.2em;
	}
	nav a{
		font-size: .8em;
		padding: 0.2em;
	}
	#lista3 {
		margin-bottom: 2em;
	}
	#lista3 ol {
		margin: -.5em 0 0 2em; 
	}
	#lista3 li{
		margin: .1em 0 .5em 2.5em;
	}

	/* lista titulos */
	.list1 li strong {font-size:.8em}
	.social ul li a {
		font-size:.7em;
		padding: 8px 8px;
	}
	.social {
		top: 330px; /* Bajamos la barra 200px de arriba a abajo */
	}
	#MenNavInm, #herramientas{
		width:49%;
	}
	#herramientas{
		width:44.5%;
	}
	#wrapper {	
		width: 98%;	
		font-size: .8em;
	}
	.menu ul li a {
		text-indent: .4em;
	}
	section#grilla{
		font-size: .7em;
		margin-left:.5em;
	}

	#lista3 {
		margin-bottom: 2em;
	}

	#lista3 ol {
		margin: 0 0 0 2em; 
	}
	#lista3 li{
		margin: .5em 0 .5em 2.5em;
	}
}