/* - - - - - - - - - - - - - - - Elementos Personalizados*/

a,.tp-caption a.btn:hover {
  color: #67b0d1;
}
.top-nav-collapse {
  background: #fff;
  box-shadow: 1px 1px 4px rgba(0,0,0,.2);
}

.navbar-custom ul.nav ul.dropdown-menu li a:hover {
  color: #67b0d1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #67b0d1;
}

.widget-avatar .avatar:hover {
    border: 5px solid #67b0d1;
}

.bg-skin {
  background: #67b0d1;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  border-color: #67b0d1;
}


.btn-skin {
  color: #fff;
  background-color: #67b0d1;
  border-color: #67b0d1;
}


.navbar-fixed-top{
  /*background-color: #67b0d1;*/

}












/*---------------------------------- */
.btn {
  /*padding: 8px 15px;*/
  font-size: 12px;
  line-height: 1.42857143;
  /*min-width: 160px;*/
  text-align: center;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn-default {
  background-color: #000;
  border: 1px solid #cccccc;
  color: #fff;

}

/* ---------------------------------- */

/* Pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
  background-color: #a71932;
  border-color: #55acee;
  color: #ffffff;
}
.nav-pills > li > a {
  border-radius: 0;
  padding: 8px 20px;
  /*border: 1px solid #cacaca;*/
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
}



/* Tabs
---------------------------------- */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li > a:hover {
  background-color: #a71932;
  
  color: #ffffff;
}
.nav-tabs > li > a {
  border-radius: 0;
  padding: 8px 20px;
  
  color: #7d7c7c;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
}



/* Modales
---------------------------------- */
.modal-content {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.modal-header {
  background-color: #a71932;
  color: #ffffff;
}
.modal-header h4 {
  color: #ffffff;
}
.modal-header .close {
  font-weight: 300;
  color: #FFFFFF;
  text-shadow: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
  .modal-lg {
    width: 1140px;
  }
}



.cuad_serv{
  background-color: #EDEDED;
  margin: 10px;
  width: 31%;
  padding: 20px;
  min-height: 500px;
}

#pienegro{
height: 20px;
background: #000;
}

#container-mapa{
  padding-bottom: 80px;
  padding-top:10px;
}


#slider_alianzas{
  background-color: #F3F3F3;
  min-height: 200px;
  padding-top: 40px;
}

#imagen_servicios{
  background-color: #339BEB;
  background: url(../img/slider_2.png) center center;
  background-size: cover;
  min-height: 300px;
}

.serv{
  padding: 10px 10px 10px 10px;
  
  margin: 5px 5px 5px 5px;
  width: 22%;
  
  min-height: 180px;
}

.serv_borde{
  border-right: solid 1px #000;
}


.serv p{
  padding-top: 40px;
  font-size: 14px;
}

.space{
  padding-bottom: 5px;
  padding-top: 5px;
}


.navbar-nav{
  display:inline-table; 
  margin:0px auto;
}

.upper{
  font-size: 90%;
}
.upper a{
  color: #000;
}


#intro_falso{
  height: 150px;;

}


/*- - INDEX - - - - - - - - - - - - - - - - - - - - - - - - */

#index_salones{

}

#index_salones p{
font-size: 120%;
line-height: 200%;
}
#index_salones em{
  font-size: 130%;
  }


#index_nuestros_salones{

}


.cuad_salon{
  min-height: 240px;
  background-color: #EDEDED;
  padding: 90px 20px 20px 20px;
  text-align: center;


  -webkit-transition: all .41s ease-in-out;
 
 
  
}

.cuad_salon:hover{
  background-size: 120%;

}


.cuad_salon a{
  padding: 10px 10px;
  border: solid 2px #fff;
  background-color: rgba(0,0,0,.2);
  color: #fff;

}

.cuad_salon a:hover{
  background-color: #fff;
  color: #000;

}



.borde-left{
  border-left: solid 5px #fff;
}

.boton1{
  
  background: url(../img/boton_1.jpg) center;;
  background-size: 100%;
}
.boton2{
  background: url(../img/boton_2.jpg) center;
  background-size: 100%;
}
.boton3{
  background: url(../img/boton_3.jpg) center;
  background-size: 100%;
}
.boton4{
  background: url(../img/boton_4.jpg) center;
  background-size: 100%;
}






/*- - SOMOS - - - - - - - - - - - - - - - - - - - - - - - - */

#somos_salones{

}

.somosparrafo{
  font-size: 110%;
  line-height: 200%;
}

.somos-textob{
  font-size: 150%;
}

#somos_alcanzando{
  background:url(../img/slogan.jpg) center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;

}

#somos_testimonios{

}

#somos_testimonios em{
  font-size: 130%;
}

    #somos_canvas_testimonios{
      background-color: #F8F0F1;
      padding-top: 40px;
      padding-bottom: 100px;
      
    }






/*- - SALONES - - - - - - - - - - - - - - - - - - - - - - - - */

#salones_intro_salones{

}

#salones_intro_salones .im{
  padding: 4px 4px 4px;
}

#salones_intro_salones .imagen{
min-height: 450px;
background-color: #ccc;

}

#img_p1{
  background: url(../slider_salones/ba1.png) center;
  background-size: cover;

}
#img_p2{
  background: url(../slider_salones/ba2.png) center;
  background-size: cover;
  
}
#img_p3{
  background: url(../slider_salones/ba3.png) center;
  background-size: cover;
  
}
#img_p4{
  background: url(../slider_salones/ba4.png) center;
  background-size: cover;
  
}






#salones_jp{ /*- - - - - - - - */
 margin-bottom: 50px;
 
  
}
    #salones_jp_canvas{
      margin-top: 40px;
      
      
    }

    #salones_jp_canvas .im{
      padding: 5px 5px 5px 5px;
      background-position: top center;
      background-size: cover;
    }

    #salones_jp_canvas .imagen{
      min-height: 300px;
      background: #000;
    }










#salones_tja{/*- - - - - - - - */
  padding-bottom: 50px;
  
}
    #salones_tja_canvas{
      margin-top: 40px;
  
    }

    #salones_tja_canvas .im{
      padding: 5px 5px 5px 5px;
      background-position: center center;
      background-size: 100%;
    }

    #salones_tja_canvas .imagen{
      min-height: 300px;
      background: #000;
    }



#salones_qa{/*- - - - - - - - */
  margin-bottom: 100px;
  
}
    

    #salones_qa_canvas{
      margin-top: 40px;
  
    }

    #salones_qa_canvas .im{
      padding: 5px 5px 5px 5px;
      background-position: bottom center;
      background-size: 100%;
    }

    #salones_qa_canvas .imagen{
      min-height: 300px;
      background: #000;

    }

















#salones_srp{/*- - - - - - - - */
  margin-bottom: 100px;
}
    


    #salones_srp_canvas{
      margin-top: 40px;
  
    }

    #salones_srp_canvas .im{
      padding: 5px 5px 5px 5px;
      background-position: center center;
      background-size: contain;
    }

    #salones_srp_canvas .imagen{
      min-height: 300px;
      background: #000;


    }




/*- - SERVICIOS - - - - - - - - - - - - - - - - - - - - - - - - */
#servicios_eventos{


}

.cuad-eventos{

}


#servicios_servicios{
  
}

#servicios_servicios .row{
padding-top: 40px;
padding-bottom: 40px;
}




.canvas-servicio{
  padding-top: 20px;
  padding-bottom: 80px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
  background-color:#EDEDED;

  border: solid 2px #fff;
transition: all 0.2s ease-in-out;

}
.canvas-servicio img{
margin-bottom: 10px;

}




.canvas-servicio:hover{
  border: solid 2px #ccc;
  }



  .videoleft{
    -webkit-box-shadow: 22px 22px 0px 0px rgba(242,242,242,1);
-moz-box-shadow: 22px 22px 0px 0px rgba(242,242,242,1);
box-shadow: 22px 22px 0px 0px rgba(242,242,242,1);
  }


  .videori{
    -webkit-box-shadow: -21px 22px 0px 0px rgba(242,242,242,1);
    -moz-box-shadow: -21px 22px 0px 0px rgba(242,242,242,1);
    box-shadow: -21px 22px 0px 0px rgba(242,242,242,1);
  }





/*- - BLOG - - - - - - - - - - - - - - - - - - - - - - - - */
#blog_head{
  background-color:#55acee;
  height: 280px;
  background: url(../img/up_blog.jpg) center;
  background-size: cover;
}

#blog_blog{

}

#blog_blog p{
  font-size: 95%;

}





/*- - CONTACTO - - - - - - - - - - - - - - - - - - - - - - - - */

#contacto_head{
  background-color:#7d7c7c;
  height: 280px;
  background: url(../img/up_contacto.jpg) center;
  background-size: cover;
}


#contacto_contacto{

}

#contacto_mapa{
  
}