bd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* No olvides definir estilos para focus */
:focus {
  outline: 0;
}
 
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* En el código HTML es necesario añadir cellspacing="0" */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a img { border:none; }


/************************************
*************************************
	LAYOUT
*************************************
************************************/

body { padding-bottom:20px;}

#container {width: 1024px; background: url("../img/fnd_fondo.gif") repeat-y; margin: 0 auto;}
#finContainer{ width:997px; border-bottom: 1px solid #999;margin: 10px auto 0;}
#cabecera {	width: 960px; padding: 17px 34px 0 30px; height:60px;}
#cabecera img{float:left;}
#logo { float:left;	margin: 10px 0 0 12px; width:200px;}

#menuBusqueda { width: 288px; float:right; clear:right;}
	#menuBusqueda ul {margin: 12px 0 0 0; 	float:right; clear:both; font-size: 12px;	color: #606060;	text-transform: uppercase;}
	#menuBusqueda ul li { border-width:2px; border-bottom-style:solid;	border-color:#606060; overflow:hidden; float:left;}
	#menuBusqueda ul li a { display:block; padding-bottom: 11px; margin:0 3px;}
	#menuBusqueda ul li a:link, a:visited { text-decoration: none; color:#606060; }
	#menuBusqueda ul li a:hover { text-decoration: underline;}

#search { width: 189px;	margin: 11px 0 0 0;	float:right;}
	#search fieldset { width: 189px;}
	#search label { display: none;}
	#search input { background: #d9eaea; border: 0; display: inline; width: 170px; height: 18px; color: #555; margin: 0; text-transform: uppercase; float: left;}
	#search button { border: 1px solid #606060; background: url('../img/fnd_inputSubmit.gif') no-repeat center center; width: 19px; height: 19px; overflow: visible; padding: 0; margin: 0; font-size: x-small; text-indent: -9000em; float: right;}

#nav {width: 964px; padding: 0 28px 0 32px;}
	#nav ul { margin-top: 35px; }
	#nav ul li { margin: 0 1px 0 0; float:left;}
	#nav a { display:block;width:191px;height:26px;text-indent:-9999px;overflow: hidden;}
		a#nav1 { background: url('../img/fnd_nav1.gif') no-repeat;}
		a#nav2 { background: url('../img/fnd_nav2.gif') no-repeat;}
		a#nav3 { background: url('../img/fnd_nav3.gif') no-repeat;}
		a#nav4 { background: url('../img/fnd_nav4.gif') no-repeat;}
		a#nav5 { background: url('../img/fnd_nav5.gif') no-repeat;}
			#nav a.activo, #nav a:hover {background-position:0 -26px;}

#contInterior {	width: 960px; margin: 0px auto 0; padding: 0 0 45px 0; background: #FFFFFF; clear:both;}
	.oHome #contInterior {padding-bottom:0; background: transparent;}
	.oReferencias #contInterior {border-bottom: 3px solid #00aead;}
	.oAzul #contInterior { border-bottom: 3px solid #00a0d2;}
	.oNaranja #contInterior { border-bottom: 3px solid #fe7e0e;}
	.oMorado #contInterior { border-bottom: 3px solid #a74ea7;}
	.oRosa #contInterior { border-bottom: 3px solid #ee2aa7;}
	.oRojo #contInterior { border-bottom: 3px solid #fc0849;}

#migas li { float:left;}
#migas a { float:left; margin-right: 1px; padding-left:6px;padding-right:6px; padding-top:5px; padding-bottom:4px;}
	.oAzul #migas a {background-color:#80c7e7; border-top:3px solid #00a0d2; }
	.oAzul #migas a.activo, .oAzul #migas a:hover { background-color:#00a0d2;}
	.oNaranja #migas a {background-color:#feaa62; border-top:3px solid #fe7f0e; }
	.oNaranja #migas a.activo, .oNaranja #migas a:hover { background-color:#fe7f0e;}
	.oMorado #migas a {background-color:#dba8d9; border-top:3px solid #a74ea7; padding-left:40px;padding-right:39px;}
	.oMorado #migas a.activo{ background-color:#a74ea7; padding-right:40px;} .oMorado #migas a:hover { background-color:#a74ea7;}
	.oRosa #migas a {background-color:#f8aadc; border-top:3px solid #ee2aa7; }
	.oRosa #migas a.activo, .oRosa #migas a:hover { background-color:#ee2aa7;}
	#migas a { color: #FFFFFF; font-size: 12px;text-decoration: none;}
	
#imgCabecera { padding-top: 1px;}	
	.oReferencias #imgCabecera{border-bottom: 3px solid #00aead;}
	.oNaranja #imgCabecera{ border-top: 1px solid #fe7e0e; border-bottom: 3px solid #fe7e0e;}
	.oAzul #imgCabecera{ border-top: 1px solid #00a0d2;	border-bottom: 3px solid #00a0d2;}
	.oMorado #imgCabecera{ border-top: 1px solid #a74ea7; border-bottom: 3px solid #a74ea7;}
	.oRosa #imgCabecera{ border-top: 1px solid #ee2aa7; border-bottom: 3px solid #ee2aa7;}
	.oRojo #imgCabecera{ border-top: 1px solid #fc0849; border-bottom: 3px solid #fc0849;}

#subNav { width: 252px; margin-top: 30px; font-size:15px; float:left; padding-right:20px;}
	#subNav ul { margin-top: 35px;}
	#subNav li { border-bottom: 1px solid #999; width:240px;}
	#subNav a { padding:1px 30px 3px 5px; width:200px; color:#606060; display:block; margin: 3px 0 3px 3px; overflow: hidden; text-indent: 2px; text-decoration: none;}
	#subNav a {background: url('../img/fnd_subNav.gif') no-repeat right center;}
	#subNav a:hover, #subNav a.activo { color:#ffffff;}
		.oAzul #subNav a { background-image:url('../img/fnd_subNav_oAzul.gif');}
		.oNaranja #subNav a { background-image:url('../img/fnd_subNav_oNaranja.gif');}
		.oMorado #subNav a { background-image:url('../img/fnd_subNav_oMorado.gif');}
		.oRosa #subNav a { background-image:url('../img/fnd_subNav_oRosa.gif');}
		.oRojo #subNav a { background-image:url('../img/fnd_subNav_oRojo.gif');}
		.oAzul #subNav a:hover, .oAzul #subNav a.activo { background-color:#00a0d2;}
		.oNaranja #subNav a:hover, .oNaranja #subNav a.activo { background-color:#fe7e0e;}
		.oMorado #subNav a:hover, .oMorado #subNav a.activo { background-color:#a74ea7;}
		.oRosa #subNav a:hover, .oRosa #subNav .activo { background-color:#ee2aa7;}
		.oRojo #subNav a:hover, .oRojo #subNav a.activo { background-color:#fc0849;}
	

#contenido { width: 617px; margin-top: 30px; padding-left: 39px;; border-left: 1px solid #fe7e0e; float:left; position:relative;}
	#contenidoAzul { width: 617px;margin-top: 30px;padding-left: 40px; margin-right: 30px;float:right; border-left: 1px solid #00a0d2;}
		#contenido h2 {}
		#contenido h1 { margin-bottom: 25px;}
		#contenido p.subtitulo { margin-bottom:20px; line-height:19px;}
		#contenido p.subsubtitulo { margin-bottom:10px; font-weight:bold;}
		#contenido p.subsubtituloAzul { margin-bottom:10px; font-weight:bold; color:#00a0d2!important;}
		#contenido p {  margin-bottom: 25px; line-height: 16px;}/*font-size:13px;*/
	#contenido ul { list-style:disc outside; margin: 0 0 20px 20px;}
		#contenido ul li { margin: 0  0 15px 0;}
		#contenido ul ul.innerList { list-style-type:square;}
	#contenido ol { list-style:decimal outside; margin-bottom:20px;}
		#contenido ol li { margin: 5px 0;}
	.oNaranja #contenido {border-left: 1px solid #fe7e0e;}
	.oAzul #contenido {border-left: 1px solid #00a0d2;}
	.oMorado #contenido {border-left: 1px solid #a74ea7;}
	.oRosa #contenido {border-left: 1px solid #ee2aa7;}
	.oRojo #contenido {border-left: 1px solid #fc0849;}
	.oReferencias #contenido {border-left: 1px solid #00aead;}

#footer { width: 960px; margin: 20px auto 0; padding:0 32px 10px 32px; border-bottom:3px solid #00a0d2; position:relative;}
	#legal { width:300px; float:left;}
	#sanofi { width:280px; display:block; float:left;}
	#copy { width:300px; display:block; position:absolute; bottom:10px; right:0px;}

a#home { display:block;	width:20px;	height:16px; text-indent:-9999px; background: url('../img/img_home_1.png') no-repeat; overflow: hidden; float:right;}
	a#home:hover { background-position:0 -16px;}
	
#btnMedicos			{ width:277px; height:25px; background: url(../img/btnAreaMedicos.jpg) no-repeat; display:block; text-indent:-9999px;}
#btnEnfermeras		{ width:206px; height:25px; background: url(../img/btnAreaEnfermeras.jpg) no-repeat; display:block; text-indent:-9999px; margin-top:10px;}
	
/************
 * *********
 * 	 HOME
 * *********
 ************/

#contenidoHome { width: 960px; margin: 0 auto; padding:0 32px 10px 32px; position:relative; clear:both;}
	.oLeft {float:left; width:638px;}
	.oRight {float:left; width:321px;}
		#banner				{ padding-left:20px!important;}
		#contenidoHome .oTop { border-bottom:3px solid #ee2aa7; padding:15px 0 20px 0;}
		#contenidoHome .oLista { float:left; width:290px; padding: 0 13px 0 13px; margin-top:7px;}
		#contenidoHome #bigBanner {display:block; float:left; width:322px;}
		
		#contenidoHome #leftContainer {float:left; width:316px;}
			#leftTopBanner { margin-top:23px; display:block; background: url('../img/img_homeBanner01.jpg') right 15px no-repeat; height:170px; border-bottom:3px solid #fe7e0e; cursor:pointer;}
			#contenidoHome #leftTopBanner p {width:160px;}
			#contenidoHome #leftTopBanner span a {color:#FE7E0E;}

			#leftBotBanner { margin-top:23px; display:block; background: url('../img/img_homeBanner02.jpg') right 15px no-repeat; height:170px; border-bottom:3px solid #fc0849; cursor:pointer;}
			#contenidoHome #leftBotBanner p {width:180px;}
			#contenidoHome #leftBotBanner span a {color:#FC0849;}
			#contenidoHome p.subsubtitulo a {color:#474747}
		#contenidoHome #rightContainer {display:block; float:left; width:322px; height:389px; border-bottom:3px solid #a74ea7; background: #fbf6fb url('../img/img_homeBannerFamilia.jpg') bottom right no-repeat; cursor:pointer;}
			#contenidoHome #rightContainer span {margin-top:20px;}
			#contenidoHome #rightContainer span a{color:#A74EA7}
			#contenidoHome #rightContainer h4 {font-size:14px;}
		
			#contenidoHome a, #contenidoHome a:hover {text-decoration:none; color:#474747;} 
			#contenidoHome span {display:block; font-size:9px; margin:10px 0 0; padding: 0 0 0 10px;}
			#contenidoHome img {display:block; margin:10px 0 0; padding: 0 0 0 10px;}
			#contenidoHome h4 {font-size: 12px; margin:10px 0 0; padding: 0 0 0 10px;}
			/*#contenidoHome p {font-size: 11px; margin:10px 0 0; width:256px; padding: 0 0 0 10px;}*/			
			#contenidoHome p {font-size: 13px; margin:10px 0 0; width:256px; padding: 0 0 0 10px;}
			#contenidoHome hr {margin:2px 0 0 0; height:1px;}
			#contenidoHome .oRight img {padding:10px 0 0 0; margin-top:0px;}
			
			/* Nuevo contenido HOME */
			#contenidoHome .oTop p{ width:auto; padding-right:20px;}
			
			#contenidoHome .oTop ul{list-style:disc;color:#00a0d2;padding:20px 30px 5px 30px;}
			#contenidoHome .oTop ul li{ margin-bottom:10px;line-height:15px;}
				#contenidoHome .oTop ul li span{
					display:inline;
					/*font-size:11px;*/
					font-size:13px;
					color:#606060;
					margin:0; padding:0;
				}				
				#contenidoHome .oTop ul li ul.lvl02{list-style:circle;}
					#contenidoHome .oTop ul li ul.lvl02 li{ margin:0 0 5px 0;}
				
			
	#contenidoHome a.conFlechita {background: url('../img/fnd_flechitaBanners.gif') bottom right no-repeat; display:block;}

/************
 * *********
 * 	 TABLA VACUNAS DEL FUTURO
 * *********
 ************/
	ul#vacunasFuturo{
		margin:0 0 15px 0; padding:0;
		list-style:none;
		overflow:hidden;		
	}
	ul#vacunasFuturo li{
		float:left;		
		margin:0; padding:0;
		display:inline;
	}
	ul#vacunasFuturo li ul.tipo{
		width:200px; height:250px!important; height:330px;
		color:#00a0d2;
		margin:0; padding:0;
		border-right:1px solid #949494;
		list-style:none;
	}
		ul#vacunasFuturo li ul.tipo.noborder{
			border-right:none;
		}
	ul#vacunasFuturo li ul.tipo li{
		float:none;
		display:block;
		margin-bottom:20px;
	}	
		ul#vacunasFuturo li ul.tipo li.cabecera{
			height:33px; line-height:33px;
			color:#1facd7; text-align:center;
			padding:0; margin:0 0 10px 0; 
			border-bottom:1px solid #949494;
			background-color:#ebf8fb; background-image:none;
		}
		
		ul#vacunasFuturo li ul.tipo li span{
			display:block;
			color:#5c5c5c;
			padding:0 10px; margin-left:10px;
			background:url(../img/fnd_ul_bullet.gif) no-repeat top left;
		}


/********************
 * CLASES ESPECIFICAS
 * *******************/

.left { float:left;}
.right { float:right;}
.clear { clear:both;}

/***************
 * ***********
 * OCULTOS TEMPORALMENTE
 * ***********
 * *************/

form#search {visibility:hidden;}

/*** Fonts CSS ***/
body { font: normal 16px Arial, sans-serif; color:#808080;}
h2 { font-size:20px; line-height:22px;}
h1 { font-size:24px; line-height:26px; color: #333333;}
p.subtitulo { color:#474747; font-size:18px; line-height:19px;}
p.subsubtitulo { color:#474747; font-size:15px; line-height:16px;}
p { color:#606060; font:13px Arial, Helvetica, sans-serif; line-height:16px;}

#contenido { } 



#search input{ font:12px Arial, Helvetica, sans-serif;}

#footer { font: 11px/16px Arial, Helvetica, sans-serif; color:#606060;}
	#footer a { color:#606060; text-decoration:none;}
	#footer a:hover { text-decoration:underline;}
	#copy { font-size: 10px;}
	
#subNav a { font-size:12px}
/*
 * CLASES POR PAGINA
 */
h2{}
	.oAzul h2 { color:#00a0d2;}
	.oNaranja h2 { color:#fe7e0e;}
	.oMorado h2 { color:#a74ea7;}
	.oRosa h2 { color:#ee2aa7;}
	.oRojo h2 { color:#fc0849;}
	.oReferencias h2{ color:#00aead;}

.subtitulo{}
	.oAzul .subtitulo { color:#00a0d2;}
	
.subsubtitulo{}
	.oAzul p.subsubtitulo { color:#00a0d2;}
	.oNaranja p.subsubtitulo { color:#FE7E0E;}

#contenido ul {font-size:13px; color:#606060;}
#contenido ol {font-size:12px; color:#00aead;}
	#contenido ol span { color:#606060;}

#contenidoHome #centerTop p {font-size:12px;}

/*
 * CLASES 
 */

.azul { color: #00a0d2;}
a.superindice { vertical-align:super;color: #00a0d2;font-size:8px;text-decoration: none;}
a.superindice:hover { vertical-align:super;color: #00a0d2;font-size:8px;text-decoration:underline;}

.superindice_		{ vertical-align:super!important; font-size:8px!important;}

.rosa {color:#ee2aa7}
.amarillo {color:#fe7e0e}
.rojo {color:#fc0849}
.morado {color:#a74ea7}

.alerta{padding-left:75px; background-image:url(../img/alerta.gif); background-repeat:no-repeat; background-position: left top; width:480px; height:36px; font-weight:bold;}


.oRojo ul.botones{ margin-top:40px; margin-bottom:40px; text-align:right;}
.oRojo ul.botones li{ list-style:none;}
.oRojo ul.botones a {padding:2px; padding-left:10px; padding-right:30px; background-image:url('../img/fnd_Botones_oVerde.gif'); background-repeat:no-repeat; background-position:right center; background-color:#FC0849; text-decoration:none; color:#FFFFFF; font-weight:bold;}

.oRojo ul.verTodas{ margin-top:20px; margin-bottom:20px;  text-align:right;}
.oRojo ul.verTodas li{ list-style:none;}
.oRojo ul.verTodas a {padding-bottom:2px;padding-right:15px; background-image:url('../img/fnd_flechitaGris.gif'); background-repeat:no-repeat; background-position:right center; color:#00a0d6; font-weight:bold; text-decoration:underline;}

.oRojo #contenido .ultimasNoticias { border-top:1px solid #9c9c9c; list-style-type:none; padding-top:20px;}
.oRojo #contenido .ultimasNoticias li{ border-bottom:1px solid #9c9c9c; background-image:url(../img/ico_pdf.gif); background-repeat:no-repeat; background-position:left top; padding-left:55px;}
.oRojo #contenido .ultimasNoticias p{ font-size:12px;}
.oRojo #contenido .ultimasNoticias p.fecha { margin-bottom:3px; color:#7f7f7f;}
.oRojo #contenido .ultimasNoticias p.noticia { margin-bottom:20px; font-weight:bold;}
.oRojo #contenido .ultimasNoticias p a { color:#00a0d6; font-weight:bold; text-decoration:underline;}

.oRojo #contenido .galeria { border-top:1px solid #9c9c9c; list-style-type:none; padding-top:20px;}
.oRojo #contenido .galeria div.descripcion{float:right; width:470px; height:auto; overflow:visible;}
.oRojo #contenido .galeria img{float:left; clear:right;}
.oRojo #contenido .galeria li{ border-bottom:1px solid #9c9c9c; padding-bottom:10px;}

.oRojo #contenido .galeria p{ font-size:12px;}
.oRojo #contenido .galeria p.fecha { margin-bottom:3px; color:#7f7f7f;}
.oRojo #contenido .galeria p.noticia { margin-bottom:20px; font-weight:bold;}
.oRojo #contenido .galeria p a { color:#00a0d6; font-weight:bold; text-decoration:underline;}

.oReferencias #contenido a{color:#606060; text-decoration:none;}
.oReferencias #contenido ul.contacto{ margin:0px; margin-top:20px;}
.oReferencias #contenido ul.contacto li{ margin:5px; list-style:none;}
.oReferencias #contenido p.comp{color:#474747; font-size:18px;}

.oReferencias #contenido ul.mapaweb{ margin:0px; }
.oReferencias #contenido ul.mapaweb li{ list-style:none; background-repeat:no-repeat; padding:0px; padding-left:11px; background-position:left 3px; font-weight:bold; font-size:14px; line-height:16px;}
.oReferencias #contenido ul.mapaweb li ul{ margin-top:5px;}
.oReferencias #contenido ul.mapaweb li li{  font-weight:normal; font-size:13px; margin:0px;padding:0px;}
.oReferencias #contenido ul.mapaweb li li li{ padding:0px;}
.oReferencias #contenido ul.mapaweb li.flNaranja{ background-image:url(../img/flecha_oNaranja.gif);}
.oReferencias #contenido ul.mapaweb li.flAzul{ background-image:url(../img/flecha_oAzul.gif);}
.oReferencias #contenido ul.mapaweb li.flMorado{ background-image:url(../img/flecha_oMorado.gif);}
.oReferencias #contenido ul.mapaweb li.flRosa{ background-image:url(../img/flecha_oRosa.gif);}
.oReferencias #contenido ul.mapaweb li.flRojo{ background-image:url(../img/flecha_oRojo.gif);}
.oReferencias #contenido ul.mapaweb li.flReferencia{ background-image:url(../img/flecha_oReferencia.gif);}
.oReferencias #contenido ul.mapaweb a{ text-decoration:none;}

.neg { font-weight:bold; }




/******************************************************************************
GRIPE
*******************************************************************************/
#icon					{ width:111px; height:156px; background: url(../img/icon.jpg) no-repeat; text-indent:-9999px; position: absolute; top:0; right:0;}
#logoIntanza			{ width:137px; height:57px; background: url(../img/logoInitanza.jpg) no-repeat; text-indent:-9999px; margin-bottom:20px;}
#grafico				{ width:578px; height:383px; background: url(../img/anatomiaPiel.jpg) no-repeat; text-indent:-9999px; margin-bottom:20px;}

.destacadoMayusculas	{ font-weight:bold;}

#btnFicha				{ width:192px; height:25px; background: url(../img/btnFicha.jpg) no-repeat; display:block; text-indent:-9999px; float:left; margin-right:10px;}
#btnFolleto				{ width:216px; height:25px; background: url(../img/btnFolleto.jpg) no-repeat; display:block; text-indent:-9999px; float:left;}

#gripeMedicos .miniFooter, #gripeEnfermeras .miniFooter	{ font-size:9px;}
	#gripeEnfermeras #btnMedicos01		{ width:216px; height:25px; background: url(../img/gripe/btnMedicos01.png) no-repeat; display:block; text-indent:-9999px; float:left;}
	#gripeEnfermeras #btnMedicos02		{ width:192px; height:25px; background: url(../img/gripe/btnMedicos02.png) no-repeat; display:block; text-indent:-9999px;float:left; margin-left:20px;}
	#gripeEnfermeras #btnMedicos03		{ width:215px; height:25px; background: url(../img/gripe/btnMedicos03.png) no-repeat; display:block; text-indent:-9999px; clear:both; margin-top:60px;}
	
	#gripeMedicos #btnMedicos04		{ width:192px; height:25px; background: url(../img/gripe/btnMedicos04.png) no-repeat; display:block; text-indent:-9999px; float:left;}
	#gripeMedicos #btnMedicos01		{ width:216px; height:25px; background: url(../img/gripe/btnMedicos01.png) no-repeat; display:block; text-indent:-9999px; float:left; margin-left: 20px;}
	#gripeMedicos #btnMedicos02		{ width:192px; height:25px; background: url(../img/gripe/btnMedicos02.png) no-repeat; display:block; text-indent:-9999px;float:left; clear:both; margin-top: 10px;}
	#gripeMedicos #btnMedicos03		{ width:215px; height:25px; background: url(../img/gripe/btnMedicos03.png) no-repeat; display:block; text-indent:-9999px; float:left; margin:10px 0 0 20px;}
	hr.clearall { visibility: hidden; clear: both;}

	#gripeMedicos p, #gripeEnfermeras p { line-height:18px;}
	#gripeMedicos h2 {color:#000000; margin-bottom:0px;}
	#gripeMedicos .subtituloMedicos{color:#000000; margin-top:0px;}
	
	#gripeMedicos  #contenido, #gripeEnfermeras  #contenido {background: url(../img/gripe/bgMedicos.gif) no-repeat 45px 0px; padding-top:60px;}
	

/******************************************************************************
LIGHTBOX
*******************************************************************************/	

#oLightbox { position:absolute; width:100%; height:100%; background-color: #000000; }