/* componentes
*/
@media screen{
    
    .gaztaniaga{background:#373737 url(/imagenes/bgContainer.gif) repeat-y top left;}
        #container{}
        #containerCentrado{width:96.0em; margin:3em auto 0; text-align:left; background-color: #373737;}
        
        #cabecera .wrappCabecera{padding:0}
        #cuerpo .wrappCuerpo{padding:0}
        #pie .wrappPie{padding:2em 1em 1em 1em}

        
    /* comportamiento enlaces 
    */
    .gaztaniaga a{text-decoration:none}
    .gaztaniaga a:hover{text-decoration:underline}
    /* fuentes
    */
        h1{font-size:2.5em; font-weight:bold}
        h2{font-size:2.0em; font-weight:bold}
        h3{font-size:2.2em; font-weight:bold}
        h1, h2, h3, h4, h5, h6, p, li, a, span{color:#ddd}
        

    /* reticula
        1 componente reticula  = 64 pixeles
        15 componente reticula = 960 pixeles
    */
    #cuerpo {background:#fff}    
    .reticula{}
    .reticula .c01{float:left; width:6.4em}
    .reticula .c02{float:left; width:12.8em}
    .reticula .c03{float:left; width:19.2em}
    .reticula .c04{float:left; width:25.6em}
    .reticula .c05{float:left; width:32.0em}
    .reticula .c06{float:left; width:38.4em}
    .reticula .c07{float:left; width:44.8em}
    .reticula .c08{float:left; width:51.2em}
    .reticula .c09{float:left; width:57.6em}
    .reticula .c10{float:left; width:64.0em}
    .reticula .c11{float:left; width:70.4em}
    .reticula .c12{float:left; width:76.8em}
    .reticula .c13{float:left; width:83.2em}
    .reticula .c14{float:left; width:89.6em}
    .reticula .c15{float:left; width:96.0em}

    /* #cabecera
    */
    #cabecera{position:relative; background:#222}
        #cabecera #menusDeNavegacion{background:#525252;}
        .volverAlInicio{width:20%; float:left; background:#000; padding-top:0.2em} 
        .volverAlInicio p{background:#000 url(/imagenes/icono.gif) no-repeat 0.6em 0.75em; height:2.2em; line-height:2.2em; padding:0 0.8em; font-weight:bold; color:#ccc; padding-left:0.6em} 
        .gaztaniaga .volverAlInicioActivo p{background-color:#525252} 
            .volverAlInicio a{margin-left:2em}
            .gaztaniaga .volverAlInicioActivo a{color:#fff}
            
        #cabecera #navegacionPrincipal{width:80%; float:left; list-style:none; background:#000; padding-top:0.2em; margin-bottom:0.4em}
        #cabecera #navegacionPrincipal li{text-align:center; float:left; display:block}
        #cabecera #navegacionPrincipal li a{display:block; float:left; height:2.2em; line-height:2.2em; padding:0 0.8em; font-weight:bold; color:#ccc}
        #cabecera #navegacionPrincipal li a:hover{background:#525252; color:#fff}
        #cabecera #navegacionPrincipal li a.activo{background:#525252; color:#fff}
        
        #cabecera .navegacionPrincipalSegundoNivel{list-style:none; clear:both; background:#000; padding-left:20%}
        #cabecera .navegacionPrincipalSegundoNivel li{text-align:center; float:left; display:block}
        #cabecera .navegacionPrincipalSegundoNivel li a{display:block; float:left; height:2.2em; line-height:2.2em; padding:0 1em}
        #cabecera .navegacionPrincipalSegundoNivel li a.activo{color:#fff; font-weight:bold}
        
        #cabecera #navegacionSecundaria{list-style:none; background:#525252; position:absolute; height:2.6em; line-height:2.6em; right:0; top:-2.6em}
        #cabecera #navegacionSecundaria li{text-align:center; display:inline; padding:0 1em}
        #cabecera #navegacionSecundaria li a{color:#fff;}

        #cabecera .cabeceraSeccionInicio{background:#000 url(/imagenes/inicio/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionQuienes{background:#000 url(/imagenes/quienes/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionInstalaciones{background:#000 url(/imagenes/instalaciones/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionOferta{background:#000 url(/imagenes/oferta/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionVinos{background:#000 url(/imagenes/vinos/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionNoticias{background:#000 url(/imagenes/noticias/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionEventos{background:#000 url(/imagenes/eventos/fotocabecera.jpg) no-repeat left center; height:16em}
        #cabecera .cabeceraSeccionLocalizacion{background:#000 url(/imagenes/localizacion/fotocabecera.jpg) no-repeat left center; height:16em}

    /* #cuerpo
    */
    #cuerpo{background:#FAFAFA url(/imagenes/bgCuerpo.gif) repeat-x left top}
    #cuerpo h3{margin-bottom:0.6em;}
    #cuerpo p,
    #cuerpo ul{margin-bottom:0.6em;}
    #cuerpo ul{margin-left:1.5em}
    #cuerpo ul ul{margin-left:3em}
    #cuerpo ul ul li{font-size:1.1em}
    #cuerpo ul ul li a{font-size:1.0em}

    #cuerpo .c05 p{line-height:140%}
    #cuerpo .c05 .adr p{margin-bottom: 0px;}
    
    #cuerpo .oferta {margin: 0 0 1.5em 0;} 
    #cuerpo .oferta p {margin-bottom: 0px;}
        
    #cuerpo .tarjeta {margin-top: 1.5em;} 
                    
    #cuerpo #miniaturasGaleria{list-style:none; padding-top:1em}
    #cuerpo #miniaturasGaleria li{width:30.0%; float:left; display:block; margin:0 2% 2% 0;}
    #cuerpo #miniaturasGaleria li a{display:block; border:none}
    #cuerpo #miniaturasGaleria li a img{}

    #cuerpo #galeria{list-style:none;}
    #cuerpo #galeria li{display:block; font-size:100%}
    #cuerpo #galeria li img{width:100%}
    
    #cuerpo #listadoMenus{list-style:none; padding-top:1em; padding-bottom:2em}

    #cuerpo .menu { text-align:center; border: solid 1px black; padding:5px}
    #cuerpo .menu h4{font-size:1.6em; margin-bottom:1.3em;}
    #cuerpo .menu .entradilla{ margin-bottom:1.5em;}
    #cuerpo .menu .plato{ margin:0.0em;}
    #cuerpo .menu .separador{ margin-bottom:0.0em; margin-top:1.5em;}
    #cuerpo .menu .precio{margin: 1.5em}
    #cuerpo .menu .piemenu{margin: 1.5em}    
    
    #cuerpo .contactoMenus{ margin-top:2em;}

    #cuerpo h1, 
    #cuerpo h2, 
    #cuerpo h3, 
    #cuerpo h4, 
    #cuerpo h5, 
    #cuerpo h6, 
    #cuerpo p, 
    #cuerpo li, 
    #cuerpo a, 
    #cuerpo span{color:#333}

    #cuerpo .reticula .wrapp01{padding:1em;}
        #cuerpo .reticula .wrapp01 img{width:100%;}
    #cuerpo .reticula .wrapp02{padding:3em 3em 2em;}
        #cuerpo .reticula .wrapp02 a{display:block}
            #cuerpo .reticula .wrapp02 a.normal{display:inline}
        #cuerpo .reticula .wrapp02 a img{width:100%;}

    #pie {background:#373737 url(/imagenes/sombra.gif) no-repeat left top;}
    #pie .contacto{background:#ddd;}

    /*
    pie galileo */
    .ourName{margin:0 auto; width:96.0em; text-align:right}
    .ourName p{font-size:1.1em}
    .ourName a{font-size:1.0em; color:#888}
    

}
