BODY {
background-color: #eeeeee;
font : 12pt Trebuchet MS;
line-height: 15pt;
color : #666666;
margin : 0px 0px 0px 0px;
text-align: center;
} 

A{color:#51b566; text-decoration:underline;}
A:VISITED{color:#51b566; text-decoration:underline;}
A:HOVER{color:#51b566; text-decoration:none}

#borde{
border:2px solid #e4e4e4;
text-align: left;
width: 984px;
margin: auto;
} 

#contenedor{
text-align: justify;
width: 984px;
background-color : #ffffff;
margin: auto;
} 

#cabecera{
height : 130px;
width: 984px;
} 

#navegador{
background : #F5F4C3;
padding : 3px 10px 5px 10px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
} 
A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #494E6B;
text-decoration:none
}
A.enlacenav:HOVER{
color: #3F7DE3;
text-decoration:none
} 

#navrecetas{
font : 11pt Trebuchet MS;
line-height: 13pt;
background-color: #dbfbe2;
padding : 5px 1px 5px 3px;
border-bottom : 1px solid #cccccc;
} 
A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #494E6B;
text-decoration:none
}
A.enlacenav:HOVER{
color: #3F7DE3;
text-decoration:none
} 

#recetas{
background-color: #dbfbe2;
padding : 0px 1px 0px 1px;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
} 
A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
color: #494E6B;
text-decoration:none
}
A.enlacenav:HOVER{
color: #3F7DE3;
text-decoration:none
} 

#cuerpo{
width:690px;
margin-left: 8px;
padding: 12px 8px 20px 8px;
background-color : #ffffff;
float:left;
} 

H1{
font-size: 20pt;
line-height: 18pt;
text-align:center;
text-decoration:underline
} 

#navabajo{
font-weight : bold;
background-color: #FFFFFF;
padding: 10px 0px 10px 0px;
} 

#lateral{
width: 252px;
background-color: #fbf2f2;
font-size: 11pt;
line-height: 13pt;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
float:right;
padding: 5px 5px 5px 5px;
} 

/* IE6 Only */
* html #lateral {width: 230px;
margin-left: 5px;}

/* IE7 Only */
*:first-child+html #menu2 {width: 230px;
margin-left: 5px;} 

#pie{
clear : both;
background-color: #dbfbe2;
font-size: 11pt;
line-height: 13pt;
text-align : center;
margin : 10px 10px 0px 10px;
padding-bottom:10px;
} 

#noticia{
border-style: dashed;
border-width: 1px;
padding: 6px;
}

#fotoizq{
float:left;
padding: 4px 6px 4px 0px;
text-align:center;
}

#fotoder{
float:right;
padding: 4px 0px 4px 6px;
text-align:center;
}

.titulos{
font-weight:bold;
color:#51b566;
}

.lineabajo{
border-bottom:#cccccc solid 1px;
}

.fontgrande{font-size:17pt}

.fontmenor{font-size:8pt}



/* Media Queries para Responsive Design */
@media only screen and (max-width: 768px) {
    /* Estilos para tablet */
    #borde, #contenedor, #cabecera, #header {
        width: 100%;
    }

    #cuerpo {
        width: 100%;
        float: none;
    }

    #lateral {
        width: 100%;
        float: none;
    }

    /* IE6/IE7 Hack */
    * html #lateral, :first-child+html #menu2 {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    /* Estilos para móvil */
    body {
        font: 10pt Trebuchet MS;
        line-height: 13pt;
    }

    h1 {
        font-size: 18pt;
    }
    
    #navrecetas, #navegador {
        font: 10pt Trebuchet MS;
        line-height: 12pt;
    }
    
    #pie {
        font-size: 10pt;
        line-height: 12pt;
    }

    .fontgrande {
        font-size: 15pt;
    }

    .fontmenor {
        font-size: 7pt;
    }
}