body {font-family: 'Open Sans', sans-serif; } 

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.barra-top {max-width:100%; background: url(../img/bg_top.jpg) repeat-x bottom #DBE8F8 ; font-size:0.95em; padding:4px 0 6px 0; font-weight:300; text-align:center }
.barra-top a { text-decoration:none; display:inline;  font-weight:300}
.barra-top h1,h2,h3 {font-size:0.95em; padding:0; margin:0; display:inline;  font-weight:300}

header {background: url(../img/bg_header.jpg) repeat-x bottom #4080C8; padding:8px 0 11px 0}
 header .logo {width:100%; max-width:395px;}
  header .telefono {width:100%; max-width:400px; text-align:center}
    .img_res {width:100%; display:inline-block; margin-top:10px; text-align:center}
  
  .cerrajero {width:100%; max-width:395px;}
 
 .servicio {text-align:center; font-size:1.5em; color:#FFF; font-weight:900; text-shadow: 1px 1px 1px #0e447f; margin:5px 0 0 0; padding:0} 
  .rapidez {
	text-align:center;
	font-size:1.1em;
	color:#FFF;
	font-weight:700;
	text-shadow: 1px 1px 1px #0e447f;
	margin:3px 0 0 0;
	padding:0;
	text-transform: uppercase;
} 
  .economicos {text-align:center; font-size:1.2em; color:#FFF; font-weight:700; text-shadow: 1px 1px 1px #0e447f; margin:3px 0 0 0; padding:0} 


nav.navbar ul.nav li {
    font-family: 'Open Sans', sans-serif; font-size:1.205em; color:#036; font-weight:600;} 

nav.navbar {
    background-color: none ;
}

.navbar-default .navbar-nav > li > a {
    color: #369;
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #D0E2F4;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #036;
    background-color: transparent;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 21px; border-right:1px #e5f0fb solid;  border-left:1px #bbd4ed solid;
}
.navbar {
    position: relative;
    min-height: 30px;
    margin-bottom: 0px;
    border: 0px solid transparent; background:#d0e2f4;
}
.menu {min-width:100%; background:#d0e2f4; border-top:1px solid #4080C8; border-bottom:2px solid #E5121B;  margin-top:8px;}
.navbar-default { background:none ; border:none; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #036;
    background-color: #DBE8F8;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background:#e7f1fd;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
    color: #369;
    text-decoration: none; font-size:0.85em; 
   
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #036;
    text-decoration: none;
    background-color: #DBE8F8;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #BED4EC;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #369;
}

.recuadro-t1 {background:#e8f0fa; color:#147; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; padding:15px; border:solid 2px #95C5ED; display:inline-block; min-height:285px; margin-top:12px; font-size:1.1em}
.recuadro-t2 {background:#e8f0fa; color:#147; -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; padding:15px; margin-top:12px;   border:solid 2px #95C5ED; display:inline-block; min-height:285px;  font-size:1.1em}


.encabezado {display:block; font-size:1.4em; font-weight:700; color:#E21417; padding:0; margin:0 0 10px 0 }

.btn-lg, .btn-group-lg > .btn {
    padding: 5px 16px;
    font-size: 16px;
    line-height: 1.35;
    border-radius: 6px; float:right;   margin-top:15px;
}


.txt_base { font-size:1.1em; margin-top:10px; color:#147 }
.txt_base2 { font-size:1.1em; margin-top:0px; color:#147 }
.txt_base3 { font-size:1.15em; font-weight:600; margin-top:10px; color:#147 }
.txt_negrita { font-size:1.2em; font-weight:bold; margin-top:10px; color:#147 }
.destacado { color:#E21417; font-size:1.2em}
.mtop15 {margin-top:15px;}

.control-label { font-size:1.1em;  color:#147 }
.llamada_atencion { font-size:1.3em; text-align:center; background:#E21417; padding:6px; color:#FFF;  -webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; }
.llamada_atencion a { color:#FFF;  -webkit-border-radius: 5px 5px 5px 5px;
 }
footer {border-top:2px solid #95C5ED; margin-top:10px; padding-top:10px}

.form-group input,label { margin-top:5px; display:block}

.dropdown:hover .dropdown-menu  {
   display: block;
}


.responsive { width:100%; height:auto}
.titulo p {color:#E21417; font-weight:bold; font-size:1.6em; margin-top:15px; display: inline-block;  border-bottom:2px #D0E2F4 dotted}

.titulo h3 {color:#E21417; font-weight:bold; font-size:1.6em; margin-top:15px; display: inline-block;  border-bottom:2px #D0E2F4 dotted}

.pi-error-container
.pi-alert-note,
.pi-alert-warning,
.pi-alert-danger,
.pi-alert-success,
.pi-alert-info {
  position: relative;
  border: 1px solid transparent;
  padding: 20px 35px 0 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 0 !important;
}
.pi-error-container
.pi-alert-note h1,
.pi-alert-warning h1,
.pi-alert-danger h1,
.pi-alert-success h1,
.pi-alert-info h1,
.pi-alert-note h2,
.pi-alert-warning h2,
.pi-alert-danger h2,
.pi-alert-success h2,
.pi-alert-info h2,
.pi-alert-note h3,
.pi-alert-warning h3,
.pi-alert-danger h3,
.pi-alert-success h3,
.pi-alert-info h3,
.pi-alert-note h4,
.pi-alert-warning h4,
.pi-alert-danger h4,
.pi-alert-success h4,
.pi-alert-info h4,
.pi-alert-note h5,
.pi-alert-warning h5,
.pi-alert-danger h5,
.pi-alert-success h5,
.pi-alert-info h5,
.pi-alert-note h6,
.pi-alert-warning h6,
.pi-alert-danger h6,
.pi-alert-success h6,
.pi-alert-info h6 {
  margin-bottom: 7px;
  font-size: 14px !important;
  font-weight: 600;
}
.pi-error-container .pi-alert-note .pi-close,
.pi-alert-warning .pi-close,
.pi-alert-danger .pi-close,
.pi-alert-success .pi-close,
.pi-alert-info .pi-close {
  width: 21px;
  height: 21px;
  text-shadow: none;
  float: none;
  position: absolute;
  top: 11px;
  right: 10px;
  text-align: center;
  opacity: 1;
  font-size: 22px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
.pi-error-container .pi-close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  opacity: .2;
}
.pi-error-container .pi-close:hover,
.pi-close:focus {
  text-decoration: none;
  cursor: pointer;
}
.pi-error-container button.pi-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.pi-error-container .pi-alert-note {
  background: #fff;
  border-color: #e5eaea;
  color: #787d82;
}
.pi-alert-note h1,
.pi-alert-note h2,
.pi-alert-note h3,
.pi-alert-note h4,
.pi-alert-note h5,
.pi-alert-note h6,
.pi-alert-note strong {
  color: #212326 !important;
}
.pi-error-container .pi-alert-note .pi-close {
  background: transparent;
  color: #D0D7DD;
  text-shadow: 0 1px 0 #fff;
}
.pi-error-container .pi-alert-note .pi-close:hover {
  background: transparent;
  color: #9ea2a7;
}
.pi-error-container .pi-alert-success {
  background: #b8ffaf;
  border-color: #9bf29d;
  color: #428956; font-weight:bold; font-size:1.2em;
}
.pi-error-container .pi-alert-success h1,
.pi-alert-success h2,
.pi-alert-success h3,
.pi-alert-success h4,
.pi-alert-success h5,
.pi-alert-success h6,
.pi-alert-success strong {
  color: #005A28 !important;
}
.pi-error-container .pi-alert-success a,
.pi-alert-success a:hover {
  color: #005A28;
}
.pi-alert-success .pi-close {
  background: transparent;
  color: #65DA81;
  text-shadow: 0 1px 0 #fff;
}
.pi-error-container .pi-alert-success .pi-close:hover {
  background: transparent;
  color: #05BD63;
}
.pi-error-container .pi-alert-info {
  background: #dcf6f8;
  border-color: #beeff3;
  color: #448D97;
}
.pi-alert-info h1,
.pi-alert-info h2,
.pi-alert-info h3,
.pi-alert-info h4,
.pi-alert-info h5,
.pi-alert-info h6,
.pi-alert-info strong {
  color: #154B7A !important;
}
.pi-alert-info a,
.pi-alert-info a:hover {
  color: #154B7A;
}
.pi-alert-info .pi-close {
  background: transparent;
  color: #76CECE;
  text-shadow: 0 1px 0 #fff;
}
.pi-alert-info .pi-close:hover {
  background: transparent;
  color: #5F96BB;
}
.pi-alert-danger {
  background: #f8b1b4;
  border-color: #e76b70;
  color: #e5121b; font-weight:bold; font-size:1.2em;
}
.pi-error-container .pi-alert-danger h1,
.pi-alert-danger h2,
.pi-alert-danger h3,
.pi-alert-danger h4,
.pi-alert-danger h5,
.pi-alert-danger h6,
.pi-alert-danger strong {
  color: #ae2128 !important;
}
.pi-alert-danger a,
.pi-alert-danger a:hover {
  color: #ae2128;
}
.pi-alert-danger .pi-close {
  background: transparent;
  color: #F58D74;
  text-shadow: 0 1px 0 #fff;
}
.pi-alert-danger .pi-close:hover {
  background: transparent;
  color: #e3512e;
}
.pi-alert-warning {
  background: #f8f6a2;
  border-color: #eee090;
  color: #7d6a3b;
}
.pi-alert-warning h1,
.pi-alert-warning h2,
.pi-alert-warning h3,
.pi-alert-warning h4,
.pi-alert-warning h5,
.pi-alert-warning h6,
.pi-alert-warning strong {
  color: #68422C !important;
}
.pi-alert-warning a,
.pi-alert-warning a:hover {
  color: #68422C;
}
.pi-alert-warning .pi-close {
  background: transparent;
  color: #ccb561;
  text-shadow: 0 1px 0 #fff;
}
.pi-alert-warning .pi-close:hover {
  background: transparent;
  color: #A37C37;
}
.pi-alert-with-icon {
  padding-left: 46px;
}
.pi-alert-with-icon.pi-alert-note:before,
.pi-alert-with-icon.pi-alert-danger:before,
.pi-alert-with-icon.pi-alert-warning:before,
.pi-alert-with-icon.pi-alert-info:before,
.pi-alert-with-icon.pi-alert-success:before {
  width: 26px;
  display: block;
  content: "";
  position: absolute;
  top: 20px;
  left: 10px;
  font-family: fontello;
  font-size: 18px;
  text-align: center;
}
.pi-alert-with-icon.pi-alert-note:before {
  content: "\e879";
  color: #d6d7cf;
}
.pi-alert-with-icon.pi-alert-danger:before {
  content: "\e8b7";
  color: #e3512e;
  font-size: 16px;
}
.pi-alert-with-icon.pi-alert-warning:before {
  content: "\e88c";
  color: #A37C37;
}
.pi-alert-with-icon.pi-alert-info:before {
  content: "\e920";
  color: #488BAA;
  font-size: 16px;
}
.pi-alert-with-icon.pi-alert-success:before {
  content: "\e914";
  color: #05BD63;
}
.pi-section-grey .pi-alert-note {
  background: #fff;
}


#myCarousel {background:#fff;}

.carousel slide {background:#fff;}

.carousel-caption {
    position: absolute;
    right: 15%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff; font-size:1.6em; font-weight:bold !important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.8); padding:10px 12px; background:rgba(64,128,200,0.8);
    bottom: 55px;
}


@media (max-width:767px){
	
	.dropdown:hover .dropdown-menu  {
   display: list-item;
}

.cerrajero_foto img {width:60% !important; height:60%!important;

.recuadro-t1 { min-height:185px; }
.recuadro-t2 {min-height:185px;  }
}