@charset "UTF-8";
html { overflow: auto ;}
img {border: none ; max-width: 100% ; height: auto ;}
body {margin: 0; padding: 0; background-color: #FFF;}
.gridContainer {background-color: #FFF; width: 100%; max-width: 1800px; margin:0 ; padding: 0;}
header {width: 100% ; margin: 0 ; padding: 0 ;}
nav {width:100%; padding: 0 ; margin: 0 ;}	
	nav ul, nav ol {list-style: none; list-style-image: none;}
footer {clear: both ; margin: 15px 0 0; background-color: #66b0df;  width: 100%;  height: 100%; padding: 1.2em 0 0; color: #fff;}
article {margin:20px 0 25px;}
ins {background: none!important; text-decoration: none;} /*fondo adsense*/
input , select {outline: 0} /*quita borde de form*/
p , ul , ol , li , a { color: black ; font-weight: normal; font-size: 16px ; font-family: Arial, Helvetica, sans-serif ; line-height: 18px ;}
h1 , h2 , h3 , h4 { font-weight:bold  ; font-family: "Warnock", "Times New Roman", Times, serif;} 
h1 {text-align: center ; font-size:30px;} h2 {font-size:22px;} h3 {font-size:20px;} h4 {font-size:18px;}

ul , ol  {margin: 0 10px 0 20px;}
li 	{}
	.no-style {list-style: none}
	.disc-style , .disc-style li {list-style: disc;}	
	
#externoglobal {}
#main-text {margin: 20px 10px 20px 30px; width: 600px; padding: 0; border-style:none;}
#main-center {margin: 10px auto 20px ; width: 600px;}

a {text-decoration: none ;}
a:link , a:visited  { color: #2484BC; }
a:hover , a:active {text-decoration: underline ; }
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em auto 0 ; padding: 0; width: 90% ;}
	
/*Publicidad*/
.banner-lat , .banner-fondos {} 
.publi { margin: 5px 10px 0; font: normal 10px "Trebuchet MS", Arial, sans-serif; color: #777 ; text-decoration: none; text-align: center }
.aliex {margin-top: 20px;} .aliex .publi {margin-bottom: 5px;}
/*Fin de Publicidad*/
	
	/*Barra Derecha*/
		aside {float:right; padding:0 ;  border-style:none ; }	
		.barra-der-top { margin: 0 0 20px 0; padding: 2px 0; background-color: #fdfbfd; border: solid 2px #ed994a; border-radius: 5px ;}
		.barra-der-top .der-img {float: left; width: 90px ; height:90px ;margin: 0 10px 0; border: solid 2px #fdfbfd; }
		.barra-news {width: 98%; margin: 10px 0 20px; background-color: #fdfbfd; border-color: #fff ; border-style: solid ; border-width: 2px ; padding: 0; box-shadow: 0 3px 10px #000 ; height: auto;}
				.news-img {width: 100% ; height: auto;}
				.barra-news p {font-size: 20px; color: #3193E1 ; font-weight: bold ;}
		.barra-der-top a:link , .barra-der-top a:visited , .barra-der-top { color: #000;}
		.barra-der-top a:hover , .barra-der-top a:active , .barra-der-top .new-der:hover a, .new-der:active a { color: #000 ; text-decoration: underline;}
		.barra-der-top h4 {margin: 5px 10px ; font-size:20px ; font-weight:bold ; color:#000000; padding: 5px 3px ; background-color: #ed994a ; font-family: Arial, Helvetica, sans-serif; border-radius:3px ; text-align: center;}
		.barra-der-top .new-der p { margin: 15px 0 0; text-align: left; padding:0;}
		.barra-der-top p {margin: 10px 10px 10px 15px; font-weight: normal; padding: 4px;}
		
		.barra-der {clear:right; width: 300px; margin: 0; padding: 0 ;}
		.barra-der h4 {margin: 20px 10px 5px ; padding: 0; font-size:20px ; font-weight:bold  ;font-family: Helvetica, Arial, sans-serif; text-align: left}
		.barra-der hr , .buy-amaz hr {clear:left; background-color:#fff; margin: 0; border-width: 1px 0 0; border-style: dashed ; border-color: #ddd ; height: 0 ; width: 100%;}
		.barra-der a:link , .barra-der a:visited { color: #666;}
		.barra-der a:hover , .barra-der a:active { color: black ; text-decoration: none ;}
		.barra-der ul {margin: 30px 0 0; padding: 0}
		.barra-der li {margin: 25px 0 25px ; padding: 0; list-style: none;}
		.barra-der li a {padding: 0 0 0 10px ;}

		.sprite-mf { float: left ; padding: 0 ; border-radius: 5px; display: block; max-width: 80px;	margin: 0 1em 0 0 ; height: 80px; width: 80px;} .sprite-mf:hover { opacity: 0.7;}
		.sprite-mf1 {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat 0 -80px} 
		.sprite-mf2 {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat 0 -160px} 
		.sprite-mf3 {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat 0 -240px}
		.sprite-mf4 {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat -80px -160px}
		.sprite-mf5 {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat -80px -240px}
		.sprite-mf-new {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat 0 0}
		
		.new-der { float: left; width: 270px; margin: 0; padding: 1px 2px ; text-align:center ; height: auto ;}
		.new-der p { margin: 30px 0 auto 10px ; color: #666; text-align: left} .new-der .thank {margin: 8px 0 0;}
		.der-img { float: left; width: 80px ; height: 80px ; margin: 0 10px 0 ;}
		.barra-der-top .der-img { width: 90px ; height:90px ;margin: 0 10px 0 ;}
		.new-der:hover p , .new-der:active p {color: #000; cursor:pointer; cursor: hand ;}
		.aside-social { text-align:center;}
		.soc-asd-fb , .soc-asd-tw , .soc-asd-go { width: 95% ; height: 45px; margin: 2% ; border-radius: 5px;} .soc-asd-fb {background-color: #3b5998 ;} .soc-asd-tw {background-color: #55acee ;} .soc-asd-go {background-color: #d34836 ;} .soc-asd-fb:hover { background-color:#10106A;} .soc-asd-tw:hover { background-color:#0084b4 ;} .soc-asd-go:hover {background-color: brown ;}
			.soc-asd-fb a , .soc-asd-tw a , .soc-asd-go a { display: block; margin: 0 ;  padding: 0 ; width: 100% ; height: 100%; line-height: 45px; text-align: center; font-size: 16px;}	
			.soc-asd-fb a:link , .soc-asd-fb a:visited  , .soc-asd-tw a:link , .soc-asd-tw a:visited , .soc-asd-go a:link , .soc-asd-go a:visited {color: #FFF;}
			.aliex img {float: left ; width: 350px;}
			.aliex .buy { float: left ;  width: 120px; background-color: rgba(255,166,1,0.8) ; border: solid 1px #444; border-radius: 10px; padding: 10px 3px 0; margin: -60px 2px 40px 12px; text-align: center; height: 35px; }
			.aliex .buy:hover {background-color: orange;}
			.aliex .buy a , .aliex .buy a:active , .aliex .buy a:hover , .aliex .buy a:link , .aliex .buy a:visited { color: #000; margin: 0 ; padding: 0; font-weight: bold;}
			.buy-amaz { width: 95%; margin: 10px auto; background-color: #fdfbfd; padding: 15px 5px; border-radius: 10px; border: solid 1px #FFA601 ;}
			.buy-amaz a {margin: 10px;}
			.buy-amaz a:link , .buy-amaz a:visited {color: #000;} .buy-amaz a:hover , .buy-amaz a:active {color: #444;}
			.buy-amaz a:first-child { font: bold 20px "Book Antiqua", Palatino, serif ; color: #b20202; margin: 10px 5px;}
			.buy-amaz a:first-child:hover , .buy-amaz a:first-child:active { color: #F20202 ;}
			
			/*Fin de barra derecha*/
		
.boxbig { background-color: #fff; width: 910px ; height: 250px ; border-color: #f8e9c9; border-style: solid ; border-width: 5px ; text-align: center ;  padding: 0em 0.7em  ; margin: 0 auto 0.7em ;}
.calculo { float: left ; width: 350px ; height: 520px ; background-color: #fdfbfd ; border-style: solid ; border-width: 8px ;border-color: #FFA601 ; margin-left:10px ; margin-right:10px ; padding: 0 5px 10px;}
.barra-calc {float: right ; width: 200px; margin: 25px 10px 20px ; padding:0 ; border-style:none ; border-width: 0px;}
 
/*Comentarios y fuentes especiales*/
.hide {display: none;}
.small , .small a , .small p , .small li { font-size: 85% ;	}
.big {font-size: 120%}
.gris {color: #AAA ;}
.delphos {color: #777; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-style: italic ; text-align: center;} 
.next {clear: both ; text-align: right ; font: italic 13px  Verdana, Geneva, sans-serif; }
.consejo { width: 85%; margin: 6px auto 3px  ; padding: 1em 1.5em ; background-color: #F7E1DB; border-radius: 10px; }
.leyenda { font-size: 12px ; color: #666 }
.leyenda li { font-size: 12px ; color: #666 ; list-style: none } .leyenda a {font-size: 12px }
.noborder {border: none ;}

.coment-top { background-color:#02779E; margin: -5px 40px 20px 55px; padding: 5px 10px ; font: 13px Helvetica, Arial, sans-serif italic; color: #ffffff ; border-radius: 5px; }
.coment-top a {font: 13px Arial, Helvetica, sans-serif italic; text-decoration: underline; }
.coment-top a:link , .coment-top a:visited { color: #FF6 ;}
.coment-top a:hover , .coment-top a:active { color: #CF6 ;}

.cont { margin: 5px 0 0 0}
	.cont h4 { font-size: 20px  }
	.cont-list { float: left; width: 105px;	margin: 0 5px 0 20px; padding: 0 2px 10px; text-align:center ; height: 160px ;border: solid 3px #fdfbfd;}
	.cont-list p { margin: 5px 0 0 ;}
	.cont-list:hover ,.cont-list:active { background-color:#eee ;border: solid 3px #ccc;}
	.cont-list-img { width: 100px ; height: 100px ; margin: 0 2px 0 0; border: solid 2px #ddd;}
	.cont-list:hover .cont-list-img , .cont-list:active .cont-list-img { border: solid 2px #444;}	 
	.cont p  { margin: 0 10px ; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: black; text-decoration: none;}
	.cont a {  margin: 0 ; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: black ; text-decoration: none;}
	.cont a:link , .cont a:visited { color: black ; text-decoration: none;}
	.cont a:hover , .cont a:active { color: #02779E ; text-decoration: underline;}
.thank { font: normal 8px Arial, Helvetica, sans-serif ; text-decoration: none ; color: #666 ; padding: 0 ; line-height: 8px }
.thank a { color: silver ; text-decoration: none;}
.thank a:link { text-decoration: none ; font: normal 8px Arial, Helvetica, sans-serif ; color: #02779E;}
.thank a:visited {color: #02779E ; text-decoration: none ;}
.thank a:hover , .thank a:active {color: blue ; text-decoration: none ;}
.green {color: #339900} .red {color: #FF0000 ;}
.nuevo-exam { margin: 0; padding: 3px ; background-color: #66FF33 ; border: none 1px #333333 ; color: #000000 ; font-size: 12px ;}
/* Fin de fuentes especiales*/

.tituorange { background-color: #FFA601 ; margin: 30px auto 20px ; height: 40px ; width:150px ; padding: 0px ;}
.noborder { border: none}
.clearleft {clear:left} .clearright {clear: right } .clearall {clear: both}

/* Alineaxión del Texto*/
.center {text-align: center ;}
.left {text-align: left ;}
.right {text-align: right ;}

/*Social*/
.compartir { margin: 20px auto ; text-align:center;}
.compartir p { text-align: left}
.compartir .botfb, .compartir .bottw, .compartir .botgo , .compartir .botpc , .compartir .botflip{ width: 120px; overflow:hidden; zoom: 1; *display: inline; display: inline-block; vertical-align: top;}
.compartir .bottw {width: 100px} .compartir .botpc {width: 95px}
.compartir .botgo  {  width: 80px; margin-top: -2px; }

.faceb-spr {height: 70px; width: 350px; max-width: 100%; background-color: #182b66; margin: 15px auto ; padding: 0 ;  border: none; border-radius: 7px ;
	background: -webkit-linear-gradient(#445baf, #182b66); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#445baf, #182b66); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#445baf, #182b66); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#445baf, #182b66); /* Standard syntax */ }
  .faceb-spr:hover { opacity: 0.8;}
  .faceb-spr a { display: block; margin: 0; padding: 0; color: #FFF; font-size: 22px; line-height: 70px; width: 100% ; height: 100%}  .faceb-spr a:hover , .faceb1 a:active { text-decoration: none;}
  .faceb-spr .sprite-comp , .faceb-spr .sprite-comp-en ,  .faceb-spr .sprite-comp-pt {float: left ; padding: 0 ; display: block; max-width: 50px; margin: 10px 10px 1px 20px ; height: 50px; width: 50px;} 
  .faceb-spr .sprite-comp {background: url(https://www.my-ekg.com/imag/sprite-aside.png) no-repeat -110px 0 ;} 
  .faceb-spr .sprite-comp-en {background: url(https://www.my-ekg.com/imag/sprite-eng.png) no-repeat -110px 0 ;} 
  .faceb-spr .sprite-comp-pt {background: url(https://www.my-ekg.com/imag/sprite-pt.png) no-repeat -110px 0 ;} 

.social  { margin: 5px 30px 10px 0 ; height: 30px ; }
.spr-social { float: right ; padding: 0 ; display: block; max-width: 30px;	margin: 0 0 0 7px; height: 30px; width: 30px;}
.spr-social:hover { opacity: 0.7}
.spr-face {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat -80px 0 } .spr-face-en {background: url(https://www.my-ekg.com/imag/sprite-eng.png) no-repeat -80px 0} .spr-face-pt {background: url(https://www.my-ekg.com/imag/sprite-pt.png) no-repeat -80px 0}
.spr-twt {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat -80px -30px} .spr-twt-en {background: url(https://www.my-ekg.com/imag/sprite-eng.png) no-repeat -80px -30px}
.spr-goog {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat -80px -60px} .spr-goog-en {background: url(https://www.my-ekg.com/imag/sprite-eng.png) no-repeat -80px -60px}
.spr-mail {background: url(http://www.mi-felicidad.com/img/sprite-mf.png) no-repeat -80px -90px} 

.faceb { margin: 5px 0 15px 5px; width: 282px ;}
	.faceb-img { border: solid 2px #fdfbfd; border-radius: 5px; max-width: 100%;}	
	.faceb-img:hover , .faceb-img:active { border-color: #333}
.twit { margin-top: 10px 0 0  ; padding: 0}
.icon-nav {margin: 0 0 -10px 0 ; padding: 0;}
.social-ul li {display: inline; list-style:none; margin: 0 ; padding-top: 20px}
.fb-li {margin: 0; padding: 0;}

.box  { text-align: center ; margin: 20px 50px; padding: 10px 10px ; border-style: solid ; border-width: 1px ;  border-color: #ed994a ; border-radius: 5px}
.box ul , .box li { text-align: left; list-style: none; margin: 0.5em 0 0.2em 0.5em; padding: 0}
.box h2 , .box h3  {text-align: center; margin: 0.5em 0.75em 1em 1em ;}

#suprigth { float: right ; margin:5px 40px 0 0px; width: 340px ; text-align: right}
#suprigth li { display: inline ; margin: 0 0 0 5px; font: normal 12px Tahoma, Arial, sans-serif ; color: black ; text-decoration: none;}
#suprigth a { margin: 0 0 0 5px; font: normal 12px Tahoma, Arial, sans-serif ; color: black ;}
#suprigth a:link , #suprigth a:visited { text-decoration: none;}
#suprigth a:hover , #suprigth a:active { text-decoration: underline ;}

.goog-search {text-align: right; margin-right: 10px ; }
.barra-der .goog-search { text-align: center ; margin: 10px auto; }
.goog-search input { border-radius: 5px; background-color: #eee; font-size: 14px ; text-align: left;}
.hr-title {background-color: #ccc ; border: none ; height:2px ; width: 60% ;  margin: 0 auto 2em;}

/*Footer*/
	.footblock { color: #fff ; text-decoration: none ; padding: 0 0 1em ;}
	.footblock li {text-align: left; display: block ; list-style: none; color: #fff;}
	.footblock li hr { background-color: #ccc; height:1px; border:none ;}
	.footblock a:link , .footblock a:visited { margin: 0 0.5em 0 0.15em; font: normal 15px Arial, Helvetica, sans-serif ; color: #fff ; text-decoration: none ;}
	.footblock a:hover , .footblock a:active {color: #e2e2e2 ; text-decoration: none ;}
	.foot-title { padding: 0 0 0 0.9em; font: 16px Arial, Helvetica, sans-serif ; color: #fff; text-align: left} 
	.foot-img {margin: 1.1em 0 1.1em ;}
	.foot-end { width: 100%; height: 2.5em; background-color:#000 ; border-top: groove 1px #ccc;}
	.foot-end p { text-align: center; font-size: 17px; color: #FFF;}

/*MENU DESPLEGABLE*/
		.titulo1 { width: 1000px ; margin: 0 auto 10px; padding: 0 ; text-align: center; height: 30px }
		#menu a.current { color: #F87876 ; }
		#menu, #menu ul { margin: 0; padding: 0; list-style: none;  }
		#menu { width: 980px; margin: 0 auto; text-align:center ; padding: 10px 0 0}
		#menu:before, #menu:after { content: ""; display: table; }
		#menu:after { clear: both; }
		#menu li {  position: relative; z-index: 100 ; display: inline ; }
		#menu a { text-shadow: none;  padding: 10px 10px 0;   color: #FFFFFF;  font: normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif ; text-decoration: none; }
		#menu li:hover > a { color: #FF8720; }	
		/* submenus */
		/*background UL*/
		#menu ul { margin: 20px 0 0 0; opacity: 0; visibility: hidden; position: absolute; top: 32px; left: 0; z-index: 9999; background: #014D67; background: -moz-linear-gradient(#014D67, #003243); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #003243), color-stop(1, #014D67)); background: -webkit-linear-gradient(#014D67, #003243); background: -o-linear-gradient(#014D67, #003243); background: -ms-linear-gradient(#014D67, #003243); background: linear-gradient(#014D67, #003243); -moz-box-shadow: 0 -1px rgba(255, 255, 255, .3); -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .3); box-shadow: 0 -1px 0 rgba(255, 255, 255, .3); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }		
		#menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
		#menu ul ul { top: 0; left: 150px; margin: 0 0 0 20px; -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, .3); -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, .3); box-shadow: -1px 0 0 rgba(255, 255, 255, .3); }
		#menu ul li { float: none; display: block; border: 0; -moz-box-shadow: 0 1px 0 #333, 0 2px 0 #555; -webkit-box-shadow: 0 1px 0 #333, 0 2px 0 #555; box-shadow: 0 1px 0 #333, 0 2px 0 #555; }
		#menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
		#menu ul a { color:#FFFFFF; font-size: 12px; letter-spacing: 1px; text-shadow: none; padding: 10px; width: 155px; display: block; white-space: nowrap; float: none; text-transform: uppercase; }	
		#menu ul a:hover { text-shadow: none; color: #FFFFFF; background-color: #FFA601; background-image: -moz-linear-gradient(#FFA601, #FF8720); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA601), to(#FF8720)); background-image: -webkit-linear-gradient(#FFA601, #FF8720); background-image: -o-linear-gradient(#FFA601, #FF8720); background-image: -ms-linear-gradient(#FFA601, #FF8720); background-image: linear-gradient(#FFA601, #FF8720); }
		#menu ul li:first-child > a { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
		#menu ul li:first-child > a:after { content: ''; position: absolute; left: 80px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #014D67; }
		#menu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #FFA601; }
		#menu ul li:first-child a:hover:after { border-bottom-color: #FFA601; }
		#menu ul ul li:first-child a:hover:after { border-right-color: #FFA601; border-bottom-color: transparent; }
		#menu ul li:last-child > a { -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.clearfix:before, .clearfix:after {  content: " "; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }
	
	/*Nav Movil*/
	#mvtest { width: 100%; height: auto; margin: 0; border: none;  background: #455868; font-size: 12px; font-family: 'PT Sans', Arial, sans-serif; font-weight: bold; position: relative; }
	#mvtest ul { padding: 0; margin: 0 auto; width: 100%; height: auto; display: none; border: none }
	#mvtest a { color: #fff; display: inline-block; width: 100%; line-height: 35px; text-shadow: none; text-align: left; text-indent: 25px; }
	#mvtest li {display: inline; width: 50%; float: left; position: relative; }
	#mvtest li a {  border-bottom: 1px solid #576979; border-right: 1px solid #576979 ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; }
	#mvtest a:hover , #mvtest a:active { background-color: #fff; color: #000}
	#mvtest a#pull { color: #fff;  display: block ; background-color: #02779E; width: 100%; position: relative; height: 45px ; border:none }
	#mvtest a#pull:after { content:""; 	background: url('../../imag/open-menu.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px;	top: 10px;	}
	
	/*Menu desplegable vertical*/
	#desp-verti { width: 308px ; margin: 15px 0 0 -5px ; font-family: Arial, Helvetica, sans-serif ; height: auto ; border: solid 1px #444; border-top: solid 3px #ed994a ; padding: 10px }
	#desp-verti h3 { padding: 5px 0; margin: 0 0 5px ; border-bottom: solid 1px #ccc ; text-align: center ; font-size: 22px}
	#desp-verti p {margin: 12px 0;}
	#desp-verti a {color: #000; text-align: left; text-indent: 5px; line-height: 16px ; font-size: 15px; display: block ; width: 100%; padding: 3px 0; border-radius: 5px}
	#desp-verti a:hover, #desp-verti a:active { background-color: #eee; color: blue ; text-decoration: underline ;}
	#desp-verti ul {margin: 0 0 0 10px; padding:0}
	.desp-ul li { list-style: disc; margin: 2px 0 2px 40px; padding: 0  ;  }
	/*fin de despegable vertical*/
	
 
/*Boilerplate*/

nav, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*
 * 1. Corregir el texto que cambia de tamaño de forma extraña en IE6/7 cuando el tamaño de fuente del cuerpo se establece en unidades em
 * 2. Forzar la barra de desplazamiento vertical en navegadores distintos de IE
 * 3. Evitar el ajuste de tamaño de texto en iOS cuando cambia la orientación del dispositivo sin que se desactive el zoom de usuario: h5bp.com/g
 */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { }


/* Vínculos */
a:hover, a:active { outline: 0; } /* Mejorar la legibilidad con foco y al pasar por encima en todos los navegadores: h5bp.com/h */
/* Tipografía */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Repetir la declaración de la familia de fuentes monoespacio: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Mejorar la legibilidad del texto con formato preestablecido en todos los navegadores */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; } q:before, q:after { content: ""; content: none; }

/* Colocar el contenido de subíndices y superíndices sin que se vea afectada line-height (la altura de línea): h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; } sub { bottom: -0.25em; }

/* Listas  */
ul, ol { } dd { margin: 0 0 0 40px; }

/*
 * 1. Mejorar la calidad de imagen al aplicar escala en IE7: h5bp.com/d
  * 2. Eliminar el hueco entre imágenes y bordes en los contenedores de imágenes: h5bp.com/e  */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*  Corregir el desbordamiento no oculto en IE9  */

svg:not(:root) { overflow: hidden; }

/*   Figuras */

figure { margin: 0; }

/*
   Formularios */

form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; }

/* Indicar que 'label' desplaza el foco al elemento de formulario asociado */
label { cursor: pointer; }

/* 
 * 1. Corregir el color que no se hereda en IE6/7/8/9 
 * 2. Corregir la alineación que se muestra de manera extraña en IE6/7 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Corregir el tamaño de fuente que no se hereda en todos los navegadores
 * 2. Eliminar márgenes en FF3/4 S5 Chrome
 * 3. Definir una visualización con alineación vertical coherente en todos los navegadores */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Definir line-height (la altura de línea) como normal para que coincida con FF3/4 (configurar mediante !important en la hoja de estilos UA)
 * 2. Corregir el espaciado interno que se muestra de manera extraña en IE6/7 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroducir el espaciado interno en 'table' para evitar problemas de solapamiento y espacio en blanco en IE6/7 */

table button, table input { *overflow: auto; }

/*
 * 1. Mostrar cursor de mano para elementos de formulario en los que se puede hacer clic
 * 2. Permitir la aplicación de estilo a los elementos de formulario en los que se puede hacer clic en iOS */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Tamaño y aspecto coherentes para los cuadros*/

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Eliminar el relleno y el borde interno en FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Eliminar la barra de desplazamiento vertical predeterminada en IE6/7/8/9 
 * 2. Permitir solo el cambio de tamaño vertical
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colores para la validez del formulario */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }

/*Tablas */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* Para sustitución de imagen */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Ocultar a los lectores de pantalla y los navegadores: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Ocultar solo visualmente, pero mantenerlo disponible para lectores de pantalla: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Amplía la clase .visuallyhidden para permitir que se pueda situar el foco en el elemento al navegar hasta él a través del teclado: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Ocultar visualmente y a los lectores de pantalla, pero mantener el diseño */
.invisible { visibility: hidden; }

/* Contiene cuadros flotantes: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* estilos de impresión   Situados en línea para evitar la conexión HTTP requerida: h5bp.com/r */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* La impresión en negro es más rápida: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* No mostrar para imágenes ni para código javascript/vínculos internos */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
Estilo Moviles
   ========================================================================== */
   
img, object, embed, video {	max-width: 100%; }
.ie6 img { width:100%; }

/* 480 px e inferior. */
	nav { width: 100% ; height: auto; padding: 0; margin: 0 ; position: fixed; top: 0px; left: -100%; background-color: #66b0df ; border-radius: 5px}
		nav a:link , nav a:visited , nav a:hover , nav a:active { font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif ; color: #fff ;}
		nav ul {margin: 0; padding: 0;}
		nav li { border: none ; margin: 0; padding: 20px 15px 20px 10%; list-style: none ; border-bottom: solid 1px #fdfbfd; }
		nav a:hover , nav a:active {text-decoration: none;}
		nav ul:first-child { padding: 5px 15px 28px 3%; } .menu-bar-last { padding: 20px 15px 0 10%; border-bottom: none;} 
	.barra-inicial { width: 100% ; background-color: #66b0df ; height: 50px; margin:0 ; padding:10px 0 0;}
		.barra-inicial h1 {margin: 0 20px 0 auto ; padding: 4px 0 0; color: #fff; font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; }
		.bt-menu { float: left ; width: 50px; margin: 8px 0 0 25px;}
		.barra-inicial ul { display: none; float: right ; margin: 3px 0 0;}
		.barra-inicial li {display: inline ; list-style: none ; margin: 0 0 0 7px;}  .barra-inicial li:hover {opacity: 0.9;}
		.goog-search {display: none; float: right ; margin: 5px 20px 0 0;}
		.goog-search input[type="submit"] {font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding: 3px ; border-radius: 7px; border: onset 1px #333; }
	.barra-blanca { display: none; width: 100% ; height: 110px ; background-color: #FFF; margin:0 ;}
		.barra-blanca img {margin: 5px auto 5px 30px;}
	.sub-nav {width: 98% ; height: 45px; display: none ; margin: 0 ; padding: 0;}
	.sub-nav ul { text-align: right; margin: 0 ; padding: 0;}
	.sub-nav li { display: inline; margin: 0 3px 5px;}
	.sub-nav a:link , .sub-nav a:visited  { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif ; color: #333 ;}
	.sub-nav a:hover , .sub-nav a:active  { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif ; color: #666;  text-decoration: underline ;}
		
	p { margin: 0.5em 0.75em 1em 0.5em ;}
	ul , ol { padding: 0 0.5em 0 0.75em;}
	h1 { margin: 0.7em 0.5em 0.7em 0 ; font-size:28px }
	h2, h3, h4  { margin: 1.5em 0.75em 1em 1em;}
	#externoglobal {background-color:#fdfbfd;  width: 100% ; border: none; margin: 0; padding: 1em 0 ; box-shadow: none;}
.flizq , .flder, .flder1 { float: none; width: 95% ; text-align: center ;} 
	/*Banners*/
	.banner-adap , .banner-inter , .banner-mov1, .banner-fondos , .banner-lat , .banner-sky-fondo {overflow: hidden; text-align: center; padding: 0 ;}
	.banner-adap { width: 320px; margin: 0 auto ; }
	.banner-inter {width: 94%; margin: 0.5em 0.75em 1em 0.5em}
	.banner-mov1 { width: 99%; margin: 0 auto 5px ; }
	.banner-fondos { margin: 2em auto 0 -0.25em; width: 99% ; clear: left; }
	.banner-lat { width: 99%; margin:0 ; } 
	.banner-sky-fondo { margin: 1em auto 0 ;  width: 99%;}
		.adaptable , .interno , .cuadro { width: 300px; height: 250px; }
		.fondos , .sky-fondo {width: 336px ; height: 280px}
	.boxbig { background-color: #fff; width: 95% ; height: 250px ; border-color: #f8e9c9; border-style: solid ; border-width: 0.1em ; text-align: center ;  padding: 0 5px 5px  ; margin: 0 0.1em 1em 0.25em ; }
	
	.none-movil , .none-smovil {display: none} 
	.only-movil {display: block}
	
	/*Aside*/	
	aside { width: 100% ; margin: 10px 0; text-align: center;}
	.barra-news { display: none; }
	.barra-der , .aside-social { clear:right; width: 95%; margin: 0 auto; padding: 0 ;}
	.barra-der-top , #desp-verti {display: none }	
	.barra-der h4 { margin: 5px 10px ; font-size:20px ; padding: 5px 3px  ; background-color: #ed994a  ; font-family:Arial, Helvetica, sans-serif; border-radius:3px ; text-align: center}
	.barra-calc { display: none  ;}	
	/*Formulario de suscrición*/
	.suscr-block {clear: left}
	.suscr-block .big { width:95%; margin:20px auto 0; color: #FFF; background-color: #02779E ; opacity: 0.8; ; font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding: 15px 8px; border: solid 1px #000; border-radius: 5px; text-align:center ;}
	.suscr-tb {width: 100%; padding: 0; margin: 20px 0 0; border: 0; height:200px; color:#333333;}
	.suscr-tb td { width: 48%; background-color:fff; height: 35px; padding: 0; margin: 0 1%; text-align: center;}
	.suscr-tb td p , .suscr-tb label { text-align: left;}
	.suscr-tb .gris {color: #333}
	.suscr-ie td { height: 16px ; color: #333}
	.nl-text , .nl-text2 { width: 97%; padding: 5px 0 ; background-color: #fff; text-align: center; font-family: Arial, helvetica, sans-serif; font-size: 14px; font-weight:normal;  }
	.nl-text::-webkit-input-placeholder { color: #333; }
	.nl-text::-moz-placeholder { color: #333;}
	.nl-text:active { box-shadow: none}
	.nl-combo { width: 69%; height: 25px; border: none ; background-color: #fff; font: normal 14px Arial, Helvetica, sans-serif ; }
	.btn{ width: 90%; height: 45px; font-family: Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color:#000000; border: solid 1px #FFA601; border-radius: 10px; background-color: #FFA601;}
	.btn:hover{border-color: #000;}
	
	#main-text , #main-center, #main-calc {width: 98% ; margin: 0; padding:0 0.3em; }
		
	.mainlist-mov { margin: 0}
	.mainlist-mov ul {margin: 0; padding: 0 0 0 1em; }
	.mainlist-mov li { background-color: #ffffff;  display: block;  width: 95%; list-style: none ; text-align: left; font-size: 10%; border: ridge #ccc 2px; border-radius: 10px; margin: 1.5em 0 ; padding:0.5em;}
	.mainlist-mov li a:link , .mainlist-mov li a:visited  { color: #333333;}
	.mainlist-mov li a:hover , .mainlist-mov li a:active  { color: red; }
	.mainlist-mov li:hover , .mainlist-mov li:active {background-color: #eee; border-color: #FFA601;}
	 
	.box  { width:90% ; text-align: center ; margin: 1em auto ; padding: 0.4em 0.5em 0.2em;}
	
	.coment-top {width: 80%; margin: 0 auto 2em 2em;}
	.consejo {width: 85%; margin: 6px auto 3px 0;}
	.calculo {float: left; width: 90% ; height: auto ; border-width: 0.3em ; margin: 2em 0.3em 1em 0.1em;}
	.calculo > table { text-align: left ; padding: 1px ; width: 95% }

	#suprigth {display: none;}
	.pre-foot {width: 90% ; padding: 0 0 1em; margin: 2% 1%}
	.im-fld { margin: 0.2em 0.5em ;}
	.footblock {float: left; width: 95% ; margin-top: 0.5em; margin-bottom: 2em;}
	.footblock li hr { width: 74%; margin: 0.75em auto 1.1em 1%; }
	
@media only screen and (min-width: 369px) {
	.banner-adap { width: 350px ;}
		.adaptable , .interno , .cuadro { width: 336px; height: 280px; }
}
@media only screen and (min-width: 590px) {
	.banner-adap { width: 99%; }
	.banner-fondos , .banner-sky-fondo { margin: 2em auto 0}
		.adaptable { width: 728px; height: 90px; }
		.lateral-ancho-var { width: 160px ; height: 600px}
}
@media only screen and (min-width: 673px) {
	.barra-inicial {height: 40px; padding: 4px 0;}
	.barra-inicial ul , .goog-search , .barra-blanca {display: block ;}
	 	.menu-bar {display: none;}
	.logo {border: none ; margin: 0 0 0 50px }
	.none-smovil {display: block}
	ul , ol {padding: 0 2em ;}
	nav { position: static ; top: auto; left: auto ; width: 100% ; height: 15px; background-color: #ed994a; margin: 0 auto;  padding: 10px 0 ; text-align: center ; border-radius: 5px ;}
		nav a:link , nav a:visited , nav a:hover , nav a:active { font-size: 14px ; font-weight: bold ; color: #000}
		nav ul:first-child {padding:0;} 
		nav li, .menu-bar-last {display: inline ; padding: 0; margin: 0 1%;  border: none;} nav li:hover {background-color: transparent ;}
	.sub-nav {display: block;}
	#mvtest {display: none}
	
	/*Aside*/
	aside {display: block ; width: 37% ; margin: 25px 0.1% 20px 0;}
	.barra-der-top , .barra-der , .new-der , .aside-social { display:block ;width: 98%} 
	.barra-der-top {box-shadow: 0 5px 3px #ed994a ;}
	.barra-der h4 { margin: 20px 10px 5px ; padding: 0; font-size:20px ; background-color: transparent; text-align: left}
	#desp-verti { display:block; width: 98% ; margin: 15px 0 0 ; padding: 0 ;  text-align: left; }
	#desp-verti a {line-height: 18px ; font-size: 14px;}
	#desp-verti ul {margin: 0 ;}
	.desp-ul li {margin: 4px 0 4px 25px;}

	h1 { margin: 1em 0 0.5em ; font-size:30px }
	h2, h3, h4  { margin: 1.5em 0.75em 1em 1em}
	#suprigth { display: block ; margin:5px 10px 0 0; }
	#menu a { font-size:16px; }	
	#bar_color {display: block; width: 99%}
	#bar_color a { margin: 0 0.24em; font-size: 11px;}	
	#externoglobal { max-width: 1000px;  margin: 40px 0 5px ;  padding: 1em 0 3em ; width:100%;}	
	 
	.banner-adap { float: right ;  width: 38.18% ; margin: 25px 0 0;}
	.banner-sky-fondo { width: 99% ; margin: 0 ;}
	.banner-lat .publi {display: block;}
		.adaptable {width: 336px; height: 280px; }
		.sky-fondo { width: 728px; height: 90px; }
		.interno { width: 336px; height: 280px;}
		.lateral-ancho-var { width: 160px ; height: 600px}
		.cuadro {width: 300px ; height: 600px}
	
	.barra-news { display: block; width: 95%; }
	#main-text , #main-calc { float:left; margin: 20px 0.2% ; width: 60% ; }
	#main-center {  margin: 10px auto 20px ; width: 80% }
	.calculo { width: 350px  ; }
	.barra-calc { display: block  ; width: 165px; margin: 25px 0 20px} 
	.mainlist-mov {display: none}
	
	.boxbig { width: 93%; border-width: 5px ; padding: 0 0.4em ; margin: 0 1% 0.7em ; text-align: left; height:auto }
	p { margin: 0.7em 0.7em 0.7em 1.05em ;}
	.coment-top { margin: -5px 40px 20px 55px}
	.box  { width:85% ; margin: 2em auto ; padding: 1em 0.5em; text-align: center}
	
	#no-movil {display: block;}
	.none-movil {display: block;}
	.only-movil {display: none;}
	.consejo {width: 85%; margin: 6px auto 3px ;}
	
	.cont-list {loat: left; width: 85px;	margin: 0 2px; padding: 0 2px 10px ; text-align:center ; height: 140px ;border: solid 3px #fdfbfd;}
	.cont-list-img {width: 80px ; height: 80px; margin: 0 2px 0 0; border: solid 2px #ccc;}
	.cont a:link, .cont a:visited , .cont a:hover, .cont q:active { font-size:10px; }
	
	.footblock {float: left; width: 32% ; margin-top: 2em; margin-bottom: 1em;}
	.footblock li hr { width: 95%; margin-left: 1%; margin-right: auto}

@media only screen and (min-width: 801px) {
	.gridContainer {margin: auto;}
	.sub-nav a:link , .sub-nav a:visited , .sub-nav a:hover , .sub-nav a:active { font-size: 12px ;}		
	
	.flizq , .flder { margin: 0 0 0 10px; width: 30%;}
	.flizq {float: left} .flder {float: right ;}
	.banner-adap { float:none; width: 99% ; margin: 0 auto;}
	.banner-inter { margin: 0.7em 0.7em 0.7em 1.05em ;}
	.banner-sky-fondo { width: 970px; margin: 0 auto; text-align: center;}
	.banner-lat {text-align: left;}
		.adaptable {width: 728px; height: 90px;}
		.sky-fondo {width: 970px; height: 90px;}
		.lateral-ancho-var { width: 300px ; height: 600px;}
		
	#desp-verti {width: 308px ; margin: 15px 0 0 -5px ; padding: 10px;}
	#desp-verti a {line-height: 16px ; font-size: 15px;}
	#desp-verti ul {margin: 0 0 0 10px;}
	.desp-ul li { margin: 2px 0 2px 40px;  }
	
	.barra-news { width: 98%; }
	.footblock {width: 24% ;}
	.pre-foot {margin: 5px 0 5px 60px; width: 600px; float: left}
	.im-fld {margin: 0 5px;}
	
	.cont-list {width: 105px;	margin: 0 5px 0 20px; height: 160px;}	
	.cont-list-img {width: 100px ; height: 100px;}
	.cont a:link, .cont a:visited , .cont a:hover, .cont q:active {font-size:12px;}
}
@media only screen and (min-width: 1001px) {
	#externoglobal {width: 1000px ; padding: 1em 1em 3em  ; box-shadow: 3px 3px 10px #B6CBD5; margin: 40px auto 5px;}
	#main-text , #main-calc { margin: 30px 10px 20px 30px; width: 600px;}
	#main-center {  margin: 10px auto 20px ; width: 600px }
	aside , .barra-calc { display: block ; float:right ; width: 320px; margin: 25px 5px 20px;}
	.barra-der-top {box-shadow: 0 5px 15px #FFA601 ;}	
	.boxbig { width: 910px; margin: 0 10px 0.7em 0 ;}
	}
	
@media only screen and (min-width: 1201px) {   
	#externoglobal { width: 1200px ; max-width: 1200px;}
	#main-text { width: 770px;}
	}