/* Drupal 7 American Travel - Creado por Datilera.co @datileraco */

@import "reset.css";
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext); /*General "'Lato', sans-serif" */
@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic); /*ARVO*/
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900); /*RALEWAY*/

body {
  background: #fff;
  color: #222;
  font-family: 'Lato', sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6{font-family: 'Lato', sans-serif;}

p {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 1.5em 0;
  font-weight: 300;
  text-align: left;
}
p strong{font-weight: 600;}

a { color: #069; text-decoration: none; }
a:visited { color: #309; }
a:hover, a:active, li a.active  { color: #39f; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

#container { margin: 145px 0px 0px 0px;padding: 0 10px;width: 100%; background: #fff;}
#container .home{ width: 960px;margin: 0 auto;position: relative;top: 0px; left: -10px;}
/*REGIONES*/
#header{width: 100%; border-bottom: 1px solid #ccc; position: fixed;height: 140px;padding: 10px 0px 0px 0px;background: #fff; width: 100%; z-index:30; top: 0px; transition: all 0.7s ease-in-out;}
#header .region{width: 960px;margin: 0 auto;position: relative;top: 0px; padding:0px 20px;}
#navigation{width: 100%; height: auto; padding: 10px 0px; position: relative; margin: 0 auto; border-bottom: 1px solid #ccc; left: -10px; background: #fff; top: 70px; opacity: 0; transition:all 0.7s ease;}
#home{width: 100%; height: auto; position: relative; float: left; left: -10px; transition: all 0.7s ease-in-out;}
#seccion{width: 100%; height: auto; position: relative; float: left; left: -10px; transition: all 0.7s ease-in-out;}
#content{width: 960px; padding: 0px 20px;  height: auto; position: relative; margin: 0 auto; transition: all 0.7s ease-in-out;}
#destacados{width: 960px; height: 650px; padding-bottom: 20px; margin: 0 auto;position: relative;top: 0px; padding:0px 20px; transition: all 0.7s ease-in-out;}
#contenido{width: 960px;margin: 0 auto;position: relative;top: 0px; padding:0px 20px; transition: all 0.7s ease-in-out;}
#completo{width: 960px;float: left;position: relative;top: 0px;padding: 0px 20px;transition: all 0.7s ease-in-out;}
#info{width: 640px;float: left;position: relative;top: 0px;padding: 0px 20px 20px 0px;transition: all 0.7s ease-in-out;}
#abajo{width: 640px;position: relative;float: left;}
#abajo .region{width: 640px; height: auto; float: left; position: relative; margin-right: 20px;  transition: all 0.7s ease-in-out;}
#sidebar{width: 300px;position: relative;float: left;transition: all 0.7s ease-in-out;}
#footer{width: 100%; border-top: 1px solid #ccc; position: relative;height: 140px;padding: 10px 0px 0px 0px;width: 100%;transition: all 0.7s ease-in-out;}
#footer .region{width: 960px;margin: 0 auto;position: relative;top: 0px; padding:20px;}
#creditos{-moz-background: #f6f6f6; -webkit-background: #f6f6f6;-o-background: #f6f6f6;background: #f6f6f6; position: relative;height: 40px;padding: 10px 0px 0px 0px;width: 100%;transition: all 0.7s ease-in-out;}
#creditos .region{width: 960px;margin: 0 auto;position: relative;top: 0px; }


/*GENERAL*/

/*Login*/
#block-system-main label{width: 90px; font: 600 14px/16px "Arvo";line-height: 20px; float: left;position: relative; color: #28aae2;}
#block-system-main input{font: 200 14px/16px "Arvo";color: #28aae2; -moz-width: 150px;-webkit-width: 150px;-o-width: 150px;width: 150px; border-radius: 7px;border: 1px solid #28aae2;}
#block-system-main textarea{width: 100%; font: 200 14px/16px "Arvo";color: #28aae2; -moz-width: 150px;-webkit-width: 150px;-o-width: 150px;width: 150px; border-radius: 7px;border: 1px solid #fff;}
#block-system-main .description{font: 200 12px/16px "Arvo";color: #c2c2c2; -moz-width: 300px;-webkit-width: 300px;-o-width: 300px;width: 300px; font-style:italic; padding-top: 20px; text-align: left; }
#block-system-main .grippie{display: none;}
#block-system-main .form-submit{background:#28aae2; color:#fff; border-radius: 5px;width: 120px;height: 40px;margin: 0px 70px auto;position: relative;-moz-border: 1px solid #fff;-webkit-border: 1px solid #fff;-o-border: 1px solid #fff;border: 1px solid #fff;padding: 2px 10px;border-radius: 3px; cursor: pointer;}
#block-system-main .form-submit:hover{opacity: 0.9;}

/*Logo*/
#block-block-1{width: 250px; position: relative;float: left;margin:0px; }
#logo{padding:20 0px; position: relative; width: 240px; height:120px; float: left; top: -10px; opacity: 0; transition: all 0.9s ease-in-out;}
#logo h1 {background:url(../images/logo.svg) 0px 0px/240px auto no-repeat; height:auto; width:auto; display:block; text-indent:-9999px; margin: 0 auto; }
#logo h1 a {display:block; height:120px; text-indent:-9999px;}

/*Menu*/
#block-system-main-menu{width: 700px;position: relative;margin: 0 auto;padding:70px 0px 0px 0px;float: right; top:-20px;  opacity: 0; transition: all 0.7s ease-in-out;}
#block-system-main-menu .menu li{width: 20%;list-style: none;float: left;position: relative;text-align: center;margin: 0px;padding:23px 0px;transition:all 0.7s ease;}
#block-system-main-menu .menu li a{color: #595a5c; font: 400 12px/14px "Arvo"; text-decoration: none;padding: 23px 40px; text-transform: uppercase;}
#block-system-main-menu .menu li:hover{padding: 23px 0px; background: #28aae2; color: #fff; transition:all 0.7s ease;}
#block-system-main-menu .menu li a:hover{ color: #fff;}
/*Redes*/
#block-menu-menu-redes{width: 140px; height: 30px; position: absolute; margin:10px 0px; right: 280px; list-style: none;z-index: 2; top: -20px; opacity: 0;transition:all 0.5s ease;}
#block-menu-menu-redes a:hover{opacity: 0.7;}
#block-menu-menu-redes a{margin: 0px 5px;}
#block-menu-menu-redes ul li.leaf{list-style: none; margin: 0px; padding: 0px;}
#block-menu-menu-redes .content a.facebook {background: url(../images/redes.svg) no-repeat -3px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease; }
#block-menu-menu-redes .content a.twitter{background: url(../images/redes.svg) no-repeat -63px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease;}
#block-menu-menu-redes .content a.youtube{background: url(../images/redes.svg) no-repeat -33px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease;}
#block-menu-menu-redes .content a.instagram{background: url(../images/redes.svg) no-repeat -92px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease;}
/*Telefonos*/
#block-block-3 {position: absolute; font: 400 12px/14px "Arvo";width: 235px; margin: 17px 0px 0px 0px; right: 40px; z-index: 2;}
#block-block-3 .llamenos{margin-left: 20px;}
#block-block-3 .llamenos span{color: #808285; float: left; position: relative; padding-right: 20px;}
#block-block-3 .llamenos .tel{color: #28aae2;  float: left; position: relative;}


/*Logo Footer*/
#block-block-4{width: 160px; position: relative;float: left;margin:0px; transition: all 0.9s ease-in-out;}
#logo_footer{padding:20 0px; position: relative; width: 160px; height:100px; float: left; top: -10px; opacity: 0; transition: all 0.9s ease-in-out;}
#logo_footer h1 {background:url(../images/logo_g.svg) 0px 0px/160px auto no-repeat; height:auto; width:auto; display:block; text-indent:-9999px; margin: 0 auto; }
#logo_footer h1 a {display:block; height:120px; text-indent:-9999px;}
/*Menu Footer*/
#block-menu-menu-men-footer {font: 400 14px/16px "Arvo"; margin: 0px 0px 0px 20px;width: 100px;position: relative;float: left;top: 20px; opacity: 0; transition: all 0.9s ease-in-out;}
#block-menu-menu-men-footer li{list-style: none; padding: 5px 0px;}
#block-menu-menu-men-footer li a{color:#a7a9ac; text-decoration: none;}
/*Contactenos*/
#block-block-5 {position: relative; float: left; font: 400 14px/16px "Arvo";width: 280px; margin-left: 50px; padding:5px 0px;  right: -20px; opacity: 0; transition: all 0.9s ease-in-out;}
#block-block-5 .contactenos{}
#block-block-5 .contactenos span{color: #a7a9ac; float: left; position: relative;  padding-bottom: 5px; width: 200px;}
#block-block-5 .contactenos .tel{color: #a7a9ac;  float: left; position: relative; }
#block-block-5 .contactenos .mail{color: #28aae2;  float: left; position: relative; margin-bottom: 17px;}
#block-block-5 .contactenos .dir{color: #a7a9ac;  float: left; position: relative; }
#block-block-5 .contactenos .city{color: #a7a9ac;  float: left; position: relative; }
/*Redes Footer*/
#block-menu-menu-redes-footer{width: 140px; height: 30px; position: relative; margin:10px 0px; float: left; left: 200px; list-style: none; top: -20px; opacity: 0;transition:all 0.5s ease;}
#block-menu-menu-redes-footer a:hover{opacity: 0.7;}
#block-menu-menu-redes-footer a{margin: 0px 5px;}
#block-menu-menu-redes-footer ul li.leaf{list-style: none; margin: 0px; padding: 0px;}
#block-menu-menu-redes-footer .content a.facebook {background: url(../images/redes_footer.svg) no-repeat -3px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease; }
#block-menu-menu-redes-footer .content a.twitter{background: url(../images/redes_footer.svg) no-repeat -63px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease;}
#block-menu-menu-redes-footer .content a.youtube{background: url(../images/redes_footer.svg) no-repeat -33px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease;}
#block-menu-menu-redes-footer .content a.instagram{background: url(../images/redes_footer.svg) no-repeat -92px -3px transparent;position: relative; width: 25px; height: 25px; float: left; text-indent: -9999px; transition:all 0.2s ease;}
/*Creditos*/
#block-block-6 {font: 400 12px/14px "Raleway"; padding: 7px 0px;}
#block-block-6 .credito{width: 150px; float: right; text-align: right;}
#block-block-6 .credito span{color: #a7a9ac; float: left; position: relative;  padding-right: 5px; width: auto;}
#block-block-6 .credito a{color: #a7a9ac; text-decoration: none; float: left; position: relative;}
/*HOME*/

/*Slide*/
#block-views-home-block{top: 0px;position: relative;float: left;}
#block-views-home-block .view-display-id-block{left: -20px; float: left;position: relative;}
#block-views-home-block .views-slideshow-controls-top{width: 64px;float: right;position: absolute;z-index: 20;right: 10px;top: 10px;}
#block-views-home-block #views_slideshow_controls_text_previous_home-block a{background: url(../images/controles.svg) no-repeat -3px -3px transparent;position: relative; width: 32px; height: 32px; float: left; text-indent: -9999px; transition:all 0.2s ease; }
#block-views-home-block #views_slideshow_controls_text_pause_home-block{display: none;}
#block-views-home-block #views_slideshow_controls_text_next_home-block a{background: url(../images/controles.svg) no-repeat -35px -3px transparent;position: relative; width: 32px; height: 32px; float: left; text-indent: -9999px; transition:all 0.2s ease; }
#block-views-home-block .info{background: #28aae2; width: 340px; height: 160px;position: relative;padding: 10px 30px;top: -7px;}
#block-views-home-block .info .titulo a{font: 500 30px/32px "Arvo"; color: #fff;padding: 20px 0px;position: relative;float: left;width: 400px;}
#block-views-home-block .info .resumen{font: 400 14px/16px "Arvo"; color: #fff;}
#block-views-home-block .triangulo_1{width: 0px;height: 0px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #28aae2;left: 30px;position: absolute;top: 455px;margin: 0px;padding: 0px;}
#block-views-home-block .triangulo_2{width: 0px;height: 0px;border-top: 20px solid transparent;border-left: 20px solid #28aae2;border-bottom: 20px solid transparent;left: 400px;position: absolute;top: 520px;}
/*Testimonios*/
#block-views-home-block-1{width: 360px;height: 140px;position: absolute;top: 470px;left: 420px;padding: 20px;margin: 0px; z-index: 12;} 
#block-views-home-block-1 .views-row{}
#block-views-home-block-1 .views-row .views-field-field-image{width: 100px; height: 100px; float: left; position: relative;}
#block-views-home-block-1 .views-row .views-field-field-image img{width: 100px;height: 100px;border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;}
#block-views-home-block-1 .views-row .resumen{background: url(../images/comillas.svg) no-repeat -11px -8px/250px auto transparent;font: 500 14px/16px "Arvo"; color: #231f20; padding: 10px 20px;position: relative;float: left;width: 200px;}
#block-views-home-block-1 .views-row .nombre {width: 240px; height: auto; position: relative;float: right; text-align: left;}
#block-views-home-block-1 .views-row .nombre a{font: 200 12px/14px "Arvo"; color: #28aae2; text-decoration:none;}
/*Promociones*/
#block-views-home-block-2{width: 210px;height: 190px;position: absolute;top: 470px;left: 790px;padding:0px;margin: 0px; z-index: 12;} 
#block-views-home-block-2 .views-row{}
#block-views-home-block-2 .views-row .views-field-field-image{width: 100px; height: 100px; float: left; position: relative;}
#block-views-home-block-2 .views-row .views-field-field-image img{width: 100px;height: 100px;border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;}
#block-views-home-block-2 .views-row .info{background: url(../images/promo.svg) no-repeat 10px 0px/180px auto transparent;font: 500 14px/16px "Arvo"; color: #231f20; padding: 15px 23px;position: relative;float: left;width: 150px; height: 150px; border-left: 1px solid #c2c2c2;}
#block-views-home-block-2 .views-row .promo{width: 100px; position: relative; text-align: center;margin: 0 auto;top: 15px;}
#block-views-home-block-2 .views-row .promo a {font: 600 18px/20px "Arvo";color: #fff;width: 100px;height: 40px;position: relative;float: right;text-align: center;padding: 5px 0px;}
#block-views-home-block-2 .views-row .precio {font: 600 18px/20px "Arvo";color: #fff;width: 160px;height: auto;position: relative;float: left;text-align: center;padding: 5px 0px; top: 15px;}
#block-views-home-block-2 .views-row span{font: 600 16px/18px "Arvo";color: #fff;text-decoration: none;width: 100px;margin: 0 auto;position: relative;text-align: center;top: 18px;}
/*Servicios*/
#block-views-home-block-3{width: 960px;height: 320px;position: relative;float: left;margin-bottom: 20px;}
#block-views-home-block-3 .servicios {font: 500 20px/22px "Arvo"; width: 960px;position: relative;float: left;}
#block-views-home-block-3 .servicios h2{background:#28aae2; color: #fff;  width: 190px; padding: 5px 10px;height: auto;margin-bottom: 20px;}
#block-views-home-block-3 .views-row{width: 310px; float: left; position: relative;}
#block-views-home-block-3 .views-row-1, #block-views-home-block-3 .views-row-2 {padding-right: 15px;}
#block-views-home-block-3 .views-row .info{width: 310px; height: 200px; position: relative; float: left;font: 500 20px/22px "Arvo";}
#block-views-home-block-3 .views-row .info .icono{background-position: 0px 0px;background-repeat: no-repeat;width: 90px;height: 260px;border-right: 1px solid #c2c2c2;padding-right: 30px;float: left;position: relative; text-indent: -9999px;}
#block-views-home-block-3 .views-row .info .nombre{font: 400 20px/22px "Arvo"; float: left;position: relative; width: 150px; padding: 10px 0px 10px 30px;color: #58595b; text-decoration: none;}
#block-views-home-block-3 .views-row .info .nombre a{color: #58595b; text-decoration: none;}
#block-views-home-block-3 .views-row .info .resumen{ font: 400 14px/16px "Arvo"; width: 150px; float: left;position: relative; padding: 0px 0px 0px 30px; }
#block-views-home-block-3 .views-row .info .mas{ position: relative;float: left;padding: 5px 0px 0px 30px;}
#block-views-home-block-3 .views-row .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }
#block-views-home-block-3 .views-row .info .enlace{position: absolute;float: left;padding: 90px 80px;width: 0px;height: 0px;left: 140px;z-index: 2;}
#block-views-home-block-3 .views-row .info .enlace a{text-indent: -9999px;position: absolute;float: left;width: 190px;height: 180px;left: 0px; top: 0px;}
#block-views-home-block-3 .views-row-3 .info .icono{background-position: -90px 0px !important;}
#block-views-home-block-3 .views-row-3 .info .nombre{color: #ed8726;}
#block-views-home-block-3 .views-row-3 .info .resumen{color: #ed8726;}
#block-views-home-block-3 .views-row-3 .info .mas a{background:#ed8726; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }
/*Invitacion*/
#block-block-7 {width: 340px; position: relative;float: left; margin-right: 20px;}
#block-block-7 big{font: 400 24px/26px "Arvo"; float: left; text-align: left; margin-bottom: 20px;}
#block-block-7 .texto p{color: #808285; float: left; position: relative;  padding-bottom: 10px; text-align:left; }
/*Destinos*/
#block-views-home-block-4{width: 600px; position: relative; float: left;}
#block-views-home-block-4 .info{background: #ed8726; width: 200px;  float: left; position: absolute; opacity: 0;height: 0px;top:100px; padding: 50px 0px; transition: all 0.5s ease-in-out;}
#block-views-home-block-4 .info .titulo{font: 600 20px/22px "Arvo"; width: 100px;text-align: center;margin: 0 auto;padding: 0px;}
#block-views-home-block-4 .info .titulo a{ color: #fff; text-align: center;}
#block-views-home-block-4 .info .resumen{font: 600 14px/16px "Arvo";color: #fff;text-align: center; padding:10px 10px; }
#block-views-home-block-4 .views-row{float: left; position: relative; width: 200px; height: 200px;}


/*DETAlLES*/
#tabs{background-color: #FFF;border: 1px solid #DDD;padding: 10px;position: fixed;right: 0px;top: 206px;z-index: 3;}
#tabs ul{border-bottom: none !important; padding: 10px !important; }
#tabs ul.primary li a{border-color: #bbb;border-style: solid solid none solid;border-width: 1px;height: auto;margin-right: 0.5em;padding: 0 1em;text-decoration: none;}
#tabs li a{background: none repeat scroll 0 0 #F8F8F8 !important;border: 1px solid #DDD !important;color: #666;display: inline-block;font: 10px/10px Arial;padding: 5px !important;text-align: center;text-transform: uppercase;}
#disqus{width: 100%; float: left;}
.izquierda{width: 640px; float: left; position: relative; margin:0px 20px 20px 0px; }
.derecha{width: 300px; float: left; position: relative; margin-top: 25px; }
.completo{width: 960px; float: left; position: relative; margin:0px 20px; }

/*Servicios*/
#servicio {width: 300px; height: auto; position: relative;float: left;}
#servicio .field-name-body{width: 490px; position: relative;float: left;}
#servicio .field-name-field-icono {width: 140px; position: relative;float: left;}
#servicio .field-name-field-icono .field-item{background-position: 0px 0px;background-repeat: no-repeat;width: 80px;height: 180px;border-right: 1px solid #c2c2c2;padding-right: 30px;float: left;position: relative; text-indent: -9999px;}


/*Destinos*/
#destino {width: 640px;position: relative;float: left;}
#destino h4{font: 500 22px/24px "Arvo"; background:#28aae2; color: #fff;  padding: 5px 10px;height: auto;margin-bottom: 20px; width: 620px;}
/*Otros destinos (abajo)*/
#block-views-detalles-block{width: 640px;height: 280px;position: relative;float: left;margin-bottom: 20px;}
#block-views-detalles-block .views-row{width: 200px; float: left; margin-right: 13px;height: 250px; position: relative;}
#block-views-detalles-block .views-row-1, #block-views-detalles-block .views-row-2 {padding: 0px;}
#block-views-detalles-block .views-row .info{width: 200px; height: 200px; position: relative; float: left;font: 500 20px/22px "Arvo";}
#block-views-detalles-block .views-row .info .nombre{font: 400 20px/22px "Arvo"; float: left;position: relative; width: 150px; padding: 10px 0px 10px 0px;color: #58595b; text-decoration: none;}
#block-views-detalles-block .views-row .info .nombre a{color: #58595b; text-decoration: none;}
#block-views-detalles-block .views-row .info .mas{ position: relative;float: left;padding: 5px 0px 0px 0px;}
#block-views-detalles-block .views-row .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }
/*Otros planes (abajo)*/
#block-views-detalles-block-3{width: 640px;height: 240px;position: relative;float: left;margin-bottom: 20px;}
#block-views-detalles-block-3 .views-row{width: 200px;float: left;position: relative;margin-right: 13px;height: 250px;padding: 0px;}
#block-views-detalles-block-3 .views-row-1, #block-views-detalles-block .views-row-2 {padding: 0px;}
#block-views-detalles-block-3 .views-row .info{width: 200px; height: 200px; position: relative; float: left;font: 500 20px/22px "Arvo";}
#block-views-detalles-block-3 .views-row .info .nombre{font: 400 20px/22px "Arvo"; float: left;position: relative; width: 150px; padding: 10px 0px 10px 0px;color: #58595b; text-decoration: none;}
#block-views-detalles-block-3 .views-row .info .nombre a{color: #58595b; text-decoration: none;}
#block-views-detalles-block-3 .views-row .info .mas{ position: relative;float: left;padding: 5px 0px 0px 0px;}
#block-views-detalles-block-3 .views-row .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }

/*Planes (sidebar)*/
#plan {width: 640px;position: relative;float: left;}
#plan h4{font: 500 22px/24px "Arvo"; background:#28aae2; color: #fff;  padding: 5px 10px;height: auto;margin-bottom: 20px; width: 620px;}
#block-views-detalles-block-1{width: 300px; height: 300px; position: relative;float: left;}
#block-views-detalles-block-1 .views-slideshow-controls-top{width: 64px;float: right;position: absolute;z-index: 10;right: 10px;top: 10px;}
#block-views-detalles-block-1 #views_slideshow_controls_text_previous_detalles-block_1 a{background: url(../images/controles.svg) no-repeat -3px -3px transparent;position: relative; width: 32px; height: 32px; float: left; text-indent: -9999px; z-index:2; transition:all 0.2s ease; }
#block-views-detalles-block-1 #views_slideshow_controls_text_pause_detalles-block_1{display: none;}
#block-views-detalles-block-1 #views_slideshow_controls_text_next_detalles-block_1 a{background: url(../images/controles.svg) no-repeat -35px -3px transparent;position: relative; width: 32px; height: 32px; float: left; text-indent: -9999px; z-index:2; transition:all 0.2s ease; }
#block-views-detalles-block-1 .info{background: #28aae2; width: 260px; height: 50px;position: relative;padding: 20px;top: -7px;}
#block-views-detalles-block-1 .info .plan a{font: 600 20px/24px "Arvo"; color: #fff;position: relative;float: left;width: 100%; text-align: left;  line-height: 20px;}
#block-views-detalles-block-1 .info .desde{font: 600 30px/24px  "Arvo"; color: #fff;}
#block-views-detalles-block-1 .info .desde span{font: 600 14px/16px "Arvo"; color: #fff;}
/*Destinos (sidebar)*/
#block-views-detalles-block-2{width: 300px; height: 300px; position: relative;float: left;}
#block-views-detalles-block-2 .views-slideshow-controls-top{width: 64px;float: right;position: absolute;z-index: 4;right: 10px;top: 10px;}
#block-views-detalles-block-2 #views_slideshow_controls_text_previous_detalles-block_2 a{background: url(../images/controles.svg) no-repeat -3px -3px transparent;position: relative; width: 32px; height: 32px; float: left; text-indent: -9999px; -moz-z-index:2;-webkit-z-index:2;-o-z-index:2; z-index:2; transition:all 0.2s ease; }
#block-views-detalles-block-2 #views_slideshow_controls_text_pause_detalles-block_2{display: none;}
#block-views-detalles-block-2 #views_slideshow_controls_text_next_detalles-block_2 a{background: url(../images/controles.svg) no-repeat -35px -3px transparent;position: relative; width: 32px; height: 32px; float: left; text-indent: -9999px;  -moz-z-index:2;-webkit-z-index:2;-o-z-index:2; z-index:2; transition:all 0.2s ease; }
#block-views-detalles-block-2 .info{background: #28aae2; width: 260px; height: 30px;position: relative;padding: 20px;top: -7px;}
#block-views-detalles-block-2 .info .plan a{font: 600 20px/24px "Arvo"; color: #fff;position: relative;float: left;width: 100%; text-align: left;  line-height: 20px;}

/*Reservas (sidebar)*/
#block-webform-client-block-17 h4{font: 600 18px/20px "Arvo";color: #fff;}
#block-webform-client-block-17{background: #28aae2; width: 260px;position: relative;padding: 20px; float: left;font: 600 14px/16px "Arvo";}
#block-webform-client-block-17 label{width: 90px; font: 600 14px/16px "Arvo";line-height: 20px; float: left;position: relative; color: #fff;}
#block-webform-client-block-17 input{font: 200 14px/16px "Arvo";color: #28aae2; -moz-width: 150px;-webkit-width: 150px;-o-width: 150px;width: 150px; border-radius: 7px;border: 1px solid #fff;}
#block-webform-client-block-17 textarea{width: 100%; font: 200 14px/16px "Arvo";color: #28aae2; -moz-width: 150px;-webkit-width: 150px;-o-width: 150px;width: 150px; border-radius: 7px;border: 1px solid #fff;}
#block-webform-client-block-17 .grippie{display: none;}
#block-webform-client-block-17 .form-submit{background:#28aae2; color:#fff; border-radius: 5px;width: 120px;height: 40px;margin: 0px 70px auto;position: relative;-moz-border: 1px solid #fff;-webkit-border: 1px solid #fff;-o-border: 1px solid #fff;border: 1px solid #fff;padding: 2px 10px;border-radius: 3px; cursor: pointer;}
#block-webform-client-block-17 .form-submit:hover{opacity: 0.9;}

/*Servicios (sidebar)*/
#block-views-detalles-block-4 {width: 300px; height: 240px; position: relative;float: left;}
#block-views-detalles-block-4  .views-row{width: 300px; position: relative;float: left;margin-bottom: 20px; height: 270px;}
#block-views-detalles-block-4  .views-row .info{width: 300px; height: 200px; position: relative; float: left;font: 500 20px/22px "Arvo";}
#block-views-detalles-block-4  .views-row .info .icono{background-position: 0px 0px;background-repeat: no-repeat;width: 80px;height: 180px;border-right: 1px solid #c2c2c2;padding-right: 30px;float: left;position: relative; text-indent: -9999px;}
#block-views-detalles-block-4  .views-row .info .nombre{font: 400 20px/22px "Arvo"; float: left;position: relative; width: 150px; padding: 10px 0px 10px 30px;color: #58595b; text-decoration: none;}
#block-views-detalles-block-4  .views-row .info .nombre a{color: #ed8726; text-decoration: none;}
#block-views-detalles-block-4  .views-row .info .resumen{ font: 400 14px/16px "Arvo"; width: 150px; float: left;position: relative; padding: 0px 0px 0px 30px; }
#block-views-detalles-block-4  .views-row .info .mas{ position: relative;float: left;padding: 5px 0px 0px 30px;}
#block-views-detalles-block-4  .views-row .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }




/*Promocion*/
#promocion {width: 640px;position: relative;float: left;}
#promocion h4{font: 500 22px/24px "Arvo"; background:#28aae2; color: #fff;  padding: 5px 10px;height: auto;margin-bottom: 20px; width: 620px;}

/*Servicio*/
#servicio {width: 640px;position: relative;float: left;}
#servicio h4{font: 500 22px/24px "Arvo"; background:#28aae2; color: #fff;  padding: 5px 10px;height: auto;margin-bottom: 20px; width: 620px;}


/*SECCIONES*/

.completo h4{font: 500 22px/24px "Arvo"; background:#28aae2; color: #fff;  padding: 5px 10px;height: auto;margin-bottom: 20px; width: 940px;}
/*Planes*/
#block-views-seccion-block{width: 960px; position: relative; float: left;}
#block-views-seccion-block .views-row{width: 310px; position: relative;float: left;margin-bottom: 20px;}
#block-views-seccion-block .views-row-1, #block-views-seccion-block .views-row-2, #block-views-seccion-block .views-row-4, #block-views-seccion-block .views-row-5, #block-views-seccion-block .views-row-7, #block-views-seccion-block .views-row-8{margin-right: 15px;}

#block-views-seccion-block .info{background: #fff; width: 310px; height: 50px;position: relative;padding: 20px 0px;top: -7px;}
#block-views-seccion-block .info .plan a{font: 600 20px/24px "Arvo"; color: #28aae2;position: relative;float: left;width: 100%; text-align: left;  line-height: 20px;}
#block-views-seccion-block .info .desde{font: 600 30px/24px  "Arvo"; color: #28aae2;}
#block-views-seccion-block .info .desde span{font: 600 14px/16px "Arvo"; color: #666;}
#block-views-seccion-block .info .mas{ position: relative;float: right; padding: 10px 0px 0px 0px;}
#block-views-seccion-block .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }

/*Destinos*/
#block-views-seccion-block-1{width: 960px; position: relative; float: left;}
#block-views-seccion-block-1 .views-row{width: 310px; position: relative;float: left;margin-bottom: 20px;}
#block-views-seccion-block-1 .views-row-1, #block-views-seccion-block-1 .views-row-2, #block-views-seccion-block-1 .views-row-4, #block-views-seccion-block-1 .views-row-5, #block-views-seccion-block-1 .views-row-7, #block-views-seccion-block-1 .views-row-8{margin-right: 15px;}

#block-views-seccion-block-1 .info{background: #fff; width: 310px; height: 50px;position: relative;padding: 20px 0px;top: -7px;}
#block-views-seccion-block-1 .info .nombre{font: 400 20px/22px "Arvo"; float: left;position: relative; width: 150px; padding: 10px 0px 10px 0px;color: #58595b; text-decoration: none;}
#block-views-seccion-block-1 .info .nombre a{color: #58595b; text-decoration: none;}
#block-views-seccion-block-1 .info .mas{ position: relative;float: right; padding: 10px 0px 0px 0px;}
#block-views-seccion-block-1 .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }

/*Servicios*/
#block-views-seccion-block-2{width: 960px; position: relative; float: left; margin-bottom: 20px; height: auto;}
#block-views-seccion-block-2 .views-row{width: 310px; position: relative;float: left;margin-bottom: 20px; height: 270px;}
#block-views-seccion-block-2 .views-row-1, #block-views-seccion-block-1 .views-row-2, #block-views-seccion-block-1 .views-row-4, #block-views-seccion-block-1 .views-row-5, #block-views-seccion-block-1 .views-row-7, #block-views-seccion-block-1 .views-row-8{margin-right: 15px;}
#block-views-seccion-block-2 .views-row .info{width: 310px; height: 200px; position: relative; float: left;font: 500 20px/22px "Arvo";}
#block-views-seccion-block-2 .views-row .info .icono{background-position: 0px 0px;background-repeat: no-repeat;width: 90px;height: 260px;border-right: 1px solid #c2c2c2;padding-right: 30px;float: left;position: relative; text-indent: -9999px;}
#block-views-seccion-block-2 .views-row .info .nombre{font: 400 20px/22px "Arvo"; float: left;position: relative; width: 150px; padding: 10px 0px 10px 30px;color: #58595b; text-decoration: none;}
#block-views-seccion-block-2 .views-row .info .nombre a{color: #ed8726; text-decoration: none;}
#block-views-seccion-block-2 .views-row .info .resumen{ font: 400 14px/16px "Arvo"; width: 150px; float: left;position: relative; padding: 0px 0px 0px 30px; }
#block-views-seccion-block-2 .views-row .info .mas{ position: relative;float: left;padding: 5px 0px 0px 30px;}
#block-views-seccion-block-2 .views-row .info .mas a{background:#28aae2; color: #fff; padding: 5px 10px;font: 200 16px/18px "Arvo"; }

/*Contactos*/
#block-block-9 {position: relative; float: left; font: 400 14px/16px "Arvo";width: 960px; padding:10px 0px;  opacity: 1; transition: all 0.9s ease-in-out;}
#block-block-9 #contactenos{}
#block-block-9 #contactenos .uno{width: 300px; height: auto;position: relative; float: left; margin-right: 30px;}
#block-block-9 #contactenos .dos{width: 300px; height: auto;position: relative; float: left; margin-right: 30px;}
#block-block-9 #contactenos .tres{width: 300px; height: auto;position: relative; float: left; margin-right: 0px;}
#block-block-9 #contactenos span{font: 400 22px/24px "Arvo"; color: #a7a9ac; float: left; position: relative;  padding-bottom: 5px; width: 200px;}
#block-block-9 #contactenos .tel{color: #a7a9ac;  float: left; position: relative; }
#block-block-9 #contactenos .mail{color: #28aae2;  float: left; position: relative; margin-bottom: 17px;}
#block-block-9 #contactenos .dir{color: #a7a9ac;  float: left; position: relative; }
#block-block-9 #contactenos .city{color: #a7a9ac;  float: left; position: relative; }
#block-webform-client-block-18 {position: relative;float: left; width: 960px;}
#block-webform-client-block-18 label{width: 130px; font: 600 14px/16px "Arvo";line-height: 20px; float: left;position: relative; color: #28aae2;}
#block-webform-client-block-18 input{font: 200 14px/16px "Arvo";color: #28aae2; -moz-width: 200px;-webkit-width: 200px;-o-width: 200px;width: 200px; border-radius: 7px;border: 1px solid #28aae2;}
#block-webform-client-block-18 textarea{width: 960px; height: 200px; font: 200 14px/16px "Arvo";color: #28aae2; -moz-width: 960px;-webkit-width: 960px;-o-width: 960px;width: 960px; border-radius: 7px;border: 1px solid #28aae2;}
#block-webform-client-block-18 .description{font: 200 12px/16px "Arvo";color: #c2c2c2; -moz-width: 300px;-webkit-width: 300px;-o-width: 300px;width: 300px; font-style:italic; padding-top: 20px; text-align: left; }
#block-webform-client-block-18 .grippie{display: none;}
#block-webform-client-block-18 .form-submit{background:#28aae2; color:#fff; border-radius: 5px;width: 120px;height: 40px;margin: 0px;position: relative;-moz-border: 1px solid #fff;-webkit-border: 1px solid #fff;-o-border: 1px solid #fff;border: 1px solid #fff;padding: 2px 10px;border-radius: 3px; cursor: pointer; float: left;}
#block-webform-client-block-18 .form-submit:hover{opacity: 0.9;}
#block-webform-client-block-18 .webform-component--nombre{width: 450px; margin-right: 30px; position: relative; float: left;}
#block-webform-client-block-18 .webform-component--telefono{width: 450px; position: relative; float: left;}
#block-webform-client-block-18 .webform-component--correo-electronico{width: 450px; margin-right: 30px; position: relative; float: left;}
#block-webform-client-block-18 .webform-component--correo-electronico label{width: 130px; margin-right: 30px; position: relative; float: left;}
#block-webform-client-block-18 .webform-component--mensaje{width: 960px;  position: relative; float: left;}

/*PAGINADOR*/
.pager a{color: #28aae2;}
.pager .pager-current {background: #28aae2; color: #fff;}
.pager .pager-item a{color: #28aae2; text-decoration: underline;}
.pager {font: 600 16px/18px 'PT Sans', sans-serif; text-transform: uppercase;}
.pager .pager-next a, .pager .pager-last a, .pager .pager-previous a, .pager .pager-first a{top: 5px; position: relative; font: 400 32px/34px 'PT Sans', sans-serif; padding:0px 5px;}

/*PAUTA*/
#block-block-8{width: 300px; height: 250px; position: relative;float: left;}
.node {margin-bottom: 1.5em;}
.block {margin-bottom: 1.5em;}
#footer {clear: both;padding: 1.5em 0;position: relative;}
/* clear floats */
.clear { clear: both; }
/* display block */
.display-block { display: block; }