/*** RESETS ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-style: inherit; font-size: 100%; font-family: inherit;}
ul, ol{list-style:none}
/* Remove annoying border on linked images. */
a img{ border: none}
/*saca bordes naranjas en chrome etc*/
*:focus{outline: none}

/*** FIXES ***/
.clfix:after{visibility:hidden; display:block; content:"."; clear:both; height:0} /*clearfix*/
.clfix{display:block}
ol{margin-left:2em} /*Fixes incorrect placement of numbers in ol's in IE6/7*/

/*** GENERALES ***/
body{width:100%; height:100%; background:url(images/bg.jpg) center -28px repeat; font-size:.95em; line-height:1.4em; font-family: 'Roboto', sans-serif; font-weight:400}

p{padding-bottom:8px; text-align: left}
a {color:#E56A41; text-decoration:none; -moz-transition:color 300ms ease; -webkit-transition:color 300ms ease; -o-transition:color 300ms ease; transition:color 300ms ease}
a:hover {color:#333; text-decoration:underline}
h1{ font-size:2.4em; font-weight:normal; margin:0 0 25px 0; color:#FFF; font-family: 'bree_acentosregular', sans-serif}
h2{ font-size:1.5em; line-height:1.2em; font-weight:normal;padding:0 0 15px; font-family: 'bree_acentosregular', sans-serif}
@font-face {    font-family: 'bree_acentosregular';    src: url('BreeAcento-webfontkit/breeacentos-regular-webfont.eot');    src: url('BreeAcento-webfontkit/breeacentos-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('BreeAcento-webfontkit/breeacentos-regular-webfont.woff') format('woff'),         url('BreeAcento-webfontkit/breeacentos-regular-webfont.ttf') format('truetype'),         url('BreeAcento-webfontkit/breeacentos-regular-webfont.svg#bree_acentosregular') format('svg');    font-weight: normal;    font-style: normal}


.logo{position:absolute; top:20px; left:10px; z-index:1}
.idioma{position:absolute; right:15px; top:15px}
.idioma a{margin-left:5px}
.idioma a:hover{opacity:0.7; filter:alpha(opacity=70)}

.menu{position:absolute; right:0; top:60px}
.menu li{display:inline}
.menu li a{color:#000; padding:0 15px 12px}
.menu li a:hover{text-decoration:none; color:#FFF}
.chk1:hover, .chk2:hover, .chk3:hover, .chk4:hover{background:url(images/menu2.png) no-repeat 0 22px}
.chk2:hover{ background-position:-85px 22px }
.chk3:hover{ background-position:-186px 22px }
.chk4:hover{ background-position:-307px 22px }
.lista{list-style:inside disc; line-height:1.4em}

.links{background:#FFF; background:rgba(255,255,255,.7); float:left; width:470px; height:100px; margin:5px}
.links:hover{text-decoration:none; background:#FFF;  background:rgba(255,255,255,1);}

.links img{float:left; margin-right:10px}
.links p{padding:0 10px 10px 0}
.links h2{padding-top:10px}

.photo_link{width:200px}
/* columnas*/

.col3, .col4, .col5, .col6, .col7, .col8, .col9{margin-top:20px}
.col3{width:235px; float:left}
.col4{width:313px; float:left}
.col6{width:470px; float:left}
.col8{width:627px; float:left}
.col9{width:705px; float:left}
.col_color{ background:#000; background:rgba(000,000,000,.7);padding: 13px; width: 444px}
.photo_link{float:left; padding:2px; background:#FFF; margin:2px}
.photo_link:hover{opacity:0.55; filter:alpha(opacity=55)}
.row{zoom:1;margin-left:8px; _margin-left:-14px;}.row:before,.row:after{display:table;content:"";zoom:1}
.row:after{clear:both}
.row>[class*="span"]{display:inline;float:left;margin-left:20px}
.span4, .span4_pa, .span3_pa, .span3, .span6, .span8, .span9, .span12{width:288px; float:left; _margin-left:20px; position:relative}
.span3{width:211px; text-align:left !important} .span3_pa{width:191px; padding:10px}
.span4_pa{width:268px; padding:10px}
.span6{width:442px}
.span8{width:596px}, .span8_pa{width:576px; padding:10px}
.span9{width:673px}
.span12{width:904px}
.fondo{background:#111}

/*** TIPOS ***/
/* Generales */
.wrapper{width:100%; margin:0 auto; background:url(images/bg_header.jpg) top center no-repeat}
header, .header, .content, .footer_cont{width:960px; margin:0 auto; position:relative}
.bg{width:100%; min-height:100%}
.lista{list-style:inside disc; line-height:1.4em}

.rentals img{width:604px; position:absolute; right:0; top:85px}

/* header */
header, .header{height:565px}
.cocarda{position:absolute; width:177px; z-index:1; right:20px; bottom:-20px;  -moz-transition:bottom 300ms ease; -webkit-transition:bottom 300ms ease; -o-transition:bottom 300ms ease; transition:bottom 300ms ease}
.cocarda img{width:100%}
.cocarda:hover{bottom:10px}
.content{padding:40px 0}
.slide_cont{padding-top:100px}
.faja{background: url(images/menu.png) no-repeat; background-size:contain; width:977px; height:45px; position: absolute; left:-8px; top:539px}
.fb_iframe_widget{ background:#FFF; background:rgba(256,256,256,.6)}

.slide_act{float:left; margin:15px 0 0}
.contact{margin:0 0 10px; float:left}
.contact:hover{margin:10px 0 0}

/* footer */
footer, .footer{background:url(images/bg_footer.jpg) top center repeat-x #E56A41}
.footer_cont{height:300px; text-align:center; padding:14px 0}
.footer_cont h1{margin:0 0 5px 0}
.footer_cont a{color:#b0afaf}
.footer_cont a:hover{color:#FFF}
.footer_cont .menu {top:50px;}
.footer_cont .menu a{font-size:.9em; color:#FFF; padding:0 0 0 20px}
.footer_cont .datos{text-align:right; font-size:.9em; padding:70px 0 0 0; float:right; display:inline}
.footer_cont .menu a:hover{background-image:none !important; color:#000}
.actividades{ font-size:.96em; float:left; text-align:left; margin-top:29px}
.actividades li{background:url(images/flecha.png) no-repeat 0 3px; padding-left:20px; line-height:1.5em}
.actividades a{color:#000}
.actividades a:hover{color:#FFF}
.act_2{padding:46px 0 0 15px}
.datos_movil{display:none}
a.firma{position:absolute; color:#222; right:0; bottom:20px; font-size:.6em}

/* paddings margins - microestilos*/
.pa3{padding:20px} .pa2{padding:10px} .pa{padding:5px}
.ma3{margin:20px} .ma2{margin:10px} .ma{margin:5px}
.ma_r{margin-right:20px}
.ma_t{margin-top:15px}
.mostrar{display:block} .ocultar{display:none}
.cl_b{clear:both;} .cl_l{clear:left;} .cl_r{clear:right}
.ta_l{text-align:left} .ta_r{text-align:right} .ta_c{text-align:center}  .ta_j{text-align: justify} 
.fl_r{float:right} .fl_l{float:left}
.rad{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.btn, .btn:hover, .contact, .contact:hover{-moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease}


/* forms */
.nota{font-size:.8em; font-style:italic; color:#666; padding:5px; display:inline}
input[type=checkbox],input[type=radio]{cursor:pointer}
input,textarea,select,.uneditable-input{display:inline-block;width:85%; margin-bottom:1px; height:15px;padding:10px;font-size:14px;line-height:18px;color:#555; background:#F4EFE6;border:0;}
select{padding:initial}
label{clear:both; display:block}
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none}
input[type=file]{background-color:#fff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto}
select,input[type=file]{height:27px;*height:auto;line-height:27px;*margin-top:4px}
select[multiple]{height:inherit;background-color:#fff}
textarea{ font-family:inherit; font-size:inherit; height:auto; height:100px; margin:0; float:left}
.uneditable-input{background-color:#fff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed}
:-moz-placeholder{color:#bfbfbf}
::-webkit-input-placeholder{color:#bfbfbf}
input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)}
input:focus,textarea:focus{outline:0;border-color:rgba(240, 184, 75, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(240, 184, 75, 0.6)}
input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666}

td{border:0}
th{text-align:right; padding-right:15px; font-weight:normal; border:0}

.btn{cursor:pointer;display:inline-block; background:#000; color:#FFF}
.btn:hover{background:#B0D45A}
.btn:focus{outline:1px dotted #666}
.btn.primary{color:#000;background-color:#E0A437;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#DD9218), color-stop(25%, #DD9218), to(#E0A437));background-image:-webkit-linear-gradient(#DD9218, #DD9218 25%, #E0A437);background-image:-moz-linear-gradient(top, #DD9218, #DD9218 25%, #E0A437);background-image:-ms-linear-gradient(#DD9218, #DD9218 25%, #E0A437);background-image:-o-linear-gradient(#DD9218, #DD9218 25%, #E0A437);background-image:linear-gradient(#DD9218, #DD9218 25%, #E0A437);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD9218', endColorstr='#E0A437', GradientType=0);border-color:#F0B84B;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)}
.btn.active,.btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05)}
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

/* validation */
label {}
label.error { float: none; font-style:italic; color: red; clear:both; display:block; vertical-align: top}
.v_home{ width:100%; height:264px}


/* de menos de 1024px*/
@media only screen and (max-width: 1023px) {
	.content{width:730px}
	body{font-size:1em}
	header{width:730px; height:450px}
	.cocarda{ width:140px}
	.bxslider2 a{width:173px; margin-right:9px !important}
	.col6{width:100%}
	.c_video{ width:50%}
	.v_home{height:410px}
	.col_der{text-align:center}
	.col_der a{ float:none !important; padding:0 0 20px 0; display:block}
	.footer_cont{ font-size:.85em; width:730px}
	.actividades {font-size:.8em}
	.actividades li{padding-left:0; background:none}
	.faja{top:427px; width:745px}
	.locations .col9{width:475px}
	.locations .col8{width: 397px}
	.photo_link {width: 190px}
	.rentals img {width: 377px; top: 291px}
}

/* de menos de 768px*/
@media only screen and (max-width: 767px) {
	.content, .footer_cont{width:450px}
	.footer_cont{ height:440px}
	header{width:450px; height:316px}
	body{font-size:.9em; background-size:cover !important}
	.span_4{ width:49%; margin-left:0}
	.span_4:nth-child(2n+2){margin: 1% 0 1% 2%}
	.logo img{width:100px}
	.menu li a{ padding:0 10px 12px}
	.cocarda{width:98px; right:35px}
	.faja {top: 303px; width: 463px}
	.slick_op a { width:130px}
	.slick_op a img{ width:100%}
	.actividades{float:left; padding:0; clear:left}
	.act_2{margin:0}
	.locations .col3, .locations .col9{width:100%}
	.rentals img { width: 318px; top: 355px}
	.locations .col8, .locations .col4{width: 100%; margin:10px 0}
	.photo_link {width: 217px}
	
}

/* de menos de 480px, minimo 320px*/
@media only screen and (max-width: 479px) {
	.content, .footer_cont{width:300px; min-width:300px} 
	header{width:300px; height:245px}
	.span_1, .span_2, .span_3, .span_3_2, .span_4, .span_5{ width:100%; margin:1% 0 !important}
	
	.cocarda {width: 70px; right: 43px}
	.bx-pager{display:none}
	.logo {top:10px}
	.logo img { width: 68px}
	.menu li a {padding: 0px 8px 12px}
	.v_home { height: 169px}
	.faja {top: 234px; width: 307px; left:-4px}
	.col_der img{ width:100% !important}
	.footer_cont .menu, .datos { display:none !important}
	.actividades{text-align:center; width:100%; font-size:1em}
	.datos_movil{display: inline-block; padding-top:45px}
	.footer_cont{height:730px}
	.rentals img {top: 470px}
	.photo_link {width: 142px}
	.esp_img{top: 510px}
}