/* Página interior
----------------------------------------------------------------------------------------------------*/
body {background: #E5E5E5 url(../img/fondo-estilos-vida.png) top repeat-x; font-family: Arial, helvetica, sans-serif; padding-bottom: 1.2em;}
#nivel{float:left; visibility:hidden; width:0%;}
#fullpage {max-width: 80em; margin: auto; padding: 0 2%;}
:root #fullpage {max-width: 80em; min-width: 18em; margin: auto; padding: 0 2%; background: none}
img {max-width: 100%; border: 0;}
.oculto {display: none}

#idiomas ul {margin: 0; padding: 0; }
#idiomas ul li {display: inline; padding: 0 0.1em 0 0.4em; font-size: 0.75em; color: #fff; border-right: 1px solid #fff}
#idiomas ul li.last {border-right: 0px solid #fff}
#idiomas ul li:last-child {border-right: 0}
#idiomas ul li a {color: #fff; text-decoration: none}
#idiomas ul li a:hover {color: #fff; text-decoration: none}
#idiomas span {color: white;}
#redes-sociales ul {margin: 0; padding: 0;}
#redes-sociales ul li {display: inline;}
#buscador form label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important;}
#buscador form #search {width: 15em; vertical-align: top}

#contenedor {clear: both; border: 1px solid #a8a8a8; background: #fff url("../img/fondo-contenedor.jpg") right top no-repeat; padding: 1% 0 0.5% 0; min-height: 35em; height: auto !important; height: 35em; display: inline-block}
#contenedor a {color: #1b6d85; text-decoration: none}
#contenedor a:hover {text-decoration: underline}
#contenedor .tituloPrincipal {color: #12515F; font-weight: normal; font-size: 2em; padding: 1.5% 10% 0.9em 0; background:  url(../img/logo-estilosVidaSaludables.png) right no-repeat; float: left}
#contenedor .tituloPrincipal a {text-decoration: none; color: #12515F;}
#contenedor .promocion {float: right; padding: 0.8% 0 0 0; max-width: 18em;}
#contenedor .promocion img {width: auto; float: right; border: 1px solid #ccc; height: auto;}

/* MENU
----------------------------------------------------------------------------------------------------*/
#contenedor .menu {width: 100%; clear: both; margin: 0.4% 0 1% 0; display: inline-block; background: #fff url("../img/fondo-menu.png") bottom left repeat-x; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; box-shadow: 0px 4px 4px #ccc}
#contenedor .menu ul {margin: 0; padding: 0 0 0 2%;}
#contenedor .menu ul li {max-width: 15.6%; min-width: 12.8%; display: inline-block; float: left; padding: 0.5% 0.3% 0.4% 0.3% !important; margin: 0.5% 0.4% 0.4% 0.4% !important; font-size: 0.9em; text-align: left;}
#contenedor .menu ul li.selected {background: #176675 url(../img/selected.png) bottom repeat-x; border-radius: 5px;}
#contenedor .menu ul li.selected a {color: #fff}
#contenedor .menu ul li.selected a:hover {color: #fff}
#contenedor .menu ul li a:hover {text-decoration: none; color: #035167}
#contenedor .menu ul li a {display: table-cell; height: 2.9em; padding-left: 3.2em !important; vertical-align: middle; color: #000}

#contenedor .menu ul li a.actividad {background: url(../img/ico-actividad-fisica.png) top left no-repeat;}
#contenedor .menu ul li a.actividad:hover {background: url(../img/ico-actividad-fisica-hover.png) top left no-repeat;}
#contenedor .menu ul li.selected a.actividad {background: url(../img/ico-actividad-fisica-selected.png) top left no-repeat; }

#contenedor .menu ul li a.tabaco {background: url(../img/ico-tabaco.png) top left no-repeat;}
#contenedor .menu ul li a.tabaco:hover {background: url(../img/ico-tabaco-hover.png) top left no-repeat;}
#contenedor .menu ul li.selected a.tabaco {background: url(../img/ico-tabaco-selected.png) top left no-repeat; }

#contenedor .menu ul li a.alimentacion {background: url(../img/ico-alimentacion.png) top left no-repeat;}
#contenedor .menu ul li a.alimentacion:hover {background: url(../img/ico-alimentacion-hover.png) top left no-repeat;}
#contenedor .menu ul li.selected a.alimentacion {background: url(../img/ico-alimentacion-selected.png) top left no-repeat; }

#contenedor .menu ul li a.alcohol {background: url(../img/ico-alcohol.png) top left no-repeat;  }
#contenedor .menu ul li a.alcohol:hover {background: url(../img/ico-alcohol-hover.png) top left no-repeat;}
#contenedor .menu ul li.selected a.alcohol {background: url(../img/ico-alcohol-selected.png) top left no-repeat; }

#contenedor .menu ul li a.seguridad {background: url(../img/ico-seguridad.png) top left no-repeat;}
#contenedor .menu ul li a.seguridad:hover {background: url(../img/ico-seguridad-hover.png) top left no-repeat;}
#contenedor .menu ul li.selected a.seguridad {background: url(../img/ico-seguridad-selected.png) top left no-repeat; }

#contenedor .menu ul li a.bienestar {background: url(../img/ico-bienestar.png) top left no-repeat; width: 7em !important;}
#contenedor .menu ul li a.bienestar img {margin-left: 0.1em}
#contenedor .menu ul li a.bienestar:hover {background: url(../img/ico-bienestar-hover.png) top left no-repeat;}
#contenedor .menu ul li.selected a.bienestar {background: url(../img/ico-bienestar-selected.png) top left no-repeat; }

/* PAGINAS CONTENIDO GENERICOS
----------------------------------------------------------------------------------------------------*/
#contenedor .contenido .opciones {margin: 1% 0}
#contenedor .contenido .opciones a {font-size: 0.85em; color: #000 !important; font-weight: normal; padding: 0.5em 0 0.5em 2.6em}
#contenedor .contenido .opciones .descargarPdf {background: url(../img/pdf.png) left no-repeat;}

#contenedor .migas {width: 98%; background: #eee url("../img/migas.png") 0.3em 0.5em no-repeat; padding: 0.2em 0.2em 0.2em 0.3em; margin: 0.2em 0 0.4em 0; color:#000; text-align: left; display: inline-block;}
#contenedor .migas ol {margin: 0 !important; padding: 0 !important; line-height: 1.3em;}
#contenedor .migas ol li {float: left; margin:0 0.3em !important; padding: 0 0.2em 0 0.9em; list-style:none; background: url("../img/ico-migas.png") no-repeat 0 0.5em; font-size: 0.8em !important; text-decoration: none; white-space: nowrap}
#contenedor .migas ol li:last-child {text-decoration: underline}
#contenedor .migas ol li.first {background: none; margin:0 0.1em !important;}
#contenedor .migas ol li a {color: #000; font-weight: normal; text-decoration: none !important}
#contenedor .migas ol li a:hover {color: #000; font-weight: normal; text-decoration: underline !important}

#contenedor .menu-izquierdo {margin: 0 1% 1em 1%; padding: 0.8% 0.1% 0.8% 0.8%; height: auto;}
#contenedor .menu-izquierdo ul {margin: 0 0.2em 0.4em 0.4em; padding: 0 0.2em 0 0.4em}
#contenedor .menu-izquierdo ul li ul {margin: 0 0.2em 0.4em 0.8em; padding: 0 0.2em 0 0.4em;}
#contenedor .menu-izquierdo ul li {font-size: 1em; margin: 0.4em 0 0.2em 0; padding: 0.4em 0 0.2em 0; list-style-image: url(../img/ul-menu.png);}
#contenedor .menu-izquierdo ul li ul li {font-size: 0.9em; margin: 0 0.2em 0.4em 0.8em; padding: 0.4em 0 0.2em 0; list-style-image: url(../img/ul-menu.png); font-weight: normal;}
#contenedor .menu-izquierdo ul li.selected {font-weight: bold; border-bottom: 1px dashed #9f9f9f}
#contenedor .menu-izquierdo ul li ul li.selected {font-weight: bold; border-bottom: 1px dashed #9f9f9f}
#contenedor .menu-izquierdo a {color: #15576a; }
#contenedor .menu-izquierdo a:hover {text-decoration: none; color: #000}

#contenedor .banner-izquierdo {width: 100%; margin-top: 2em;}
#contenedor .banner-izquierdo a img{margin: 1.5% 5%; width: 212px;}

#contenedor .contenido {margin: 0 1% 0 0.5%; padding: 0.4% 0.1% 0.8% 2%; border-left: 1px solid #C1C1C1; min-height: 28em; height: auto !important; height: 28em;}
#contenedor .contenido .perfiles {float: right; margin: 0 0.2em 0.2em 0.2em;}
#contenedor .contenido .perfiles img {margin: 0 0.2em 0.2em 0.2em;}

h1 {font-size: 1.6em; font-weight: normal; border-bottom: 1px solid #C1C1C1; color: #0C3F4C; padding-bottom: 0.1em; margin-bottom: 0.2em}
h2 {background: #fff; border-radius: 0; font-size: 1.5em; font-weight: normal; color: #105769; padding: 0em 0.2em 0.2em 0.2em; margin: 0em 0.2em 0.2em 0.2em;}
h2.corto{width: 75%;}

/* #contenedor .contenido h2 {font-size: 1em; font-weight: normal; color: #000; line-height: 1.5em; text-align: justify; margin: 1.4% 1.9% 1.9% 2.9%} */
#contenedor .contenido p {font-size: 1em; font-weight: normal; color: #000; line-height: 1.5em; text-align: justify; margin: 1.4% 1.9% 1.9% 2.9%}
#contenedor .contenido h3 {font-size: 1.3em; font-weight: normal; color: #105769; padding: 0em 0.2em 0.2em 0.2em; margin: 0em 0.2em 0.2em 0.3em;}
#contenedor .contenido h4 {font-size: 1.2em; font-weight: bold; color: #105769; padding: 0.9em 0.2em 0.2em 0.2em; margin: 0.9em 0.2em 0.2em 0.4em;}
#contenedor .contenido h5 {font-size: 1.1em; font-weight: bold; color: #105769; padding: 0.9em 0.2em 0.2em 0.2em; margin: 0.9em 0.2em 0.2em 0.4em}
#contenedor .contenido h6 {font-size: 1em; font-weight: bold; color: #000; padding: 0.9em 0.2em 0.2em 0.2em; margin: 0.9em 0.2em 0.2em 0.4em}

/** Imagen de grupo de página interior **/
#contenedor .contenido h1 img {float: right; margin-top: -0.1em;}
/* #contenedor .contenido p {font-size: 1em; font-weight: normal; color:#234153; line-height: 1.5em; text-align: justify; margin: 1.4% 1.9% 1.9% 2.9%} */
#contenedor .contenido ul {margin: 0.5% 1.2% 0.5% 3%; padding: 0.5% 1.2% 0.5% 3%}
#contenedor .contenido ul li {list-style-image: url(../img/ul-2.png); font-size: 1em; text-align: justify; line-height: 1.5em; margin: 0.3% 0; padding: 0.3% 0;}
#contenedor .contenido ul ul {margin: 0.5% 0 0.5% 4%; padding: 0.5% 0 0.5% 4%}
#contenedor .contenido ul ul li {list-style-image: url(../img/ul-3.png); font-size: 100%; text-align: justify; line-height: 1.5em; margin: 0.3%; padding: 0.3%;}

#contenedor .contenido ul a {font-weight: normal !important}
#contenedor .contenido a {font-weight: bold}
#contenedor .contenido #submenu ul {width: 100%; margin: 0.5em 0 0.5em 0.1em; padding-left: 2%; display: inline-block}
#contenedor .contenido #submenu ul li {width: 90%; display: inline-block; float: left; clear:both; padding: 1% 1% 1% 1% !important; margin: 1% 1% 1% 1% !important; background: #fff; border: 1px solid #919191; font-size: 1em}
#contenedor .contenido #submenu ul li a {color: #186378; vertical-align: middle; height:71px;  color: #536F11; font-size: 1.1em; display:table-cell;}
#contenedor .contenido #submenu ul li a:hover {text-decoration: none !important; color: #2e4e5c !important;} 
#contenedor .contenido #submenu ul li img {float: left; width: 107px; height: 71px; padding-right: 1em;}
#contenedor .contenido #submenu ul li.vertical img{float: left; width: 67px; height: 71px; margin-left: 1.3em; margin-right: 1.3em; padding-right: 1em;}
#contenedor .contenido #submenu #mitadIzquierda {width: 45%; margin:0;}
#contenedor .contenido #submenu #mitadIzquierda li {width: 98%; margin:0;}
#contenedor .contenido #submenu #mitadDerecha {width: 45%; margin:0;}
#contenedor .contenido #submenu #mitadDerecha li {width: 98%; margin:0;}

/* Para el menú de "Da el paso" de Actividad Física*/ 
#contenedor .contenido #submenu #ulIzquierda {width: 65%; float: left; padding-left: 2%;}
#contenedor .contenido #submenu #ulIzquierda li{width: 98%;}

#contenedor .contenido #submenu #ulDerecha {margin-top: 1.2em; width: 26%; padding:0.5em; float: right !important; background: #D5EBF2; border: #046D8C 0.2em solid;}
#contenedor .contenido #submenu #ulDerecha li{background: #D5EBF2; color: #046D8C; border: none; text-align: center;}
#contenedor .contenido #submenu #ulDerecha li a{font-weight: bold !important; color: #046D8C; display: inline; font-size: 1em; vertical-align: inherit;}
#contenedor .contenido #submenu #ulDerecha li a:hover{font-weight: bold; color: #000 !important; font-size: 1em; vertical-align: inherit;}
#contenedor .contenido #submenu #ulDerecha img{height: auto; width: auto !important; padding: 0.4em 37%;}

#contenedor .contenido #submenu #descubre {width: 26%; float: right !important; padding: 0.5em; background: #F3F9E5; border: #688712 0.2em solid;}
#contenedor .contenido #submenu #descubre p{color: #688712; text-align: center; font-size: 1em;}
#contenedor .contenido #submenu #descubre ul{padding: 0; margin: 0;}
#contenedor .contenido #submenu #descubre ul li{background: #F3F9E5; border: none; padding-left: 0.5em !important;}
#contenedor .contenido #submenu #descubre ul li a{font-weight: bold !important; color: #688712; display: inline; font-size: 1em; vertical-align: inherit;}
#contenedor .contenido #submenu #descubre ul li a:hover{font-weight: bold; color: #000 !important; font-size: 1em; vertical-align: inherit;}
#contenedor .contenido #submenu #descubre ul li img{float: inherit; width: auto; height: auto; padding-right: 0;}

#contenedor .contenido .conjunto {width: 100%;}
#contenedor .contenido .conjunto  ul{margin: 0; padding: 0;}
#contenedor .contenido .conjunto  ul li{list-style: none; margin-bottom: 0.4em; min-height: 7.5em;}
#contenedor .contenido .conjunto  ul li img{float: left; width: 179px; height: 115px; border: 0.2em solid #EEEEEE;}
#contenedor .contenido .conjunto  ul li.vertical img{float: left; width: 97px; height: 115px; margin-left: 5%; margin-right: 5%;}
#contenedor .contenido .conjunto  p{float: left; width: 73%; margin: 0; padding-left: 2%; max-height: 7em;}
#contenedor .contenido .conjunto .titulo{color: #0c3f4c; font-size: 1.2em; font-weight: bold;}
#contenedor .contenido .conjunto  ul li ul {float: left; width: 70%; padding-left: 5%; max-height: 7em;}
#contenedor .contenido .conjunto  ul li ul li{list-style-image: url(../img/ul-2.png); min-height:0em; font-size: 0.8em;}
#contenedor .contenido .conjunto  ul li.doble{min-height: 10em;}
#contenedor .contenido .conjunto  ul li.doble img{width: 179px; height: 145px;}
#contenedor .contenido .conjunto  ul li.doble p{padding-top: 0;}
#contenedor .contenido .conjunto  ul li.verticalDoble{min-height: 12em;}
#contenedor .contenido .conjunto  ul li.verticalDoble img{width: 146px; height: 180px; margin-left: 2%; margin-right: 2%;}
#contenedor .contenido .conjunto  ul li.verticalDoble p{padding-top: 0;}
#contenedor .contenido .conjunto  ul li.texto{min-height: 0;}

#contenedor .contenido .conjuntoespecial  ul li{ list-style: none;}
#contenedor .contenido .conjuntoespecial  p{float: right; width: 69%;}
#contenedor .contenido .conjuntoespecial   img{ width: 25%; float: left; height: 9em; border: 0.2em solid #EEEEEE; margin-top: 7em;}
#contenedor .contenido .conjuntoespecial  ul li ul {float: right; width: 65%; min-height: 9em;}
#contenedor .contenido .conjuntoespecial  ul li ul li{list-style-image: url(../img/ul-2.png);}
#contenedor .contenido .conjuntoespecial  a img{width: auto; float: none; height: auto; border: none;}
#contenedor .contenido .conjuntoespecial  ul li.doble img{ min-height: 15em; margin-top: 12em;}
#contenedor .contenido .conjuntoespecial  ul li.mitad img{ min-height: 12em;}
#contenedor .contenido .conjuntoespecial  ul li#primero img{margin-top:auto;}

.margen  ul li{ margin:0% !important; padding:0% !important;}
#contenedor .contenido .conjuntos{width: 100%; min-height: 9em;}
#contenedor .contenido .conjuntos   img{width: 25%; float: left; height: 9em; border: 0.2em solid #EEEEEE;}
#contenedor .contenido .conjuntos  p{float: right; width: 69%; margin: 1.4% 1.9% 2.9% 2.9%;}
#contenedor .contenido .conjuntos  a img{width: auto; float: none; height: auto; border: none;} 

/*Para listar todas las imágenes a la izquierda de Actividad física*/
#contenedor .contenido .imagenes_izquierda{width: 30%!important; float: left !important; list-style: none;}
#contenedor .contenido .imagenes_izquierda img{width: 80%; margin-left: 10%; margin-bottom: 2%; padding: 2px; border: 1px solid #ccc;}
#contenedor .contenido .texto_derecha{width: 70% !important; float: right !important;}
#contenedor .contenido .texto_derecha ul li{margin-bottom: 1em;}

/* Para el menú "Cómo lo hacen" de Actividad Física*/
#contenedor .contenido #comoLoHacen {width: 100%; float: left !important; margin: 0; padding: 0;}
#contenedor .contenido #comoLoHacen li {width: 40%; display: inline-block; padding: 1%; margin: 0; margin-left: 5%; background: #fff; border: 1px solid #919191; color: #1c8693; font-weight:bold;}
#contenedor .contenido #comoLoHacen li img {float: left; width: 50px; height: 50px; padding-right: 1em;}
#contenedor .contenido #comoLoHacen li a { vertical-align: middle; margin-top:15px; display:table; font-size: 1em;}

#contenedor .contenido ul li a.beneficios {background: url(../img/ico-beneficios.png) left no-repeat; display: table-cell; padding-left: 3em !important;}
#contenedor .contenido ul li a.calculadora {background: url(../img/ico-calculadora.png) left no-repeat; display: table-cell; padding-left: 3em !important;}
#contenedor .contenido ul li a.medioambiente {background: url(../img/ico-medioambiente.png) left no-repeat; display: table-cell; padding-left: 3em !important;}
#contenedor .contenido table {width: 94%; margin: 3%; border: 0em solid #1D8B98; font-size: 1em;}
#contenedor .contenido table tr {display: table-row; border-color: #1D8B98;}
#contenedor .contenido table th {text-align: center; background: #177079; color: #FFFFFF; min-width: 6em;}
#contenedor .contenido table th p{text-align: center; color: #FFFFFF; min-width: 6em;}
#contenedor .contenido table td {text-align: center; border: 1px solid #1D8B98; min-width: 6em;}
#contenedor .contenido table td p{text-align: center; min-width: 6em;}
#contenedor .contenido table td ul li {text-align: left; margin: 0.6em}

#contenedor .aviso h2 {background: #CBDDA2;}
#contenedor .aviso p {font-family: Acrom Medium,Arial,Helvetica,sans-serif; text-align: center;}

/* Enlace superior derecha */
#contenedor #enlaceSupDrch {background: #d8881b none repeat scroll 0 0; border-radius: 15px; box-shadow: 1px 1px 14px 0 rgba(50, 50, 50, 0.43); padding: 0.3em 0; margin-left: 48%; position: absolute; text-align: center; width: 15%;}
#contenedor #enlaceSupDrch a{color: #FFFFFF;}

/* Para el ocultamiento 
----------------------------------------------------------*/
#contenedor .contenido h2 a{font-weight: bold; color: #105769;  font-weight: normal;}
#contenedor .contenido h3 a{font-weight: bold; color: #105769;  font-weight: normal;}

#contenedor .contenido .ocultar  table tr {display: table-column; border-color: #1D8B98;}
#contenedor .contenido .ocultar  table th {padding: 0.75%; text-align: center; background: #177079; color: #FFFFFF}

/*SUBPORTADAS*/
.subportada {width: 97%; margin: 2% auto 2% auto; min-height: 10em}
.subportada-video {background: #F4F3F2; border: 1px solid #ccc; padding: 0.8% 0.8% 0.3% 0.8%; margin-bottom: 2%;}
.subportada-video p.titulo {color: #1A687E; font-size: 1.2em; font-weight: bold; margin: 0.6em 0.4em 0.6em 0}
.subportada-video p {margin: 0.4em 0.2em 0.8em 0.6em; font-size: 0.85em; line-height: 1.6em; text-align: justify}
.subportada-video a.masinfo {background: url(../img/circulo-naranja.png) left no-repeat; padding: 0.3em 0.4em 0.3em 1.5em; margin: 0.9em 0.4em 0.6em 0em; color: #186378; font-size: 1.2em; font-weight: bold}

/*.subportada-contenido {background: #F4F3F2; border: 1px solid #ccc}*/
.subportada-contenido h1 {font-size: 1.6em; font-weight: normal; color: #0C3F4C; padding-bottom: 0.1em; margin: 0 0 0.9em 0;}
.subportada-contenido .enlaces {width: 100%; margin: 0.9em 0 12em 0em;}
.subportada-contenido .enlaces div {float:left; width: 47%; background: #F4F3F2; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding: 0 0 1% 0; margin: 1%}
.subportada-contenido .enlaces div h2 {background: #1A7383; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff !important; display: block; font-size: 1.1em; font-weight: normal; padding: 0.4em 0.6em; margin: 0}
.subportada-contenido .enlaces-sintexto a {background: #1A7383; border-radius: 6px; color: #fff !important; display: block; font-size: 1.1em; font-weight: normal; padding: 0.6em 0.6em; margin: 2% 1%}
.subportada-contenido h2 a {color: #fff !important;}
.subportada-contenido .enlaces div p {padding: 0.4em 0.8em 0.4em 2.3em; margin: 0.2em; background: url(../img/circulo-verde.png) 0.4em 0.5em no-repeat; color: #000; font-size: 0.9em; line-height: 1.6em; display: block}
.subportada-contenido .enlaces div p a {color: #000 !important; display: block}
.subportada-contenido .banner {width: 98%; margin: 15% auto 6% auto; clear: both; text-align: center}
.subportada-contenido .banner img {display: inline; margin: 2.2% 0.2% 0.2% 0.2%;}

/* PIE
----------------------------------------------------------------------------------------------------*/
#pie {margin: 0.2em 0; padding: 0.2em 0; clear: both; text-align: center; }
#pie a {color: #000; text-decoration: none}
#pie a:hover {text-decoration: underline}
#pie .pie-izquierdo {padding-top: 0.2em}
#pie .pie-izquierdo ul {margin: 0; padding: 0}
#pie .pie-izquierdo ul li {display: inline; padding: 0 0.2em 0 0.4em; font-size: 0.75em; color: #000; border-right: 1px solid #7f7f7f; margin-top: 0.4em}
#pie .pie-izquierdo ul li.last {border-right: 0px}
#pie .pie-izquierdo ul li:last-child {border-right: 0}
#pie .pie-derecho {font-size: 0.75em; padding-top: 0.7em}
/****************************************/

/********************* Paginas extensibles************************/
.se_extiende_inferior {display: inline; margin-left: 0 !important;}
.se_extiende_superior {display: inline; margin-left: 0 !important; margin-right: 0 !important;}
.extendida {margin-left: 2.9%; width: 95%; text-align: justify;}

/******************  Actividad fisica ******************/
.clave {clear: both; margin: auto; width: 90%;}

/********* Cuadros con colores de fondo************/   
.borde_redondo {border-radius: 25px;}
.cuadro_largo {width: 80% !important; clear:both;}
#contenedor .contenido .cuadro_naranja {background:#FAC090 none repeat scroll 0 0; border: 0.2em solid #984807; margin: 2% auto; padding: 0.6em; width: 50%;}
.cuadro_verde {background: #EBFCBF none repeat scroll 0 0; border: 0.2em solid #669900 !important; border-radius: 25px; margin: 2% auto !important; padding: 0.6em; text-align: justify; width: 50%;} 
#contenedor .contenido .cuadro_naranja p {text-align:center;} 
.cuadro_verde a{color: #688712 !important;}
.cuadro_verde .titulo_mayores{text-align: center;}
.cuadro_verde .titulo_mayores img{width: 107px; height: 71px; float: left; margin: 0.4em;}
.cuadro_azul {background: #D5EBF2 none repeat scroll 0 0; border: 0.2em solid #31859C !important; margin: 2% auto !important; padding: 0.6em; text-align: center; width: 50%; min-height: 21em;}
.cuadro_azul_largo{background: #D5EBF2 none repeat scroll 0 0; border: 0.2em solid #31859C; border-radius: 25px; margin: 2.5%; padding: 0.6em; text-align: center; width: 94%;}
.cuadro_rojo {background: #E6B9B8 none repeat scroll 0 0; border: 0.2em solid #953735 !important; margin: 2% auto !important; padding: 0.6em; text-align: center; width: 50%; min-height: 21em;}
#contenedor .contenido .cuadro_multiplica {border: 0.25em solid #305681; border-radius: 25px; margin: 2% auto; padding: 0.6em; text-align: center; width: 70%;}
#contenedor .contenido .cuadro_multiplica table{width: 100%; margin:1%;}
#contenedor .contenido .cuadro_multiplica table tr {color: #305681 !important; font-weight: bold  !important; font-size: 1.4em  !important;}
#contenedor .contenido .cuadro_multiplica table td {min-width: auto; text-align: center; border: none; background: #fff; padding: 0.1em;}
.bloque_multiplica {display:block; margin-left: 1em;}
.bloque_multiplica_superior {display:block;}
.letra_verde {color: #536f11; font-weight: bold;}
.letra_verde_oscura {color: #536f11; font-weight: bold;}
.letra_azul {color: #33CCFF; font-weight: bold;}
.letra_azul_oscura {color: #305681;}
.cuadro_izquierda {width: 43% !important; float: left; margin-left: 2% !important;}
.cuadro_derecha {width: 43% !important; float: right; margin-right: 2% !important;}
.titulo_cuadro_azul {color: #31859C !important;}
.titulo_cuadro_rojo {color: #953735 !important;}

/********************* Div con dibujo bombilla ***********************************/
.bombilla img {float: left; width: 10%; }
.bombilla ul {margin-left: 12% !important; width: 80%;}
.bombilla {width : 90%; clear:both; margin: 2% auto; border: 0.15em solid black;}

/*********************Estilos de los bloques de pasos*************************/
.pasos li {list-style: none !important;}
.pasos img {margin: 1%;}

/********************** Colocar calendarios actividad fisica ********************************/
.calendario_derecha {width: 45%; float: right; clear: right; margin: 2%;}
.calendario_izquierda{width: 45%; float: left; clear:left; margin: 2%;}

/*********** Clase para el texto con asterisco*******************/
.asterisco {color: #31859c; font-size: 0.8em;}

/*************** Clase para las notas con asterisco de las actividades ***************************/
.asteriscos_actividades {margin: 2em auto; width: 90%;}
.asteriscos_actividades p {display: inline; float: right; vertical-align: middle; width: 86%;}
.asteriscos_actividades img {height: 50px; width: 50px;}

/*************** Clase para los cuadrados que aparecen en el cuerpo humano ***************************/
.cerebro{left: 30%;}
.presionarterial{left: 30%; top:70%;}
.pecho{left: 30%; top:88%;}
.estomago{left: 30%; top: 100%}
.higado{left: 47%; top:103%;}
.intestino{left:63%; top:103%;}
.reproduccion{left: 78%; top:100%;}
.pancreas{left:78%; top:80%;}
.corazon{left:78%; top:60%;}

/*************** Clase para ¿Qué le hace el tabaco a tu cuerpo? ***************************/
.hombres{float:left; margin: 2% 0 0 30%;}
.hombres a {background: url(/tabaco/img/hombres.jpg) no-repeat; width: 140px; height:42px; display:block;}
.hombres a:hover, .hombres a.selected  {background: url(/tabaco/img/hombresSeleccionado.jpg) no-repeat; width: 140px; height:42px; display:block;}
.mujeres{margin:2% 0 0 1em; float: left;}
.mujeres a {background: url(/tabaco/img/mujeres.jpg) no-repeat; width: 140px; height:42px; display:block;}
.mujeres a:hover , .mujeres a.selected{background: url(/tabaco/img/mujeresSeleccionado.jpg) no-repeat; width: 140px; height:42px; display:block;}
.botones img{width: 96%; margin:2%;}

/****Para que se coloque en el lugar correcto en Firefox***/
@-moz-document url-prefix(){.pecho{left: 30%; top:93%;}}
@-moz-document url-prefix(){.estomago{left: 30%; top: 107%}}
@-moz-document url-prefix(){.higado{left: 47%; top:112%;}}
@-moz-document url-prefix(){.intestino{left:63%; top:112%;}}
@-moz-document url-prefix(){.reproduccion{left: 78%; top:106%;}}
@-moz-document url-prefix(){.pancreas{left:78%; top:85%;}}
@-moz-document url-prefix(){.corazon{left:78%; top:62%;}}

/*************** Clases para la imagen de circulación ***************************/
#numero{width: 760px; height: auto;}
#numero1{position:absolute; margin-left: -60%; margin-top: 15%;}
#numero2{position:absolute; margin-left: -23%; margin-top: 20%;}
#numero3{position:absolute; margin-left: -40%; margin-top: 31%;}
#numero4{position:absolute; margin-left: -60%; margin-top: 26%;}
#numero5{position:absolute; margin-left: -32%; margin-top: 10%;}

/****************************************/
.negrita{font-weight:bold;}
.letra_blanca {color:white;}
.cursiva{font-style:italic;}
.cita{font-style:italic; font-size: 0.9em;}
.letraPequena{font-size: 0.85em;}
.subrayado{border-bottom:1px dotted #000000;}
.texto_centrado{text-align:center !important;}
.texto_centrado_2{text-align:center !important; font-size: 1.3em !important;}
.texto_izquierda{text-align:left;}
.texto_derecha{text-align:right;}
.imagen_texto {float: left; width: 98%;}
#contenedor .contenido .imagen_texto ul li p {font-size: 1em; font-weight: normal; color: #000; line-height: 1.5em; text-align: justify; margin: 1.4% 1.9% 1.9% 2.9%} 
.imagen_texto .imagen_drch{float: right; margin-left: 2%; margin-right: 0.5%; margin-top: 1.4%; margin-bottom: 1%;}
.imagen_texto .imagen_drch img{border: 1px solid #ccc; padding:2px;}
.imagen_texto .imagen_izq {float: left; border: 0; margin-left: 2.5%; margin-right: 2%; margin-top: 1.4%; margin-bottom: 1%;}
.imagen_texto .imagen_izq img{border: 1px solid #ccc; padding:2px;}
.imagen_texto .imagen_centrada {width: 100%; margin-top: 1.4%; margin-bottom: 1%; text-align: center;}
.imagen_texto .imagen_centrada img{border: 1px solid #ccc; padding:2px;}
.imagen_texto iframe{border: 1px solid #ccc; padding:2px;}

/*****Arreglos***/
.ocultacion h3{padding: 0em !important; margin-left: 1em !important;}
.imagen {width:90%;}
.margen_imagen{margin-left: 10%;}
.texto_margen {display: table-cell; vertical-align: middle; width: 100%;}
.tamannoimagen {display: table-cell; vertical-align: middle; min-width: 11em; width:30%;} 
.margen_textoDrch1, .margen_tabla{margin-left: 14% !important;}
.margen_textoDrch2{margin-left: 7% !important;}
.contenido .imagenMap  img{max-width:800px;	}
.imgreducida{margin-left: 1%; vertical-align: bottom; width: 2.5%;  }
/****************************************/

/**************** Descargar pdf subportadas ************************/
.pdf {margin: 1% 0; float: right; padding: 0.3em 0 0.2em 0}
.pdf a {font-size: 0.85em; color: #000 !important; font-weight: normal; padding: 0.5em 0 0.5em 2.6em}
.pdf .descargarPdf {background: url(../img/pdf.png) left no-repeat;}
*+html .pdf {float: right; padding: 0.3em 0 0.2em 0}

/************Para mostrar las imagenes al pasar  por la palabra******************/
.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
text-align : center;
}

/********************************************************/
.aviso {width: 88%; margin: 2% auto; padding: 0.6em; border-radius: 5px;  border: 0.1em solid #a0d58e;  background: #DCEFB3; text-align: center; clear: both;}
.aviso a {color: #105F77 !important}
#aviso{float:left; width:98%; border:0.05em solid #272727; padding:1%; background-color:#FFF4BB;}
/************************************/

/********** 404 *********/
.txtRed{color:#CC0000;}
.txtGreen{color:#19CB19;	}
.noFound{float:left; width:97.5%; color:#466B90; font-size:1.3em; font-weight:bold; border:double #466B90; padding:1% 1% 1% 1%; margin-bottom:1.5%; margin-top:0.5%;}
.noFound img{vertical-align:middle;}
/************************************/

/*************** Videos *********************/
.marcoVideo {width: 50%;}
.marcoFotoG { width: 100%; margin-bottom: 1%; margin-top: 1%;}
#informacion .marcoFotoG img, #informacion .marcoFoto img { border-color: #ffffff; border-style: outset solid solid outset; border-width: 0.3em;}
#player, #player img {display: block; height: 25em; width: 100%;}
#video, #video1, #video2, #video3, #video4, #video5, #video6 {display: block; height: 16em; width: 100%;}
#contenedor .video {background: #f4f3f2 none repeat scroll 0 0; border: 1px solid #ccc; float: none; margin: 2em auto; padding: 0.8% 1% 0.3%; width: 58%;}
#contenedor .video .titulo {color: #1A687E !important; font-size: 1.2em !important; font-weight: bold !important;  margin: 0.6em 0.4em !important;}
/************************************/

/*************** Audios *********************/
ul.audios li{list-style: none;}
/************************************/

/* Infografías */
#contenedor .contenido .cabecera1 {font-size: 1.6em; font-weight: normal; border-bottom: 1px solid #C1C1C1; color: #0C3F4C; padding-bottom: 0.1em; margin-bottom: 0.2em}
#contenedor .contenido .cabecera2 {background: #fff; border-radius: 0; font-size: 1.5em; font-weight: normal; color: #105769; padding: 0.6em 0.2em 0.2em 0.2em; margin: 0.6em 0.2em 0.2em 0.2em;}
#contenedor .contenido .primeraPastilla h2{background: #3c6a84 none repeat scroll 0 0; font-weight: bold; margin: 1.1%; padding: 0;}
#contenedor .contenido .segundaPastilla p{color: #4a632d; text-align: center;}
#contenedor .contenido .reducir .header__info h1{padding-bottom: 0; border-bottom: none;}
#contenedor .contenido .reducir .header::after{border: none;}
#contenedor .contenido .header_DejarDeSer .header__info p{color: #fff; font: 1.4625em/150% "Acrom Medium",Helvetica,Arial,sans-serif; margin: 0.35em auto; text-align: center;}
#contenedor .contenido .header__info_trending  h1{padding: 0; border: 0;}
#contenedor .contenido .header_up .header__info h1.info__title{padding: 0; border: 0;}
#contenedor .contenido .header_up .header__info p{color: #fff; font: 1.4625em/150% "Acrom Medium",Helvetica,Arial,sans-serif; margin: 0.35em auto; text-align: center;}
#contenedor .contenido .right .globoIzqDer  h2.infografiaH2{background: #e2a625 none repeat scroll 0 0; color: white; font-weight: bold; margin: 0; padding: 0;}
#contenedor .contenido .footer .footerleft h2.infografiaH2{background: #50acc6 none repeat scroll 0 0; color: white; font-size: 1.2em; font-weight: bold; margin: 0; padding: 10%;}
#contenedor .contenido .footer .footerder h2.infografiaH2{background: #c55120 none repeat scroll 0 0; color: white; font-size: 1.2em; font-weight: bold; margin: 0; padding: 10%; z-index: 0;}
#contenedor .contenido .page table{width: 100%; margin-left: 0;}
#contenedor .contenido .page table th{min-width: 0;}
#contenedor .contenido .page table td{text-align: left;}
#contenedor .contenido .page table td span p{text-align: left; line-height: 10px;}
#contenedor .contenido .page .item__info {width: 95%;}
#contenedor .contenido .page .item__info h2 {font-size: 1.2em; font-weight:bold; margin: 0 auto !important; padding: 0; color:#105769; background: none; line-height:1.2em;}

/************* Clase para añadir un nuevo bloque ***********************/
.bloque {display: inline-block;}

/**/
.margen_arriba{margin-top: 3%;}
.tamano_imagen img{height:125px;}
.tamanos_imagenes img{height:200px;}
.centrar_formato {clear: both; margin-left: 9em !important;}
.centrar_section{margin-left: 4em;}
.color_margen {border: 0.2em solid #c9bb60; border-radius: 7px; width: 62%; padding: 2%;}
.annos p { float: left; display: block; margin-left: 21% !important; margin-right: 22%!important;}
.txtActividad  {display: block; margin-left: 12.3em; margin-top: 0.5em;}

/** Infografías Alimentación Saludable **/
/* -- Formatos --*/
@font-face {
font-family: 'Acrom Light';
src: url('../fonts/acrom-light-webfont.eot');
src: url('../fonts/acrom-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/acrom-light-webfont.woff2') format('woff2'),
url('../fonts/acrom-light-webfont.woff') format('woff'),
url('../fonts/acrom-light-webfont.ttf') format('truetype'),
url('../fonts/acrom-light-webfont.svg#acromlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Acrom Regular';
src: url('../fonts/acrom-regular-webfont.eot');
src: url('../fonts/acrom-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/acrom-regular-webfont.woff2') format('woff2'),
url('../fonts/acrom-regular-webfont.woff') format('woff'),
url('../fonts/acrom-regular-webfont.ttf') format('truetype'),
url('../fonts/acrom-regular-webfont.svg#acrombold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Acrom Medium';
src: url('../fonts/acrom-medium-webfont.eot');
src: url('../fonts/acrom-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/acrom-medium-webfont.woff2') format('woff2'),
url('../fonts/acrom-medium-webfont.woff') format('woff'),
url('../fonts/acrom-medium-webfont.ttf') format('truetype'),
url('../fonts/acrom-medium-webfont.svg#acrommedium') format('svg');
font-weight: normal;
font-style: normal;  
}
@font-face {
font-family: 'Acrom Bold';
src: url('../fonts/acrom-bold-webfont.eot');
src: url('../fonts/acrom-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/acrom-bold-webfont.woff2') format('woff2'),
url('../fonts/acrom-bold-webfont.woff') format('woff'),
url('../fonts/acrom-bold-webfont.ttf') format('truetype'),
url('../fonts/acrom-bold-webfont.svg#acrombold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Acrom ExtraBold';
src: url('../fonts/acrom-extrabold-webfont.eot');
src: url('../fonts/acrom-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/acrom-extrabold-webfont.woff2') format('woff2'),
url('../fonts/acrom-extrabold-webfont.woff') format('woff'),
url('../fonts/acrom-extrabold-webfont.ttf') format('truetype'),
url('../fonts/acrom-extrabold-webfont.svg#acrombold') format('svg');
font-weight: normal;
font-style: normal;
}
#contenedor .contenido .section {margin: 2em 0;}
#contenedor .contenido .section__list {font: 1.1em/120% 'Acrom Bold', Arial; color: #1c1c1b; width: 100%; max-width: 470px; margin: 0; padding: 0; padding-left: 1.5em;}
#contenedor .contenido .section__list li {margin-bottom: 1em; padding-left: 0.7em;}
#contenedor .contenido .section__list li:last-of-type {margin-bottom: 0;}
#contenedor .contenido .section__list p {font-family: 'Acrom Medium', Arial; margin: 0;}
#contenedor .contenido .section__box {width: 90%; font: 1.1em/140% 'Acrom Medium', Arial; margin-left: 3%;}
#contenedor .contenido .section__box.box--question {color: #3c3c3b; max-width: 92%; border-radius: 7px; padding: 0.6em; position: relative; margin-left: 1.2em;}
#contenedor .contenido .section__box.box--question.box--golden {background: #d6be4c;}
#contenedor .contenido .section__box.box--question.box--silver {background: #d0d1d3;}
#contenedor .contenido .section__box.box--question .box__title {font-size: 1.55em; margin: 0; padding: 0.2em 0 0.2em 1.8em;}
#contenedor .contenido .section__box.box--question .box__title:before {content: '?'; font: 1.1em/110% 'Acrom Bold', Arial; color: #d6be4c; background: #fff; padding: 0 0.2em; border-radius: 100%; position: absolute; top: 12px; left: 11px;}
#contenedor .contenido .section__box.box--question .box__subtitle {margin: 0 0 0.4em;}
#contenedor .contenido .section__box.box--question .box__txt,
#contenedor .contenido .section__box.box--question .box__txt p {margin: 0;}
#contenedor .contenido .section__box.box--question .box__content {background: #fff; border-radius: 4px; margin-top: .5em; padding: 1em;}
#contenedor .contenido .section__box.box--info {color: #1c1c1b; max-width: 484px; background: #d0d1d3; border-radius: 9px; padding: 1.2em 1em 1em; position: relative;}
#contenedor .contenido .section__box.box--info .box__title {font-family: 'Acrom Regular', Arial; font-size: 1.25em; color: #fff; text-transform: uppercase; background: #c7b85e; width: 99.5%; margin: 0 0 0 -1.6em; padding: 0.4em 0 0.4em 3.6em;}
#contenedor .contenido .section__box.box--info .box__title:after {content: ''; width: 48px; height: 41px; background: url('/alimentacionSaludable/img/ribbon.png') no-repeat 0 0; background-size: 48px 41px; position: absolute; top: 30px; right: -48px;}
#contenedor .contenido .section__box.box--info .box__content {background: #fff; border-radius: 5px; margin-top: 1.2em; padding: 1.5em;}
#contenedor .contenido .section__box.box--info .box__content p {margin: 0;}
#contenedor .contenido .section__title {font: bold 1.3em/120% 'Acrom Regular'; color: #59595b; width: 100%; max-width: 670px; text-align: center; margin: 0 3em; padding: 0;}
#contenedor .contenido .section__box.box--planning {margin-top: 2em;}
#contenedor .contenido .section__box.box--planning .box__title {width: 100%; max-width: 656px; font-size: 1em; font-family: "Acrom Light"; color: #fff; text-transform: uppercase; background: #c9bb60; margin: 0; padding: 0.3em 0.3em 0.3em 1.1em;}
#contenedor .contenido .section__box.box--planning .box__title strong {font-family: "Acrom Medium";}
#contenedor .contenido .section__box.box--planning .box__list {font-size: 0.95em; color: #59595b; width: 100%; max-width: 760px; background: #ececec; margin: 0 !important; padding: 1.2em 0 1.3em 2em !important; box-shadow: 4px 4px 5px #CCC9C8;}
#contenedor .contenido .section__box.box--planning .box__list li {padding-right: 1.5em; list-style: none !important;}
#contenedor .contenido .section__box.box--planning .box__list li:before {content: ""; border-color: transparent #59595b; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 0.9em; position: relative;}
#contenedor .contenido .button {padding: 0; margin: 0; cursor: pointer;}
#contenedor .contenido .button.button--action {font: 1.1em/120% 'Acrom ExtraBold', Arial; color: #6d6e70 !important; text-transform: uppercase; width: 170px; height: 60px; background: #ece7c3 !important; margin-right: 0.5em; border-radius: 10px; border: 5px solid #c9bb60; float: left; transition: all 0.3s ease-in-out; text-align:center; padding-top: 2%;}
#contenedor .contenido .button.button--action:hover {background: #c9bb60; color: #3c3c3b !important; border-color: #867730; text-decoration:none !important;}
#contenedor .contenido .button.button--action:last-of-type {margin-right: 0;}
#contenedor .contenido .button__group {height: 70px;}
#contenedor .contenido .boton_centrado{position: absolute;  margin-top: 0.75%; margin-left: 3%;}
#contenedor .contenido .section2 {width: 960px; margin: 2em 0;}
#contenedor .contenido .section2.is-special {width: 1160px;}
#contenedor .contenido .section .section__header {width: 90%; height: 50px; margin-left: 7%;}
#contenedor .contenido .section__header--title {font: bold 1.1em/120% 'Acrom Regular', Arial; color: #fff; width: 31.3em; background: #6caf33; padding: 0.4em 3em 0.4em 0.4em; text-align: right;  border: 1px solid #fff; float: right; position: relative;}
#contenedor .contenido .section__header--title:after {content: ''; width: 45px; height: 39px; background: url('/alimentacionSaludable/img/ribbon-green.png') no-repeat 0 0; position: absolute; top: 4px; right: -23px;}
#contenedor .contenido .section .table {font: 1em/120% 'Acrom Regular', Arial; text-align: center; margin-top: 1em; width: 97% !important;}
#contenedor .contenido .section .table,
#contenedor .contenido .section .table thead th { border-collapse: collapse; border-right: 3px solid #fff; border-bottom: 2px solid #fff;}
#contenedor .contenido .section .table tbody th,
#contenedor .contenido .section .table td {border-right: 3px solid #fff;}
#contenedor .contenido .section .table.table--portions td {border: none;}
#contenedor .contenido .section .table.table--daily {display: inline; font-size: 1.2em !important;}
#contenedor .contenido .section .table.table--daily td,
#contenedor .contenido .section .table.table--daily th {width: 7.7em; padding: 0.2em; background: initial; color: inherit;}
#contenedor .contenido .section .table.table--weekly td,
#contenedor .contenido .section .table.table--weekly th {width: 7.7em; height: 2.8em; background: initial; color: inherit;}
#contenedor .contenido .section .table.table--portions td,
#contenedor .contenido .section .table.table--portions th {width: 16em; padding: 0.2em 1em;}
#contenedor .contenido .section .table.table--daily thead th,
#contenedor .contenido .section .table.table--weekly thead th,
#contenedor .contenido .section .table.table--portions thead th {color: #fff; background: #0e6d84;}
#contenedor .contenido .section .table.table--portions thead th {font-weight: normal;}
#contenedor .contenido .section .table.table--weekly thead th {height: 1.4em; padding-top: 0.2em;}
#contenedor .contenido .section .table.table--weekly tbody th {font: bold 0.9em/120% 'Acrom Medium', Arial; background: #fff; border: 2px solid #cee3ec; border-right: none;}
#contenedor .contenido .section .table.table--weekly tr:nth-child(even) th {border-color: #e1e3e0;}
#contenedor .contenido .section .table.table--daily tr,
#contenedor .contenido .section .table.table--weekly tr {color: #0e6d84; background: #cee3ec;}
#contenedor .contenido .section .table.table--portions tr {background: #f5f7f6;}
#contenedor .contenido .section .table.table--daily tr:nth-child(even),
#contenedor .contenido .section .table.table--weekly tr:nth-child(even) {color: #3f3e40; background: #e1e3e0;}
#contenedor .contenido .section .table.table--portions tr:nth-child(even) {background: #e3e9ed;}
#contenedor .contenido .section .table.table--portions td {text-align: left;}
#contenedor .contenido .section .table.table--daily .row__first,
#contenedor .contenido .section .table.table--weekly .row__first {background: #fff;}
#contenedor .contenido .section .table.table--weekly .row__first {border-bottom: 2px solid #cee3ec;}
#contenedor .contenido .section .table__title {font: 1em/120% 'Acrom Regular', Arial; color: #58585a; border-bottom: 2px solid #58585a; margin: 0; padding-bottom: 0.1em; width: 90%; margin-left: 3%;}
#contenedor .contenido .section .table__comment {font: 0.9em/120% 'Acrom Regular', Arial; color: #3f3e40; text-align: right; margin: 0.7em 0;}
#contenedor .contenido .planning__wrapper {width: 92%; background: #ececec; border-radius: 5px; font: 1.1em/130% 'Acrom Regular', Arial !important; text-align: center; margin: 1em auto; padding: 0.7em;}
#contenedor .contenido .planning__row--top {width: 100%; height: 18.2em; position: relative;}
#contenedor .contenido .planning {width: 19.5%; float: left; margin-right: 0.2em;}
#contenedor .contenido .planning:last-of-type {margin: 0;}
#contenedor .contenido .planning__title {height: 2.8em; border-radius: 10px; color: #fff; display: flex; font-size: 1.1em;}
#contenedor .contenido .planning__title .title__text {display: block; margin: auto;}
#contenedor .contenido .planning__content {border-radius: 0.3em 0.3em 4.2em 4.2em; margin-top: 0.7em; padding: 1em 0 .5em;}
#contenedor .contenido .planning__subtitle {height: 4.8em; font-size: 0.8em; color: #575756; padding-top: 0.2em; display: flex; margin: 0; line-height: 1.1em;}
#contenedor .contenido .planning__subtitle .subtitle__text {display: block; margin: auto;}
#contenedor .contenido .planning__img {width: 6.8em; height: 6.8em; overflow: hidden; border-radius: 100%; border: 9px solid #fff; margin-left: 0.2em; margin-top: 0.6em;}
#contenedor .contenido .planning__img  img {max-width: 100%; height: auto; display: block;}
#contenedor .contenido .planning.planning--desayuno .planning__title,
#contenedor .contenido .planning.planning--desayuno .planning__content {background: #d6be4d;}
#contenedor .contenido .planning.planning--desayuno .planning__subtitle {background: #f7f2db; background: rgba(255,255,255,0.8);}
#contenedor .contenido .planning.planning--mediamaniana .planning__title,
#contenedor .contenido .planning.planning--mediamaniana .planning__content {background: #d02e5b;}
#contenedor .contenido .planning.planning--mediamaniana .planning__subtitle {background: #f6d5de; background: rgba(255,255,255,0.8);}
#contenedor .contenido .planning.planning--comida .planning__title,
#contenedor .contenido .planning.planning--comida .planning__content {background: #0c6c85;}
#contenedor .contenido .planning.planning--comida .planning__subtitle {background: #cee2e7; background: rgba(255,255,255,0.8);}
#contenedor .contenido .planning.planning--merienda .planning__title,
#contenedor .contenido .planning.planning--merienda .planning__content {background: #6caf33;}
#contenedor .contenido .planning.planning--merienda .planning__subtitle {background: #e2efd6; background: rgba(255,255,255,0.8);}
#contenedor .contenido .planning.planning--cena .planning__title,
#contenedor .contenido .planning.planning--cena .planning__content {background: #bc3730;}
#contenedor .contenido .planning.planning--cena .planning__subtitle {background: #f2d7d6; background: rgba(255,255,255,0.8);}
#contenedor .contenido .planning__row--bottom {width: 100%; height: 8em; position: relative; border-top: 3px solid #9c9b9b; margin-top: 1em; padding-top: 1em;}
#contenedor .contenido .instruction {font-size: 0.9em; line-height: 120%; width: 13em; text-align: left; color: #6f6f6e; float: left;}
#contenedor .contenido .instruction .instruction__title {font-size: 1em;}
#contenedor .contenido .instruction .instruction__list {list-style: none;}

/*Cuestionarios de Alimentación saludable*/
.pregunta{border: 0.2em solid #7EAA17; border-radius: 7px; text-align: justify; width: 90%; margin-left: 3%; margin-top: 4%; padding: 1%;}
.pregunta ol {margin-left: 1%;}
.pregunta ol li {padding-top: 0.5em;}
.pregunta img{width: 20%; border: 1px solid #ccc;}
.pregunta .derecha img {float: right; margin-right: 2%;}
.solucion {border:0.2em solid #155D69; border-radius: 7px; margin-top: 1%;text-align: justify; width: 90%; margin-left: 3%; margin-bottom:2%; padding: 1%;}
.solucion img{margin-left:12%;}
.margen_formato{margin-bottom: 2em;}

/*Calculadora TMB**/
#introducirDatos label {display: block; margin: 0.4em 0.1em; clear: both; width: 100%}
#introducirDatos label span {font-size: 1em; width: 13.8em; text-align: right; display: inline-block}
#introducirDatos select {font-size: 0.9em; font-family: Arial}
#introducirDatos input[type="button"] {text-align: center; background: linear-gradient(#A5C559 30%, #93B939 20%); margin: 1em 0px 0px 27em; padding: 0.5em 1.8em 0.5em 1.8em; border-radius: 6px; border: 0; color: #fff; cursor: pointer;     font-weight: bold;}
.actividades{font-size: 0.9em;}
.actividades img{width: 2.5%; border: none; vertical-align: middle;}
.pequenno{font-size: 0.8em !important;}
.alimentaciones ol {margin: 0.5% 1.2% 0.5% 3%; padding: 0.5% 1.2% 0.5% 3%}
.alimentaciones ol li {font-size: 1em; text-align: justify; line-height: 1.5em; margin: 0.3% 0; padding: 0.3% 0;}

/* Ejercicio práctico sobre macronutrientes */
.ui-widget-content{width: 100px; height: 85px; float: left; margin: 5px; border: 1px solid #aaaaaa; background: #fff; font: 0.9em/90% "Acrom ExtraBold",Arial; color: #6d6e70 !important; text-align: center; text-transform: uppercase;}
.ui-widget-content .small{font: 0.7em/80% "Acrom ExtraBold",Arial;}
.ui-widget-content img {width: 100px; height: 65px; margin-bottom: 0.2em;}
#hidratos {width: 230px; min-height: 200px; float: left; margin: 10px; background: #BFD58B none repeat scroll 0 0 !important; color: #6d6e70 !important;  border: 5px solid #c9bb60;  border-radius: 10px; font: 0.9em/90% "Acrom ExtraBold",Arial; text-align: center; text-transform: uppercase;}
#proteinas {width: 230px; min-height: 200px; float: left; margin: 10px; background: #9FB7D5 none repeat scroll 0 0 !important; color: #6d6e70 !important;  border: 5px solid #c9bb60;  border-radius: 10px; font: 0.9em/90% "Acrom ExtraBold",Arial; text-align: center; text-transform: uppercase;}
#grasas  {width: 230px; min-height: 200px; float: left; margin: 10px; background: #ece7c3 none repeat scroll 0 0 !important; color: #6d6e70 !important;  border: 5px solid #c9bb60;  border-radius: 10px; font: 0.9em/90% "Acrom ExtraBold",Arial; text-align: center; text-transform: uppercase;}
#hidratos .ui-widget-content, #proteinas .ui-widget-content, #grasas .ui-widget-content {position: inherit !important;}
#contenedor .contenido #resultado {width: 100%; float: left;}
#contenedor .contenido #resultado p{text-align: center;}
#contenedor .contenido #resultado p span {color: green; font-size: 1.6em;}
#contenedor .contenido #imagenesEjercicio, #explicacion {width: 100%; float: left;}
.titulos {font-size: 1.3em;}
.titulos p {padding-bottom: 0.25em; vertical-align: middle; color: #105769 !important; float: left; font-size: 1.3em !important; margin: 0% 7% !important;}

/* MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 36em) {
#contenedor .cabecera {margin: 0 0 0 0; padding: 0.5% 1.6%; display: inline-block; width: 98%;}
#contenedor .escudo {float: left; margin: 0 2% 0 0;}
#contenedor .escudo img {width: 100%; float: left;}
#idiomas {width: 48%; float: left; margin: 0.2% 0 0 0}
#opciones {width: 48%; float: right; text-align: right}
#buscador {display: inline-block; white-space: nowrap;}
#redes-sociales {display: inline-block; margin-left: 0.6em}
#contenedor .contenido-izquierdo {width: 45%; float: left; border: 4px solid #BBBBBB; margin: 0.8em 0 0.5em 1%; padding: 0.3em; text-align: center}
#contenedor .contenido-derecho {width: 48%; float: right; margin: 0 2% 0 0; padding: 0}
#fullpage {padding: 0 5%;}
#contenedor .menu-izquierdo {width: 23%; float: left;}
#contenedor .contenido {width: 68%; float: left;}
#contenedor .contenido .opciones {float: right;}
}
@media only screen and (min-width: 49em) {
#contenedor .contenido-derecho ul.herramientas li {width: 48%;}
#pie .pie-izquierdo {width: 55%; float: left; text-align: left}
#pie .pie-derecho {width: auto; float: right;}
#contenedor .subportada-video {width: 32%; float: left; }
#contenedor .subportada-contenido {width: 60%; float: left; margin: 0 1% 0 2%}
#contenedor .subportada-contenido .enlaces-sintexto a {float:left; width: 42%;}

}
@media only screen and (max-width: 1200px) {
#contenedor .tituloPrincipal {float: left; padding: 0 3% 0 0; background: url("../img/logo-estilosVidaSaludables.png") no-repeat scroll right center transparent; width: 8.7em;}
#contenedor .promocion {float: right; padding: 0.8% 0 0 0;}
#contenedor .promocion img {width: 100%; float: right; border: 1px solid #ccc}
}
@media only screen and (max-width: 1040px) {
#contenedor .tituloPrincipal {float: left; width: auto; padding: 30px 13% 30px 0px; background: transparent url("../img/logo-estilosVidaSaludables.png") no-repeat scroll right center; clear: both;}
}
@media only screen and (max-width: 61em) {
#contenedor .tituloPrincipal {width: 12em; float: left; clear: both; padding: 1.5% 8% 0.9em 0px;}
#contenedor .menu ul {margin: 0.2em 0.5em; padding: 0.2em 0.5em;}
#contenedor .menu ul li {width: 25%; max-width: 25% !important; min-width: 25% !important; padding: 0.5% 1% 0.4% 1% !important; margin: 1% 0.1% 0.4% 1% !important;}
}
@media only screen and (max-width: 55.8em) {
#contenedor .menu ul {margin: 0.2em 0.5em; padding: 0.2em 0.5em;}
#contenedor .menu ul li {width: 25%; max-width: 25% !important; min-width: 25% !important; padding: 0.5% 1% 0.4% 1% !important; margin: 1% 0.1% 0.4% 1% !important;}
}
@media only screen and (max-width: 48em) {
#contenedor .tituloPrincipal {clear: both; margin: 0 auto; padding: 1% 0; background: none; width: 100%; text-align: center;}
#contenedor .promocion {clear: both; float: none; padding: 1% 0; margin: 1% auto; width: 100%; text-align: center;}
#contenedor .escudo { margin: 0 auto; text-align: center;}
#contenedor .menu {margin-top: 2%}
#contenedor .menu ul li {width: 45%; max-width: 45% !important; min-width: 45% !important; }
}
@media only screen and (max-width: 35.99em) {
#contenedor .contenido-izquierdo {border: 4px solid #BBBBBB; margin: 0.8em 2% 0.5em 2%; padding: 0.3em; text-align: center}
#contenedor .cabecera {margin: 0 0 0 0; padding: 0.5% 1.6%; width: 98%}
#idiomas {width: auto; float: none; margin: 1% 0 2% 0;}
#idiomas ul li {padding: 0 0.1em 0 0.4em}
#buscador {width: auto; float: left; text-align: left !important; margin: 1% 0.8em 0 0;}
#buscador form {text-align: left !important}
#redes-sociales {width: auto; float: left !important; text-align: left !important; margin: 1% 1% 1% 0;}
#contenedor .menu-izquierdo {border: 0; padding: 0.8em 0.2em 0.2em 4%;}
#contenedor .menu-izquierdo ul li.selected {border: 0}
#contenedor .contenido {margin-left: 2%; border: 0;}
.opciones {padding: 3% 0.5%}
#contenedor .contenido ul.submenu li {width: 92%;}
#contenedor .menu ul li a.bienestar {width: auto !important;}
}
@media only screen and (min-width: 35.99em) and (max-width: 42.99em){
#contenedor .contenido-derecho ul.perfiles li {float: none; width: 95% }
#contenedor .contenido ul.submenu li { width: 92%;}
}
@media only screen and (min-width: 36em) and (max-width: 42em){
#contenedor .contenido-derecho ul.herramientas li {width: 94%; float: none;}
#contenedor .contenido-derecho ul.herramientas a {min-height: 2em !important}
}
@media only screen and (max-width: 28em) { 
#contenedor .contenido img {max-width: 70%; margin: 0 auto; border: 1px solid #ccc}
#contenedor .contenido .imagen_texto {text-align: center; margin: 0 auto; border: 0; float: none;}
#contenedor .contenido .imagen_drch {text-align: center; margin: 0 auto; border: 0; float: none;}
.imagen_centrada { margin-top: 0.5em; text-align: center; width: 100%;}
#contenedor .contenido .imagen_centrada img {border: 0}
}
@media only screen and (max-width: 24em) { 
#idiomas {font-size: 90%; min-width: 20em; text-align: center; }
#opciones {width: 20em; text-align: center; margin: 0 auto}
#buscador form #search {width: 12em}
#contenedor .tituloPrincipal {font-size: 1.5em !important; clear: both !important; padding: 0.6em 0 0.6em 0; display: block; text-align: center !important; background: none;}
#contenedor .contenido-derecho ul {margin: 0 0.2em 0 0.4em; padding: 0 0.2em 0 0.4em; }
#contenedor .contenido-derecho ul li {width: 95% !important; padding: 1% 0 1% 0 !important; margin: 1% 0 1% 0 !important; background: #fff; border-bottom: 1px solid #ccc; font-size: 1em}
#contenedor .contenido-derecho ul.herramientas li {width: 89%; border-bottom: 0; margin: 0.2em !important;}
#contenedor .contenido-derecho ul.herramientas a {font-size: 1em; margin: 0.2em !important; min-height: 2em !important}
#contenedor .menu  {text-align: center !important;}
#contenedor .menu ul li {width: auto !important; max-width: 92% !important; min-width: 92% !important; padding: 0 0 0 1.1em !important; background: url(../img/ul-5.png) 0 0.3em no-repeat; border-radius: 5px; float: none; display: block; font-size: 100%}
#contenedor .menu ul li.selected {padding: 0 0.3em 0 1.3em !important; }
#contenedor .menu ul li a {background: none !important; font-size: 1em; padding: 0 !important; height: 2em;}
#contenedor .contenido .perfiles {float: none; text-align: center; margin: 0 0.2em 0.2em 0.2em;}
#pie {font-size: 1em}
} 

/* Internet Explorer 7 */
*+html #fullpage {max-width: 80em; min-width: 59em; margin: auto; padding: 0 2%;}
*+html #contenedor .cabecera {margin: 0; padding: 0.5% 0.1% 0.5% 1.6%; display: inline-block; width: 98%}
*+html #contenedor .escudo {float: left; margin: 0 2% 0 0;}
*+html #contenedor .escudo img {float: left;}
*+html #idiomas {width: 50%; float: left; margin: 0.2% 0 0 0}
*+html #idiomas ul li {padding: 0 0.2em 0 0.3em;}
*+html #opciones {min-width: 35%; float: right; text-align: right}
*+html #buscador {float: left; width: auto; white-space: nowrap;}
*+html #buscador form {margin: 0; padding: 0;}
*+html #redes-sociales ul {width: 6em}
*+html #contenedor .promocion img {min-width: 10.2em;}
*+html #contenedor .menu {width: 100%; display: inline-block}
*+html #contenedor .menu ul li {max-width: 15.6%; min-width: 13.2%; }
*+html #contenedor .menu li a {padding: 0.5em 0; display: inline-block; background-position: left top; min-height: 2em; height: auto !important; height:2em;}
*+html #contenedor .contenido-izquierdo {width: 45%; float: left; border: 4px solid #BBBBBB; margin: 0.8em 0% 0.5em 1%; padding: 0.3em; text-align: center}
*+html #contenedor .contenido-derecho {width: 48%; float: right; margin: 0 2% 0 0%; padding: 0}
*+html #contenedor .contenido ul.submenu li {width: 44%;}
*+html #contenedor .contenido ul.submenu li a {display: block; padding: 0.8em 0 0 3em !important; vertical-align: middle; height: 3em !important}
*+html #contenedor .menu-izquierdo {width: 23%; float: left;}
*+html #contenedor .menu-izquierdo ul li {font-size: 1em; margin: 0.8em 0 0.4em 0; padding: 0em 0 0em 0; list-style-image: url(../img/ul-menu.png);}
*+html #contenedor .banner-izquierdo {width: 100%; float: left; clear: both; margin-top: 2em;}
*+html #contenedor .contenido {width: 68%; float: left; padding-top: 0.2em !important}
*+html #contenedor .contenido .opciones {float: right; padding: 0.3em 0 0.2em 0}
*+html #contenedor .subportada-video {width: 32%; float: left; }
*+html #contenedor .subportada-contenido {width: 60%; float: left; margin: 0 1% 0 2%}
*+html #contenedor .subportada-contenido .enlaces-sintexto a {float:left; width: 42%;}
*+html #pie .pie-izquierdo {padding-top: 0.4em; width: 55%; float: left; text-align: left}
*+html #pie .pie-izquierdo ul li {display: inline; padding: 0 0.2em 0 0.4em; font-size: 0.75em; color: #000; border-right: 1px solid #7f7f7f; margin-top: 0.4em}
*+html #pie .pie-derecho {font-size: 0.75em; padding-top: 0.5em; width: auto; float: right;}
*+html #contenedor .contenido-derecho ul.perfiles li a {display: block; padding: 1em 0 0 0 !important; vertical-align: middle; height: 2em !important}

/*Las tablas que estan ocultas en  Actividad Física en Que es Actividad Física*/
*+html #contenedor .contenido #ocultarIntensidad table {width: 100%; font-size: 1em;}
*+html #contenedor .contenido #ocultarIntensidad table th {text-align: center; background: #177079; color: #ffffff; width: 15%;}
*+html #contenedor .contenido #ocultarIntensidad table td {text-align: center; border: 1px solid #1D8B98; width: 70%;}

/*Las tablas que están en Consumo (Alcohol)*/
*+html #contenedor .contenido table {width: 0%; margin: 2% auto; border: 0em solid #1D8B98; font-size: 1em;}
*+html #contenedor .contenido table th {background: #177079; color: #ffffff; width: 0%;}
*+html #contenedor .contenido table th p {text-align: center; color: #ffffff; font-size:1em;}
*+html #contenedor .contenido table td {text-align: center; border: 1px solid #1D8B98; }
*+html #contenedor .contenido table td p {text-align: center;  font-size:1em;} 

/*Las imágenes de Actividad Física en beneficios para adultos en Internet Explorer 7*/
*+html #contenedor .contenido .conjunto ul li {list-style-image: none; list-style-type: none; min-height: 7em;}
*+html #contenedor .contenido .conjunto ul li.doble img {height: 18em;}
*+html #contenedor .contenido .conjunto ul li.doble a img {height: auto; min-height: auto;}
*+html #contenedor .contenido .conjunto a img{width: auto; float: none; height: auto; border: none;}
*+html .texto_margen{width:70%; margin-top: 2%;}
*+html .tamannoimagen{width:25% !important; float: left;}

/*****Navegador Explorer*****/
*+html  .margen_textoDrch1{margin-left: 3% !important;}
*+html .margensuperior1{margin-top: 0em !important;}
*+html .imagen_izquierdamenu{float:left;}
*+html .margen_tabla{margin-left:10%;}
*+html .imagen{width:100%;}
*+html .texto_derechamenu, .texto_derechamenu2, .texto_derechamenu3{margin-top:3%;}

/**Formato tablas en Internet Explorer**/
#contenedor .contenido .section .table--daily.table th{
background:none;
}

/****Navegador Firefox*******/
@-moz-document url-prefix(){.margen_textoDrch1{margin-left:10% !important;}}
@-moz-document url-prefix(){.margen_tabla{margin-left:10% !important;}}

/* Internet Explorer versiones 8 
@media \0screen {
#fullpage {max-width: 80em; min-width: 60em; margin: auto; padding: 0 2%;}
#contenedor .cabecera {margin: 0; padding: 0.5% 0.1% 0.5% 1.6%; display: inline-block; width: 98%}
#contenedor .escudo {float: left; margin: 0 2% 0 0;}
#contenedor .escudo img {float: left;}
#idiomas {width: 50%; float: left; margin: 0.2% 0 0 0}
#idiomas ul li {padding: 0 0.2em 0 0.3em;}
#opciones {min-width: 35%; float: right; text-align: right}
#buscador {float: left; width: auto; white-space: nowrap;}
#buscador form {margin: 0; padding: 0;}
#redes-sociales {float: right}
#redes-sociales ul {width: 6em}
#contenedor .promocion {float: right; padding: 0.8% 0 0 0; max-width: 18em;}
#contenedor .promocion img {width: 100%; float: right; border: 1px solid #ccc}
#contenedor .menu {width: 100%; display: inline-block}
#contenedor .menu ul li {max-width: 15.6%; min-width: 13.2%; }
#contenedor .menu li a {padding: 0.5em 0; display: inline-block; background-position: left top; min-height: 2em; height: auto !important; height:2em;}
#contenedor .contenido-izquierdo {width: 45%; float: left; border: 4px solid #BBBBBB; margin: 0.8em 0% 0.5em 1%; padding: 0.3em; text-align: center}
#contenedor .contenido-derecho {width: 48%; float: right; margin: 0 2% 0 0%; padding: 0}
#contenedor .contenido ul.submenu li {width: 44%;}
#contenedor .contenido ul.submenu li a {display: block; padding: 0.8em 0 0.8 3em !important; vertical-align: middle; height: 3em !important}
#contenedor .menu-izquierdo {width: 23%; float: left;}
#contenedor .menu-izquierdo ul li {font-size: 1em;; margin: 0.8em 0 0.4em 0; padding: 0em 0 0em 0; list-style-image: url(../img/ul-menu.png);}
#contenedor .contenido {width: 68%; float: left; padding-top: 0.2em !important}
#contenedor .contenido .opciones {float: right; padding: 0.3em 0 0.2em 0}
#pie .pie-izquierdo {padding-top: 0.4em; width: 55%; float: left; text-align: left}
#pie .pie-izquierdo ul li {display: inline; padding: 0 0.2em 0 0.4em; font-size: 0.75em; color: #000; border-right: 1px solid #7f7f7f; margin-top: 0.4em}
#pie .pie-derecho {font-size: 0.75em; padding-top: 0.5em; width: auto; float: right;}
#contenedor .contenido-derecho ul.perfiles li a {display: block; padding: 1em 0 0 0 !important; vertical-align: middle; height: 2em !important}
#contenedor .contenido .perfiles {float: right !important; min-width: 8em; text-align: right}
}*/
/************************************/
@media only screen and (max-width: 1101px)
{
#logoMS {display: inline-block; width: 65%;}
#logoMS a img {display: block; vertical-align: top}
#logoMS .title {display: inline-block; width: 5em; margin-top: 0}
#accesos { display: block; width: auto; text-align: right; margin-top: 0;}
}
@media only screen and (min-width: 921px) and (max-width: 1100px)
{
#logoMS {display: inline-block; width: auto; }
#logoMS a img {display: block; vertical-align: top}
#logoMS .title {display: inline-block; width: 5em; margin-top: 0}
#accesos { display: inline-block; width: auto; text-align: right; margin-top: 0;}
}
@media only screen and (max-width: 920px)
{
#logoMS {width: 55%; min-width: 300px}
#logoMS a img {display: block; vertical-align: top}
#logoMS .title {display:block; width: auto; margin: 0.4em 0 0 0}
#accesos { display: block; width: auto; text-align: right; float: right; margin-top: 10%;}
#categorias ul li {padding: 0; min-height: 3.5em; height: auto !important}
#categorias ul li a:link {padding: 0.4em 0px}
#categorias ul li a#current_cat {}
#menuIzq a {background: none}
}
@media only screen and (max-width: 690px)
{
#logoMS {}
#logoMS a img {display: block; vertical-align: top}
#logoMS .title {display:block; width: auto; margin: 0.4em 0 0 0}
#accesos { display: block; width: auto; text-align: right; float: right; margin-top: 10%;}
#categorias {margin: 0.4em 0 0 0}
#categorias ul {width: 100%; float: none;}
#categorias ul li {display: block; margin: 0; width: 100% !important; float: none; border-bottom: 1px solid #ccc; border-right: 0}
#current_cat {display: block; margin: 0; width: 100% !important; float: none; border-right: 0}
#categMarco {width: 100% !important;}
}
@media only screen and (max-width: 689px)
{
 #accesos { display: block; width: auto; text-align: right; float: right; margin-top: 0%;}
 #logoMS {width: 96%;}
 #menuIzq {float: none; display: block; width: 98%; margin: 0.6em 0 0 0}
 #menuIzq ul {margin: 0}
 #contenido {width: 100%; float: none; margin: 1em 0; border: 0}
 #migas {margin: 0.6em}
 #informacion {border: 0}
 #docsRelacionados {width: 40%}
}
/************************************/

/*Las imágenes de Actividad Física en beneficios para adultos en Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){#contenedor .contenido .conjunto  ul li.doble a img{min-height: initial;}}