/*
    - Hoja de estilos principal para el portal de Waylens.com
*/


body{
    font: normal 77%/133% Verdana, Arial, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
    background:#cccccc;
	background: -moz-linear-gradient(top, #bbbbbb, #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbbbbb),  to(#ffffff));}
	strong{font-weight:bold;}
	.clear{clear:both;}
	.clearleft{clear:left;}
	.clearright{clear:right;}
	.invisible{display:none;}
#encabezado-pagina{
    padding:0 0 5px;
    background:#2b2b2d url(../img/bg-encabezado.gif) repeat-x left top;}
#encabezado-pagina h2{display:none;}
    #cabecera{
        position:relative;
        width:925px;
        height:100px;
        margin:0 auto;}

        #cabecera h1{
            position:absolute;
            top:6px;}
        #cabecera a{
            font-size:0.84em;
            text-decoration:none;
            color:#b8b8b8;}
        #cabecera a:hover{color:#9399a1;}
        #accesos-rapidos{
            position:absolute;
            top:15px;
            right:0;}
        #accesos-rapidos li{
            display:inline;
            padding:0 4px;}
            
        #accesos-rapidos #ultimo-acceso{
        	border-left:1px solid #50555c;
            padding:0 0 0 3px;
            border-right:none;}
       

    #navegacion{
        width:925px;
        
        height:40px;
        margin:0 auto;
		  margin-top:12px;
        font-size:1.075em;
		}
        #navegacion li{
            display:block;
				height:38px;
            float:left;
			
			text-shadow:  0 -1px 0 #151515;
			-moz-text-shadow: 0 -1px 0 #151515;}
        #navegacion li#zona-contactar{border-right:none;}
        #navegacion a{
            display:block;
            padding:13px 19px;
            text-decoration:none;
            color:#b8b8b8;
			}
            
        #navegacion a.aca{color:#aaa;}
        #navegacion a:hover,
        #navegacion a.actual{
            color:#eee;
            background:#393939;}
        #navegacion a strong{color:#f20000}
   
	#separador {
		
		width : 100%;
		height : 40px;
		background :#2b2b2d url(../img/bg.gif) repeat left top ;
		left : 0px;
		margin:0 auto;
		z-index : 1;}
		
	#ruta{
        width:925px;
 		height : 30px;
        margin:0 auto;
        padding:10px 3px;

        font:normal 1.15em/138% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
        color:white;}
    #ruta a{
        font-weight:bold;
        text-decoration:none;
        color:white;}
    #ruta a:hover{text-decoration:underline;}
    #ruta #primer-enlace{
        padding:0 0 0 20px;
        background: url(../img/bullet-miga.png) no-repeat 0 0;}
        
    
       
        .contenedor-titular{
            height:60px;
            border-bottom:2px groove white;
            background:#171717 url(../img/separador.png) repeat-x left top;}
        .contenedor-titular h2{
            width:800px;
            margin:1px auto 0;
            padding:18px 0 18px;
            font:normal 1.70em/132% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
            color:#3f3f40;}
        .contenedor-titular h2 strong{
            padding-left:20px;
            font-weight:normal;
            background:url(../img/bullet-titular.png) no-repeat 0 4px;}
        .contenedor-titular h2 span{color:#dd1b02;}
    
    
        
    #contenido{
        min-height:400px;
        padding:0 0 20px 0;
      	
		}
        #modulos{
            width:925px;
            margin:0 auto;
			}
			
            .modulo h2{
                padding:5px 0 10px 0;
                font:bold 1.70em/110% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
				text-shadow: 1px 1px 1px #e5e5ee; 
				-moz-text-shadow: 1px 1px 1px #e5e5ee;
				dropshadow(color=#e5e5ee,offX=0,offY=1);}

            .modulo h2,
            .modulo h2 a{
                text-decoration:none;
                color:#8c8c8c;}

            .modulo h2 span,
            .modulo h2 a span{color:#606060;}
			
			.modulo h3{
                padding:50px 0px 10px 0;
                font:bold 1.50em/90% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
				text-shadow: 1px 1px 1px #e5e5ee; 
				-moz-text-shadow: 1px 1px 1px #e5e5ee;
				dropshadow(color=#e5e5ee,offX=0,offY=1);}

            .modulo h3,
            .modulo h3 a{
				
                text-decoration:none;
                color:#8c8c8c;}

            .modulo h3 span,
            .modulo h3a span{color:#606060;}
            .modulo{
                
                margin:10px 0 0;
                padding:0 17px;
                float:left;
                font:normal 0.99em/150% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
                color:#313131;
                }
			#modulo-1{ 
				width:343px;				
				float:left;
				}
			#modulo-2 { 
				width:300px;padding:30px 0px; 
			}
			#modulo-3 {width:200px ;float:right;padding:10px 0px;margin:0px 0 0;}
			
            .modulo p{
            	padding:10px 0 10px 0;
            	}

        .imagen-sombra {
        		-moz-border-radius:  0px 20px 0px 20px;
				-webkit-border-radius: 0px 20px 0px 20px;
				-moz-box-shadow: 0 0 3px black;
				-webkit-box-shadow: 0 0 3px black;
				box-shadow: 0 0 3px black;
                }  
		
        #destacados{
            width:925px;
            margin:0 auto;
            padding:35px 0 0;
            clear:left;}
            .destacado{
                float:left;
                font:normal 1.00em/132% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
                color:#686a6a;}
            #destacado-noticias{width:195px;}
            #destacado-noticias p{padding-bottom:25px;}
            #destacado-ex{width:195px;}
            #destacado-referencias{
                width:425px;
                margin:0 16px 30px;
                padding:0 17px;
                border:1px solid #e4e4e4;
                border-width:0 1px;}
            .imagen-noticia{display:block;}
            .imagen-noticia img{
                display:block;
                width:195px;
                height:98px;}
            .banner-ex{
                display:block;
                width:195px;
                height:120px;
                margin:15px 0;}
            .destacado .leer-mas{font-size:0.90em;}
            .destacado h3{font:normal 2.25em/132% "Arial Narrow", Tahoma, Verdana, Arial, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";}
            .destacado h3 span{
                color:#f81c00;
                font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";}
            .destacado p{
                padding:15px 25px 15px 0;
                clear:left;
                font:normal 1.00em/132% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";}
            .destacado p img{
                display:block;
                margin:0 15px 15px 0;
                float:left;}
            .destacado ul{
                padding:10px 0 20px 0;}
            .destacado ul a{
                text-decoration:none;
                color:#828383;}
            .destacado ul li{
                padding:4px 17px;
                border-bottom:1px solid #e4e4e4;
                background:url(../img/flecha-listado.gif) no-repeat 3px 11px;}
                
   
     
     #columna-centrada{
            width:925px;
            margin:10px auto 0;
            padding:10px 0 20px;
                  	
			
	 		}
	 #principal{
                width:530px;
                margin:0 20px;
                padding:20px 10px;
                float:left;
                text-align:justify;
                color:#313131;
				
                }
          
     #principal p{
     			padding:0px 0 10px;
     			 line-height:30px;
            	border-bottom:2px groove white;}
		.galerias{
                width:800px;
                margin:0 0px;
                padding:30px 30px;
                border-bottom:none;
				background:white;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-box-shadow: 0 0 30px black;
				-webkit-box-shadow: 0 0 30px black;
				box-shadow: 0 0 30px black;
				
                }
		.galerias a{
     			padding: 0px 2px;
				}
		
		
		
		.tours{
                width:800px;
                margin:20px 0px;
                padding:20px 20px;
                border-bottom:none;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-box-shadow: 0 0 3px #bbbbbb;
				-webkit-box-shadow: 0 0 3px #bbbbbb;
				box-shadow: 0 0 3px #bbbbbb;
				background:#eee;
				background: -moz-linear-gradient(top, #eee , #cccccc);
				background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee),  to(#cccccc));
                }
                
        #tours-head{
            width:100%;
            margin:0px auto 0;
            padding:0px 0px;
           background:#2b2b2d url(../img/header.gif) repeat left top;}
        #imagen-tours-head {
        		width:1440px;
        		 margin:0px auto 0;
            	padding:0px 0px;
	
                } 
            
		#big {line-height:200%}
		
		 .titulo-tours{
            height:50px;
           }
        .titulo-tours h2{
            width:800px;
            margin:0px auto 0;
            padding:3px 18px;
            font:normal 1.60em/110% Arial, Verdana, sans-serif, Helvetica, "Gill Sans", Lucida, "Helvetica Narrow";
            color:#3f3f40;}
        .titulo-tours h2 strong{
            padding-left:20px;
            font-weight:normal;
            background:url(../img/bullet-titular.png) no-repeat 0 4px;}
        .titulo-tours h2 span{color:#dd1b02;}
        
        .imagen-tours {
        		-moz-border-radius:  20px 20px;
				-webkit-border-radius: 20px 20px;
				-moz-box-shadow: 0 0 5px black;
				-webkit-box-shadow: 0 0 5px black;
				box-shadow: 0 0 5px black;
                }  
				
     #colizq{
                width:165px;
                padding:20px 0 0;
                float:left;
                line-height:124%;
                -moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				-moz-box-shadow: 0 0 3px #bbbbbb;
				-webkit-box-shadow: 0 0 3px #bbbbbb;
				box-shadow: 0 0 3px #bbbbbb;
				background:#eee;
				background: -moz-linear-gradient(top, #eee , #cccccc);
				background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee),  to(#cccccc));
                }

                #submenu,
                #submenu-numeros{
                    padding:0 0 40px 0;
                    }
                #submenu li{
                    padding:10px 5px 10px 20px;
                    border-bottom:2px groove white;
                    background:url(../img/bullet-submenu.gif) no-repeat 6px 14px;}
                #submenu a{
                    text-decoration:none;
                    color:#797878;}
                #submenu a:hover{color:#363636;}

                
               
   #colder{
                width:170px;
                float:right;}
            #colder .modulo-mini{margin:0 0 8px 0;}
            #colder .modulo-mini h4{
                margin:0 0 8px 0;
                padding:13px 10px 5px 5px;
                font-size:1.00em;
                font-weight:bold;
                letter-spacing:0.25pt;
                text-align:right;
                color:white;
                background: }
            #colder .modulo-mini h4 a{
                font-weight:bold;
                text-decoration:none;
                color:#878686;}
            #colder .modulo-mini h4 a:hover{color:#696969;}
            #colder .modulo-mini p{
                padding:5px 8px;
                font-size:0.9em;
                color:#878686;}
                
            #colder #info-contacto h4 a {padding:0 18px 0 0;background: url(../img/icono-correo.gif) no-repeat 100% 2px;}
            #colder #info-contacto p{text-align:center;}
            #colder #info-contacto p a{
                padding:0 0 0 12px;
                font-weight:bold;
                text-decoration:none;
                color:#313131;
                background:url(../img/flecha-contacto.gif) no-repeat 4px 5px;}
            #colder #info-contacto p a:hover{text-decoration:underline;}
			
		
			#colder .galeria {
               width:170px;
                font-weight:bold;
                text-decoration:none;
                color:#313131;
                background:#313131;}
			#colder #galeria h4 a {padding:0px 20px;background: url(../img/icono-galerias.gif) no-repeat 100% 2px;}
            #colder #galeria p{text-align:left;padding:0px 30px;}
             #colder #galeria a{
                padding:0px 30px;
                color:#313131;
                }
            #colder #galeria p a{
                font-weight:bold;
                text-decoration:none;
                color:#313131;
                background:url(../img/flecha-contacto.gif) no-repeat 4px 5px;}
            #colder #galeria p a:hover{text-decoration:underline;}
  
 
 
 
  
 #footer {
width : 100%;
  background:#2b2b2d url(../img/bg-pie.gif) repeat top;
  float:left;}

.wrap_footer {
width : 925px;
height : 200px;
padding :20px 60px;
border-top : 1px solid #474747;
border-bottom : 1px solid #2f2f2f;
}

.footer .foot_col {
width : 185px;
padding :  0px;
float : left;
}
.footer .foot_col h3 {
font-size : 130%;
color : #ffffff;
padding : 5px 0px;
}
 .footer h3 a{
            color: #ffffff;
            text-decoration: none}
  .footer h3 a:hover{
            color: grey;
            text-decoration: none}

.footer .foot_col ul li {
list-style : none;
float : left;
width : 100%;
padding : 5px 0px;
}
.footer .foot_col ul li a {
color : #7a7a7a;
text-decoration : none;

}
.footer .foot_col ul li a:hover {
color : #dddddd;
}

.footer .last {
padding-right : 0 !important ;
width : 185px !important ;
}
.footer .first {
padding-left : 0 !important ;
}
	#copyright {
			clear:both;
			background : #ffffff;
			padding:40px 0px;
			height : 50px;
			}