body {

  font-family: 'Conv_MS Reference Sans Serif';
  background: #fff !important;
}

::selection {background:#fff;color:#000;}

::-webkit-input-placeholder {
    color: #fff; 
}

:-moz-placeholder { /* Firefox 18- */
    color: #fff; 
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #fff; 
}

:-ms-input-placeholder {  
    color: #fff;  
}

a, a:link, a:visited {    -webkit-transition-duration: .50s, .2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-duration: .5s, .3s;
    -O-transition-duration: .5s, .3s;
    -ms-transition-duration: .5s, .3s;
}

a:hover {}




h1 {font-size: 31px;color: #fff;text-align: left;line-height: 32px;}

h2 {font-size: 24px;color: #000;text-align: left;}

.clear{clear: both;}

.top10 {margin-top: 10px !important;}
.top20 {margin-top: 20px !important;}
.top30 {margin-top: 30px !important;}
.top40 {margin-top: 40px !important;}
.top50 {margin-top: 50px !important;}
.pad10 {padding-top: 10px !important;}
.pad20 {padding-top: 20px !important;}
.pad30 {padding-top: 30px !important;}
.pad40 {padding-top: 40px !important;}
.pad50 {padding-top: 50px !important;}

.naranja {background: #fbb03b}
.morado {background: #b368b1;}
.aqua {background: #5ac2bb}
.rosa {background:#f24daf}
.verde {background: #8cc63f}

.gris {background: #ccc}

.top-bar {

background: #2d2d2d;


height: 0px;
position: relative;
top: 0;
width: 100%;
z-index: 99999;
box-shadow: 0 0px 3px #2d2d2d;

margin: 0;

}

#menu {
    margin-top: -6px;
    margin-bottom: 0px;
}

#menu .logo {
    width: 100%;
    margin: 0 auto;
    margin-top: 36px;
    border: 3px solid #c71632;
    border-top: none;
    padding: 0 35px 0px 35px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;

    border-radius: 4px;
    position: relative;
    height: 46px;
    box-shadow: 0 0px 12px #2d2d2d;
}

#menu .logo h1 {
    width: 100%;
    margin: 0 auto;
    border: none;
    margin-top: -10px;
    top: -30px;
    position: relative;
}

.logo a {
    height: 100%;
    float: left;
}


.menuprincipal {
    position: fixed;
    top: 0px;
    z-index: 4;
    padding-left: 255px;
}

.menuprincipal ul {
    text-align: left;

    margin-bottom: 5px;
    margin-top: -4px;
}

#top {display: block;width: 100%;}

.f-dropdown  {

    background: #c71632;
    color: #fff;
    box-shadow: 3px 0px 25px #5d5d5d;
}

.menuprincipal li a,  .menuprincipal li a:link,  .menuprincipal li a:visited {

    color: #fff;
    padding: 0px 18px 10px 18px;min-width: 90px;
    top: 4px;
    position: relative;

}

.menuprincipal ul li{display: inline-block;margin-left: 0px;font-size: 13px;text-align: center;height: 33px;border-radius: 0 0 5px 5px;
-webkit-transition-duration: .50s, .2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-duration: .5s, .3s;
    -O-transition-duration: .5s, .3s;
    -ms-transition-duration: .5s, .3s;

}


.menuprincipal ul li:hover {background: #ccc;}

.menuprincipal ul li a:hover {

    color: #fff;

}

    .menu{
        list-style: none;
        margin: 0px;
        font-size: 12px;
        color: #000;
        cursor: pointer;
    }
    .menu > li.logo{
        font-weight: bold;
        font-size: 14px;
    }
    .menu > li{
        display: inline-block;
        padding: 10px 0px 10px 0px;
        /* font-weight: bold; */
        min-width: 91px;
        text-align: center;
        /* border-right: 1px solid #ccc; */
    }

#container_logo {padding-top: 170px;background: #fff;width: 960px;margin: 0 auto;height: 500px;}

.fondoright {

background:url('../images/fondo_right.png');
width: 168px;
height: 169px;
position: absolute;
right: 0;

}

.fondoleft {

background:url('../images/fondo_left.png');
width: 167px;
height: 169px;
left: 0;
margin-top: -180px;
}


.margincero {margin: 0;padding: 0;}


.requerido {
    position: absolute;
top: 6px;
left: 110px;
z-index: 1111;
font-size: 12px;
display: none;
}

.success, .fail {display: none}

.url_error {height: 420px;
padding-top: 150px;}

.slider {height: 90px;}


.bx-wrapper .bx-viewport {height: 100%}
#bx-pager {margin-top: 30px;margin-left: 6px;}
#bx-pager img {/* -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); */-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); */}
#bx-pager img:hover {-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);}

#bx-pager a {
    margin: 0;
    padding: 0;
    float: left;
    border: 4px solid #393939;
}

#bx-pager .active {border: 4px solid #fff;}

.twitter, .facebook, .pinterest {cursor: pointer; float:left;margin-right: 2px; width: 23px;height: 23px;  -webkit-transition-duration: .50s, .2s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-duration: .5s, .3s;
    -O-transition-duration: .5s, .3s;
    -ms-transition-duration: .5s, .3s;}

.social a {width: 23px;height: 23px; cursor: pointer;float: left;margin-right: 4px;}    

.twitter {background: url('../images/social_mini.png') no-repeat -1px -28px;}

.facebook {background: url('../images/social_mini.png') no-repeat -26px -28px;}

.button {background: #8CC63F;font-size: 16px;margin: 0;border-radius: 5px;margin:20px 0 20px 0}
.comprar {background: #3FACB5;
font-size: 12px !important;
margin: 0;
padding: 7px;
border-radius: 0 0 15px 0;
position: relative;
top: -24px;
left: 159px;
border: none;
box-shadow: none;}

.vivetuexperiencia {

    padding-bottom: 10px;
}

.pueblosmagicos, .conventos, .zapata, .videohome, .footer {

    height: 500px;
    width: 940px;
    margin: 20px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    position:relative;
    top: 0;
}

.pueblosmagicos { background:url('../images/ruta_pueblosmagicos.jpg');}
.conventos { background:url('../images/ruta_conventos.jpg');}
.zapata { background:url('../images/ruta_zapata.jpg');}
.videohome { background: #92278F;padding-top: 50px;}
.footer { background: #fff;padding-top: 50px; height: 170px;}

.footer a {margin-bottom: 10px;display: block;margin-right: 5px;}

.pueblosmagicos .morado, .conventos .naranja, .zapata .aqua {

    margin-top: -120px;
    padding: 20px;
    clear: both;
    margin-bottom: 10px;


}

.pueblosmagicos .margen, .zapata .margen {

    margin-top: 140px;
}

.conventos .margen {margin-top: 160px;}

.pueblosmagicos .morado {background-color: rgba(102, 45, 145, 0.33);}
.conventos .naranja {background-color: rgba(251, 176, 59, 0.33);}
.zapata .aqua {background-color: rgba(0, 169, 157, 0.33);}

.pueblosmagicos .morado p, .conventos .naranja p, .zapata .aqua p {

    font-size: 12px;
    color: #fff;
    line-height: 17px;

}

.rutas_slide {height: 110px;width: 186px;margin: 0 auto;margin-top: 20px;}

.rutas_slide {width: 180px !important;}

.rutas {padding-left: 20px;}

.rutas h2{font-size: 18px;color: #5D5C5C;}
.rutas li {
    font-size: 11px;
    list-style: none;
    margin-bottom: 9px;
    color: #662D91;
}
.rutas a{
    font-size: 16px;
    margin-top: 13px;
    display: inline-block;
    font-weight: bold;
}

.rutas .salidas {color: #B33BAE;margin-top: 14px;font-size: 12px;}

.rutas .paquetea {color: #620DA2;}
.rutas .paqueteb {color: #E21E79;}
.ruta_texto p{ text-align: center; font-size: 14px;color: #7F7F7F;}

.paquetes {}
.paquetes h2{color: #620DA2;font-size: 28px;font-weight: bold;margin-left: 60px;margin-bottom: 50px;}
.paquetes p{font-size: 13px;}
.paquetes .b {color: #E21E79;}

.servicios a {width: 100%;background: #fbb03b;padding: 10px;color: #fff; font-size: 13px;float: left;margin-bottom: 10px; }
.servicios a:hover {background: #2d2d2d;}

#servicio_1, #servicio_2, #servicio_3 {opacity: 0;}

.contacto h2 {
    color: #aaa;
    font-weight: normal;
    margin-bottom: 0;
}
.contacto a {
    color: #aaa;
    font-size: 15px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {

    .menuhide {display: none;}
    .top-bar {overflow: visible;}
    .top-bar .toggle-topbar {display: none; }
    .orbit-bullets {text-align: center}
    .orbit-bullets li {float: none; display: inline-block;cursor: pointer;}
    .logo_top {display: none}
}


@media only screen and (max-width: 780px) {

    .menuhide {display: none;}
    .menuprincipal {display: block}
    .menuhide {display: none}
    .top-bar {display: none;}
    .top-bar .toggle-topbar {display: none; }
    .orbit-bullets{top: 10px;text-align: center;}
    .orbit-bullets li {float: none; display: inline-block;cursor: pointer;}
    .logo_top {display: none}
    .top-bar {display: block;}


}

@media only screen and (max-width: 767px) {

    .menuhide {display: block}
    .menuprincipal {display: none}
    .top-bar .toggle-topbar {display: block; }
    .orbit-bullets{top: 16px;text-align: center;cursor: pointer;}
    .orbit-bullets li {float: none; display: inline-block;}
    .orbit-container {width: 98.8%;}
    .top-bar {height: 85px; background: #2D2D2C; position: fixed;z-index: 99999;background-color: rgba(0, 0, 0, 0.63);}
    .logo_top {display: block; width: 28%; margin: 0 auto; margin-top: 13px;}
    .logo {display: none}
    #container_home {margin-top: 110px;}
    .bx-wrapper .bx-controls-direction a {top: 50%;}
    .bx-wrapper {margin-top: 60px;}
    .bx-wrapper .bx-viewport {height: 160px !important;}
    #bx-pager {display: none}

    .pueblosmagicos {margin-top: 80px !important;display: block;}
    .pueblosmagicos, .conventos, .zapata, .videohome, .footer {
    width: 100%;
    margin: 0;
    height: 100%;
}

    #container_logo {display: none}

}