/*------------------------------------*\
    RESET
\*------------------------------------*/
/* Primero reiniciamos todos los elementos */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0}
p{margin-bottom:15px}
table{border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal}
ol {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}
textarea{overflow:auto;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
*:focus{outline: none}
a img {border:none} 
.cabint{ width:1280px; margin:0 auto}
.cabint h1{margin:0;padding-top:35px}
.cabint figure{ display:none}
#encabezado{float:left;margin-left:6px;width:590px}
#encabezado p{color:#F60; display:block; float:left; font-size:18px; margin: 15px 0px 0px 25px}
#video{ width:420; height:400; padding-top:35px}
#header_recursos{ height:150px; width:990px;}
body{color:black;font-size:62.5%;font-family: 'Roboto', sans-serif;color:#FFF; background:#191919 url(../imgcss/bg_body.jpg) 0 0 repeat-x }
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
header{height:160px}
.clearfloat{clear:both;height:0;line-height:0;display:block}
.content{max-width:1280px; margin:0 auto; overflow:hidden}
.mitad{width:50%; float:left}
.font18{font-size:16px;}
a, a:hover {text-decoration:none; color:#fc0}
ul, ol {list-style:none;}
/*ESTRUCTURA*/
/*cabecera*/
#navtop{  padding:0 8px; width:700px; float:right }
#navtop a{color:#666}
#navtop a:hover, #navtop a.active{color:#FC0 !important}
.redes_top{  float:right; margin-top:5px}
.redes_top ul{ }
.redes_top li{list-style:none; float:left; padding: 0 10px; font-size:11px}
.redes_top li a{ color:#FFF !important}
.logos_official{ width:220px; /*height:100px;*/ float:right; margin-top:10px; }
.logos_official li{list-style:none; float:left;}
.logo {float:left;}
.logog{width:235px; height:113px; background: url(../imagenes/logo.png)0 0 no-repeat; margin:0 auto;  margin-bottom:0;display:block; float:left }
/*cuerpo*/

.info_dest{max-width:1280px; margin:0 auto; margin-top:25px; font-size:18px }
.info_dest li{ padding:10px 20px; list-style:none; float:left; margin-bottom:20px}
.info_dest li a{color:#FC0}
.info_dest li a span{ background:none; color:#FFF}
.info_dest .noesmenu{font-size:1.1em; float:right; padding:0 10px;}
.bloque1, .bloque2, .bloque3, .bloque4{ max-width:1280px ; margin:0 auto; margin-bottom:15px }
.bloque1{margin-top:20px; margin-bottom:0}
.bloque2 article{ width:24%;float:left;  background-color:#000;}
.bloque3 article {width:32%;  float:left;}
.margender{margin-right:10px}
.bloque2 article.noticias_mini{ width:90% ; margin:0 15px; border-bottom:#CCC 1px solid; padding:10px 0 }
.noticias_mini figure{float:left; margin-right:5px}
.noticias_mini a{ font-size:12px}
.noticias_mini a span{ background:none; color:#FFF; padding-left:0}
.bloque2 article.listas {  width:100% }
.bloque2 article.listas p{ background-color:#1F1F1F; font-size:12px; font-size:17px; color:#fff ; font-weight:bold ; margin:3px 0 ; padding:2px 3px 2px 10px}

.bloque2 article.listas li{background-color:#1F1F1F; font-size:12px; color:#FC0; font-weight:bold ; margin:3px 0 ; padding:1px 3px 1px 25px}
.bloque2 article.listas li .derecha { background:none; float:right;}
#noticias_wrc, #noticias_rallyracc, #imagenes, #videos, #acti_tienda, #calendario, #ult_clasi, #otras_clasi {height:310px; overflow:hidden; margin-top: 20px; margin-bottom:20px; position:relative}
#tienda_online{width:100%; /*position:absolute;*/ bottom:0}
#tienda_online figure {float:left}
#tienda_online a{ color:#FFF; font-weight:bold; font-size:14px; display:block; margin: 0 5px; padding: 8px 0}
#tienda_online a i, #tienda_online a:hover{ color:#FBD01D}
#imagenes article.noticias_mini{border:none; padding-bottom:5px}
#imagenes article.noticias_mini i{margin-right:10px}
#calendario article.listas li {padding-left:10px}
.bloque3 h2, .bloque2 h2{ font-size:24px; color:#000; font-family:'Roboto', serif, sans-serif; font-weight:500;  padding: 0 0 0 15px;   background-color: #fbd01d}
.masinfo{ font-size:18px;  color:#fff; margin:10px; float:right }
.bloque3 p, .bloque2 p{font-size:18px; color:#686868; font-family:'Roboto', serif, sans-serif; font-weight:300; padding:10px 15px; text-align:justify}

aside{ width:25%; float:right; margin-left:20px }
aside .derecha {overflow:hidden}

.bloque5{width:70%; float:left ; background-color:#000; padding:20px;overflow:hidden}

.bloque5 h1{font-size:24px; color:#fbd01d; font-family:'Roboto', serif, sans-serif; font-weight:500; margin-bottom: 25px}
/*.bloque5 h2{font-size:18px; font-family:'Roboto', serif, sans-serif; font-weight:500;  }*/
/*.bloque5 h3{font-size: 14px; background-color: #FBD01D; color: #000; padding: 5px;  margin-bottom:10px}*/

.amarillo{color:#FBD01D}

.bloque5 h2{font-size: 14px; background-color: #333333; color: #fff; padding: 5px;  margin-bottom:7px; font-weight:bold}
.bloque5 .h2famarillo {background-color:#fbd01d !important; color:#000 !important; font-weight:bold; margin-top:10px}
.bloque5 td{font-size:14px; border-top:1px solid #2a2929; padding:5px}

.bloque5 .listadescarga td {font-size:15px; height:70px}

.content .bloque5 .listadescarga div {font-size:16px; margin-bottom:10px}

.bloque5 .listadescarga p {font-size:16px; margin:15px 0px}
.bloque5 .listadescarga {font-size:16px; margin:15px 0px}


.bloque5 td anchocompleto {padding:0px !important}



.bloque5 p, .bloque5 div{font-size:14px}

.bloque5 h3{font-weight:bold; font-size:16px}
.bloque5 .hotel_desplegable{border:1px #222 solid; background-color:#222; color:#FC0; padding:5px 10px; font-size:16px; margin-top:5px;}
.bloque5 .hotel_desplegado .cab{border:1px #222 solid; background-color:#222; color:#FC0; padding:5px 10px; font-size:16px; margin-top:5px; cursor:pointer}
.bloque5 .hotel_desplegado .cuerpo{border:1px #222 solid; color:#FFF; padding:5px 10px; display:none}
.bloque5 .hotel_desplegado .cuerpo .fotohotel{float:left; margin-right: 15px; width:200px;}
.bloque5 .hotel_desplegado .cuerpo p{line-height:15px;}
.bloque5 .hotel_desplegado .cuerpo strong{color:#FC0;}
.bloque5 .hotel_desplegado .cuerpo table tr:first-child{color:#FC0;}
.bloque5 .hotel_desplegado .cuerpo table tr:first-child td{border:0;}
.bloque5 .hotel_desplegado .cuerpo table tr td{border-top:1px solid #2A2929}
.bloque5 .hotel_desplegado .cuerpo .columnahotel{width:50%; float:left; text-align:center;}


.separator{border-bottom:1px solid #2a2929; height:4px}

.bloque5 .menuhor{overflow:hidden}
.bloque5 .menuhor > div {background-color:#333333; padding:6px 0; font-weight:bold; text-align:center;}
.derecha {text-align: right}


.bloque5 .cuatrocol > div {width:25%; float:left;  margin-top:5px}
.bloque5 .cincocol > div {width:20%; float:left;  margin-top:5px}
.bloque5 .seiscol > div {width:16%; float:left;  margin-top:5px}


.bloque5 .trescolguia{overflow:hidden; margin-bottom:12px}
.bloque5 .trescolguia > div {width:33%; float:left;  margin-top:5px; font-size:17px}
.bloque5 .trescolguia > div:nth-child(2), .trescolguia > div:nth-child(3) {text-align:right}

.bloque5 .onlinetramos div {
	font-size:17px;
}
/*.bloque5 .trescolguia > div:nth-child(3):after {content:"<br class='clearfloat'>"}*/


.content .bloque5 .itinerario tr .fondogrisrz{background-color:#202020}
.content .bloque5 .itinerario tr .fondogrisservice{background-color:#444444}


.content .bloque5 .valoracion {background-color: #404040; font-size:16px}
/*.fondoamarillo{color:#000; font-weight:bold; background-color:#FBD01D; width:20px} */

.content .bloque5 .itinerario tr .fondoamarillo{color:#000; font-weight:bold; background-color:#FBD01D; width:20px} 

.fondoamarillo{background-color:#FBD01D; color:#000;} 
.fondogrisrz{background-color:#202020}
.fondogrisservice{background-color:#444444}

.bloque5 .imgflotantemargen img{margin:0px 20px 20px 20px}
/*.bloque5 .flotante.cuatrocol {width:25%}*/
/*.bloque5 table tr td.bordetop {border-top:1px solid #2a2929}*/

.bloque5 .listahistorico > div {width:25%; float:left; margin-top:15px;}
.bloque5 .tarjeta_historico{width:107px; height:180px; color:#FF0; font-weight:bold; display:inline;}

.bloque5 .imganchocompleto {max-width:100%; width:100%}

.bloque5 .imganchomitad {width:49%; max-width:49%}


.texto{ font-size:14px}
aside .bloque2 article{ width:100%}
.producto{width:300px; float:left; margin:10px 5px }
.caja_productos{ float:left; width:930px; }
.caja_productos img{width:100%}
.producto h2{ font-size:22px; color:#686868; font-family:'Roboto', serif, sans-serif; font-weight:700; text-align:center}
.producto p{font-size:16px; color:#686868; font-family:'Roboto', serif, sans-serif; font-weight:300; text-align:center; margin-bottom:10px}
.info{color:#f83521; font-size:18px; font-weight:700;line-height:24px; float:left; margin-left:10px}
.precio_prod{color:#f83521; font-size:18px; font-weight:700;line-height:24px; float:left; margin-left:5px;float:right;margin-right:10px}
.carro{float:right; }
.producto figure{margin-bottom:10px}
.bloque4 h2, .bloque1 h2 {width:100%; color:#333; text-align:center;font-size:26px; font-family:'Roboto', serif, sans-serif; font-weight:700;  padding:10px 5px; margin:50px 10px 10px 0}
.enlaces_interes figure{ border:#9a9a9a 1px dashed; width:175px; float:left; margin:0 19px}

.button{background-color: #F00;
    background: -webkit-gradient(linear, left top, left bottom, from(#c83c42), to(#fd7074));
    background: -webkit-linear-gradient(top, #c83c42, #fd7074);
    background: -moz-linear-gradient(top, #c83c42, #fd7074);
    background: -ms-linear-gradient(top, #c83c42, #fd7074);
    background: -o-linear-gradient(top, #c83c42, #fd7074);
    background: linear-gradient(top, #c83c42, #fd7074);
    border: 1px solid #fd7074;
    border-bottom: 1px solid #fd7074;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #c83c42;
    -webkit-box-shadow: 0 1px 0 0 #c83c42 inset ;
    -moz-box-shadow: 0 1px 0 0 #c83c42inset;
    -ms-box-shadow: 0 1px 0 0 #c83c42 inset;
    -o-box-shadow: 0 1px 0 0 #c83c42 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #333;
	font-size:16px; font-family:'Roboto', serif, sans-serif; float:right}
	.textarea{ background-color:#FFF;  border:1px solid #aaa;
   	border-radius:3px; height:30px; width:200px;
    padding:5px 8px; margin:5px 10px}
	.form_newsletter input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}
.textarea_xl{background-color:#FFF;  border:1px solid #aaa;
   	border-radius:3px; height:30px; width:300px;
    padding:5px 8px; margin:5px 10px}
	.textarea_m{background-color:#FFF;  border:1px solid #aaa;
   	border-radius:3px; height:30px; width:100px;
    padding:5px 8px; margin:5px 10px}
	.textarea_s{background-color:#FFF;  border:1px solid #aaa;
   	border-radius:3px; height:30px; width:50px;
    padding:5px 8px; margin:5px 10px}



.fotonoti {
	margin-left:15px;
	margin-bottom:15px;
}

.centrado{text-align:center;}

/*pie*/
.social i{margin-right:18px; float:left}
.logos_pie li{ list-style:none; float:left}
.logos_bloque1 {width:85%; margin:0 auto ; }
.logos_bloque1 li { float:left; margin:10px 45px;}

footer{ width:100%;  background:url(../imgcss/bg_pie.jpg)0 0 repeat}
.pie{width:1280px; margin:0 auto; padding:0 10px; margin-top:30px}
.pie article {width: 36%; float:left; margin-right:25px}
.pie .patrocinadores{ width:59% }
.patrocinadores h2 span{ background:none; font-variant:normal}
.pie h2{color: #FFF;font-size: 15px;font-weight: normal;text-align: left;  margin-top: 25px}
.pie h2 span{background-color:none}
.pie li{ margin: 20px 0 }
.pie li a {display:block; padding: 0 10px; margin:0 auto; color: #CCC;font-size: 16px;font-weight: 700;text-align: left; }
.pie li a:hover{ color:#FC0}
.pie figure span{ background:#CCC; border-radius:30px; margin:10px; padding:15px 15px 10px 15px;float:right }
.pie figure span a{color:#2c2c2c}
.copy {width:100%; background-color:#000}
.copy article{width:1280px; margin:0 auto}
.copy p{ font-size:16px; padding:10px 0}
.copy p span{ float:right; background:none}


/*menu*/
.main {width:800px;margin-bottom:5px ;text-align:center; float:left; margin-top:80px}
.nav {position:relative;display:inline-block;font-size:14px;font-weight:900;}
.nav-list {text-align:left;}
.nav-item {float:left;*display:inline;zoom:1;position:relative;}
.nav-item a {font-size:16px;font-weight:700;display:block;color:#000;padding:10px 13px;}
.nav-item > a:hover {color:#fc0; background-color:#333}
.nav-item:hover .nav-submenu {	display:block;}

/* submenu */
.nav-submenu {display:none;position:absolute;left:0;width:200px;z-index:9999}
.nav-submenu-item { position:relative}
.nav-submenu-item a {background:#333;	border-bottom:1px solid #555;display:block;padding:15px;color:#ccc;}
.nav-submenu-item a:hover {background:#222;	color:#fc0}

/* submenu */
.nav-submenu-item .nav-submenu2  {display:none;position:absolute;left:200px;width:200px;z-index:9999; top:0; border-left:1px solid #000;}
.nav-submenu-item:hover .nav-submenu2 {	display:block;}

.nav-submenu-item a {background:#333;	border-bottom:1px solid #555;display:block;padding:15px;color:#ccc}
.nav-submenu-item a:hover {background:#222;	color:#fc0}

/* Movil  */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;	position:absolute;top:0;right:0;background:#171717 url(../imgcss/nav.svg) no-repeat center center;background-size:18px;	height:50px;width:50px;}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {position:absolute;top:0;right:0;display:none;border-left:1px solid #000;	height:49px;	width:50px;cursor:pointer;}
.nav-click i {display:block;	height:48px;	width:48px;background:url(../imgcss/drop.svg) no-repeat center center;background-size:20px;}
.nav-click:hover {background-color:#Fc0;}
.nav-rotate {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);	-ms-transform:rotate(180deg);	-o-transform:rotate(180deg);	transform:rotate(180deg);}


/*SLIDER*/
  Bullet Navigator Skin Begin 
      
/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{background: url(../imgcss/b21.png) no-repeat;	overflow:hidden;	cursor: pointer;}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn{position: absolute;cursor: pointer;display: block;	background: url(../imgcss/a21.png) center center no-repeat;overflow: hidden;}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.txt_slider{position: absolute; width: 480px; min-height: 120px; top: 330px; left: 30px; padding: 5px 20px;text-align: left; line-height: 36px; font-size: 30px;color: #FFFFFF; background:url(../imgcss/bg_slidetxt.png)}
.txt_slider a { color:#FFF}

/*banderas*/
.bandera {width:16px;height:11px;margin:3px 10px 0 0;float:left; padding:0}
.picto16{display:inline-block;float:left;width:16px;height:11px;margin:0 5px 0 0}
.flag-afg,.flag-aho,.flag-alb,.flag-alg,.flag-and,.flag-ang,.flag-ant,.flag-arg,.flag-arm,.flag-aru,.flag-asa,.flag-aus,.flag-aut,.flag-aze,.flag-bah,.flag-ban,.flag-bar,.flag-bdi,.flag-bel,.flag-ben,.flag-ber,.flag-bhu,.flag-bih,.flag-biz,.flag-blr,.flag-bol,.flag-bot,.flag-bra,.flag-brn,.flag-bru,.flag-bul,.flag-bur,.flag-caf,.flag-cam,.flag-can,.flag-cay,.flag-cgo,.flag-cha,.flag-chi,.flag-chn,.flag-civ,.flag-cmr,.flag-cod,.flag-coi,.flag-cok,.flag-col,.flag-com,.flag-cpv,.flag-crc,.flag-cro,.flag-cub,.flag-cyp,.flag-cze,.flag-den,.flag-dji,.flag-dma,.flag-dom,.flag-ecu,.flag-egy,.flag-eri,.flag-esa,.flag-esp,.flag-est,.flag-eth,.flag-fij,.flag-fin,.flag-fra,.flag-fsm,.flag-gab,.flag-gam,.flag-gbr,.flag-gbs,.flag-geo,.flag-geq,.flag-ger,.flag-gha,.flag-glp,.flag-gre,.flag-grn,.flag-gua,.flag-gui,.flag-gum,.flag-guy,.flag-hai,.flag-hkg,.flag-hon,.flag-hun,.flag-ina,.flag-ind,.flag-iri,.flag-irl,.flag-irq,.flag-isl,.flag-isr,.flag-isv,.flag-ita,.flag-ivb,.flag-jam,.flag-jor,.flag-jpn,.flag-kaz,.flag-ken,.flag-kgz,.flag-kir,.flag-kor,.flag-ksa,.flag-kuw,.flag-lao,.flag-lat,.flag-lba,.flag-lbr,.flag-lca,.flag-les,.flag-lib,.flag-lie,.flag-lit,.flag-ltu,.flag-lux,.flag-mad,.flag-mar,.flag-mas,.flag-maw,.flag-mda,.flag-mdv,.flag-mex,.flag-mgl,.flag-mhl,.flag-mkd,.flag-mli,.flag-mlt,.flag-mne,.flag-mol,.flag-mon,.flag-moz,.flag-mir,.flag-mtn .flag-mya,.flag-nam,.flag-nca,.flag-ned,.flag-nep,.flag-ngr,.flag-nir,.flag-nor,.flag-nru,.flag-nzl,.flag-oma,.flag-pak,.flag-pan,.flag-par,.flag-per,.flag-phi,.flag-ple,.flag-plw,.flag-png,.flag-pol,.flag-por,.flag-prk,.flag-pur,.flag-qat,.flag-rom,.flag-rsa,.flag-rus,.flag-rwa,.flag-sam,.flag-scg,.flag-sen,.flag-sey,.flag-sin,.flag-skn,.flag-sle,.flag-slo,.flag-slv,.flag-smr,.flag-sol,.flag-som,.flag-srb,.flag-sri,.flag-stp,.flag-sud,.flag-sui,.flag-sur,.flag-svk,.flag-swe,.flag-swz,.flag-syr,.flag-tan,.flag-tga,.flag-tha,.flag-tjk,.flag-tkm,.flag-tls,.flag-tog,.flag-tri,.flag-tun,.flag-tur,.flag-tuv,.flag-twn,.flag-uae,.flag-uci,.flag-uga,.flag-ukr,.flag-urs,.flag-uru,.flag-usa,.flag-uzb,.flag-van,.flag-ven,.flag-vie,.flag-vin,.flag-yem,.flag-zam,.flag-zim{background:url(../imgcss/sprite_flags.jpg) no-repeat 0 0}
.flag-aho{background-position:-17px 0}
.flag-alb{background-position:-34px 0}
.flag-alg{background-position:-51px 0}
.flag-and{background-position:-68px 0}
.flag-ang{background-position:-85px 0}
.flag-ant{background-position:-102px 0}
.flag-arg{background-position:-119px 0}
.flag-arm{background-position:-136px 0}
.flag-aru{background-position:-153px 0}
.flag-asa{background-position:-170px 0}
.flag-aus{background-position:-187px 0}
.flag-aut{background-position:-204px 0}
.flag-aze{background-position:-221px 0}
.flag-bah{background-position:-238px 0}
.flag-ban{background-position:0 -12px}
.flag-bar{background-position:-17px -12px}
.flag-bdi{background-position:-34px -12px}
.flag-bel{background-position:-51px -12px}
.flag-ben{background-position:-68px -12px}
.flag-ber{background-position:-85px -12px}
.flag-bhu{background-position:-102px -12px}
.flag-bih{background-position:-119px -12px}
.flag-biz{background-position:-136px -12px}
.flag-blr{background-position:-153px -12px}
.flag-bol{background-position:-170px -12px}
.flag-bot{background-position:-187px -12px}
.flag-bra{background-position:-204px -12px}
.flag-brn{background-position:-221px -12px}
.flag-bru{background-position:-238px -12px}
.flag-bul{background-position:0 -24px}
.flag-bur{background-position:-17px -24px}
.flag-caf{background-position:-34px -24px}
.flag-cam{background-position:-51px -24px}
.flag-can{background-position:-68px -24px}
.flag-cay{background-position:-85px -24px}
.flag-cgo{background-position:-102px -24px}
.flag-cha{background-position:-119px -24px}
.flag-chi{background-position:-136px -24px}
.flag-chn{background-position:-153px -24px}
.flag-civ{background-position:-170px -24px}
.flag-cmr{background-position:-187px -24px}
.flag-cod{background-position:-204px -24px}
.flag-coi{background-position:-221px -24px}
.flag-cok{background-position:-238px -24px}
.flag-col{background-position:0 -36px}
.flag-com{background-position:-17px -36px}
.flag-cpv{background-position:-34px -36px}
.flag-crc{background-position:-51px -36px}
.flag-cro{background-position:-68px -36px}
.flag-cub{background-position:-85px -36px}
.flag-cyp{background-position:-102px -36px}
.flag-cze{background-position:-119px -36px}
.flag-den{background-position:-136px -36px}
.flag-dji{background-position:-153px -36px}
.flag-dma{background-position:-170px -36px}
.flag-dom{background-position:-187px -36px}
.flag-ecu{background-position:-204px -36px}
.flag-egy{background-position:-221px -36px}
.flag-eri{background-position:-238px -36px}
.flag-esa{background-position:0 -48px}
.flag-esp{background-position:-17px -48px}
.flag-est{background-position:-34px -48px}
.flag-eth{background-position:-51px -48px}
.flag-fij{background-position:-68px -48px}
.flag-fin{background-position:-85px -48px}
.flag-fra{background-position:-102px -48px}
.flag-fsm{background-position:-119px -48px}
.flag-gab{background-position:-136px -48px}
.flag-gam{background-position:-153px -48px}
.flag-gbr{background-position:-170px -48px}
.flag-gbs{background-position:-187px -48px}
.flag-geo{background-position:-204px -48px}
.flag-geq{background-position:-221px -48px}
.flag-ger{background-position:-238px -48px}	
.flag-gha{background-position:0 -60px}
.flag-glp{background-position:-17px -60px}
.flag-gre{background-position:-34px -60px}
.flag-grn{background-position:-51px -60px}
.flag-gua{background-position:-68px -60px}
.flag-gui{background-position:-85px -60px}
.flag-gum{background-position:-102px -60px}
.flag-guy{background-position:-119px -60px}
.flag-hai{background-position:-136px -60px}
.flag-hkg{background-position:-153px -60px}
.flag-hon{background-position:-170px -60px}
.flag-hun{background-position:-187px -60px}
.flag-ina{background-position:-204px -60px}
.flag-ind{background-position:-221px -60px}
.flag-iri{background-position:-238px -60px}	
.flag-irl{background-position:0 -72px}
.flag-irq{background-position:-17px -72px}
.flag-isl{background-position:-34px -72px}
.flag-isr{background-position:-51px -72px}
.flag-isv{background-position:-68px -72px}
.flag-ita{background-position:-85px -72px}
.flag-ivb{background-position:-102px -72px}
.flag-jam{background-position:-119px -72px}
.flag-jor{background-position:-136px -72px}
.flag-jpn{background-position:-153px -72px}
.flag-kaz{background-position:-170px -72px}
.flag-ken{background-position:-187px -72px}
.flag-kgz{background-position:-204px -72px}
.flag-kir{background-position:-221px -72px}
.flag-kor{background-position:-238px -72px}
.flag-ksa{background-position:0 -84px}
.flag-kuw{background-position:-17px -84px}
.flag-lao{background-position:-34px -84px}
.flag-lat{background-position:-51px -84px}
.flag-lba{background-position:-68px -84px}
.flag-lbr{background-position:-85px -84px}
.flag-lca{background-position:-102px -84px}
.flag-les{background-position:-119px -84px}
.flag-lib{background-position:-136px -84px}
.flag-lie{background-position:-153px -84px}
.flag-lit{background-position:-170px -84px}
.flag-ltu{background-position:-187px -84px}
.flag-lux{background-position:-204px -84px}
.flag-mad{background-position:-221px -84px}
.flag-mar{background-position:-238px -84px}
.flag-mas{background-position:0 -96px}
.flag-maw{background-position:-17px -96px}
.flag-mda{background-position:-34px -96px}
.flag-mdv{background-position:-51px -96px}
.flag-mex{background-position:-68px -96px}
.flag-mgl{background-position:-85px -96px}
.flag-mhl{background-position:-102px -96px}
.flag-mkd{background-position:-119px -96px}
.flag-mli{background-position:-136px -96px}
.flag-mlt{background-position:-153px -96px}
.flag-mne{background-position:-170px -96px}
.flag-mol{background-position:-187px -96px}
.flag-mon{background-position:-204px -96px}
.flag-moz{background-position:-221px -96px}
.flag-mir{background-position:-238px -96px}
.flag-mtn{background-position:0 -108px}
.flag-mya{background-position:-17px -108px}
.flag-nam{background-position:-34px -108px}
.flag-nca{background-position:-51px -108px}
.flag-ned{background-position:-68px -108px}
.flag-nep{background-position:-85px -108px}
.flag-ngr{background-position:-102px -108px}
.flag-nir{background-position:-119px -108px}
.flag-nor{background-position:-136px -108px}
.flag-nru{background-position:-153px -108px}
.flag-nzl{background-position:-170px -108px}
.flag-oma{background-position:-187px -108px}
.flag-pak{background-position:-204px -108px}
.flag-pan{background-position:-221px -108px}
.flag-par{background-position:-238px -108px}
.flag-per{background-position:0 -120px}
.flag-phi{background-position:-17px -120px}
.flag-ple{background-position:-34px -120px}
.flag-plw{background-position:-51px -120px}
.flag-png{background-position:-68px -120px}
.flag-pol{background-position:-85px -120px}
.flag-por{background-position:-102px -120px}
.flag-prk{background-position:-119px -120px}
.flag-pur{background-position:-136px -120px}
.flag-qat{background-position:-153px -120px}
.flag-rom{background-position:-170px -120px}
.flag-rsa{background-position:-187px -120px}
.flag-rus{background-position:-204px -120px}
.flag-rwa{background-position:-221px -120px}
.flag-sam{background-position:-238px -120px}
.flag-scg{background-position:0 -132px}
.flag-sen{background-position:-17px -132px}
.flag-sey{background-position:-34px -132px}
.flag-sin{background-position:-51px -132px}
.flag-skn{background-position:-68px -132px}
.flag-sle{background-position:-85px -132px}
.flag-slo{background-position:-102px -132px}
.flag-slv{background-position:-119px -132px}
.flag-smr{background-position:-136px -132px}
.flag-sol{background-position:-153px -132px}
.flag-som{background-position:-170px -132px}
.flag-srb{background-position:-187px -132px}
.flag-sri{background-position:-204px -132px}
.flag-stp{background-position:-221px -132px}
.flag-sud{background-position:-238px -132px}
.flag-sui{background-position:0 -144px}
.flag-sur{background-position:-17px -144px}
.flag-svk{background-position:-34px -144px}
.flag-swe{background-position:-51px -144px}
.flag-swz{background-position:-68px -144px}
.flag-syr{background-position:-85px -144px}
.flag-tan{background-position:-102px -144px}
.flag-tga{background-position:-119px -144px}
.flag-tha{background-position:-136px -144px}
.flag-tjk{background-position:-153px -144px}
.flag-tkm{background-position:-170px -144px}
.flag-tls{background-position:-187px -144px}
.flag-tog{background-position:-204px -144px}
.flag-tri{background-position:-221px -144px}
.flag-tun{background-position:-238px -144px}
.flag-tur{background-position:0 -156px}
.flag-tuv{background-position:-17px -156px}
.flag-twn{background-position:-34px -156px}
.flag-uae{background-position:-51px -156px}
.flag-uci{background-position:-68px -156px}
.flag-uga{background-position:-85px -156px}
.flag-ukr{background-position:-102px -156px}
.flag-urs{background-position:-119px -156px}
.flag-uru{background-position:-136px -156px}
.flag-usa{background-position:-153px -156px}
.flag-uzb{background-position:-170px -156px}
.flag-van{background-position:-187px -156px}
.flag-ven{background-position:-204px -156px}
.flag-vie{background-position:-221px -156px}
.flag-vin{background-position:-238px -156px}
.flag-yem{background-position:0 -168px}
.flag-zam{background-position:-17px -168px}
.flag-zim{background-position:-34px -168px}




  

/* ====================================================*/
/* 08 - RETINA DISPLAY OPTIMIZATION; */
/* =====================================================*/
/*Retina BG Image Triggering*/
@media screen and (min-device-pixel-ratio: 2) {
   
/*High resolution BG images on parallax layers*/
    #home {
        background: url('../images/bg/01@2x.jpg') center center repeat;
        background-size: cover;
    }

    #about {
        background: url('../images/bg/02@2x.jpg') center center repeat;
        background-size: cover;
    }

    #team {
        background: url('../images/bg/03@2x.jpg') center center repeat;
        background-size: cover;
    }

    #portfolio {
        background: url('../images/bg/04@2x.jpg') center center repeat;
        background-size: cover;
        padding-bottom: 149px;
    }

    #contact {
        background: url('../images/bg/05@2x.jpg') center center repeat;
        background-size: cover;
    }
}

/* ====================================================*/
/* 09 - RESPONSIVE RULES : MOBILE OPTIMIZATION; */
/* =====================================================*/
/*Responsive Layout Rules*/

/*Very large devices*/
@media (min-width: 3000px) and (max-width: 5000px) {
    body, html {
        max-width: 5000px !important;
        overflow-x: hidden !important;
    }
}

/*Projector and Large Screens*/
@media (min-width: 2561px) and  (max-width: 3600px) {
    body, html {
        max-width: 3600px !important;
        overflow-x: hidden !important;
    }
}

/*iMac 27 inch, Cinema HD Display*/
@media (min-width: 1921px) and (max-width: 2560px) {
    body, html {
        max-width: 2560px !important;
        overflow-x: hidden !important;
    }
}

/*iMac 21.5 inch, MacBook Pro 17 inch, LED Cinema Display*/
@media (min-width: 1681px) and (max-width: 1920px) {
    body, html {
        max-width: 1920px !important;
        overflow-x: hidden !important;
    }  
}

/*MacBook Pro 15 inch High Resolution */
@media (min-width: 1441px) and (max-width: 1680px) {
    body, html {
        max-width: 1680px !important;
        overflow-x: hidden !important;
							
    }  
}

/*MacBook Pro 15 inch*/
@media (min-width: 1281px) and (max-width: 1440px) {
    body, html {
        max-width: 1440px !important;
        overflow-x: hidden !important;
    }  
}


/*MacBook Air & Pro 13 inch*/
@media (min-width: 1025px) and (max-width: 1280px) {
    body, html {
        max-width: 1280px !important;
        overflow-x: hidden !important;
    }
	.logos_official {position: absolute;top:50px; right:0; width:450px; /*height: 100px;*/ z-index:9999}
	#navtop{position:absolute; top: 0; right:0 }
	.redes_top{width:690px !important;float:right !important}
    .logos_bloque1{width:90%}
	.logos_bloque1 li{ margin-right:3%;margin-left:3%}
	.bloque4 h2, .bloque1 h2{ padding:10px  }
    .pie {max-width: 1280px !important;}
	.bloque2{ padding:0 }
	#noticias_wrc, #noticias_rallyracc, #imagenes, #videos, #acti_tienda, #calendario, #ult_clasi, #otras_clasi {height:340px; overflow:hidden; margin-top: 20px; margin-bottom:20px; position:relative}
	#tienda_online a{ font-size:11px}
	.pie article{width:38%; margin-right:15px}
	.copy article{width:100%}
	.logog{margin-left:5px}
	#imagenes figure img{width:100%}
		
}

/*Desktop*/
@media (min-width: 961px) and (max-width: 1024px) {
    body, html {
        max-width: 1024px !important;
        overflow-x: hidden !important;
    }
	.cabint{ width:100%; margin:0 auto}
	.logos_official {position: absolute;top:50px; right:0; width:450px; /*height: 100px;*/ z-index:9999}
	.logos_bloque1 li{ margin-right:2%;margin-left:2%}
	.logog{display:block; width:166px; height:80px;   background: url(../imagenes/logo_p.png)0 0 no-repeat; margin:15px 0 15px 5px;  float:left}
	.bloque1, .bloque2, .bloque3{ padding:0 }
	.main{ position:absolute; top:40px; right:0; }
	#noticias_wrc, #noticias_rallyracc, #imagenes, #videos, #acti_tienda, #calendario, #ult_clasi, #otras_clasi { width:48%;height:340px; overflow:hidden; margin-top: 20px; margin-bottom:20px; position:relative}
	.bloque2 img, .bloque3 img{ overflow:hidden; width:100%}
	.margender{margin-right:10px}
	.nav{margin:0 10px}
	.nav-item a {font-size:14px;font-weight:700;display:block;color:fff;padding:10px 20px;}
	.nav-submenu, .nav-submenu2  {display:none;position:absolute;left:0;width:140px;z-index:9999}
	.nav-submenu-item a {background:#333;border-bottom:1px solid #555;display:block;padding:15px;color:#ccc}
	
	.bloque2 article{width:48%}
	 #imagenes figure { height:150px; overflow:hidden}
	 #imagenes .noticias_mini a{ width:100%; padding:0 20px}
	 #imagenes .noticias_mini figure{ height:40px}
	 .pie article{width:30%; margin-right:15px}
	.copy article{width:100%}
	.logos_pie li a img{width:100px}
	.bloque5 {width: 100%}
	aside{ width:100%; float:left; margin-left:0px }

	#sec_carrito{width:100%; cursor:pointer}
	#sec_carrito iframe{display:none}
	#sec_carrito h2 i{ display:inline-block!important}


	
}
/*@media (max-width: 974px) {
	.bloque2 img{ overflow:hidden; width:100%}
	.margender{margin-right:10px}.pie {width:100%} .caja_productos{width:100%;  } aside{width:100%}
	.cabint{ width:100%; margin:0 auto}
	.logog{min-width:980px;  margin-top:5px; margin-bottom:15px;display:block}
	.pie {width:100%}
	.caja_productos{width:620px; margin:0 auto; }
	.bloque2 article{width:48%}
	.bloque2 article:nth-child(-n+4){ width:32%}
	.tab_buscador{ width:73%}
	.listado_buscador{width:22%}
	.listado_buscador{padding-left:20px}
	.enlaces_interes figure { width:120px}
	.enlaces_interes figure img{width:100%}
	.listado_buscador li a{ font-size:14px}
	.cabint{ width:961px; margin:0 auto}
				}*/

/*Big Tablets and Small Desktop*/
@media (max-width: 960px) {
    body, html {
        max-width: 960px !important;
        overflow-x: hidden !important;
    }
	.cabint{ width:100%; margin:0 auto}
	.logos_official {position: absolute;top:60px; right:50px; width:450px; /*height: 100px;*/ z-index:9999}
	.bloque2 article. bloque3 img {width:100% }
	.margender{margin-right:0}
	.logog{display:block; width:166px; height:80px;   background: url(../imagenes/logo_p.png)0 0 no-repeat; margin:15px 0 15px 5px;  float:left}
	.logos_bloque1 li{ margin-right:0;margin-left:0}
	.main {width:100%;position: absolute; top:0; z-index:999; margin-top:70px}
	#navtop{ margin:0 auto}
	.nav-mobile {display:block;}
	.nav {width:100%;padding:50px 0 0;}
	.nav-list {display:none;background-color:#171717 }
	.nav-item {width:100%;float:none;border-bottom:1px solid #000}
	.nav-item > a {padding:15px;color:#FFF}
	.nav-click {display:block;}
	.nav-mobile-open {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
	.nav-item:hover .nav-submenu, .nav-item:hover .nav-submenu2 {display:none;}
	.nav-submenu, .nav-submenu2 {position:static;width:100%;}
	.nav-submenu2{ width:100% !important ; position:static !important; left:0 ;  }
	.nav-submenu2 .nav-submenu-item a { background-color:#444}
	
	
	
	
	
	.margender{margin-right:10px}
	 .bloque2{ padding-left:10px}
	.bloque2 article{width:48%}
	 #imagenes figure { height:150px; overflow:hidden}
	 #imagenes .noticias_mini a{ width:100%; padding:0 20px}
	 #imagenes .noticias_mini figure{ height:40px}
	 .pie article{width:32%; margin-right:15px}
	.copy article{width:100%}
	.logos_pie li a img{width:80px}
	.bloque5 {width: 100%}
	aside{ width:100%; float:left; margin-left:0px }
	aside .bloque2 article{width:48%}
	
	.info_dest li{ padding:0px 20px; /*background:#191919; */list-style:none; float:left; /*background:#666; */ margin-bottom:20px}
	.info_dest .noesmenu{float:left;}

	#sec_carrito{width:100%; cursor:pointer}
	#sec_carrito article{width:100%}
	#sec_carrito iframe{display:none}
	#sec_carrito.bloque2{padding-left:0;}
	#sec_carrito h2 i{ display: inline-block}
	#sec_carrito h2 i{ display:inline-block!important}

 }

/*Tablets*/
@media (max-width: 768px) {
    body, html {
        max-width: 768px !important;
        overflow-x: hidden !important;
        font-size: 12px;
    }
	.bloque5 h1{font-size:20px; margin-bottom: 10px}
	.bloque2 img, .bloque3 img{ overflow:hidden; width:100%}
	.cabint{ width:100%; margin:0 auto}
	.logos_official {position: absolute;top:60px; right:30px; width:450px; /*height: 100px;*/ z-index:9999}
	.logos_bloque1 li a img { width:105px}
	.pie article{width:50px; height:100%}
	.pie article figure{ display:none}
	.pie ul li a i{ margin-top:10px}
	.pie h2 span{margin-left:10px}
	.bloque5 {width: 100%; padding:10px}
	aside{ width:100%; float:left; margin-left:0px }
	aside .bloque2 article{width:48%}

	

}

@media (max-width: 640px) {
    body, html {
        max-width: 640px !important;
        overflow-x: hidden !important;
        font-size: 12px;
    }
   .bloque2 img, .bloque3 img{ overflow:hidden; width:100%}
   .bloque2 article {width:48%}

	.producto{width:50%; margin:0}
	

	.txt_slider {width: 100%; height:45%; left:0;font-size: 500% !important; line-height:normal; top:0; display:block}
	.bloque5 {width: 100%; padding:5px}
	aside{ width:100%; float:left; margin-left:0px }
	aside .bloque2 article{width:48% }
	/*.bloque5 td{ font-size:15px; border:2px solid #000; padding:0}*/
    .texto{ font-size:12px}
	.fotonoti {width:100%}
	
	.fantasma640{display:none}
	
	.bloque5 .cuatrocol div {width:50%}

	.info_dest .noesmenu{clear:both;}
	
}

.coffee{display:none; visibility:hidden; width:0px
 /* background:#f0f;border:1px solid #0F0; color:#f0f*/
}

@media (max-width: 480px) {
    body, html {
        max-width: 480px !important;
        overflow-x: hidden !important;
        font-size: 12px;
    }
	.logog{ float:left; margin-left:10px}
	.logos_official {position: absolute;top:30px; right:30px; width:250px; /*height: 100px;*/ z-index:9999}
	.logos_official img{ width:70%}
	.logos_bloque1 li a img { width:80px}
	.bloque2 img, .bloque3 img{ overflow:hidden; width:100%}
	.bloque2 article, .bloque3 article {width:100%}
	.bloque2 { padding-left:0}
	.pie{width:100%; height:100%; background-repeat:repeat-x repeat-y}
	.pie article.patrocinadores { width:100%}
	.pie article{width:100%; }
	.pie li a {padding: 0 5px}
	.pie h2 {margin-top:10px}
	.copy p { font-size.12px}
	.bloque5 {width: 100%; padding:5px}
	aside .bloque2 article{width:100% }
    .texto{ font-size:12px}
	.bloque5 td{ font-size:13px; border:2px solid #000; padding:0}
	.bloque5 p, .bloque5 div{font-size:15px}
	.bloque5 .cuatrocol div,.bloque5 .cincocol div, .seiscol div  {width:100%}

	.bloque5 .trescolguia div {width:100%; font-size:15px}
	.bloque5 .trescolguia > div:nth-child(2), .trescolguia > div:nth-child(3){text-align:left}
	
	.bloque5 .listahistorico > div {width:50%; float:left; margin-top:15px;}
	
	.bloque5 .hotel_desplegado .cuerpo .fotohotel{width:100%; margin-bottom:10px;}
	.bloque5 .hotel_desplegado .cuerpo .columnahotel{width:100%; float:left; text-align:center;}

	.info_dest li{ padding:0px 20px; /*background:#191919; */list-style:none; float:left; /*background:#666; */ margin-bottom:20px}


}
@media (max-width: 470px) {
	.logos_official {position: absolute;top:60px; right:30px; width:170px; /*height: 100px;*/ z-index:9999}
	.logos_official li{ width:50%}
}

@media (max-width: 360px) {
    body, html {
        max-width: 360px !important;
        overflow-x: hidden !important;
        font-size: 12px;
    }
	.section h1{ font-size:18px; font-weight:700; text-align:center; color:#333; margin:45px 0; background:url(../imagenes/sep_hor.jpg)0 13px repeat-x}
	.section span{ background:#fff; padding:0 45px}
	.bloque2 img, .bloque3 img{ overflow:hidden; width:100%}
	.producto{width:100%; margin:0}
	.caja_productos{width:100%}
	.copy p{font-size:10px}
	.logos_official {position: absolute;top:60px; right:30px; width:150px; /*height: 100px;*/ z-index:9999}
	.logos_official li{ width:50%}
	.bloque5 {width: 100%; padding:5px}
	.bloque5 td{ font-size:10px; border:2px solid #000; padding:0}
    .texto{ font-size:14px}


    
}
@media (max-width: 334px) {
	.copy p{font-size:10px}
}
@media (max-width: 320px) {
    body, html {
        max-width: 320px !important;
        overflow-x: hidden !important;
        font-size: 12px;
    }
	
				.nav-mobile {
		display:block;
	}
	.bloque2 article, .bloque3 article {width:100%}
	/*.bloque2 img, .bloque3 img{ overflow:hidden; width:100%}*/
	.logos_official {position: absolute;top:60px; right:40px; width:100px; /*height: 100px;*/ z-index:9999}
		

    .bloque5 {width: 100%}
	table { width:100%}
	.bloque5 td{ font-size:10px; border:2px solid #000; padding:0}
	.bloque5 .listadescarga td {font-size:12px; height:50px}

	.bloque5 .listadescarga p {font-size:12px; margin:15px 0px}

}


.negrita {
	font-weight:bold;
}

.galeria_noticias{text-align:center}
.galeria_noticias img{margin:15px 4px; border-bottom: 10px #000 solid}

.galeria_video img {width:180px; margin:15px; cursor:pointer; opacity:0.6}
.galeria_video img:hover{opacity:1}
.galeria_video .activo{opacity:1}

#videos figure {display:block; position:relative }
#videos figcaption {color:#FFF; font-size:18px; position:absolute; bottom:10px; left:10px; padding:5px; background-color:rgba(0,0,0,.6)}

.boton { background-color:#333333; color:#FC0; font-weight:bold; padding:5px 10px; display: inline-block;}
.boton:hover{ background-color:#444444; }

.foto_zoom img{border-bottom-width: 10px; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid;}

.logos_center { text-align:center}
.logos_center img{ display:inline-block; margin:0px 20px 20px 20px}

.youtube_container {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;}
.youtube_container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#sec_carrito { position:fixed}
#sec_carrito h2 i{ display:none}


.content .bloque5 .separavertical {
	margin-bottom:10px;
}
