
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {border:0;padding:0;margin:0;}

body {
	margin:0px;
	padding:0px;
	background: #EA2227 url(/areas/salud/gripe_a/img/bg_main.gif);
	text-align:center;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;	
}

#numeros {
	float:right;
	width:136px;
	text-align:left;
}

#numeros ul {padding:0; margin:0 0 20px 0; list-style-type: none;}
#numeros ul li {padding:0; margin:0;}
#numeros ul li a {
	display:block;
	padding:9px 0 0 14px;
	width:121px !important;
	width/**/:/**/135px;
	width:121px;
	height:27px !important;
	height/**/:/**/36px;
	height:27px;
	font-size:13px;
	color:#333333;
	text-decoration:none;
	background:url(/areas/salud/gripe_a/img/bg_nums.png) no-repeat top left;
}

#numeros ul li a:hover {background-position:0 -36px; color: #666666;}

#top_firma_ba {
	margin:auto;
	width:590px !important;
	width/**/:/**/650px;
	width:590px;
	padding:0 30px;
	height:48px;
	background:#FDD300;
}

div#cont_top_firma_ba {
	float:right;
	width:143px;
	height:48px;	
}

#cont_top_firma_ba a {
	display: block;
	float:right;
	width: 197px;
	height: 48px;
	text-indent: -9000px;
	background: url(/areas/salud/gripe_a/img/top_firma_ba.png) no-repeat;
	text-decoration: none;
	overflow: hidden;
}


#encabezado {
	margin:auto;
	width:595px !important;
	width/**/:/**/650px;
	width:595px;
	padding: 28px 0 0 55px;
	height:115px !important;
	height/**/:/**/143px;
	height:115px;
	background:url(/areas/salud/gripe_a/img/bg_encabezado.png) no-repeat top center;
}

#encabezado h1 {
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-align:left;
	font-size:55px;
	font-weight:100;
}

#encabezado h1 a {color: #FFFFFF; text-decoration:none;}
#encabezado h1 a:hover {color: #E1CCD1;}


#encabezado h4 {
	margin:0;
	padding:0;
	color:#E3B0B4;
	text-align:left;
	font-size:18px;
	font-weight:100;
}

a.inicio {
	text-align:left;
	font-size:12px;
	color:#FFFFCC;
	text-decoration:none;
	float:left;
	padding:0 0 0 8px;
	margin:0 0 0 3px;
	background: url(/areas/salud/gripe_a/img/bg_nav_list.gif) no-repeat top left;
}


#top_nav {
	margin:0 auto;
	padding: 20px 55px 0 55px;
	width:540px !important;
	width/**/:/**/650px;
	width:540px;
	height:142px !important;
	height/**/:/**/162px;
	height:142px;
	background:url(/areas/salud/gripe_a/img/bg_top_nav.png) no-repeat top center;
}

#top_nav ul {padding:0;margin:0;list-style-type: none;}
#top_nav ul li {display:inline;}
#top_nav ul li a {
	float:left;
	display:block;
	height:60px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	margin-bottom:10px;
}

#top_nav ul li a.lnk1 {width:160px; background:url(/areas/salud/gripe_a/img/lnk1.png) top left no-repeat;}
#top_nav ul li a.lnk2 {margin-left:26px; width:184px;background:url(/areas/salud/gripe_a/img/lnk2.png) top left no-repeat;}
#top_nav ul li a.lnk3 {margin-left:22px; width:133px;background:url(/areas/salud/gripe_a/img/lnk3.png) top left no-repeat;}
#top_nav ul li a.lnk4 {width:166px;background:url(/areas/salud/gripe_a/img/lnk4.png) top left no-repeat;}
#top_nav ul li a.lnk5 {margin-left:20px; width:189px;background:url(/areas/salud/gripe_a/img/lnk5.png) top left no-repeat;}
#top_nav ul li a.lnk6 {margin-left:13px; width:152px;background:url(/areas/salud/gripe_a/img/lnk6.png) top left no-repeat;}


#top_nav ul li a:hover {background-position:0 -60px;}

#top_nav_pie {
	margin:0 auto;
	width:650px;
	height:12px;
	background:url(/areas/salud/gripe_a/img/bg_pie_top_nav.png) no-repeat top center;
}


#caja {
	text-align:left;
	width:650px;
	margin:auto;
	padding: 6px 0 15px 0;
	background:url(/areas/salud/gripe_a/img/bg_pregs.png) repeat-y top center;
}

.contenido {
	margin:0 auto;
	width:540px !important;
	width/**/:/**/650px;
	width:540px;
	padding: 0 55px;
	color:#FFFFFF;
	font-size:14px;
}

.pregunta {
	width:600px;
	height:115px;
	
}

.pregunta h3 {
	margin:0;
	padding:25px 0 0 140px;
	font-size:30px;
	font-weight:100;
}

.pregunta h3 a, .pregunta2 a {color:#FDD300; text-decoration:none;}
.pregunta h3 a:hover, .pregunta2 a:hover {color:#FDD300; text-decoration:none;}


.ico1 {background: url(/areas/salud/gripe_a/img/ico1.png) no-repeat top left;}
.ico2 {background: url(/areas/salud/gripe_a/img/ico2.png) no-repeat top left;}
.ico3 {background: url(/areas/salud/gripe_a/img/ico3.png) no-repeat top left;}
.ico4 {background: url(/areas/salud/gripe_a/img/ico4.png) no-repeat top left;}
.ico5 {background: url(/areas/salud/gripe_a/img/ico5.png) no-repeat top left;}
.ico6 {background: url(/areas/salud/gripe_a/img/ico6.png) no-repeat top left;}



#preg1, #preg2, #preg3, #preg4, #preg5, #preg6, #preg_on {
	padding:0 0 0 150px;
	width:450px !important;
	width/**/:/**/600px;
	width:450px;
	color:#FFFFFF;
	font-size:16px;
}

#preg1 p, #preg2 p, #preg3 p, #preg4 p, #preg5 p, #preg6 p, #preg_on p {
	margin:0 0 10px 0;
	padding:0;
}

#preg1 h4, #preg4 h4, #preg5 h4, #preg_on h4 {
	margin:0 0 5px 0;
	padding:0;
	color:#FDD300;
	font-size:18px;
	font-weight:100;	
}

.list_resp ul {padding:0; margin:0 0 20px 0; list-style-type: none;}
.list_resp ul li {padding:0 0 0 21px; margin:0 0 8px 0; background:url(/areas/salud/gripe_a/img/tab.png) no-repeat top left;}
.list_resp ul li a { color: #FFFFCC; text-decoration: underline; font-size:12px;}
.list_resp ul li a:hover { background:#FFFFCC; color:#EA2227;}



.pregunta2 {
	width:600px;
}

.pregunta2 h3 {
	margin:0;
	padding:10px 0 15px 60px;
	font-size:26px;
	font-weight:100;
	background:url(/areas/salud/gripe_a/img/bg_preg_2.png) no-repeat top left;
}

.cerrar {
	float:right;
	width:69px;
	height:17px;
}

.cerrar a {
	float:left;
	display:block;
	width:69px;
	height:17px;
	text-decoration: none;
	text-indent:-30000px;
	line-height:0px;
	font-size:0px;
	background:url(/areas/salud/gripe_a/img/cerrar.png) no-repeat top left;
}

.cerrar a:hover {background-position:0 -17px;}

.mid_cont {
	margin:auto;
	padding:12px 55px 0 55px;
	width:540px !important;
	width/**/:/**/650px;
	width:540px;
	height:33px !important;
	height/**/:/**/45px;
	height:33px;
	text-align:left;
	background:url(/areas/salud/gripe_a/img/bg_mid_cont.png) repeat-y top center;
}

.mid_cont a {color:#FFFFCC; text-decoration:none; font-size:14px;}
.mid_cont a:hover { text-decoration:underline;}



#pie {
	margin:auto;
	width:540px !important;
	width/**/:/**/650px;
	width:540px;
	padding: 25px 55px 0 55px;
	height:295px !important;
	height/**/:/**/350px;
	height:295px;
	background: url(/areas/salud/gripe_a/img/bg_pie.png) no-repeat top center;
}

#pie h4 {
	margin:0 0 10px 0;
	padding:0;
	color:#FDD300;
	font-size:16px;
}


#pie_der {
	float:left;
	width:130px;
}

.pie_izq {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 25px;
	background:url(/areas/salud/gripe_a/img/bg_punteo.gif) repeat-y top left;
	width:170px !important;
	width/**/:/**/205px;
	width:170px;
	text-align:left;
}

.pie_izq ul {padding:0;margin:0;list-style-type: none;}
.pie_izq ul li {padding:0 0 0 6px; background: url(/areas/salud/gripe_a/img/bg_nav_list.gif) no-repeat top left;}
.pie_izq ul li a {
	color:#FFFFCC;
	text-decoration:none;
	font-size:12px;
	display:block;
	margin-bottom:2px;
	padding:0 0 0 4px;

}

.pie_izq ul li a:hover { background:#FFFFCC; color:#EA2227; }

div#firma_ba {
	float:right;
	margin:20px 0 0 0;
	width:168px;
	height:45px;	
}

#firma_ba a {
	display: block;
	float:right;
	width: 168px;
	height: 45px;
	text-indent: -9000px;
	background: url(/areas/salud/gripe_a/img/buenos_aires.png) no-repeat;
	text-decoration: none;
	overflow: hidden;
}

/** FORMULARIO **/

fieldset legend { top: 0; }



fieldset { 
	border: 2px solid #FDD300;
	padding:5px 20px;

}



legend {
	color: #FDD300;
	font-weight:bold;
	font-size:16px;
	padding:4px;
}



label {

	width: 140px;
	float: left;
	padding:1px 0;
	display: block;
	text-align: righ;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	border:1px solid #990000;
	color:#ffffff;
	font-size:14px;
	padding:2px;
}

input.boton {
	margin:10px 5px 0 0;
	border:none;
	background:none;
	padding:0;
}








