/*@font-face{
        font-family:"Abadi MT Condensed Light";
        src:url("../font/abadi-mt-condensed-light.ttf");
}*/

@font-face{
    font-family:"Abadi MT Condensed Light";
    src:url("http://www.myfontfree.com/data/532/a/abalcttf/ABALC.TTF");
}


body
{
    margin:0;
    font-size: 10pt;
    background-color: #fff;/* #F8F9FD*/;
    /*font-family: "Arial",sans-serif;*/
    /*font-family:"Abadi MT Condensed Light";*/
    font-family:"Century Gothic", Helvetica, sans-serif;
  /*  font-family: 'times new roman', serif; */
    overflow-x: hidden;

    width: 100%;
    height: 100%;
}
.principal{
    margin: 0 20px;
    width: auto;
    overflow: hidden;
    position: relative;
}
.cuadro-azul {
    background-color: rgb(196, 200, 227);
height: 25px;
position: absolute;
right: 0;
top: 0;
width: 25px;
}
.cuadro-azul-imagen {
     background-color: rgb(196, 200, 227);
background-image: url("../../images/torre.png");
background-repeat: no-repeat;
background-size: 100% auto;
height: 90px;
position: absolute;
right: 0;
top: 0;
width: 136px;
}
.cont-prin {
    padding-top: 40px;
}
.contenido {
    /*  border: 1px solid #333; */
    float: left;
    height: auto;
    min-height: 500px;
    overflow: hidden;
    padding: 0 35px;
    position: relative;
    width: calc(99% - 430px);

   /* background-color: #fff;*/
  /*  background-image: url("../../images/logoback.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 60% auto;*/

    top: -40px;
}

.contenido span {
    display: block;
    font-size: 14pt;/*18px;*/
    /* margin: 7px 0;*/
    overflow: hidden;
     font-family: arial,serif;
}

h1 {    
    /* font-family: 'Libre Baskerville', serif; 
    font-size: 21pt;
    font-weight: 500;
    color: #13235b;
    margin: 0 0 10px;*/

    color: rgb(48, 61, 118)/*#13235b*/;
    display: block;
    font-family: "Libre Baskerville",serif;
    font-size: 18pt;
    font-weight: 500;
    height: auto;
    margin: 0;
    margin-top: 40px;
    padding: 0 0 26px;
    position: relative;
    top: 0;
}
.contenido .titulo01 {
    font-family: "Libre Baskerville",serif;
    font-size: 19pt;
    font-weight: 400;
}

.contenido .titulo02 {
    /*font-family: "Abadi MT Condensed Light";*/
    font-family: "Arial Narrow", Arial, sans-serif;
font-size: 24pt;
font-weight: 500;
}

.contenido .titulo03 {
font-size: 15pt;
}


h2 {  
    /*  font-family:"Abadi MT Condensed Light";*/
    /*  font-family: "Arial",sans-serif;*/
    font-family: arial,serif;
    font-size: 20pt;/*26px*/
    font-weight: 500;
    color: #13235b;
    margin: 7px 0;
}
.contenido .subtitulo01 {
   /* font-family:"Abadi MT Condensed Light";*/
    font-family: "Arial Narrow", Arial, sans-serif;
}
.contenido .subtitulo02 {
    font-family: "Libre Baskerville",serif;
}
.h1img {
    height: 73px;
    margin-top: 0;
}
.panel-azul h1 {
    margin: 0;
}

.blanco{background-color: #fff;}
header{
    color: rgb(48, 61, 118);
    margin: 0 auto;
    width: 960px;
}
p { 
    padding: 0; margin: 0;
}
.linea{
    box-sizing: border-box;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}
.linea i{margin-left: 20px;margin-right: 5px;}
.linea a{color:rgb(48, 61, 118);}
.linea a:hover{color:#000;}
a{text-decoration: none}
/*
.derecha{text-align: right;}
.cabe
{
    background-color: #E39300;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    width: 155px;
    float: right;
    margin-top: -9px;
    margin-left: 20px;
    height: 40px;
    font-size: 15px;
}
.cabe .i{background-color: rgb(147, 137, 83); box-sizing:border-box;padding-top: 10px;text-align: center;width: 40px;height:40px;float:left;}
.cabe .i i{margin:0;}
.cl{width: 110px;float: left;text-align: center;padding-top: 8px;box-sizing:border-box;}
*/
.logo, .logo-imagen{
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 202;
}
.logo {
    margin-bottom: 11px;
}
.logo-imagen {
    float: left;
    width: 300px;
    height: auto;
    overflow: hidden;
}
.logo-text {
    float: left;
    position: relative;
    width: calc(99% - 300px);
}

.logo-text table {
    text-align: center; 
    width: 440px; 
    display: block; 
    margin: 0px auto;
}

.left {
    float: left;
}
.icono-final{
    width: 110px;
    margin: 0 auto; 
    display: block;
}

.logo-h1 {
    width: 60px; 
    position: relative; 
    top: 15px;
}

.logo-imagen img{width: 100%;height: auto;}
.logo img{width: 90%;margin-top: 5px;}
.toggleMenu{display:  none;padding: 10px 15px;color: #039DE3;}

.mmobile
{
    /* background: rgb(48, 61, 118) none repeat scroll 0 0;
     color: #fff;
     cursor: pointer;
     display: none;
     font-size: 14pt;
     padding: 10px 15px;
     position: fixed;
     width: 20px;
     z-index: 9999;
    */

    background: transparent none repeat scroll 0 0;
    color: rgb(147, 137, 83);
    cursor: pointer;
    display: none;
    font-size: 14pt;
    padding: 10px 15px;
    position: fixed;
    width: 20px;
    z-index: 9999;
}
.menu{float:left;z-index: 300;position:absolute;}
.nav{
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    z-index: 300;
    font-size: 10pt;

}
.nav:before,.nav:after{content: " ";display: table;}
.nav:after{clear: both;}
.nav ul {list-style: none;width: 9em;}
.nav a {
    color: rgb(147, 137, 83)/*#fff*/;
    margin: 3px 0 0;
    padding: 3px 10px;

    background-color: rgb(48, 61, 118);
}
.nav > li > a:hover, .nav > .hover > a
{
    background-color: rgb(197, 206, 231) !important;
    /*color:#303D4D !important;*/
}

.nav .hover ul {
    display: block;
}

.nav li{
    position: relative;
    width: 100%;
}
.nav > li{float: left;}
.nav > li > .parent{background-image: url("../../images/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a{display: block;transition: all 0.6s;/*font-size: 20px;*/z-index: 300;}
.nav li ul{ margin-left: -40px;width: 100%;z-index: 300; /*display: none;*/}
.nav > li.hover > ul{left: 0;}
.nav li li.hover ul{left: 100%;top: 0;}
.nav li li a 
{
    background-color: #fff;
    border-bottom: 1px solid rgb(48, 61, 118);
    color: rgb(147, 137, 83);
    display: block;
    position: relative;
    transition: all 0.6s ease 0s;
    z-index: 100;
}
.nav li li a:hover{opacity:1;}


.nav li li a:hover{background-color: #fff;color:rgb(147, 137, 83);}

.dmenu {
    /* background-color: rgb(48, 61, 118);*/
    color: #fff;
    height: auto;
    max-width: 950px;
    overflow: hidden;
    width: 355px;
    z-index: 200;
    float: left;
}
.dlinea {
    background-color: rgb(147, 137, 83);
    height: 4px;
    /* margin-bottom: 40px;*/
}
.linean{
    background-color: #292f69;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    min-height: 50px;
    margin-top: 100px;
    padding: 20px 0;
    width: 100%;
    z-index: 999;
    position: relative;
}
.remarca
{
    background-color: #1D1B42;
    color:#fff;
    height:70px;
    margin-top: -21px;
    box-sizing:border-box;
    padding:26px;
    text-transform: uppercase;
    font-weight: bold;
    width: 320px;
    text-align: center;
    float:left;
    margin-right: 30px;
}
.linean a{color:#fff;}
.linean a:hover{color:#666;}
.pipe{width: 27px;font-size: 25px;text-align: center;margin:0px 8px;}
.describe{width: 100%;height:auto;}

.boton
{
    /* background-color: #E39300;
     box-sizing: border-box;
     color: #fff;
     text-transform: uppercase;
     min-width: 153px;    
     height: 40px;
     font-size: 15px;
     max-width: 300px;
     margin:5px 0px;
     cursor: pointer;
    */
    background-color: rgb(147, 137, 83);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 1px 1px #877;
    padding: 10px;

    margin: 0 1%;

    cursor: pointer;

    text-align: center;
    width: 60px;
}
.boton .i{background-color: rgb(147, 137, 83); box-sizing:border-box;padding-top: 10px;text-align: center;width: 40px;height:40px;float:left;}
.boton .i i{margin:0;}
/*.cl{min-width: 105px;max-width: 300px;float: left;text-align:left;padding-top: 8px;box-sizing:border-box;margin-left: 5px;}
.chico{width: 155px;}
.grande{width: 253px;}
.grande .cl{width: 205px}
.descriptivo{width:300px;background-color: #2B2F6E;color:#fff;margin-top: -160px;position: absolute;margin-left: 80px}
.descriptivo img{width: 100%;}
*//*
.descriptivo .contenido{width: 100%;padding:10px 20px;box-sizing:border-box;}
.descriptivo .contenido h2{color:#7295BD;margin:0;margin-bottom: 5px;}*/
dt{color:#7295BD;width: 100%;box-sizing:border-box;padding:8px;border-bottom: 1px solid #7295BD;cursor: pointer;}
dd{margin: 5px 0px;}
/*.desctitulo
{
    color:#E39101;
    font-family: 'Calligraffitti', cursive;
    font-size: 30px;
    box-sizing:border-box;
    padding:10px;
    background-color:#F6F9FE;
    margin-top: -80px;
    position: absolute;
    margin-left: 110px
}
.cafe 
{
    width: 100%;
    height: 315px;
    background: url('../../images/cafe.jpg') no-repeat fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;    
    box-sizing:border-box;
    padding:40px;
}
.cafe .principal{padding-left:50px;box-sizing:border-box;}
.cafe h1,.cafe h2{margin:0;box-sizing:border-box;}
.cafe .corto{margin-left: 90px;box-sizing:border-box;width: 40%;}
.cafe .corto p{width: 75%;box-sizing:border-box;margin-bottom: 50px;}
.infor{width: 100%;min-height: 400px;color:#6C89B1;box-sizing:border-box;padding:20px 40px;}
.descriptivoc{width:200px;background-color: #2B2F6E;color:#fff;margin-top: -100px;margin-right: 20px;float:left;}
.uno{width: 59%;box-sizing:border-box;float:left;}
.dos{width: 41%;box-sizing:border-box;float:left;}
.descriptivoc img{width: 100%;}
.vmas{color:#7295BD;width: 100%;box-sizing:border-box;padding:8px;cursor: pointer;margin:0;}
.ruta{width: 184px;border:1px solid #BDD4F3;color:#869CC5;min-height: 267px;box-sizing:border-box;padding:20px;float:left;margin-top: 20px;}
.ruta h3 {color:#BDD4F3;margin-top: 0px;text-transform: uppercase;}
.ruta h2{color:#7893BE;margin-top: 0px;text-transform: uppercase;}
.imgruta{float:left;margin-top: 20px;}
.direccion{background-color: #EDAE4D;color:#fff;padding:20px 50px;box-sizing:border-box;height: 570px;}
.direccion p{width: 90%;}
.mediacuadra,.calligraffi{font-family: 'Calligraffitti', cursive;font-size: 30px}*/
.blanca{margin:30px 0px;}
.direccion h1{margin-top:0;}
.form{width: 100%;box-sizing: border-box;padding:5px 0;margin-top: 5px;}
input,textarea
{
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #13235b;
    font-family: "Hind",sans-serif;
    font-size: 12px;
    margin: 1%;
    padding: 12px;
    resize: none;
    width: 80%;
}
textarea{height: 110px;}
/*.mas{box-sizing: border-box;padding:12px;margin:0;background-color: rgb(147, 137, 83);margin-left: 55px;}
.direccion .boton{margin-left: 55px;}*/
.right{float:right !important;margin-right: 0px !important}
.linean span{font-size: 14px;margin-left: 50px}

.contenido p, .text {
    font-size: 11pt;
    text-align: justify;
    font-family: "Century Gothic",Helvetica,sans-serif/*arial,sans-serif*/;
}

.mayus {
    text-transform: uppercase; 
}

.linea-imagen {
    background-color: rgb(147, 137, 83);
bottom: 140px;
height: 4px;
position: absolute;
width: 30%;
}
.pagina-label {
    /*text-align: left;*/
    margin-bottom: 11px;
}

.panel-azul {
    background-color: rgb(196, 200, 227);
    color: rgb(26, 23, 27);
    padding: 11px;
}

.panel-azul h1 {
    color: rgb(26, 23, 27);
}

.panel-mont {
    padding: 20px;

}

.panel-mont-img {
    height: auto;
    /*left: 10px;*/
    left: 2px;
    opacity: 0.15;
    position: absolute;
    top: 0;
    width: 100%;
}
.foorder5 {
    float: right;
height: 50px;
padding-top: 20px;
position: relative;
right: -30px;
width: auto;
}
.vinie2 {
    float: right;
    height: 34px;
    padding-top: 20px;
    width: auto;
}
.vinie1 {
    width: auto; height: 34px; margin: 0 auto;
    padding-top: 20px;
    display: block;
}
.menu-movi::after {
    content: "≡";
    font-size: 2em;
    position: absolute;
    right: 0.45em;
    top: 0;
}

.menu-movi {
    -moz-user-select: none;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 1em;
    height: 2.1em;
    left: 0;
    margin: 0;
    padding: 0.4em;
    position: absolute;
    transition: color 0.3s ease-in-out 0s;
    width: 2.1em;
}

.menu-movi {
    display: block;
}/*
.menu-movi:hover, input[type="checkbox"]:checked ~ label {
    color: #000;
}*/


//::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
input[type="checkbox"], .menu-mobile {
    left: -9999px; position: absolute; top: -9999px;
}
.mobile-header {
    margin-left: 20.5em;
    margin-right: -20.5em;
}
.mobile-menu {
    box-shadow: -30em 0 0 30em rgb(48, 61, 118) !important;
    left: 0 !important;
    opacity: 1 !important;

    z-index: 0;
}

.footer-span {
    display: block;
    margin: 0 auto !important;
    width: 487px;
    font-size: 13px;
}

#contacto-mensaje {
    color: #f03333;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 1px 1% 8px;
    text-align: left;
    width: 100%;
}