@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

html,
body {
  height: 100%; margin:0; padding:0;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font: normal 14px; font-family: 'Raleway', sans-serif; color:#606060
}

.row {
  margin-left:0px;
  margin-right:0px;
}
.navbar-inverse {
    background-color: #222;
    border-radius: 0;    margin-bottom: 0;
    border: hidden;
}

a:focus {
    outline: thin dotted;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.header {width: 100%; background-color: #fff;     padding: 15px 0;}

.datos_top {padding-top: 15px; text-align: right;}

.navbar-inverse .navbar-nav>li {
    color: #fff;
    
    height: 50px;
    padding-top: 15px;
}

.navbar-inverse .navbar-nav>li a{border-right: solid 1px #544f4c;}

.navbar-left>li:nth-last-child(1) {

    color: #fff;
    border-right: hidden;
}

.navbar-right>li a:nth-last-child(2) {

    color: #fff;
    border-right: hidden;
}
.navbar-right>li a:nth-last-child(1) {

    color: #fff;
    border-left: solid 1px #544f4c;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
}

.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li:hover {background: #244ab0;
}
.open {background: #244ab0;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color:transparent;
}

.loop:hover {opacity: 0.6;}
.carousel-control {
    z-index: 100 !important;
    width: 5%;
    height: 100px;
    top: 40%;
    background: #837668;padding-top: 5px;
    font-size: 25px;
    opacity: 1;
}

.carousel-control.right {
    right: 10px;}
.carousel-control.left {
    left: 10px;}

.carousel {
    position: relative;
    padding-bottom: 2px;
    border-bottom: solid 6px #28458d;
}

#destacados{ padding:20px 0 0 0;}

#destacados h1{float:left; color:#bdb9b6}

.wrap_des1 {width: 50%; overflow: hidden; float:left}
.wrap_des2 {width: 100%; overflow: hidden; float:left}

.dest_1 {width: 100%; float:left; height: 500px; background: url(../img/destacados_1.jpg); background-size: 100%; position: relative; overflow:hidden;}
.dest_in {position:absolute; bottom:20px; left:0 right:0; text-align: center; width: 100%; color: #fff;}
.dest_in h3{ font-weight: bold; font-size:22px; margin-bottom: 0}
.dest_in p{ font-size:16px; }

.dest_2 {width: 50%; float:left}

.de_in_2{width: 100%; float:left; height: 250px; background: url(../img/destacados_2.jpg); background-size: 100%; position: relative}

.financia {width: 100%; float:left; height: 250px; background: url(../img/financiacion.jpg); background-size: 100%; position: relative}

.agencia {width: 100%;  float:left;height: 250px; background: url(../img/agencias.jpg); background-size: 100%; position: relative}
.disp{display:block; text-decoration: none}
.disp span{text-decoration: none}
a {
    text-decoration: none !important;
}

.back {
    background-position:center;
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
} 
.back:hover {
  background-size: 120%;transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
} 



footer { border-top: solid 5px #fff !important; width: 100%; min-height: 200px; background:#070707; padding:30px 0; padding-bottom: 0}

footer span{ color:#fff; font-size:13px; }
footer a{ color:#fff; font-size:13px; text-decoration: none }
footer a:hover{     color: #9d9d9d; font-size:13px; text-decoration: none }
.logo {width: 276px}
.logo_min{
    margin-top: 25px;
    margin-left: 25px;
}
.cont_img {float: left; margin-right:5px;}
.fl{ float: left}
.fr{ float: right}
.ml25 {margin-left: 25px}
.bot_foot {width: 100%; border-top: solid 1px #363636; padding: 10px 0; margin-top: 20px; color:#6f6b69; font-size:13px}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9000;
    display: none;
    float: left;
    min-width: 550%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.col-men {
    width: auto;
    max-width: 30%;
    float: left;
    min-height: 350px;
    border-right: solid 1px #e0dad8;
    padding: 10px;
}


.col-men span{ font-weight: bold; color:#28458c;}

.form-control {
    border-left: hidden;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-left: hidden;
    border-right: hidden;
    border-top: hidden;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#search {width: 100%;display:none; position:absolute; right:0; left:0; top: 125px; background: #fff; padding:15px; z-index: 9999}
.ir {
    width: 40px;
    float: right;
    background: #fff;
    border: solid 1px #000;
    float: right;
    padding: 6px 0;
    border: hidden;
    border: solid 1px #000;
    color: #000;
    text-align: center;
}
.se_imp {width:95%; float:left}

.panel-default>.panel-heading {
       color: #fff;
       background-color: #829594 !important;
    border-color: #ddd;
    background: url(../img/flech_aco.jpg);
    background-position: 99% center;
    background-repeat: no-repeat;
}
.panel-group .panel+.panel {
    margin-top: 5px;
    background-color: #829594;
}

.actives{
   color:#fff; text-decoration: none; background: url(../img/flech_aco2.jpg); background-position: 99% center; background-repeat: no-repeat; background-color:#2d3367; 
}
.panel-heading {
    padding: 0;}

.panel-heading h4{ padding: 10px;
    width: 100%;}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    background-color: #fff;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: inherit;
    width: 100%;
    display: block;
    text-decoration: none;
}
.grid figure h2 {
    word-spacing: auto;
    font-weight: 300;font-size: 27px;
}

.opa{ opacity: 1}
.opa:hover{ opacity: 0.8}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.wrapp_aco {width: 60%; float: left; background:#f0f0f0; padding: 25px}

.wrapp_datos {width: 40%; float: left; padding: 25px; background:#2d3367;}
.datos_ic{float: left; margin-bottom:10px; margin-top: 20px; margin-right: 20px}

.datos_1{float: left; margin-top: 50px;color:#fff; font-size: 19px;}



.datos_2{float: left; margin-top: 25px;color:#fff; font-size: 19px;}

.datos_2 span{font-size: 14px;}

.prom{ width: 50%; float: left}

.btn_sig { background: #58b9e9;
    border: hidden;
    color: #fff;
    padding: 25px 40px;    width: 100%;
    margin: auto;
    font-weight: bold;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}


.btn_sig:hover { background: #48aadb;
    border: hidden;
    color: #fff;
    padding: 25px 40px;
    margin: auto; margin-top: -2px; margin-bottom: 2px;-webkit-box-shadow: 0px 13px 37px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 13px 37px -13px rgba(0,0,0,0.75);
box-shadow: 0px 13px 37px -13px rgba(0,0,0,0.75);
    font-weight: bold;}


hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c6c5c4;
}

.ma {-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}


.ma:hover {  margin: auto; margin-top: -2px; margin-bottom: 2px;-webkit-box-shadow: 0px 13px 37px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 13px 37px -13px rgba(0,0,0,0.75);
box-shadow: 0px 13px 37px -13px rgba(0,0,0,0.75);
    font-weight: bold;}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.porde {padding: 7px 0;}
.pagi {text-align: right;}
.pagi2 {text-align: center; margin-top: 10px}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #655f5c;
    text-decoration: none;
    background-color: #fff;
    border: hidden;
    margin: 0 5px;
}

.pagi_flech{background-color: transparent !important; margin: 0 !important;}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #fff;
    background-color: #655f5c;
    border-color: #655f5c;
}

.sele{padding: 6px;
    border: hidden;}


.item_thumb {width: 100%; padding:5px;background: #fff; margin-top: 13px; margin-bottom: 15px; overflow: hidden; position:relative;border:solid 5px #fff;}


.item_thumb {width: 100%;  height: 320px; background: url("../img/ejemplo.jpg");  background-size: 109%; margin-bottom: 10px;}

.item_thumb:hover{  width: 100%; background: url("../img/ejemplo.jpg");  background-size: 112%; margin-bottom: 10px;}



.thumb_deta{width: 100%;
    position: absolute;
    right: 0;
    padding: 10px 0;
    bottom: 0;
    left: 0;
    background-color: #fff;}


.submmenu_item {width: 25%; color:#fff; float: left;  text-align: center;border-bottom: solid 5px #1786c8; -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.submmenu_item:hover {border-bottom: solid 5px #102d50; cursor:pointer; color: #102c4f}
.submmenu_item:focus {border-bottom: solid 5px #102d50; cursor:pointer; color: #102c4f}

.submmenu_item a { display: block; color:#fff; line-height: 60px;}
.submmenu_item a:hover { color: #102c4f }
.submmenu_item a:focus { color: #102c4f }


.desca { text-align: right}


.box1 {width: 25%; float: left; height: 250px; background: url(../img/1.jpg); background-size: 115%;}
.box2 {width: 25%; float: left; height: 250px; background: url(../img/2.jpg); background-size: 115%;}
.box3 {width: 25%; float: left; height: 250px; background: url(../img/3.jpg); background-size: 115%;}
.box4 {width: 25%; float: left; height: 250px; background: url(../img/4.jpg); background-size: 115%;}
.box5 {width: 25%; float: left; height: 250px; background: url(../img/5.jpg); background-size: 115%;}
.box6 {width: 25%; float: left; height: 250px; background: url(../img/6.jpg); background-size: 115%;}
.box7 {width: 25%; float: left; height: 250px; background: url(../img/7.jpg); background-size: 115%;}
.box8 {width: 25%; float: left; height: 250px; background: url(../img/8.jpg); background-size: 115%;}

.modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.hover08 img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover08:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


#subme {width: 100%; background: #1786c8; border-top: solid 5px #00529b;  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.fixed { position: fixed; top:0 ; right:0; left:0; z-index: 999; border-bottom: solid 1px #fff;}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
margin: 0;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    background: #000;
    text-align: center;
    cursor: pointer;
}

.grid {
    padding: 1px;}


.wrap_foto_us {width: 100%; max-height:450px; overflow: hidden }
.wrap_thumb_us {width: 25%; float: left; text-align: center; background: #fff; padding: 5px 0; max-height: 110px;
    border-bottom: solid 5px #fff; overflow: hidden; margin-top: 20px;}


















@media (max-width: 990px) {
  

 }

@media (max-width: 767px) {
.wrap_des1 {width: 100%; overflow: hidden; float:left}
.dest_2 {width: 100%; float:left}
.header {

    width: 100%;
    background-color: #fff;
    padding: 15px 0;font-size: 11px;
}

.desca { text-align: center}
.desca2 { text-align: center}
.datos_top {
    padding-top: 0;
}
.logo {width: 130px}

.head {
    padding: 0;
}

.item_thumb {background-size: cover !important; height: 330px;}
.orde {text-align: center;
    margin-bottom: 10px;}

.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: hidden;
    border-radius: 4px;
}

.loop_mob {float: right;
    margin-right: 15px;
    margin-top: 13px;}

#destacados h1 { font-size:18px;}

.logo_min{
    margin-top: 15px;
    margin-left: 20px;
}


.dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.navbar-inverse .navbar-nav>li {
    color: #fff;
    height: auto;
    padding-top: 15px;
}
.open {
    background: transparent;
}
.navbar-inverse .navbar-nav>li:hover {
     background: transparent;
}

.col-men{ width: 100%; max-width: 100%;  float: left; border-right: hidden; border-bottom: solid 1px #e0dad8}
.navbar-nav .open .dropdown-menu {
    background-color: #fff;}

#search {width: 100%;display:none; position:absolute; right:0; left:0; top: 103px; background: #fff; padding:15px; z-index: 9999}

.se_imp {width:80%; float:left}
.wrapp_aco {width: 100%; float: none; background:#f0f0f0; padding: 25px}

.wrapp_datos {width: 100%; float: none; padding: 25px; text-align: center}


.datos_ic{float: none; margin-bottom:10px; margin-top: 20px; margin-right: 0}
.datos_1{float: none; margin-top: 5px;color:#fff; font-size: 19px;}
.datos_2{float: none; margin-top: 5px;color:#fff; font-size: 19px;}

.prom{ width: 100%; float:none}

.wrap_foto_us {width: 100%; max-height:190px; overflow: hidden }
.wrap_thumb_us {width: 25%; float: left; text-align: center; background: #fff; padding: 5px 0;     max-height: 50px;
    margin-bottom: 30px; overflow: hidden; margin-top: 20px;}


.dest_1 {background-size: cover !important;}
.de_in_2 {background-size: cover !important;}
.financia {background-size: cover !important;
}
.agencia {height: 280px;
    background-size: cover;
    background-position: left !important;
}
.submmenu_item {
    width: 100% !important;}

.submmenu_item a {
    display: block;
    color: #fff;
    line-height: 30px;
}
.box1 {
    width: 100%;
}
.ma { max-width: 230px;
}

}



@media (max-width: 480px) {


	}