/* ferza */
@import url(http://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;

}

body, html{
	overflow-x: hidden;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background-color: #fff;
}


.container {
    max-width: 1060px;
     max-width: 1060px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}

#footer-der {
	padding: 0;
	display:flex;
	justify-content:space-between
}
.iconos .wpb_text_column{
	text-align:center
}
.iconos img{
	width:80%;
	max-width:200px;
	transition:all 0.4s
}
.iconos img:hover{
	filter: grayscale(0.9);
}

.iconos h4{
	text-transform:uppercase;
	color:#26468a;
	font-weight:700;
	border-bottom:1px solid;
	cursor:pointer;
	padding:10px;
	margin:0 50px 20px 50px
}

.tp-caption{
	background:#1C437C;
	padding:25px !important;
	margin-left:-15px !important 
}
.tp-caption h2{
	margin:0px !important;
	font-weight:900 !important;
	text-transform:uppercase
}
/*
HOVERNAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.
If you don't want this, delete this segment of the CSS and delete the corresponding segment of bst.js
*/
@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  }


  /* 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
}

.vc_row-has-fill{
	background-size:cover !important
}

/*
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 */

div.about-intro h2{

	font-weight: 700;
	color: #274E9D;
}

div.servicios-info h2{
	color: #274E9D;
	font-size: 20px;
	font-weight: bold;
}

aside.sidebar h3{
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	color: #034762;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}

aside.sidebar ul li a{
	font-size: 12px;
	color: #000;
}

aside.sidebar ul li{
	border-bottom: 1px dashed #bbb;
	padding-bottom: 10px;
}

.blog-entradas {
	font-size: 13px;
}

#blog-foto {
	overflow: hidden;
	margin-bottom: 20px;
	max-height: 350px;}

h2.titulo-entrada {
	font-size: 22px;
		color: #044763;
	text-transform: uppercase;
	font-weight: bold;
}
h2.titulo-entrada a{
	color: #044763;
}
#blog-foto img{
	max-width: 100%;
	height: auto;
}
div.servicios-info h3{
	font-weight: 700;
		color: #274E9D;
}
div.servicios-info h4{
	color: #e22925;
}
div.servicios-info{
	padding-top: 55px;
	padding-bottom: 20px;
}
div.mision-row{
	padding-top: 45px;
	padding-bottom: 45px;
	font-size: 15px;
}
div.mision-row h3{
font-weight: 600 !important;
color: #274E9D;
}
div.top-barra .container {
	background-color: #efefef;
	color: #484848;
	padding: 7px 15px;
	height: 30px;
}

div.top-barra a{
	color: #484848;
}

div.top-barra a:hover{
	color: #274E9D;
	text-decoration: none;
}

div.interiores-cover {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	background: url(../img/pleca.jpg) no-repeat 0 center;
	background-size: cover;
}

div.interiores-cover h2{
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.footer a:hover{
	color: #274E9D;
	text-decoration: none;
}
ul#menu-menu-principal-1.menu{
	text-align: right;
	margin: 0;
}
ul#menu-menu-principal-1.menu li{
	display: inline-block !Important ;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600 !Important;
	margin: 0 5px;
}

.footer a{
	color: #aaa;
	font-size: 12px;
}
.footer a:hover{
	color: #ffffff;
}
ul#menu-menu-principal-1.menu  li.btn-cotizaciones {
	float: none !Important;
}

ul#menu-menu-principal-1.menu  li.btn-cotizaciones a{
	display: none;
}


ul#menu-menu-principal.nav.navbar-nav {
	display: block;
	float: none;
	margin-top: 26px;
}



div.info-contacto {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
.info-contacto a{
	padding:0 3px;
	width:22px;
	display:inline-block;
	text-align:center; }
#top-der {
	text-align: right;
	line-height:1.2em
}
ul#menu-menu-principal.nav.navbar-nav li{
	margin-right: 10px;
}
ul#menu-menu-principal.nav.navbar-nav li a{
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul#menu-menu-principal.nav.navbar-nav li.active{
	border-bottom: 2px solid #e22a25;
}

li.btn-cotizaciones {
	float: right !Important;
}

li.btn-cotizaciones a{
	background: url(../img/call-to-rojo.jpg) repeat-x;
	color: #fff !Important;
	font-weight: 900 !Important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

nav.navbar.navbar-default.navbar.meganav {
	padding: 10px;
}
a.navbar-brand{
	background: url(../img/logo.png) no-repeat;
	background-size: 100% auto ;
	width: 300px;
	height: 90px;
	overflow: hidden;
	line-height: 800px;
	text-indent: 800px;
	margin: 10px 20px 10px 15px !Important;
}

div.home-banner h3 {
	font-weight: 800;
	font-size: 34px;
	color: #fff;
	background-color: rgba(51, 57, 86, 0.47);
	text-shadow: #3d3d3d 1px 2px 2px;
	padding: 35px 12%;
}

div.footer .container {
	background: #22262d url(../img/tttruck.png) right center no-repeat;
	background-size:400px;
	padding: 60px 50px;
	color:#aaa
}

div.about-intro {
	padding-top: 45px;
	padding-bottom: 45px;
}

div.home-servicios {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #0f5a78;
	text-align:center
}

div.home-servicios img{
	display: inline-block;
	margin-bottom: 30px !Important;
}
div.home-servicios ul{
	text-align:left
}
div.home-servicios h2{
	font-weight: 300;
	border-bottom: 1px solid #e22925;
	margin-top: 0;
	padding-bottom: 7px;
	color: #000;
}
.page-id-13 .home-servicios .wpb_wrapper div.wpb_wrapper {
	background:#fff;
	min-height:400px;
	padding-top:20px;
}
.io .wpb_single_image, .home-servicios .io img{ margin:0px !important}
.home-servicios .io:hover  figure.wpb_wrapper {
	box-shadow:0 6px 0 #f00;

	transition:all 0.42s
}
div.home-servicios h4{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 4px;
}

div.unitran-idiomas ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.unitran-idiomas ul li{
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

a.qtranxs_text.qtranxs_text_es {
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 10px;
	margin-right: 8px;
}

div.home-noticias {
	padding-top: 75px;
	padding-bottom: 75px;
	color: #0f5a78;
	font-size: 11px;
}

div.home-noticias h5 a{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
div.home-noticias h2{
	font-weight: 300;
	border-bottom: 1px solid #0f5a78;
	margin-top: 0;
	padding-bottom: 7px;
	color: #0f5a78;
}


div.home-contacto {
	padding-top: 75px;
	padding-bottom: 75px;
}

div.home-contacto a{
	color: #e32926;
}

div.home-contacto h2{
	font-weight: 300;
	border-bottom: 1px solid;
	margin-top: 0;
	padding-bottom: 7px;
	margin-bottom: 40px;
}



div.home-banner{
	padding-top: 75px;
	padding-bottom: 75px;
}


@media only screen 
and (max-width : 767px) {
	
	div.about-intro {
	padding: 10px 15px;
}
div.about-intro h4{
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 5px;
}

div.about-intro h2{
	font-size: 21px;
	font-weight: 700;
}
.footer{
	text-align: center;
	padding-top: 0px !Important;
	padding-bottom: 15px !Important;
	font-size: 12px;
}

div.home-banner h3 {
	font-weight: 800;
	font-size: 20px;
	padding: 15px 5%;
	margin-top: 0;
}



div.home-banner{
	padding-top: 0;
	padding-bottom: 0;
}

ul#menu-menu-principal-1.menu{
	text-align: center;
	margin: 20px 0 0;
}

ul#menu-menu-principal-1.menu li{
	display: inline-block !Important ;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600 !Important;
	

}
div.interiores-cover h2{
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	font-size: 23px;
}


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

div.info-contacto {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

div.telefonos {
	display: none;
}

div.home-contacto form.fc-form {
	width: 100% !Important;
}

	a.navbar-brand{
	background-position-y:15px;
	width: 120px;
	height: 64px;
	overflow: hidden;
	line-height: 800px;
	text-indent: 800px;
	margin-right: 10px;
	margin-left: 0 !important;
}

div.interiores-cover {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(../img/pleca.jpg) no-repeat 0 center;
	background-size: cover;
}
#footer-izq {
	padding: 0 20px;
}



ul#menu-menu-principal.nav.navbar-nav {
	display: block;
	float: none;
	margin-top: 0;
	text-align: center;
}

div.navbar-collapse.upper-navbar {
	margin-top: 10px;
}
li.btn-cotizaciones {
	float: none !Important;
}
div.top-barra {
	background-color: #efefef;
	color: #484848;
	padding: 0px 0;
}
div.home-servicios {
	color: #0f5a78;
	padding: 0 15px;
}
div.home-servicios h2{
	text-align: center;
}
div.home-noticias {
	color: #0f5a78;
	font-size: 11px;
	padding: 0 15px;
	text-align: center;
}
div.home-contacto {
	line-height: 12px;
	padding: 0 15px;
	text-align: center;
}

}

@media only screen 
and (min-width : 768px) 
and (max-width : 1000px) {
	nav.navbar.navbar-default.navbar.meganav {
	padding: 10px 0;
}

li.btn-cotizaciones a{
	font-size: 11px !Important;
}

	a.navbar-brand{
    background-position-y:15px;
	width: 120px;
	height: 64px;
	overflow: hidden;
	line-height: 800px;
	text-indent: 800px;
	margin-right: 10px;
	margin-left: 0 !important;
}
ul#menu-menu-principal.nav.navbar-nav li a{
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	font-size: 12px;
	padding: 10px 5px;
}
}

.container.blanco {
    background-color: #fff;
}


#carrusel .vc_column-inner {
    padding: 0px !important;
}