@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; outline:none; border:none; }

body {
	background:url(../img/fondos/site.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; line-height:15px;
}

body#certificado { background:none; background:#e6f3f8; }
.splash{background:url(../img/fondos/splash.jpg) top center no-repeat;}

a { color:#00aeef; text-decoration:none; }
a:hover { color:#00aeef; text-decoration:underline; }


ul, ol { list-style:none; margin-bottom:15px; }

ul.celeste, ol.celeste { list-style:none; margin:0 0 15px 15px; }

ul.celeste li, ol.celeste li { padding-top:0px; list-style-image:url(../img/bullets/flecha.gif); }

#wrapper { 
	width:960px;
	margin:0 auto;
}

#header {
	position:relative;
	width:960px; height:271px;
	background:url(../img/fondos/header.jpg) top center no-repeat;
}

#header a.link_homeHead {
	display:block;
	height:180px;
	left:70px;
	position:absolute;
	text-decoration:none;
	text-indent:-99999px;
	top:80px;
	width:480px;
}
#header a.link_unicef {
	display:block;
	height:60px;
	left:565px;
	position:absolute;
	text-decoration:none;
	text-indent:-99999px;
	top:150px;
	width:150px;
}
#header .channels { position:absolute; left:210px; top:10px; } #header .channels a { margin-right:10px; }

#header .msjTop {
	position:absolute;
	width:146px; height:46px;
	font-size:12px; color:#285768;
	text-align:left;
	top:25px;
	right:35px;
}
#header .contador {
	position:absolute;
	text-align:right;
	font-weight:bold; font-size:75px;
	letter-spacing:-4px;
	color:#297cb3;
	top:0px;
	right:200px;
	line-height:normal;
}

#navbar {
	background:#fff url(../img/fondos/navBar.jpg) no-repeat top left;
	width:940px; /* height:45px; */
	margin:0 auto;
	position:relative;
	margin-bottom:15px;
}

#navbar ul.links { padding:15px 12px; margin:0 }
#navbar ul.links li { display:inline; margin-right:85px; }

#navbar ul.navigation { position:absolute; right:24px; top:15px; margin:0 }
#navbar ul.navigation li { float:left; }
#navbar ul.navigation li a { display:block; height:14px; background-position:left bottom !important; background-repeat:no-repeat; } #navbar ul.navigation a span { display:none; }

	#navbar ul.navigation a:hover,
	body#home #navbar ul.navigation li.home a,
	body#acerca-de #navbar ul.navigation li.acerca-de a,
	body#recursos #navbar ul.navigation li.recursos a,
	body#contacto #navbar ul.navigation li.contacto a
	{ background-position:left top !important; }

#navbar ul.navigation li.home a { background:url(../img/nav/nav_home.gif); width:92px;}
#navbar ul.navigation li.acerca-de a { background:url(../img/nav/nav_acerca-de.gif); width:253px; }
#navbar ul.navigation li.recursos a { background:url(../img/nav/nav_recursos.gif); width:122px; }
#navbar ul.navigation li.contacto a { background:url(../img/nav/nav_contacto.gif); width:106px; }

#content { width:940px; margin: 0 auto; }

#footer { clear:both; margin-top:23px; background:url(../img/fondos/footer.gif) center top no-repeat; color:#595a5c; font-size:11px; }
#footer a { color:#595a5c  }
#footer ul { padding:10px 6px; }
#footer ul li { display:inline; }
#footer ul li a { margin:0 6px; }
#footer div.left strong { margin-left:12px; }
#footer div.left ul li { margin-right:50px; }
#footer div.right { margin-right:12px; color:#9fa2a2; } #footer div.right a {color:#9fa2a2;}


#content .colIzq { float: left; margin-bottom:15px; width: 281px; }
#content .colDer { float: right; margin-bottom:15px; width: 638px; background:#397c94 url(../img/fondos/colDer.jpg) bottom left repeat-x; color:#fff; }
	/* Colores por seccion */	
	body#mamas-bebes #content .colDer { background:url(../img/fondos/content-mamas-bebes.jpg) repeat-y; } body#mamas-bebes #content .colDer a { color:#faeab6; }
	body#artic #content .colDer { background:#f7edb0; } body#artic #content .colDer a { color:#333333; } body#artic #content .colDer p { color:#666666; }
	body#campanas #content .colDer { background:#4F902C; } body#campanas #content .colDer a { color:#ffffff; } body#campanas #content .colDer p { color:#ffffff; }
	body#equipos #content .colDer { background:#FFA31E url(../img/fondos/equipos.jpg) no-repeat; }  body#equipos #content .colDer a { color:#fff; }
	body#padrinos #content .colDer { background:#16323D url(../img/fondos/padrinos.jpg) no-repeat; } 
	body#campanas #content .colDer { background:#70be3e url(../img/fondos/campana.gif) repeat-x bottom left; } 
	
#content .colDer .contMargenes{ 
padding: 25px 30px; 
height:auto !important;
	height:810px;
	min-height:810px ;

}

/* TIPOGRAFIAS ============================================================================== */

h1, h2, h4 { margin-bottom:15px; letter-spacing:-1px; }
h2 { background:#00adef; padding:10px; color:white; text-transform:uppercase; font-size:18px; font-weight:normal; position:relative; margin-bottom:15px; }
h2 small { position:absolute; right:10px; _right:50px; top:10px; _top:15px; letter-spacing:0px; }
h4 { background-image:url(../img/fondos/botones_verticales.gif); background-position:top center; background-repeat: repeat-x; background-color:#FFF; padding:5px 10px; color:black; font-size:14px; margin-bottom:10px; text-transform:uppercase; font-weight: bold; } h4 a { color:white; }
p { margin-bottom:15px; }
small { font-size:11px; text-transform:none; line-height:normal;  }
big { font-size:14px; }
.uppercase { text-transform:uppercase; }

.subrayado { border-bottom:1px solid #ddd; padding-bottom:10px; }
	/* Colores por seccion */	
	body#mamas-bebes .subrayado { border-bottom-color:#cd826a; }
	body#equipos .subrayado { border-bottom-color:#e49e26; }

.color { color:#0097cf !important; }
.gris { color:#666666; }

	/* Colores por seccion */
	body#equipos .color { color:#a53733 !important; }

blockquote.quoteFijo { background:url(../img/fondos/blockquote-fijo.gif) top center no-repeat; height:136px; padding:10px 30px; color:#1c3e4a; }

/* CAJAS ============================================================================== */
#campaniasAnt { 
	border:3px solid #fff;
	background:#c6df95 url(../img/fondos/campania.gif) repeat-y;
	color:#3a6b1c;
	padding:10px;
	width:255px; height:302px;
	font-size:12px;
	float:left;
	margin-right:23px;
}
#campaniasAnt a { color:#3a6b1c; }
#testimonios { 
	border:3px solid #fff;
	background:#ffc026 url(../img/fondos/testimonios.jpg) repeat-y;
	color:#ae4a41;
	padding:10px;
	width:252px; height:302px;
	font-size:12px;
	float:left;
}
#testimonios a { color:#ae4a41; }
#testimonios ul { font-size:11px; }
#testimonios ul li { clear:both; margin-bottom:10px; }
#testimonios ul li img { border:2px solid #ffd720; float:left; margin-right:5px; }
#testimonios ul li a { color:#da1921; }


#articulos { 
	background:#FBF6D6 url(../img/fondos/articulos.jpg) repeat-x;
	color:#58595b;
	padding:10px;
	width:260px; 
	font-size:12px;
	float:right;
	overflow:hidden;
}
body#home #articulos { width:320px; height:308px; }
#articulos ul li { background:#FDF9E7 url(../img/fondos/gradient-articulos.gif) repeat-x top left; border:1px solid #ebe4b7; font-size:11px; margin-bottom:15px; }
#articulos ul li div { border:3px solid #f7edb2; padding:4px; }
#articulos ul li div p { margin-left:30px; margin-right:5px; margin-bottom:5px}

#menu div { background:url(../img/fondos/cajas-menu.jpg) repeat-y; padding:10px 0; font-size:12px; margin-bottom:10px; }
#menu div.box-mamas-bebes { background-position:0 0; }
#menu div.box-padrinos { background-position:-281px 0; }
#menu div.box-articulos { background-position:-562px 0; }
#menu div.box-equipos { background-position:-843px 0; }
#menu div.box-campanias { background-position:-1124px 0; margin-bottom:0; }
#menu div ul { margin:10px; font-weight:bold; }
#menu div ul li { background:#f7f7f7 url(../img/fondos/box-links.gif) repeat-x top left; border:3px solid #fafafa; margin-bottom:5px; }
#menu div ul li a { padding:4px; color:#0a3a59; display:block; } #menu div ul li a:hover { background:#fff8e5 url(../img/fondos/box-links-hover.gif) repeat-x 0 0; }

.paginador { overflow:hidden; height:1%; line-height:normal; padding:10px; background:#faeab6; color:#a13431; font-weight:bold; }
.paginador big { font-weight:bold; }
.paginador .right { font-size:12px; }
.paginador a { color:#a13431 !important; padding:1px; font-weight:normal; } .paginador a:hover { background:#a13431; color:#faeab6 !important; text-decoration:none; }

	
blockquote.testimonio { position:relative; background:#fcf3d3; margin:0 auto; padding:0 25px; color:#1c3e4a; }	
blockquote.testimonio h1 { font-size:18px; color:#a53733; }
blockquote.testimonio img.top { top:-20px; left:0; _left:-25px; } blockquote.testimonio img.bottom { bottom:-20px; left:0; _left:-25px; _bottom:170px; }

/* LISTADOS ============================================================================== */
ul.listado { clear:both; font-size:12px; line-height:normal } ul.listado li h3 { font-size:14px; margin-bottom:10px; }
ul.listado li { clear:both; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f7f7f7; /* solo para IE6 >> */ _height:1px;}

	/* Colores por seccion */
	body#mamas-bebes ul.listado h3 { color:#faeab6; }
	body#mamas-bebes ul.listado li{ border-color:#c57468; }
	body#equipos ul.listado li{ border-color:#e49e26; color:#1c3e4a; } body#equipos ul.listado h3 { color:#a53733; }  body#equipos ul.listado h3 span, body#equipos ul.listado li a { color:#da1921 !important; }
	
ul.galeria { /*overflow:hidden; height:1%;*/ }
ul.galeria li { padding:0; border:none; float:left; clear:none; margin:10px; display:inline }
ul.galeria li .borde-img { border-width:3px !important; }

ul.link-list { font-size:11px; }
ul.link-list span.fecha { color:#00aeef; font-weight:bold; }
ul.link-list a { color:white; }

ul.pdf-list li { float:left; margin-right:10px; margin-bottom:10px; width:185px; font-size:10px; display:inline }
ul.pdf-list li.ultimo { margin-right:0; }
ul.pdf-list li a { text-decoration:none; }
ul.pdf-list li big { line-height:normal; }
ul.pdf-list li img.alignLeft { padding:5px; background:url(../img/fondos/dash.gif); border:1px solid #1A3F10; margin-right:5px;}

/* FORMULARIO ============================================================================== */	

	form.contacto label { font-size:13px; color:white; text-transform:uppercase; letter-spacing:-1px;}
	form input { margin:2px 0; background:url(../img/fondos/botones_verticales.gif) repeat-x top left; padding:2px; font-size:12px; border:1px solid #ccc; }
	form input.destacado { background:#f9fcfd url(../img/fondos/input-destacado.gif) repeat-x top left; font-size:16px; }
	form.contacto input { width:265px }
	form textarea { margin:2px 0; background:#fff url(../img/fondos/botones_verticales.gif) repeat-x top left; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #ccc; width:570px; height:140px; }
	
	form .error { border:1px solid #c00; }
	form.contacto fieldset { margin-bottom:14px; }
	form.contacto button { text-indent:-9999px; cursor:pointer; width:90px; height:31px; background:url(../img/botones/btn-enviar.gif) no-repeat bottom left; }
	form button.ingresar { text-indent:-9999px; cursor:pointer; width:101px; height:31px; background:url(../img/botones/btn-ingresar.gif) no-repeat bottom left; }
	form button.ofertar { /*text-indent:-9999px;*/ cursor:pointer; width:78px; height:22px; background:url(../img/botones/btn-ofertar.gif) no-repeat bottom left; }
	form button.ofertar span { display:none; }
	form button:hover { background-position:top left; }
	
	div.msj-error {
		font-size:13px; font-weight:bold; color:red;
		padding:10px 28px; margin-bottom:20px;
		border:1px dotted #f00;
		background:#fff url(../img/fondos/botones_verticales.gif) repeat-x top left; }
		
	div.msj-ok h2 { line-height:normal; border:1px dotted white; background:#478224 url(../img/fondos/site.jpg) 0 -60px; color:#17333E }

/* CLASES VARIAS */
.left { float:left; }
.right { float:right; }
.both { clear:both; }
.clearfix { overflow:hidden; height:1%; }
.relative { position:relative; }
.absolute { position:absolute; }
.margin-bottom { margin-bottom:12px; }
.borde-img { border:3px solid #429ab8 }
	/* Colores por seccion */
	body#mamas-bebes img.borde-img,
	body#artic img.borde-img,
	body#equipos img.borde-img
	{ border-color:#fff; border-width:6px; display:inline }

.alignLeft { float:left; margin-right:12px; margin-bottom:15px; }