/*
 *<style>
 */


 @font-face {
font-family:'Open sans';
src: url('./fonts/OpenSans-Regular.ttf');
}
* { border:0; padding:0px; margin:0px; }
a { outline: none; cursor:pointer;text-decoration: none;}
html{ height: 100%;font-size: 14px;}
body{font-family: 'open sans', Arial,'sans-serif'}
h1{color:#434a54;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.no-padding-lr{padding-left:0px !important;padding-right: 0px !important;}
.no-margin-lr{margin-right: 0px !important;margin-left: 0px !important;}
.no-padding-l{padding-left: 0px !important;}
.no-padding-r{padding-right: 0px !important;}
.no-margin-r{margin-right: 0px !important;}
.no-margin-r{margin-left: 0px !important;}
.relative{position: relative;}
.bg-white{background-color: white;}
@media screen and (max-width: 767px){
  .xs-text-center {
      text-align: center; margin-bottom:15px;font-size: 0.9rem;
  }
}
a:hover, a:focus{font-weight: 700;}
/******************** Preheader *******************/
.preheader-wrapper {padding-top:15px;padding-bottom: 15px;border-bottom: 1px solid #f0f0f0;}
.preheader-wrapper .fa{color:#a5b1bc;}

.ph-info{color:#a5b1bc;margin-right: 15px; margin-left:5px;cursor:default;}
.ph-info a, .ph-info a:hover{color:#a5b1bc; cursor:pointer; text-decoration: none;}
/***********Fin preheader - el menu se estila en bootstrap_custom.css*************/

/******************* Header *****************/
.dropdown.open .dropdown-menu li.open{color: white;
    text-decoration: none;
    background-color: #297bb3;}
.dropdown.open .dropdown-menu li.open{color: white;
    text-decoration: none;
    background-color: #297bb3;}
.dropdown-menu > li.sub-1 > a.highlighted{color:white;}
.title-header{font-size: 1rem;    color: #a5b1bc;
    margin:0px 15px 0px 0px;
}
.carousel-caption{text-shadow: black 0.1em 0.1em 0.2em;font-size: 1.5rem; background-color: rgba(0,0,0,0.3);bottom:0px;right:0px !important; left:0px !important;width:100%;}
.cover{
  background:url(https://www.conserjalia.com/imagenes/0012/coloredbg1.png) repeat center; 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}
li{font-size: 1.1rem}
@media(min-width: 992px){
  #main-menu{margin-top:22px;}
}
@media screen and (max-width: 767px){
  .dropdown.open .dropdown-menu li.open{
    color: #333;
    text-decoration: none;
    background-color: #fff;
  }
  .carousel-caption {

    padding-top: 0px !important;
    padding-bottom: 0px !important;

  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #4171b1;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#4171b1;}
}
 .main-option a:hover, .main-option a:focus {font-weight: 700;}
.container-fluid.affix{top:0;background-color: white;z-index: 99; opacity:0.95;width: 100%;padding-right: 15px;border-bottom: 1px solid #4171b1;}
.container-fluid.affix:hover{ opacity:1;}
.navbar{margin-bottom: 0px;}
.navbar-toggle{margin-top: 17px !important;margin-right: 0px !important;}
.navbar-default .navbar-toggle{border:none; color:#4171b1;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#4171b1}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color:white;}
.fa-chevron-down.visible-xs {float: left; margin-left:5px;}
.fa-chevron-down {margin-right:5px;}
.fa-chevron-left {margin-right:5px;}
.dropdown-menu > li > a {color:#4171b1;}
.carousel-control{z-index:5;}
.dropdown-menu .divider{margin-top: -1px;}
.carousel-control{width:5%;}
.carousel-control .glyphicon-circle-arrow-left,
.carousel-control .glyphicon-circle-arrow-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-circle-arrow-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-circle-arrow-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .glyphicon{font-size: 2rem; color:white; background-color: #c7c7c7;border-radius: 999px;padding: 11px;
    height: 50px;
    width: 50px;}
.carousel-control .glyphicon:hover,
.carousel-control .glyphicon:focus {
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}
/********************* Fin Header **********************/


/********************* Breadcrums **********************/
.breadcrum{padding-top:15px;font-size: 1.2rem; color: #4171b1;}
.breadcrum .fa-angle-right{margin: auto 10px;}
.breadcrum a{text-decoration:none;}
.breadcrum .active{font-weight: 700;}
/********************* Fin Breadcrums **********************/

/******************** Footer *************************/
.footer-wrapper{background-color:#282d33 ;color:#6a6f76;padding-top:15px;padding-bottom: 15px;}
.footer-wrapper h3, .footer-wrapper .h3 {color:white;font-size: 1.2rem}
.ul-footer{list-style-type: none;padding-left: 20px;}
.ul-footer > li {margin-bottom:15px;}
.ul-footer > li i{margin-right:5px;}
.ul-footer a {color:#6a6f76;cursor:pointer;text-decoration: none;}
.ul-footer a:hover {color:#6a6f76;}
.subfooter-wrapper{background-color:#323840 ;color:#6e737b;padding-top:15px;padding-bottom: 15px;}
.subfooter-wrapper a {color:#6e737b;cursor:pointer;text-decoration: none;}
.subfooter-wrapper a:hover {color:#6e737b;}
.cs{font-size: 0.8rem;}
/******************** Fin Footer ********************/



/******************** Sidebar ********************/
.ul-sidebar{list-style-type: none;}
.ul-sidebar > li{    margin-bottom: 20px;
    padding: 10px;
    background-color: #4171b1;
    color: white;}
.ul-sidebar >li a{color: white;}
.ul-sidebar >li a:hover{font-weight: 700;text-decoration: none;}
.ul-sidebar >li i{    margin-right: 10px;font-size: 1.2rem;}
/******************** Fin Sidebar ********************/


/******************** Plantilla ********************/
#main{padding-bottom:70px;}
.page-title{padding-bottom: 10px;}
@media(max-width: 767px){
  .xs-center{margin:0 auto;}
}
#mapa_tiendas{width:100%;min-height: 500px;}

.contact-content a{color: #333;}
.contact-content a:hover{font-weight: 700;text-decoration: none;}
/******************** Fin plantilla ********************/


/******************** Formularios ********************/
@media (min-width: 768px){
  .form-horizontal .control-label {
      text-align: left;
  }
}
.formulario {background: #BBD0E2;border: 1px solid #001946;padding-left: 10px;padding-top: 20px;padding-bottom: 10px;}
@media (min-width: 768px){
.custom-margin-txtarea{    margin-right: 0px !important; margin-left: 0px !important; }
}
@media(max-width: 767px){
  .custom-margin-txtarea{    margin-right: 0px !important;}
}
.enviar{padding:5px 15px;background-color: #4171b1; color:white;}
.enviar:hover{font-weight: 700;}
/******************** Fin Formularios ********************/


/* FORMULARIOS */

#content .formulario { display: table;width: 100%;background: #BBD0E2;border: 1px solid #001946;padding-left: 10px;padding-top: 10px;padding-bottom: 10px;}
#content .formulario .multicol .izq {float: left;width: 147px;overflow: hidden;height: 30px;padding-right: 10px;margin-bottom: 10px;}
#content .formulario .multicol .dch {float: left;width: 147px;overflow: hidden;height: 30px;padding-right: 10px;margin-bottom: 10px;}
#content .formulario .multicol .dch input {border: 1px solid black;width: 145px;height: 28px;}
#content .formulario .monocol .izq {float: left;width: 167px;overflow: hidden;height: 30px;padding-right: 10px;margin-bottom: 10px;}
#content .formulario .monocol .dch {float: left;width: 440px;overflow: hidden;height: 30px;padding-right: 10px;margin-bottom: 10px;}
#content .formulario .monocol .dch input {border: 1px solid black;width: 439px;height: 28px;}
#content .formulario .area{float: left;width: 100%;margin-bottom: 10px;}
#content .formulario .area .pregunta{}
#content .formulario .area .respuesta{}
#content .formulario .area textarea{border: 1px solid black;width: 616px;height: 40px;margin-top: 5px;}
#content .formulario .enviar {float: left;width: 60px;margin-left: 285px;margin-bottom: 15px;margin-top: 5px;height: 30px;border: solid 1px #0C2F63;}

#parte_horas {display: table;width: 100%;background: #BBD0E2;border: 1px solid #001946;padding-top: 10px;}
#content .parte {}
#content .parte .nombre {padding: 0 10px 10px 10px;}
#content .parte .nombre .pregunta {float: left;margin-right: 10px;line-height: 30px;}
#content .parte .nombre .respuesta {}
#content .parte .nombre .respuesta input {height: 30px;width: 290px;border: 1px solid black;}
#content .parte .resumen { border-top: 1px solid black;}
#content .parte .resumen .ultima { border-right: none !important; }
#content .parte .resumen .pqnio { width: 45px; }
#content .parte .resumen .medio {}
#content .parte .resumen .grande { width: 150px; }
#content .parte .resumen tr { border: 1px solid black;height: 30px; }
#content .parte .resumen td { border-right: 1px solid black;text-align: center;vertical-align: middle;border-bottom: 1px solid black;}
#content .parte .resumen input { text-align:center; width:100%; height: 30px;}
#content .parte .novedades {}
#content .parte .novedades .check {}
#content .parte .novedades .descripcion {}
#content .parte .texto {}
#content .parte .texto textarea {}


.sidebar{ float: left;  width: 250px;  padding: 0;  margin-top: 10px;  margin-bottom: 10px;}
.banners {width: 200px;padding-left: 30px;float: left;}
.banners .banner { float:left; margin-top: 15px; }
.sidebar_item{ font: normal 100% Arial, Helvetica, sans-serif;  padding: 0 0 0 15px;  width: 201px;}
.sidebar h2{ padding: 8px 0 0 10px;  height: 40px;  color: #FFF;  background: transparent url(https://www.conserjalia.com/imagenes/0012/00000004osovx.jpg) no-repeat;}  
.content_container
{ width: 280px;
  padding: 5px;
  margin-right: 10px;
  float: left;}
  
#content_grey
 { width: 920px;
  height: 150px;
  text-align: center; 
  background: transparent url(https://www.conserjalia.com/imagenes/0012/00000005xojlj.jpg) repeat;
  color: #FFF;} 
  
.content_grey_container_box
{ width: 270px;
  padding: 5px;
  text-align: center;
  margin: 20px 10px 10px 10px;
  float: left;
  color: #FFF;}

.content_grey_container_boxl
{ width: 270px;
  padding: 5px;
  text-align: center;
  margin: 20px 0 10px 10px;
  float: left;
  color: #FFF;}
  
#footer
{ width: 920px;
  height: 20px;
  padding-top: 20px;
  text-align: center; 
  background: transparent;
  color: #1D1D1D;}

#footer a, #footer a:hover
{ color: #684430;
  text-decoration: none;
  padding-bottom: 20px;}

#footer a:hover
{ text-decoration: underline;}

#footer a, #footer a:hover
{ color: #1D1D1D;
  text-decoration: none;}

#footer a:hover
{ text-decoration: underline;}
  
 .readmore
{ height: 30px;
  padding-left: 23px;
  color: #FFF;
  background: transparent;}
  
 .readmore a
{ color: #FFF;}
 
 .button_small
{ height: 25px;
  width: 80px;
  padding: 10px 0 0 8px;
  background: #297BB3;
  border: 1px solid #1F4763;}
  
.button_small a
{ color: #FFF;
  padding-left: 5px;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 280px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 2px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings input[type="checkbox"]
{ padding: 2px 0; 
  width: 15px; 
  font: 100% arial; 
  border: 0; 
  background: #FFF; 
  color: #47433F;
  margin: 28px 0;}

.form_settings .submit
{ font: 100% arial; 
  border: 1px solid; 
  width: 99px; 
  margin: 0 0 0 206px; 
  height: 26px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #5082BD; 
  color: #FFF;}

/* styling for the slideshow on the homepage */
ul.slideshow {
  list-style: none;
  width: 880px;
  height: 250px;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding-top: 20px;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
.show img { width:880px; height:250px; }
 
#slideshow-caption {
  width: 880px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  background: transparent url(https://www.conserjalia.com/imagenes/0012/00000006owrha.png) repeat;  
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;}
 
.texto ul {
    padding-left: 40px;
}