@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&subset=latin,latin-ext);
body { background: #fff; }

.somos img { width: 100%; height: auto; }
#mapa { width: 100%; height: 350px; margin-top: 20px; }
.cabezera { width: 100%; padding: 30px 0; background-color: #fff; margin-bottom: 0; }

.navbar { background-color: #1c1e40; margin-bottom: 80px; }

.navbar .container {  padding-left: 0; padding-right: 0; }
.navbar-inverse .navbar-nav>li>a { 
  height: 50px;
	color: #fff; font-size: 13px; font-family: 'Open Sans', sans-serif; 
  line-height: 50px; font-weight: 400; 
	text-transform: capitalize;
  transition: all 0.23s ease;
	-webkit-transition: all 0.23s ease;
	-moz-transition: all 0.23s ease;
	-o-transition: all 0.23s ease;
	-ms-transition: all 0.23s ease; }

.navbar-inverse .navbar-nav>li>a:hover { background-color: #3b509d; }
.navbar-inverse .navbar-nav>li .active { background-color: #1a3f8f; color: #fff; }

h1, h2, h3 {margin-top: 0; }

p { text-align: justify; }
.thumbnail .caption> p { text-align: left; }
p, .thumbnail .caption> p {font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color:#333;}

.thumbnail .caption> small {  margin-bottom: 8px; display: inline-block; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #999; }

h3 span { font-size: 20px; }

#columnas h3 {  
    color: #1a3f8f;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;     
    font-weight: 400;
    padding-top: 10px;
    margin-bottom: 5px;
  }

.tit { 
    color: #1a3f8f;
    font-size: 31px;
    font-family: 'Open Sans', sans-serif;     
    font-weight: 400;
    margin-bottom: 20px;
     display: inline-block;
    border-bottom: 2px solid #1a3f8f; padding-bottom: 8px;
         }

#subt { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #555; display: block; font-size: 17px; margin-bottom: 25px; }

#menu-i ul   { padding-left: 0; background: #f5f5f5; }
#menu-i ul a:first-child { border-top: 1px solid rgba(203, 203, 203, 0.7);}

#menu-i ul a {
  text-decoration: none;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 13.5px;
 display: block; padding: 12px 0 12px 12px;
 border-bottom:1px solid rgba(203, 203, 203, 0.5);
 color: #333;
}

#menu-i ul a:after, #menu-i ul a:visited:after {
  content: '';
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  background: #1a3f8f; 
  color: #fff; 
  transition: all 0.23s ease;
  -webkit-transition: all 0.23s ease;
  -moz-transition: all 0.23s ease;
  -o-transition: all 0.23s ease;
  -ms-transition: all 0.23s ease; 
}
#menu-i ul a:hover:after, #menu-i ul a:visited:hover:after {
  width: 100%;
}

#menu-i ul a, #menu-i ul a:visited {
  display: block;
}
#menu-i ul a.hover, #menu-i ul a:visited:hover {
  background: #1a3f8f;
}

.on { background: #1a3f8f; color: #fff !important; }

.ocultar img { margin-bottom: 20px; width: 100%; height: auto; }
#cuerpo-d { margin-top: 20px;}
#cuerpo-d h1, .subh1 { font-family: 'Open Sans', sans-serif;     
    font-weight: 400; font-size: 22px; color: #1a3f8f;
    line-height: 118%; padding-bottom: 8px; display: inline-block; } 

footer { width: 100%; background: #000; padding: 25px 0; margin-top: 160px; }
footer p, footer h3 { font-size: 11px; letter-spacing: 1.6px; color: #fff;}
footer p {  font-weight: 300; }
footer h3 { color: #888; text-transform: uppercase; font-weight: 400; }

footer span { margin-right: 5px; font-size: 13px; }

.footer-logo { margin: 0 auto; padding: 13px 0 10px 0; display: block; width: 50px; height: auto; }
.footer-txt { font-size: 10px; margin-bottom: 0; }
footer .info { margin-top: 23px; }

#columnas {
    -moz-column-count: 4;
    -moz-column-gap: 30px;
    -moz-column-fill: auto;
    -webkit-column-count: 4;
    -webkit-column-gap: 30px;
    -webkit-column-fill: auto;
    -ms-column-count: 4;
    -ms-column-gap: 30px;
    -ms-column-fill: auto;
    -o-column-count: 4;
    -o-column-gap: 30px;
    -o-column-fill: auto
    column-count: 4;
    column-gap: 30px;
    column-fill: auto
}

#columnas .thumbnail {
    -moz-column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    column-break-inside: avoid;
    display: inline-block;
}

#back-somos { 
  background: url(../img/somos.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

}

.back-layer { color: #fff !important; margin: 15px 0 15px 15px; padding: 20px 20px; }
.back-layer h1 {  color: #fff;
    font-size: 31px;
    font-family: 'Open Sans', sans-serif;     
    font-weight: 400;
    margin-bottom: 20px;
     display: inline-block;
    border-bottom: 2px solid #fff; padding-bottom: 8px; }
.back-layer h2 {  font-family: 'Open Sans', sans-serif;     
    font-weight: 400; font-size: 22px; color: #fff;
    line-height: 118%; padding-bottom: 8px; display: inline-block; }
.back-layer p { color: #fff; text-align: left; }

.container-contacto form input, 
.container-contacto form textarea { width: 100%; padding: 7px 12px; margin-bottom: 10px; }
.container-contacto form input[type="button"] { width: 100px; text-align: center; 
 padding: 7px 0; float: right; background: #1c1e40; color: #fff; border: none; 
 font-size: 12px; letter-spacing: 0.8px;
 }

.container-contacto form input[type="button"]:hover { background: #3b509d; } 

.container-contacto p { padding-bottom: 10px; }
.container-contacto h3 { font-size: 17px; font-weight: 400; color: #3b509d; margin-bottom: 5px; }
.container-contacto h3 span { font-size: 15px; margin-right: 5px; }

 .respuesta span { color:  #3b509d; font-size: 14px; font-weight: 400; display: inline-block; padding: 0 0 20px 15px; }
 
 .espacio0 { width: 100%; height: 30px; }
 .espacio1 { width: 100%; height: 20px; }
 .espacio2 { width: 100%; height: 10px; }