/* 
	CSS general - GCP01 Web Gripe A
	v1.0 [14.08.2009]
*/

* { font-family: arial, helvetica, sans-serif; }

html { height: 100%; }

body {
	
	background: #E3E7E6;
	font-size: 1em; color: #222; 
	margin: 0; padding: 0; 
	text-align: center; 
	height: 100%;
}

img	{border:0;}

form, div, span, td, p, ul, li { font-size: 1em; color: #222; }

a:link,  a:visited { color: #676A6F; text-decoration: underline; }
a:hover, a:active  { color: #D11B20; text-decoration: none; }

a.enlace2:link,  a.enlace2:visited { color: #0ff; text-decoration: none; }
a.enlace2:hover, a.enlace2:active  { color: #0ff; text-decoration: underline; }



/* Classes Genéricas, alineaciones y formatos de letra */

.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right;}
.alignJ { text-align: justify; }

.valignT { vertical-align: top; }
.valignM { vertical-align: middle; }
.valignB { vertical-align: bottom; }

.formatoB { font-weight: bold; }
.formatoI { font-style: italic; }
.formatoU { text-decoration: underline; }
.formatoN { text-decoration: none; font-weight: normal; }
.formatoM { text-transform: uppercase; }
.formatoL { text-transform: lowercase; }


.fontXXS { font-size: 0.5em; }
.fontXS  { font-size: 0.7em; }
.fontS   { font-size: 0.8em; }
.fontM   { font-size: 1em; }
.fontL   { font-size: 1.2em; }
.fontXL  { font-size: 1.4em; }
.fontXXL { font-size: 1.6em; }


/* Estilos Definidos para el Web */

	/* Estructura */
	
#estructura { 

	width: 900px; /* width: 84%;*/
	margin: 0 auto; 
	padding: 0; text-align: left; 
	min-height: 100%; height: auto !important; height: 100%;

}

#navSup {
	background: transparent url("../pix/menusup_bg.jpg"/*tpa=http://www.informaciongripea.com/pix/menusup_bg.jpg*/) top left repeat-x;
	padding: 1% 0 0 0; height: 5.8em; width: 100%;
}

#logoMSPS { margin: 0 1%; padding: 0; float: left; }
#logoMSPS img { margin: 0; padding: 0; border: none; }

#menuSup { float: right; width: 70%; margin: 1em 1em 1em 0; text-align: right; }
#menuSup ul { margin: 0; padding: 0; }
#menuSup li { list-style-type: none; display: inline; }
#menuSup a, #menuSup a:link, #menuSup a:visited { 
	font-size: 0.7em; text-transform: uppercase;
	color: #222; text-decoration: none; border-right: 1px; 
	padding: 0.5% 0.8%; border-right: 1px solid #d11b20;
}
#menuSup a:hover, #menuSup a:active { 
	background: #d11b20; color: #FFF; text-decoration: none; 
}
#menuSup a.msOn, #menuSup a.msOn:link, #menuSup a.msOn:visited,   
#menuSup a.msOn:hover, #menuSup a.msOn:active { 
	background: #d11b20; color: #FFF; text-decoration: none; 
}

.fontDest {
	color: #D11B20;
}

.titCaja2 {
	color: #D11B20;
	font-weight: bold;
	font-size: 1.2em;
}


#piezaFlash {
	background: #E3E7E6;
	color: #FFF;
	text-align: center; width: 100%;
	padding: 0; margin: 0 0 1.4em 0;
}
#piezaFlash img { margin: 0; padding: 0; border: none; }

#main { background: #FFF; color: #333; width: 100%;	}

.destacados { margin: 0; padding: 0; height: 9.1em; border-bottom: 4px solid #d0d9d9; clear: both; }
.destacados div { 
	float: left;
	
}

.destacadoTit a:link,.destacadoTit a:visited{
	color: #D11B20;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none; 
}
.destacadoTit a:hover,.destacadoTit a:active{
	text-decoration: underline; 
}

.destacado { 
	width: 33.2%; height: 9em; border-right: 1px solid #d0d9d9;
}
.destacado p { 
	font-size: 0.625em;
	padding: 3.0em 1em 0 7em;
	
}


.contenido { 
	margin: 0; padding: 0; clear: both; background: #fff; min-height: 30em; overflow: hidden;
}
#contenColIZ { float: left; width: 33.2%; background: #FFF; min-height: 30em; }
#contenColDC { float: left; width: 66.6%; background: #FFF; min-height: 30em; }

#contenColIZ.ccizBorde1 { border-right: 1px solid #d0d9d9; }
#contenColIZ.ccizBorde2 { border-right: 0; }
#contenColDC.ccdcBorde1 { border-right: 1px solid #fff;}
#contenColDC.ccdcBorde2 { border-left: 1px solid #d0d9d9;}


#contenColDC div.ccdcContent { margin: 3em 2em; }
.ccdcContent h1 { color: #333; font-size: 1.6em; }
.ccdcContent h2 { color: #333; font-size: 1.2em; margin: 0.8em auto; }
.ccdcContent p { line-height: 1.4em; }

#enlacesIzq {
	padding: 2.6em 2em 0 2em;
}

.titContIZ {
	padding: 0 0 0.5em;
	border-bottom: solid 1px #ECF0EF;
	color: #D11B20;
	font-size: 1em;
}

#txtContIZ {
	font-size: 0.75em;
	padding: 0.8em 0 0.5em;
	border-bottom: solid 1px #ECF0EF;
}

.enlaceContIZ {
	padding: 0.8em 0 1em 0.5em;
	border-bottom: solid 1px #ECF0EF;
}

.imgEnlContIZ {
	float: left;
	padding: 0 0.75em 0 0;
	width: 20%;
}
.imgEnlContIZ a img{
	float: left;
	padding: 0 0.75em 0 0;
	border: 0;
}

.txtEnlContIZ {
	padding: 0.5em 0 0 0;
	font-size: 0.85em;
}

.txtEnlContIZ a:link, .txtEnlContIZ a:visited{
	text-decoration: none; color: #676A6F;
	font-weight: bold;
}

.txtEnlContIZ a:hover, .txtEnlContIZ a:active{
	text-decoration: underline; color: #D11B20;
	font-weight: bold;
}

#cajaEnlacesInfo {
	padding: 1em 0 3em 0;
}

.enlaceInfo {
	font-size: 0.75em;
	padding: 0.625em 0 0 0;
}

.enlaceInfo span{
	color: #D11B20;
}

.enlaceInfo a:link, #enlaceInfo a:visited{
	text-decoration: underline; color: #676A6F;
}

.enlaceInfo a:hover, #enlaceInfo a:active{
	text-decoration: none; color: #D11B20;
}

#enlacesIzq p {
	font-size: 0.75em;
	padding: 0 0 0.5em;
	border-bottom: solid 1px #ECF0EF;
}

#enlacesIzq p a:link, #enlacesIzq p a:visited{
	text-decoration: underline; color: #676A6F;
}

#enlacesIzq p a:hover, #enlacesIzq p a:active{
	text-decoration: none; color: #D11B20;
}

#enlacesIzq p span{
	color: #D11B20;
	font-size: 1.4em;
}

.tituloTemaMenu {
	border-bottom: solid 1px #ECF0EF;
}

.tituloTemaMenu h1{
	color: #333; font-size: 1.6em;
}

.pregTemaMenu {
	font-size: 0.75em;
}

.pregTemaMenu span{
	color: #D11B20;
}

.pregTemaMenu span span a:link, .pregTemaMenu span span a:visited{
	text-decoration: underline; color: #676A6F;
}

.pregTemaMenu span span a:hover, .pregTemaMenu span span a:active{
	text-decoration: none; color: #D11B20;
}

.pregTemaMenu ul {
	padding: 0 0 0 1.6em;
	margin: 0;
	margin: 0.6em 0 0 0;
}

.pregTemaMenu ul li{
	color: #D11B20;
}

.pregTemaMenu a:link, .pregTemaMenu a:visited{
	text-decoration: underline; color: #676A6F;
	font-weight: bold;
}

.pregTemaMenu a:hover, .pregTemaMenu a:active{
	text-decoration: none; color: #D11B20;
	font-weight: bold;
}

.separadorFaq {
	padding: 6em 0 0 0;
}

.tituloTemaResp {
	border-bottom: solid 1px #ECF0EF;
	padding: 0.8em 0 1em 0.5em;
}

.pregTemaResp {
	font-size: 0.75em;
	clear: both;
}

.pregTemaResp ul {
	padding: 0 0 0 1.6em;
	margin: 0;
	margin: 0.6em 0 0 0;
}

.pregTemaResp .vacunas li {
	color: #444444;
}

.pregTemaResp ul li{
	color: #D11B20;
}

.vacunas {
	color: #333333;
}

.pregTemaResp ul li span{
	color: #676A6F;
}

.pregTemaResp ul p a:link, .pregTemaResp ul li p a:visited{
	text-decoration: underline; color: #676A6F;
}

.pregTemaResp ul li p a:hover, .pregTemaResp ul li p a:active{
	text-decoration: none; color: #D11B20;
}

.cajaTitResp {
	float: left;
}

.cajaImgUp {
	text-align: right;
	vertical-align: top;
	padding: 1em 0 0 0;
	
}

.cajaImgUp a img{
	border: 0;
}



.tituloTemaEnlaces h1{
	padding-bottom: 0.3em;
	border-bottom: solid 1px #ECF0EF;
}

.tituloTemaEnlaces h2{
	padding-bottom: 0.3em;
	border-bottom: solid 1px #ECF0EF;
}

.subtitEnlaces {
	font-weight: bold; font-size: 1em; padding: 2em 0 0 1em;
}

.linksEnlaces {
	font-size: 0.75em; padding: 0 0 0 3em;
}

.linksEnlaces span{
	color: #D11B20;
}

.enlacesInf {
	font-weight: bold; font-size: 1em; padding: 0.7em 0 0 1em;
}

.enlacesInf span{
	color: #D11B20;
}

.enlacesInf a:link, .enlacesInf a:visited{
	text-decoration: underline; color: #000;
}

.enlacesInf a:hover, .enlacesInf a:active{
	text-decoration: none; color: #D11B20;
}


.descargasLinks {
	font-size: 0.75em;
	line-height: 1.6em;
}
.descargasLinks span{
	color: #D11B20;
}

.descargasLinksIZ { 
	font-size: 0.75em;
	line-height: 1.6em;
	float: left;
	width: 23.13em;
}
.descargasLinksIZ span{
	color: #D11B20;
}

.descargasLinksDC { 
	font-size: 0.75em;
	line-height: 1.6em;
	float: left;
}
.descargasLinksDC span{
	color: #D11B20;
}

.espacioMas {
	padding: 2em 0 0 1em;
}

.listaRec {
}

.listaRec2 li{
	color: #D11B20;
}

.listaRec2 span{
	color: #222;
}

.imgPrevencion { float: left; padding: 0 0.5em 0 0; }

.linkPrevencion { vertical-align: top; padding: 1.3em 0 0 0; }

#footer {
	
	background: #eaeaea; clear: both; height: 12em; width: 100%;
}
#footerIZ { float: left; width: 33.2%; height: 12em; border-right: 1px solid #d0d9d9; }
#footerIZ img { margin: 1.5em 1em; padding: 0; border: none; }

#footerDC { float: left; width: 66.3%; height: 12em; }

#footerDC a, #footerDC a:link,#footerDC a:visited { 
	color: #222; text-decoration: none; font-size: 0.75em; text-transform: uppercase; 
}
#footerDC a:hover, #footerDC a:active { color: #D11B20; text-decoration: underline; }
#footerDC .titulo { color: #333; font-size: 1.1em; font-weight: bold; }
#footerDC ul { margin: 0; padding-left: 1em; }
#footerDC li { color: #d11b20; }

#footerDC div.fdcBloque1 { margin: 0 3em 0 1.5em; float: left; }
#footerDC div.fdcBloque2 { margin: 0 3em 0 1.5em; float: left; }
#footerDC div.fdcBloque2 a { text-transform: none; }

#footerDCImg {
	float: right;
	margin: 1.6em 1.2em 0 0;
}

.tablaDescargas { width: 32.88em; border: solid 1px #CCC; border-bottom: none; }

.tablaDescargasMenu { width: 32.88em; height: 2.88em; }
.tablaDescargasMenu td{ text-align: center; border-right: solid 1px #CCC; border-top: solid 1px #CCC; font-size: 0.70em; }
.tablaDescargasMenu td a{ text-decoration: none; }
.first { border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.descOff { border-bottom: solid 1px #CCC; color: #666; }
.descOn { color: #D11B20; border-bottom: none; }

.cajaMenuDesc { margin-bottom: 1.58em; }

.idiomasTab { float: left; width: 5.81em; height: 18.88em; border-right: solid 1px #CCC; }

.titBajaTab{ font-size: 0.75em; padding: 0.7em 1em 0 1em; vertical-align: top; border-left: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; text-align: center; }
.titAltaTab{ font-size: 0.75em; padding: 0.7em 1em 0 1em; vertical-align: top; border-bottom: solid 1px #CCC; text-align: center; }
.subtitTab { color: #8C959C; }

.sepTab { border-bottom: solid 1px #CCC; }

.idioma { padding: 0.8em 0 0.8em 0.625em; font-size: 0.8em; color: #666668; }

.contBajaTab { float: left; width: 13.38em; height: 18.88em; border-right: solid 1px #CCC; }

.contBajaTab2 { border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; padding: 0 0 0 0.7em; text-align: center; }
.contBajaTab3 { border-bottom: solid 1px #CCC; padding: 0 0 0 0.7em; text-align: center; }

.contBaja1 { font-size: 0.8em; }
.contBaja2 { font-size: 0.8em; }

.contAltaTab { float: left; width: 11.38em; height: 18.88em; }

.contAltaTab2 { border-top: solid 1px #CCC; padding: 0.5em 0 0.5em 0.5em; }

.contAlta1 { float: left; font-size: 0.8em; }
.contAlta2 { float: left; font-size: 0.8em; padding: 0 0 0 1.5em; }

.cajaCodigoBtn { width: 25.75em; height: 7em; overflow: auto; font-size: 0.7em; border: solid 1px #000000; }

.btnFase { padding-bottom: 1.25em; }

.separadorDesc { width: 32.88em; height: 1em; border-bottom: solid 1px #CCC; clear: both; }

.tablaTarjetas1 td{ width: 16em; }
.tamanoImputTarjetas { width: 16em; }
.tamanoImputTarjetas2 { width: 17.14em; }

.contTablaIZ { float: left; }
.contTablaIZ div{ margin: 0.42em 0; }
.contTablaDC { float: left; margin-left: 2.37em; }
.contTablaDC div{ margin: 0.42em 0; }

.camposSec { clear: both; margin-top: 1em; }
.camposTer { clear: both; margin-top: 1em; }
.msjTarjetas { width: 33em; *width: 39.8em; height: 12.6em; margin-top: 1em; }
.botoneraInfTarj { margin: 1em 0; }
.btnIZ { float: left; }
.btnDC { float: right; }

.cajaRecaptcha { margin: 1.2em 0 0 0; }

.txtLegalTarjetas { clear: both; padding-top: 1em; font-size: 0.63em; }