/* @override http://edificacionestrival.com.mx/wp-content/themes/wp-starter/css/bst.css */

/* @override http://edificacionestrival.com.mx/wp-content/themes/wp-starter/css/bst.css */

/* @override http://edificacionestrival.com.mx/wordpress/wp-content/themes/wp-starter/css/bst.css */

p.footer {
	font-size: 13px;
}

/* @override http://edificacionestrival.com.mx/wordpress/wp-content/themes/wp-starter/css/bst.css */

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


body, html, p {
	font: 16px 'Open Sans', sans-serif;
	overflow-x: hidden;
}

html {
    position: relative;
    min-height: 100%;
}
/*
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) {


 }

/*
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(http://edificacionestrival.com.mx/wordpress/wp-content/uploads/2015/12/TRIVAL-VERTICAL.png) 0 0 no-repeat;
  background-size: 160px 160px
}
#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+ */

div.redes-sociales {
}

img.rs-header {
	margin: 10px 2px;
	width: 26px;
	height: 26px;
}

#menu-item-69 a.dropdown-toggle  {
	position: relative;
	top: 18px;
}


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

#seccion-azul .intro-text-2 a {
	border: 2px solid #fff;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 170px;
	text-align: center;
	color: #fff;
	margin-top: 25px;
	font-size: 21px;
}

.servicios-titulo h2{
	background-color: rgba(3,81,158,0.8);
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	margin-right: auto;
	width: 360px;
	margin-left: auto;
}

li#menu-item-69.qtranxs-lang-menu a {
	padding: 0;
	font-size: 0;
}

li#menu-item-69.qtranxs-lang-menu li a{
	font-size: 12px !Important;
}
#seccion-foto .box-despecializacion ul{
	margin-top: 25px;
	padding-left: 35px;
	list-style-type: none;
	background: url(../img/stripes.png) no-repeat left;
}
#seccion-foto .box-despecializacion{
	padding-top: 50px;
	padding-left: 25px;
	padding-bottom: 98px;
}
.woocommerce .count {
  background: inherit
}

#seccion-azul {
	padding-top: 60px;
	padding-bottom: 60px;
	color: #fff;
}



#seccion-foto {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
}


.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.sin-margen {
	margin-bottom: 0;
}

#menu-menu-principal {
	margin-right: auto !Important;
	margin-left: auto !important;
	display: block;
	float: none;
	max-width: 980px;

}

div.footer {
	background-color: #4c4a4b;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}

div.tp-caption a.tp-button:hover{
	text-decoration: none;
}

div.tp-caption a.tp-button {
	background-color: transparent;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border: 1px solid #fff !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 16px !important;
}
div.tp-caption img{
	width: 100% !Important;
	height: auto !Important;
}
div.tp-caption.blanco h2{
	font-size: 34px !Important;
	line-height: 34px !important;
}

div.tp-caption.blanco h2{
	font-weight: 900 !important;
	font-size: 34px !important;
}



div.tp-caption.blanco h1{
	font-weight: 900 !important;
}

#seccion-foto .divisiones-servicios h3 {
	margin-right: auto;
	margin-left: auto;
	display: block;
	border: 2px solid #fff;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 201px;
}

#seccion-azul h2 {
	margin-top: 0;
}

li.isotope-item {
	border: 7px solid #fff;
	margin-right: auto !important;
	margin-left: auto !important;

}



#seccion-azul .intro-text.wpb_column{
	background: url(../img/stripes.png) no-repeat left;
	padding-left: 40px;
	margin-bottom: 20px;
}

button.navbar-toggle {
	margin-top: 25px;
	width: 91px;
	border: none;
	color: #014f9b;
}

button.navbar-toggle:hover{
	background-color: transparent !Important;
}


span.menu-texto {
	float: right;
	position: relative;
	bottom: 3px;
}

div.footer h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px;
}

a.navbar-brand.logo-responsive {
	background: url(../img/logo.jpg) no-repeat center center;
	height: 82px;
	margin-left: auto;
	overflow: hidden;
	line-height: 800px;
	display: block;
	margin-right: auto;
	float: none;
}


a.logo-footer {
	display: block;
	background: url(../img/trival-negativo.png) no-repeat center center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 170px;
	width: 250px;
	line-height: 800px;
	text-indent: 800px;
	margin-top: 8px;
}

div.footer a{
	color: #fff;
}

div.footer a:hover{
	text-decoration: none;
}
div.footer ul li{
	margin-top: 2px;
	margin-bottom: 2px;
}

nav.navbar.navbar-default.navbar {
	margin-bottom: 0;

	margin-right: auto;
	margin-left: auto;
	clear: both;
}


div.footer-2 {
	background-color: #3345a1;
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}

div.footer-2 a{
	color: #fff;
}

div.footer-2 a:hover{
	text-decoration: none;
}

#menu-item-213 a{
	overflow: hidden;
	display: block;
	width: 230px;
	height: 80px;
	line-height: 800px;
	text-indent: 800px;
	background: url(../img/logo.jpg) no-repeat center center;
}




#menu-menu-principal li a {
	padding-right: 12px;
	padding-left: 12px;
	font-size: 13px;
	line-height: 46px;
}

div.construcción {
	min-height: 400px;
}

ul.dropdown-menu li a {
	height: 40px !Important;
	padding-left: 10px !important;
}

div.titulo-interior {
	padding-top: 85px;
	padding-bottom: 85px;
	margin-bottom: 25px;
	color: #fff;
	text-transform: uppercase;
	background: url(../img/slide1.jpg) fixed;
}

nav.navbar.navbar-default.navbar.meganav {
	margin: 00px;
}

div.titulo-interior h2{
	margin: 0;
	text-align: center;
	font-weight: 700;
}


/*
Estilos responsive
 */


@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {


/* Styles */
}

@media only screen 
and (max-width : 768px) {

ul.dropdown-menu.depth_0 {
	padding-left: 5px;
}

ul.dropdown-menu.depth_0 img{
	display: none;
}
div.normal {
	display: none;
}
	
	
#menu-menu-principal{
	min-height: 300px;
}
#menu-item-213 {
display: none;	
}

#menu-item-69 a.dropdown-toggle {
	padding-left: 15px !important;
}
div.redes-sociales {
	height: 41px;
}

img.rs-header {
	margin-top: 7px;
}
	
	
	div.tp-caption.tp-fade.metodos-slider.start {
	display: none;
}

	#menu-menu-principal li a {
	font-size: 12px;
	line-height: 6px;
	padding: 10px 15px;
	height: 39px;
}
	div.tp-caption.blanco {
	width: 90%;
}


	#seccion-foto .box-despecializacion ul{
	margin-top: 25px;
	padding-left: 0;
	list-style-type: none;
	background: none no-repeat left;
}
	#seccion-foto .box-despecializacion{
	text-align: center;
	background-position: center !important;
}
#seccion-azul {
	color: #fff;
	padding: 60px 40px !Important;
}
div.footer {
	text-align: center;
}

#menu-item-42 a{
	display: none;
}


 {
	
}
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */
}


@media only screen 
and (min-width : 768px) {


div.responsive {
	display: none;
}
a.navbar-brand.logo-responsive {
	display: none;
}
div.tp-caption.tp-fade.metodos-slider-xs.start {
	display: none;
}
}


@media only screen
and (min-width: 768px)
and (max-width: 1000px){
	#menu-menu-principal li a {
	font-size: 10px;
	line-height: 6px;
	padding: 0 7px;
	height: 39px;
}

#menu-item-213 a {
	width: 190px;
	background-size: 100% auto ;
	height: 70px !Important;
	position: relative;
	bottom: 26px;
}
}