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

body {
text-align: center;
background-color: #fff;
color: #707172;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height: 15px;
padding: 0px;
margin: 0px;
font-weight:normal;
}
img {border: 0px;}
h1 {font-size: 24px; font-weight: bold; margin: 0px; padding: 0 0 15px 0; color: #8a9f9a; }
h2 {font-size: 18px; color: #187dbe}

/*-------------------- ayudas ------------------------ */
.fr {float: right;}
.fl {float: left;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pl20 {padding-left: 20px;}
.pt20 {padding-top: 20px}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.pt4 {padding-top: 4px;}
.h20 {height: 20px;}
.separador {clear: both; height: 20px;}
.separador2 {clear: both; height: 10px;}
.br {border-right: 6px dotted #88bce1}
.bb {border-bottom: 6px dotted #88bce1}
.tar {text-align: right;}
.ml10 {margin-left: 10px;}

/*-------------------- contenedor ------------------------ */
#contenedor {width: 1003px; padding: 10px 0 0 0; margin: auto; height: auto; text-align:left;}
#publicidad {width: 300; text-align:right; float: right; padding: 0px; margin: 20px 0 0 0;}
#contenido {padding: 0px; margin: 10px 0 0 0; float:left;}
#modulo-top {width: 657px; height: 158px; padding: 10px 0 0 8px; background-image: url(../images/fondo-mod1.gif); background-repeat:no-repeat; background-position:right top;}
#foto-top {width: 243px; text-align:left; float: left; }
#foto-destacamos {padding: 30px 0 0 0; float: left; width: 277px;}
.azul {color: #187dbe;}
.text-azul {color: #187dbe;; font-size: 14px;}
#texto-mod1 {width: 490px; height: 145px;}
#destacamos {background-image: url(../images/fondo-destacamos.gif); background-repeat:no-repeat; width: 680px; height: 225px;}
.titulo-azul {background-color: #dbecf6; padding: 1px 60px 1px 1px; font-size: 16px}
.lista {display: block; padding: 0px; margin: 0px; list-style:none;}
.lista2 {display: block; padding: 0px; margin: 0px; list-style:none; line-height: 20px;}
.lista-azul {background-color:#dbecf6; width: 220px; font-size: 16px; padding: 1px}
.lista-azul2 {background-color:#2986c3; width: 250px; font-size: 16px; padding: 1px; color: #fff;}
.lista-azul3 {background-color:#c1e2f5; width: 250px; font-size: 16px; padding: 1px; color: #177fbc;}
.lista-recetas {display: block; padding: 20px; margin: 0px; list-style:none;}
.lista-populares {background-image: url(../images/recetas-populares.gif); background-repeat:no-repeat; background-position: left; padding-left: 25px;}
#texto-destacamos {width: 380px; padding-top: 20px; float:right;}
.x2 { width: 670px; margin-left: 2px}
.x1 {width: 332px;}
.x3 {width: 316px;}
.x4 {width: 339px;}
.x5 {width: 325px;}
.bazul {border: 2px solid #a1c8e5; padding: 10px}
.foto-x1 {width:138px; float:left; padding: 10px 0 10px 0;}
#titulo-rojo {width: 670px; background-color: #dcf3f3; margin-left: 10px; font-size: 30px; text-align:center; color: #e02c07; line-height:normal}
#titulo-rojo2 {width: 670px; background-color: #b5e7e6; margin-left: 10px; font-size: 30px; text-align:center; color: #e02c07; line-height:normal}
#recetas-populares {width: 670px; background-color: #b5e7e6; margin-left: 10px; overflow: auto;}
.fondo-recetas {background-image:url(../images/fondo-recetas.gif); background-repeat:no-repeat; width: 312px; height: 137px;}

/*- links--------------------------- */ 
A.seccion:link
{
    COLOR: #636564;
    TEXT-DECORATION: none;
}
A.seccion:active
{
    COLOR: #636564;
    TEXT-DECORATION: none;
}
A.seccion:visited
{
    COLOR: #636564;
    TEXT-DECORATION: none;
}
A.seccion:hover
{
    COLOR: #636564;
    TEXT-DECORATION: underline;
}

A.populares:link
{
    COLOR: #1178be;
    TEXT-DECORATION: none;
	font-size: 14px;
	font-weight:bold;
}
A.populares:active
{
    COLOR: #1178be;
    TEXT-DECORATION: none;
	font-size: 14px;
	font-weight:bold;
}
A.populares:visited
{
    COLOR: #1178be;
    TEXT-DECORATION: none;
	font-size: 14px;
	font-weight:bold;
}
A.populares:hover
{
    COLOR: #1178be;
    TEXT-DECORATION: underline;
	font-size: 14px;
	font-weight:bold;
	
}


A.gris:link
{
    COLOR: #717173;
    TEXT-DECORATION: underline;
	font-size: 14px;
	font-weight:bold;
}
A.gris:active
{
    COLOR: #717173;
    TEXT-DECORATION: underline;
	font-size: 14px;
	font-weight:bold;
}
A.gris:visited
{
    COLOR: #717173;
    TEXT-DECORATION: underline;
	font-size: 14px;
	font-weight:bold;
}
A.gris:hover
{
    COLOR: #717173;
    TEXT-DECORATION: none;
	font-size: 14px;
	font-weight:bold;
	
}