/*RESET DE ESTILOS strong em*/
html, body, div, span, applet, object, iframe,
blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
            display: block;
}

/*
Estilos Borja - Borgia
*/
body{
    font-family: 'Lato', sans-serif;  
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Cormorant Infant', serif;
}
a.menuitem span {
    font-family: 'Cormorant Infant', serif;
    font-weight: bold;
    font-size: 16px;
}
.gr-detail {
    font-family: 'Italiana', serif;
}
/* CABECERA */
#header { 
    height: 120px;
    width: 100%;
}

#headercontent {
    position:relative;
    width:1040px;
    height:120px;        
    margin: 0px auto;
}

#logo {
    position:absolute;
    top:0px;
    left:0px;
    width: 240px;        
}
#logoCabecera {
    margin-left:25px;
    margin-top:15px
}
#iconSearch{
    margin-left: 5px;
    background-color: black;
    padding: 1px;
    height: 20px;
    float: right;
}
    
/* MENU */
#menu { margin-bottom:10px;}
#menu_secundario { margin:10px auto;}
#menu_secundario h3 {
    font-family: 'Italiana';
}
#menu_secundario ul li{
    display: inline-block;
    width: 161px;
    vertical-align: top;
    height: 45px; 
    margin:0px;
    padding:10px 0px;
    text-transform: uppercase; 
} 
#menu ul li  {		
    display: inline-block;
    width: 153px;
    vertical-align: top;
    height: 55px; 
    margin:4px;
    text-transform: uppercase;    
}
#menu ul li span {		
    display: block; 
    text-align: center;
    padding: 3px 0px;
}
#menu_secundario ul li span {	
    display: block; 
    background-color:white;
    text-align: center;
    width: 135px;
    margin:0px auto;
    padding:3px;
    min-height:40px;
}
.cs1 {  color:#f7931e;  }
.cs2 {  color:#2e3192;  }
.cs3 {  color:#22b573;  }
.cs4 {  color:#8d5aba;  }
.cs5 {  color:#666666;  }
.cs6 {  color:#e2d36a;  }

.menu_s1,.menu_s1_sel { 
    border-top: 7px solid #f7931e;
}
.menu_s1:hover, .menu_s1_sel,.tipo_s1 {
    color:white;
    background-color: #f7931e;
}
.seccion.tipo_s1,h3.tipo_s1,.mw.tipo_s1 {color: #f7931e;background-color: transparent}
.sec1,.mw.tipo_s1{
    border-color:#f7931e;
}
.mw{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}
.menu_s2,.menu_s2_sel { 
    border-top: 7px solid #2e3192;
}
.menu_s2:hover, .menu_s2_sel,.tipo_s2 {
    color:white;
    background-color: #2e3192;
}
.seccion.tipo_s2,h3.tipo_s2,h2.TipoTitDest.tipo_s2,.mw.tipo_s2 {color: #2e3192;background-color: transparent}
.sec2,.mw.tipo_s2{
    border-color:#2e3192;
}
.menu_s3,.menu_s3_sel { 
    border-top: 7px solid #22b573;
}
.menu_s3:hover, .menu_s3_sel,.tipo_s3  {
    color:white;
    background-color: #22b573;
}
.seccion.tipo_s3,h3.tipo_s3,.mw.tipo_s3 {color: #22b573;background-color: transparent}
.sec3,.mw.tipo_s3{
    border-color:#22b573;
}
.menu_s4,.menu_s4_sel { 
    border-top: 7px solid #8d5aba;
}
.menu_s4:hover, .menu_s4_sel,.tipo_s4 {
    color:white;
    background-color: #8d5aba;
}
.seccion.tipo_s4,h3.tipo_s4,.mw.tipo_s4 {color: #8d5aba;background-color: transparent}
.sec4,.mw.tipo_s4{
    border-color:#8d5aba;
}
.menu_s5,.menu_s5_sel { 
    border-top: 7px solid #666666;
}
.menu_s5:hover, .menu_s5_sel,.tipo_s5 {
    color:white;
    background-color: #666666;
}
.seccion.tipo_s5,h3.tipo_s5,.mw.tipo_s5 {color: #666666;background-color: transparent}
.sec5,.mw.tipo_s5{
    border-color:#666666;
}
.menu_s6,.menu_s6_sel { 
    border-top: 7px solid #e2d36a;
}
.menu_s6:hover, .menu_s6_sel,.tipo_s6 {
    color:white;
    background-color: #e2d36a;
}
.seccion.tipo_s6, h3.tipo_s6,.mw.tipo_s6 {color: #e2d36a;background-color: transparent}

.sec6,.mw.tipo_s6{
    border-color:#e2d36a;
}
#pie-rutas section#rutas {
    height:auto;
    margin: 0 auto;
    width: 1040px;
}
.boxpiedoble {
    float: left;
    margin: 0px;        
    padding: 10px; 
    width: 350px;
}
.boxpieruta {
    float: left;
    margin: 0px;        
    padding: 10px; 
    width: 180px;
}
#pie-rutas {
    clear: both;
    font-size: 12px;        
    color: white;        
    min-width: 1040px;
    background-color:#666666;
    margin-top: 10px;      
}
section#mecd {
    width: auto;
    text-align: center;
}
section#copypie {
    width: auto;
    height:50px;
    padding-top:25px;
    color:white;
    background-color: #000;
    text-align: center;
}
#mecd-pie{
    margin: 0px auto;
    max-width: 1080px;
    padding:10px;
}
.txt_mecd{
    color:white;
    padding-top:25px;
}
.img_mecd{		
    padding: 0px 35px;		
}
#sugHeader {
    /* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */
    background: -prefix-linear-gradient(left, #2e3192, #242424);
    /* La nueva sintaxis necesaria para navegadores apegado,s al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */
    background: linear-gradient(to right, #2e3192, #242424);
    text-align: right;
    margin-top:10px;
    color:white;
    clear: both;
}
#headdatosinteres,#headciudadesruta {
   /* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */
    background: -prefix-linear-gradient(left, #242424,  #666666);
    /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */
    background: linear-gradient(to right, #242424,  #666666);   
    margin-top:10px;
    color:white;   
    /*height: 60px;
    padding: 10px 10px 0px 10px;*/
    clear:both;
}
.desclistado{
    margin:30px 0px;
}
h1.listado.tipo_s1,h1.listado.tipo_s2,h1.listado.tipo_s3,h1.listado.tipo_s4,h1.listado.tipo_s5,h1.listado.tipo_s6{
    margin-top:10px;
    color:white;   
    clear:both;
}
h1.listado.tipo_s1{
    background: -prefix-linear-gradient(left, #242424,  #f7931e);/* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */  
    background: linear-gradient(to right, #242424,  #f7931e);   /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */   
}
h1.listado.tipo_s2{
    background: -prefix-linear-gradient(left, #242424,  #2e3192);/* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */  
    background: linear-gradient(to right, #242424,  #2e3192);   /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */   
}
h1.listado.tipo_s3{
    background: -prefix-linear-gradient(left, #242424,  #24b374);/* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */  
    background: linear-gradient(to right, #242424,  #24b374);   /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */   
}
h1.listado.tipo_s4{
    background: -prefix-linear-gradient(left, #242424,  #8d5aba);/* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */  
    background: linear-gradient(to right, #242424,  #8d5aba);   /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */   
}
h1.listado.tipo_s5{
    background: -prefix-linear-gradient(left, #242424,  #666666);/* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */  
    background: linear-gradient(to right, #242424,  #666666);   /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */   
}
h1.listado.tipo_s6{
    background: -prefix-linear-gradient(left, #242424,  #e2d36a);/* la vieja sintaxis, obsoleta, pero todavía necesaria, prefijada, para Opera y Navegadores basados en Webkit */  
    background: linear-gradient(to right, #242424,  #e2d36a);   /* La nueva sintaxis necesaria para navegadores apegados al estandar (IE 10 y Firefox 10 en adelante), sin prefijo */   
}
.headDestS.tipo_s1{
    background-color: #E89243;
}
.listado.tipo_s1{
    background-color: #E5BC9C;
}
.headDestS{
    height: 90px;
}
.contDest.listadoS{
    height:350px;
}
h1 {
    margin:10px;
    padding: 10px;
}
h1.sugerencias{
    color:white;
    font-family: 'Italiana';
}
.h1Home {
		text-align:center;
	}

.headDest.col3QV .SecTitDest {
    font-size: 30px;
    text-align: left;
    padding-left: 15px;
}
.SecTitDest,.TipoTitDest{
    font-size:24px;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    padding: 15px 0px;
}
main {
    margin-bottom:20px;
}
/* DESTACADOS HOME */
.headDest {
}
.col1H { /*width: 305px;*/ }
.col2H { width: 640px; }
.col3H { width: 1024px; }
.modulodest {
    background-color:#EEEEEE;
    width:315px;    
    margin: 5px 0px;/* 10px 0px;*/
    min-height: 245px;
    float:left;    
}
.oscuro {
    background-color: #bbb;
}
.modulodest.izq {    
    margin-left:0px;
    margin-right:10px;
}
.modulodest.der {   
    margin-left:10px;
    margin-right:0px;
}
.modulodest.cen {  
    margin-left:9px;
    margin-right:9px;	
}
rowDestDobleHome{
    width:984px;		
    background-color: #EEEEEE;
    margin-bottom: 20px;
}
.contDestDoble{
    width:984px;
    height:245px;
    border-radius: 2px;
    box-shadow: 2px 5px 10px 0 #AAAAAA;    
    background-color: #cecece;
}
#destDobleImagen{
    float:left;
    margin-left:0px;
    width:471px;
}
#destDobleDesc{
    float:left;
    margin-left:0px;
    padding:0px 15px;
    width:480px;
}
h3.titulodestDoble {
    font-size:24px;
    font-family: 'Lato Black';
    text-transform:uppercase; 
}       
.tituloDoble {	font-size:20px; }
/*DESTACADOS LISTADOS */
.col1QV { width: 315px;}
.col2QV { width: 650px;}
.col3QV { /*width: 984px; */}
.headDest.col1QV {	width:310px;}
.headDest.col2QV {	width:640px;}
.headDest.col3QV {	/*width:974px;*/}
.contDest {
    width: 315px;
    height: 260px;
    background-color: #cecece;
}
.contDest p {
    padding:0px 10px;
}
.contDest.listadoS p{
    margin: 5px 0px;
}
H3.titDest{
    font-family: 'Lato Black';
    font-size:16px;
    text-align: center;    
    text-transform:uppercase;
    font-style:normal;
}
H3.titDestS {
    font-size: 20px;
    padding-left: 10px;
    font-weight:bolder;
    padding: 10px 0px 5px 10px;
    text-transform: uppercase;
    font-style: normal;
    margin: 0px;
}
div#sugerencias {
    margin: 20px 0;
}
.thumbTL {
    margin:3px;
    float:left;
}/*
.thumbTL.centro {
    margin:2px 0px;
    float:left;
}*/
.thumb.centro {
    margin:2px 5px;
}
#bannersh-provincias{
    min-height:270px;
    clear:both;
}
.brutas-esp {
    background: url('/images/banners/Rutas_ESP.jpg');
    width:450px;
    height:241px;
    margin:0px;
    float: left;
}
.brutas-it {
    background: url('/images/banners/Rutas_ITA.jpg');
    width:450px;
    height:241px;
    margin:0px;
    float: right;
}
.brutas-de{
    font-family: 'Cormorant Infant', serif;
    font-size:35px;		
    color:white;		
}
.brutas-provincia{	
   font-family: 'Italiana', serif;
    font-size:45px;		
    color:white;				
    text-transform:uppercase;
}
h1.listado {		        
    font-weight: normal;               
    margin: 0px;
    font-style:normal;
} 
.listado.tipo_s1 .header-list{
    background-color: #E89243;
    margin:0px;
}
.header-list {
    font-size: 18px;
    margin: 10px 0px;
    padding: 10px;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    font-style: normal;
}
.separa_list {
    width: 100%;
    clear: both;
    height: 1px;
}
.mw a {
    color:inherit;
}
.mw a:hover {
    color:black;
    
}
a {    
    text-decoration: none;
}
a:hover{
    
    color:inherit;
}

.colList a {
    color:black;
}	
.colList {
    color:black;
}
.colList a:hover{
    text-decoration:underline;
    color:#575757;
}
/*.colList li{list-style-type: none}
.colList li:before {content: "-"}*/
.colList li {
    padding: 3px 0px;
    color:black;
}	
.colList ul {
    padding:5px;
    color:white;
        /*list-style-type: none*/
}
	.colList ul.sec1 a {
color:white;
		/*list-style-image:url("images/listSec1.png");*/	
	}
	.colList ul.sec2{
		
		
	}
	.colList ul.sec3{
		
		
	}
h1.seccion {
    font-family: 'Italiana';
    font-size: 50px;
    text-transform: uppercase;
    font-weight: normal;
    margin-left:0px;
    padding-left:0px;  
}
h1.seccion.tipo_ciu {
    color: #2e3192;
}
.rutaciudad {
    font-weight: normal;
    font-size: 24px;
}
#headdatosinteres,#headdatosinteres h3.principal{
    margin:0px;
}
 h3.principal {
    font-size: 28px;
    font-weight: normal;
    /*padding-bottom: 10px;*/
    margin-top: 10px;
    padding:10px;
}
#interes {
    background-color: #666666; 
    overflow: hidden;
    color:white;
}
.box31, .box32, .box33 {
    width: 300px;
    min-height: 150px;
    float: left;
    margin: 0px;
    padding: 10px;        
}
#smunicipales {
    background-color:#8e9eef;/*#585fb7;*/
    margin: 0px auto; 
    width: 980px;
    padding-left: 10px;
}
.smbox3 {
    float: left;
    margin: 0;
    min-height: 150px;
    padding: 5px;
    width: 310px;
    word-wrap: break-word;
}
.colList {/*
		width:315px;
		float:left;
		margin:0px 6px;
		padding:10px 0px 10px;
		color:#575757;	*/	
	}
        #ciudades {
            margin-top:15px;
        }
#introHome {
    float:left;	
    width:350px;
    min-height: 240px;
    /*font-size:18px;*/
    text-align: center;   
    padding-top: 80px;
}
#introExtended {
    /*float:right;
    width:600px;	*/
    color:#575756;
    font-size: 16px;
}
.separador {
    clear: both;
    height: 15px;
}

.separador_tipo_dl, .separador_tipo_dd,.separador_tipo_dg,.separador_tipo_dp,.separador_tipo_dc,.separador_tipo_df,.separador_tipo_de
{ 
    clear: both;
    height: 5px;
    padding:10px 0px;
}
#galtipo1 {
    /*
    display:inline-block;
    */
    margin:0px auto;
    width:600px;
    height:450px;
    text-align:center;		
}
#pieimg1{
        /*
        height: 17px;
        position: relative;
        top: -20px;*/
        margin: 0px;
        background-color: rgba(0, 0, 0, 0.3);
        color: white;
        z-index: 100;
        text-align: center;
}
#main_image, #main_image_nogal {
    max-width:600px;
    max-height: 450px;
}
#galthumb1{
    width: 585px;
    margin: 0px auto;
    margin-top: 30px;
    background-color: #242424;
    padding:8px;
}
 #buscador {
    position:absolute;
    top:10px;
    right:155px;
}
#idiomas {
    position:absolute;
    top:10px;
    right:28px;
    font-family: 'Cormorant Infant';
    font-size: 20px;
}
#idiomas a { 
    color:black;
}
#idiomas a.sel {
    color: #ba494e;
    font-weight: bold;
}
#selectores {
    position:absolute;
    top:70px;        
    right:28px;
    font-family: 'Cormorant Infant';
    font-size: 1.1em;
}
#headertitle, #sel1, #sel2 {
    height: 100%;
    float: left;
}
#sel1 {
    width: 180px;
}

#sel2 {
    width: 190px;
}
#container {
    width: 1024px;
    margin: 10px auto;
}
#globalcontent {
    background-color: #fff;
    padding: 0px 20px 10px 20px;
    min-height: 150px;
}
#pieimgH {
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
    height: 20px;
    margin: 0;
    padding: 3px;
    position: relative;
    text-align: left;
    top: -25px;
    z-index: 100;
    font-weight: bold;
    font-family: 'Lora', serif;
}
   /* #pie-rutas section#rutas {
        width:auto;
    }
    #pie-rutas,#pie {
        min-width:320px;
    }   */
   section {
    clear: both;
    float: none;
   }
     section#rutas, section#ciudadesruta {
        clear: both;
        position: relative; 
        color:white;
    }
    
    #rutas, #rutas a {
        color:white;
    }
.titpie, .titrutA {
    font-size: 15px;
    font-weight: bold;
}
.titrutA {
    border-bottom: 1px solid #E0A038;
}
ul.rutprovincia {
    padding-left: 3px;
    list-style: none outside none;
}
div.boxpieruta ul.rutprovincia li {
    margin-bottom: 6px;
    font-size: 13px;
}
ul.rutprovincia li {
    margin: 3px 0px;
}
.row{
    clear:both;
}
#galtopleft {
    display:inline-block;
    margin-right:10px;
    width:600px;
    /*max-height:450px;*/
    text-align:center;	
    max-width: 95%;
}
#enlaceRutas1{
    display:block;
    width:430px;
    height:161px;
    text-align:right;
    padding-top:80px;
    padding-right:20px;
}
#enlaceRutas2 {
    display:block;
    width:430px;
    height:161px;
    text-align:left;
    padding-top:80px;
    padding-left:20px;
}
#izq-pie {float:left;width:31%;}
#subv-pie{float:left;}
#rrss-pie{
    float:right;
    width: 30%;
    margin-top: 20px;
}
#ad_c1 {
    width: 40%;float:left;
}
@media all and (max-width:1040px) { 
    #header, #headercontent{
        width:auto;
    }
    #container{
        width:auto;
    }
    #aviso {
        display: none;
    }
    #menu {
        clear:both;
    }
    #menu ul li {
        width:32%;
    }
    #introHome {
        width:150px;
    }   
    .contDestDoble {
        width: auto;
    }
    #destDobleDesc{
        float:right;        
        width:45%;
    }
    #destDobleImagen {
        width:45%;    
    }  
    div.row{
        display:inline;
    }
    .modulodest.izq, .modulodest.cen, .modulodest.der {
        margin:10px;
    }
    #pie-rutas, #mecd-pie {
        min-width:auto;
        width:auto;
    }
    #pie-rutas section#rutas{
        width:auto;
    }
    .boxpieruta {
        float:none;
    }
    #izq-pie {display:none;}
    #subv-pie {
        float:none;
        margin:0px auto;
    }
    #rrss-pie{
        width:100%;
    }
}
@media all and (max-width:970px) {     
    .brutas-it,.brutas-esp {
        width:50%;
    }
    #enlaceRutas1, #enlaceRutas2 {
        width: auto;
    }
}
@media all and (max-width:820px) {     
    #header{
        min-height: 170px;
    }
    #menu ul li {
        width:30%;
    }       
    #selectores {
        top:120px;
        left:20px;
    }
    #buscador {
        top:50px;
        right:28px;
    }
    #ad_c1 {
        width: 100%;
    }
}
@media all and (max-width:590px) {  
    #header{
        min-height: 210px;
    }    
    #selectores {
        top:120px;
        left:10px;
        width: 50%;
    }
    #idiomas {
        top:120px;
        right:10px;
    }
    #buscador {
        top:150px;
        right:10px;
    }
    iframe{
        width:100%;
    }
}
@media all and (max-width:380px) { 
    body{
    zoom:80%
    }
    #header{
        min-height: 260px;
    }    
    #logoCabecera {
        margin-left: 0px;
        margin-top: 0px;
    }
    #selectores {
        top:180px;
        left:10px;
        width: 100%;
    }
    #idiomas {
        top:120px;
        right:10px;
    }
    #buscador {
        top:150px;
        right:10px;
    }
    iframe{
        width:100%;
    }
    .img_mecd {
        padding: 0px;
    }
}