/* fonts */
@import url(http://fonts.googleapis.com/css?family=Days+One|Pathway+Gothic+One&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Fredoka+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');




/*
examples:
font-family: 'Days One', sans-serif;
font-family: 'Pathway Gothic One', sans-serif;
*/


/* end fonts */

/* reset */
    /**
    * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
    * http://cssreset.com
    * Copyright 2012 Yahoo! Inc. All rights reserved.
    * http://yuilibrary.com/license/
    */
    /*
    TODO will need to remove settings on HTML since we can't namespace it.
    TODO with the prefix, should I group by selector or property for weight savings?
    */
    html{color:#000; background:#FFF; }
    /*
    TODO remove settings on BODY since we can't namespace it.
    */
    /*
    TODO test putting a class on HEAD.
    - Fails on FF.
    */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
    table {border-collapse:collapse;border-spacing:0;}
    fieldset,img {border:0;}
    /*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
    */
    address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
     
    ol,ul {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;font-variant:normal;}
    /* to preserve line-height and selector appearance */
    sup {vertical-align:text-top;}
    sub {vertical-align:text-bottom;}
    input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
    /*to enable resizing for IE*/
    input,textarea,select {*font-size:100%;}
    /*because legend doesn't inherit in IE */
    legend {color:#000;}
    /* YUI CSS Detection Stamp */
    #yui3-css-stamp.cssreset { display: none; }
/* end reset*/


/* codigo general */
body { font-family: 'Open Sans', sans-serif; font-size:15px; line-height: 22px;}
body .links{ color:#27AAE1; text-decoration:none;}
body h3{ font-weight:bold; text-transform:uppercase; margin:0 0 5px 0;}
body .general_wrapper{ width:980px; margin:0 auto; background-color:#ffd480;}
body .general_wrapper .header{ position:relative;}
body .general_wrapper .header .logo{ position:absolute; left:60px;}
body .general_wrapper .header .botonera{ height:20px; background-color:#000; margin:1px 0 35px 0; padding:25px 15px 25px 15px;}
body .general_wrapper .header .botonera ul {text-align:left;}
body .general_wrapper .header .botonera ul li{ display:inline; margin-left:23px;}
body .general_wrapper .header .botonera ul li a{ color:#FFF; font-size:13px; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold;}
body .general_wrapper .header .botonera ul li a:hover{ color:#ECB61E !important;}
body .general_wrapper .general_content_wrapper{ padding:0 87px;}
body .general_wrapper .general_content_wrapper .title {font-family: 'Days One', sans-serif; font-size:17px; margin:0 0 20px 0;}
body .general_wrapper .footer{ height:30px; width:980px; background-color:#000; margin: 50px 0 0 0; position:relative; bottom:5px; text-align:center; padding:20px 0 0 0;}
body .general_wrapper .footer p{ color:#FFF; font-size:11px;}
body .general_wrapper .footer p a{ color:#ECB61E; text-decoration:none;}
body .general_wrapper .general_content_wrapper .media_columna_izquierda{ float:left; width:400px;}
body .general_wrapper .general_content_wrapper .media_columna_derecha{ float:left; width:340px; padding-left:60px;}
body .general_wrapper .general_content_wrapper .media_columna_izquierda_variation{ float:left; width:340px;}
body .general_wrapper .general_content_wrapper .media_columna_derecha_variation{ float:left; width:400px; padding-left:60px;}
body .general_wrapper .general_content_wrapper p{ margin: 0 0 20px 0;}
body .general_wrapper .general_content_wrapper .boton_flickr{ padding:5px 0 0 40px; display:block; height:33px; text-decoration:none; color:#27AAE1; background-image:url(../../images/general_images/loguito_flickr.png); background-repeat:no-repeat; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:-1px;}
.text-uppercase{ text-transform: uppercase; }
.text-center{ text-align: center;}
.wrapper-gray-light{background-color: #efefef; padding: 30px 87px 50px; position: relative;}
.wrapper-gray-light:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 25px 50px 0 50px;border-color: #efefef transparent transparent transparent;line-height: 0px; position: absolute; left: 50%; margin-left: -50px; bottom: -25px; z-index: 1;}
.wrapper-white{background-color: #fbfbfb; padding: 30px 87px 50px; position: relative;}
.wrapper-white:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 25px 50px 0 50px;border-color: #fbfbfb transparent transparent transparent;line-height: 0px; position: absolute; left: 50%; margin-left: -50px; bottom: -25px; z-index: 1;}
.wrapper-yellow{background-color: #F6D549; padding: 30px 87px 50px; position: relative;}
.wrapper-yellow:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 25px 50px 0 50px;border-color: #F6D549 transparent transparent transparent;line-height: 0px; position: absolute; left: 50%; margin-left: -50px; bottom: -25px; z-index: 1;}
.wrapper-green{background-color: #78B162; padding: 30px 87px 50px; position: relative;}
.wrapper-green:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 25px 50px 0 50px;border-color: #78B162 transparent transparent transparent;line-height: 0px; position: absolute; left: 50%; margin-left: -50px; bottom: -25px; z-index: 1;}
.wrapper-purple{background-color: #714aaa; padding: 30px 87px 50px; position: relative;}
.wrapper-purple:after{ content: ""; width: 0;height: 0;border-style: solid;border-width: 25px 50px 0 50px;border-color: #714aaa transparent transparent transparent;line-height: 0px; position: absolute; left: 50%; margin-left: -50px; bottom: -25px; z-index: 1;}
.wrapper-gray-light.no-arrow:after, .wrapper-white.no-arrow:after, .wrapper-green.no-arrow:after, .wrapper-yellow.no-arrow:after, .wrapper-purple.no-arrow:after{ display: none; }
.wrapper-gray-light:first-child{ padding-top: 0px; }
.wrapper-gray-light:first-child .title{ margin-top: 50px; }
.info-text-wrapper{position: absolute; left: 0px; bottom: 92px; padding-left: 38px; padding-right: 38px; text-align: center; width: 904px;}
.info-text-wrapper h3{ color: rgba(255, 255, 255, 1); letter-spacing: 1px; font-size: 29px; font-family: 'Fredoka One', cursive; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,0.9);}
.rounded{ border-radius: 100%; }
.flex-grid{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.border-img{border: 3px solid #fff; margin: 10px 0;}
.border-img.border-yellow{ box-shadow: 0 0 0 5px #F6D549; }
.border-img.border-green{ box-shadow: 0 0 0 5px #78B162; }
.border-img.border-green-middle{ box-shadow: 0 0 0 5px #729b24; }
.border-img.border-green-dark{ box-shadow: 0 0 0 5px #537D42; }
.border-img.border-purple{ box-shadow: 0 0 0 5px #714aaa; }
.border-img.border-red{ box-shadow: 0 0 0 5px #bc2b0e; }
.border-img.border-blue{ box-shadow: 0 0 0 5px #0057db; }
.border-img.border-aqua{ box-shadow: 0 0 0 5px #009798; }
.border-img.border-purple-light{ box-shadow: 0 0 0 5px #a83caa; }
.border-img.border-pink{ box-shadow: 0 0 0 5px #cc3e7b; }
.svg-border-wrapper{position: relative;}
.svg-border-wrapper:before{ content: ''; width: 158px; height: 158px; position: absolute; left: 50%; top: 50%; margin: -79px 0 0 -78px; border: 0px none; z-index: 1; background-repeat: no-repeat; background-size: cover;}
.svg-border-yellow::before{ background-image: url(../../images/salto_xtremo/border-yellow.svg); -webkit-transform: rotate(180deg);
  transform: rotate(180deg);}
.svg-border-green:before{ background-image: url(../../images/salto_xtremo/border-green.svg);}
.svg-border-green-middle:before{ background-image: url(../../images/salto_xtremo/border-green-middle.svg); }
.svg-border-green-dark:before{ background-image: url(../../images/salto_xtremo/border-green-dark.svg);}
.svg-border-purple:before{ background-image: url(../../images/salto_xtremo/border-purple.svg); }
.svg-border-red:before{ background-image: url(../../images/salto_xtremo/border-red.svg); }
.svg-border-blue:before{ background-image: url(../../images/salto_xtremo/border-blue.svg); }
.svg-border-aqua:before{ background-image: url(../../images/salto_xtremo/border-aqua.svg);}
.svg-border-purple-light:before{ background-image: url(../../images/salto_xtremo/border-purple-light.svg); -webkit-transform: rotate(180deg);
  transform: rotate(180deg);}
.svg-border-pink:before{ background-image: url(../../images/salto_xtremo/border-pink.svg); }
.logo-saltoxtremo{ position: absolute; top: -15px; right:-15px; -webkit-filter: drop-shadow( 0px 0px 5px #000 ); filter: drop-shadow( 0px 0px 5px #000 );}
.logo-saltoxtremo img{ width: 270px; height: auto; }
#saltoxtremo{ color: #714aaa }


/* Salto Extremo */
body .general_wrapper.salto_xtremo .header .logo{ position:absolute; left:50%; top: 45%; margin-left: -188px; margin-top: -160px; -webkit-filter: drop-shadow( 0px 0px 5px #000 ); filter: drop-shadow( 0px 0px 5px #000 );}
body .general_wrapper.salto_xtremo .general_content_wrapper{ padding:0;}
body .general_wrapper.salto_xtremo .footer{ margin-top: 5px; }
body .general_wrapper.salto_xtremo{ background-color: #efefef; }
body .general_wrapper.salto_xtremo .header .botonera{ background-color:#714aaa;}
body .general_wrapper.salto_xtremo .title{font-family: 'Fredoka One', cursive; font-size: 26px; color: #000; margin: 30px 0;}
body .general_wrapper.salto_xtremo ul.purple-list li:before{ color: #714aaa;}
body .general_wrapper.salto_xtremo ul.yellow-list li:before{ color: #F6D549;}
body .general_wrapper.salto_xtremo ul.red-list li:before{ color: #bc2b0e;}
body .general_wrapper.salto_xtremo ul.green-list li:before{ color: #75c373;}
body .general_wrapper.salto_xtremo ul.blue-list li:before{ color: #0057db;}
body .general_wrapper.salto_xtremo ul.aqua-list li:before{ color: #009798;}
body .general_wrapper.salto_xtremo ul.purple-light-list li:before{ color: #a83caa;}
body .general_wrapper.salto_xtremo ul.pink-list li:before{color: #cc3e7b;}
body .general_wrapper.salto_xtremo ul.list-bullet li:before {
  content: "\f046"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
body .general_wrapper.salto_xtremo ul.list-bullet{ margin-bottom: 25px;} 
body .general_wrapper.salto_xtremo ul.list-bullet li{ margin: 0px 0px 10px 18px; }
body .general_wrapper.salto_xtremo ul.list-bullet li h3{ margin: 0px; text-transform: inherit;; font-size:18px; display: inline-block; font-weight: 400; margin-bottom: 15px;}
body .general_wrapper.salto_xtremo .mapa{ height: 450px; }
body.salto_xtremo .general_wrapper .general_content_wrapper form{ margin:15px 0 0 0;}
body.salto_xtremo .general_wrapper .general_content_wrapper form label{ display:block; margin:0 0 5px 0;}
body.salto_xtremo .general_wrapper .general_content_wrapper form input{ width:99%; margin:0 0 10px 0;}
body.salto_xtremo .general_wrapper .general_content_wrapper form textarea{ width:100%; border:solid 1px #b2b2b2;}
body.salto_xtremo .general_wrapper .general_content_wrapper form .enviar_btn{ width:95px; margin:10px 0 0 0; float:right;}
body.salto_xtremo .links{color: #78B162;}
body.salto_xtremo #swipebox-overlay{ background-color: rgba(0,0,0,0.9); }

/* Mapa */
.googleModal h2{ font-size: 22px; font-weight: bold;}
.margin-bottom-10{ margin-bottom: 10px; }
body .general_wrapper .googleModal p.last{ margin-bottom: 0px; }
.googleModal a{ text-decoration: none; color: #75c373; font-size: 15px; margin-bottom: 5px; }

/* Homepage */
body .espacio{ display:block; height:30px;}


/* el complejo */
body.el_complejo .general_wrapper .general_content_wrapper{}

/* ubicacion */
body.ubicacion .general_wrapper .general_content_wrapper .media_columna_derecha iframe{ border: solid 4px #ECB61E;}

/* galeria de imágenes */
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li{ margin:20px 63px 0 0; float:left; width:153px; height:22px; padding:160px 0 0 0; text-align:center; background-image:url(../../images/galeria_de_imagenes/sprite_botones.png); background-repeat:no-repeat; }
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li a{ text-decoration:none; color:#27AAE1; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; letter-spacing:-1px; font-size:14px;}
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li a:hover{ text-decoration:underline;}
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li#galeria_el_salto { background-position:-10px -10px;}
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li#galeria_el_complejo{ background-position:-173px -10px;}
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li#galeria__las_cabanas{ background-position:-336px -10px;}
body.galeria_de_imagenes .general_wrapper  .general_content_wrapper .full_with_colum ul li#galeria_imagenes_generales{ background-position:-499px -10px; margin-right:0;}

/* contacto */
body.contacto .general_wrapper .general_content_wrapper form{ margin:15px 0 0 0;}
body.contacto .general_wrapper .general_content_wrapper form label{ display:block; margin:0 0 5px 0;}
body.contacto .general_wrapper .general_content_wrapper form input{ width:99%; margin:0 0 10px 0;}
body.contacto .general_wrapper .general_content_wrapper form textarea{ width:100%; border:solid 1px #b2b2b2;}
body.contacto .general_wrapper .general_content_wrapper form .enviar_btn{ width:95px; margin:10px 0 0 0; float:right;}