/* sandb */


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,700,600,700italic,800,800italic);




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


@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  }
.archive .col-md-6 h2 a:hover{
	color:#fff;
}
 .archive .col-md-6 img{
      height:20vw;
      object-fit:cover
    }
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}

/*
MEGANAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar,
On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
.mega-menu ul a {
	color: #666;
}
.has-children > a {
	font-size: 15px;
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.has-children {
		border-right: 1px solid #e7e7e7
	}
	.has-children:last-of-type {
		border-right: 0
	}
}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
An example of how to use CSS to display an image as a background of an HTML element.
*/

#site-title a {
  display: inline-block;
  padding: 30px 0 30px 100px;
  background: url(../img/bst.png) 0 0 no-repeat;
  background-size: 95px 95px
}
#site-title a:hover {
  background: url(../img/bst-hover.png) 0 0 no-repeat;
  background-size: 95px 95px;
  text-decoration: none
}
.main-nav {
  margin-top: 20px
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Woocommerce re-styling
*/

.woocommerce a:focus {
  outline: none
}
.woocommerce .count {
  background: inherit
}
.woocommerce .added_to_cart {
  display: block !important
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0
}

/* New Emage CSS */


body.home header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.5);
	padding-top: 10px;
	padding-bottom: 10px;
}
img{
	max-width:100%;
	height:auto
}
header{
    background:#000;
	padding-top: 10px;
	padding-bottom: 10px;
}
article header{
	background:#14357a;
	padding:15px;
	color:#ddd
}
article header a{
	color:#eee
}
#inicio h1 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 30px;
}
#inicio h3 {
	margin-bottom: 0;
	margin-top: 2px;
	font-weight: 300;
	font-size: 32px;
}


#nosotros {
	color: #fff;
	padding-top: 70px;
	padding-bottom: 70px;
}

#clientes {
	padding-top: 50px;
	padding-bottom: 10px;
}

#beneficios {
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

ul#menu-menu-principal-1.menu li{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	margin-right: 20px;
	margin-left: 20px;
}

#beneficios h2{
	margin-top: 0;
	margin-bottom: 0;
}


header li.btn-cotiza a{
	background: url(../img/btn-azul.jpg) repeat-x 0 center;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
.cotiza-box{
	margin-bottom: 20px;
}
.cotiza-box a{
	background: url(../img/btn-azul.jpg) repeat-x 0 center;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	display: block;
	color: #fff;
	font-weight: bold;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-bottom: 7px;
}
.cotiza-box a:hover{
	text-decoration: none;
}

#servicios div.wpb_wrapper div.wpb_text_column.wpb_content_element {
	margin: 0;
}

#menu-menu-principal {
	text-transform: uppercase;
	margin-top: 12px;
}

#menu-menu-principal li a{
	color: #fff;
	font-weight: bold;
}

a.navbar-brand {
	background: url(../img/logo.png) no-repeat;
	overflow: hidden;
	width: 219px;
	height: 70px;
	line-height: 800px;
	text-indent: 800px;
}



#servicios{
	min-height: 300px;
}
#servicios h3{
	margin: 0;
	padding: 15px;
	font-size: 21px;
	background-color: rgba(0,0,0,0.7030901);
	min-height: 80px;
}

#servicios h3 a{
	color: #fff;
	font-weight: 700;
	display: block;
}




#servicios h3 a:hover{
	text-decoration: none;
	color: #ff8221;
}
div.footer {
	color: #fff;
	background-color: #000;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

div.caption-slider-home {
	margin: 0;
	position: absolute;
	right: 0;
	top: 230px;
	width: 420px;
	background-color: #143579;
	color: #fff;
	padding: 30px;
}

div.sidebox div.wpb_wrapper {
	padding: 6px;
	margin-bottom: 20px;
}

div.marcas h4 {
	font-weight: 700;
	color: #143579;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 330px;
	border: 1px solid #143579;
	padding: 10px;
	margin-bottom: 20px;
}

div.marcas {
	font-size: 11px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f1f1f1;
}
div.sidebox table{
	vertical-align: top;
	margin-top: 20px;
}

h2, h3 {
	font-weight: 700;
}
div.sidebox table img{
	width: 80px;
	height: auto;
}

div.sidebox table td{
	padding-right: 18px;
	font-weight: bold;
	font-size: 16px;
}
div.sidebox {
	background-color: #2c2c2c;
	color: #fff;
	position: relative;
	top: -80px;  -moz-box-shadow: 6px 6px 0px rgba(0,0,0,0.09919085);
    -webkit-box-shadow: 6px 6px 0px rgba(0,0,0,0.09919085);
    box-shadow: 6px 6px 0px rgba(0,0,0,0.09919085)0;
}

div.sidebox div.wpb_text_column.wpb_content_element {
	margin-bottom: 10px;
}




div.footer p{
	margin: 0;
	font-size: 12px;
}

div.footer a{
	color: #fff;
}
#beneficios h3{
	margin-top: 0;
	margin-bottom: 0;
}

.cover{
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	height: 320px;
	align-items: center !important;
	overflow:hidden;
	padding: 0;
	margin-bottom: 50px;
}

.cover:before{
	content:"";
	background:rgba(0, 0, 0, 0.4);
	display:block;
	width:100% !Important;
	height:100% !Important;
	position:absolute !important
	
}

#social-links {
	float: right;
}
#social-links{
	margin-top: 19px;
}
#social-links ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#social-links ul li{
	display: inline-block;
}
#social-links ul li span{
	display: none;
}
#social-links ul li a{
	color: #fff;
	font-size: 21px;
}
.cover h2{
	font-weight: 900;
text-transform:uppercase;
	color:#fff;
	pointer-events:none;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center !important;
	position: relative;
	top: 40%;
}

button.navbar-toggle {
	border-radius: 0px;
	border: none;
	margin-top: 17px;
}

button.navbar-toggle span{
	background-color: #fff !important;
}

div.logo-container {
	text-align: center;
}

.registros {
	text-align: left;
	background-color: #f4f4f4;
}

.registros h3 strong{
	color: #2b4987;
}
.contenido{
	padding:0 5%
}
@media (max-width: 600px){
	div.caption-slider-home {
	margin: 0;
	position: static;
	width: 100%;
	background-color: #123378;
	color: #fff;
	padding: 30px 40px;
	z-index: 9999;
}

#inicio div.vc_column-inner{
	padding-right: 0;
	padding-left: 0;
}
}
@media (max-width: 767px){
	
	.registros {
	text-align: center;
	background-color: #f4f4f4;
}

	.registros div.wpb_single_image.wpb_content_element {
	margin-bottom: 0;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


	#social-links{
	margin-top: 0;
	float: none;
}


#nosotros {
	color: #fff;
	padding: 0 30px !important;
}



#servicios div.vc_column-inner {
	height: 250px;
}
.cover{
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	height: 170px;
	align-items: center !important;
	overflow:hidden;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;
}
.cover h2{
	font-size: 24px;
	padding-right: 20px;
	padding-left: 20px;
}

}