/* @override http://marmolesresidenciales.com.mx/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-family: 'Open Sans', sans-serif;
}

div.bwg_image_description {
	display: none;
}

div.bwg_image_title {
	display: none;
}


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

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

header {
	background: 
	url(../img/bg-left.png)  bottom right no-repeat, 
	url(../img/bg-head1.jpg) #797b83 bottom repeat-x;	
}

nav.navbar.navbar-default.navbar {
	padding-top: 7px;
	padding-bottom: 10px;
}

div.footer {
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 12px;
}



#app-home {
	
}

.app-home-txt div.wpb_wrapper {
	width: 250px;
}

.app-home-txt{
	padding-top: 70px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	color: #fff;
	padding-left: 80px;
	font-size: 12px;
}

div.footer ul.menu li{
	margin: 0 0 4px;
}

div.footer a{
	color: #fff;
}

div.footer-2 a{
	color: #737274;
}
div.footer-2 {
	color: #b1b1b1;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

nav.navbar.navbar-default.navbar ul{
	float: right;
	margin-top: 5px;
}
nav.navbar.navbar-default.navbar ul li a{
	color: #fff;
	text-transform: inherit;
	font-size: 13px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 600;
	transition: all 0.5s;
	border-radius: 5px;
}
div.sin-margen {
	margin-bottom: 0;
}

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

div.amazingcarousel-image div{
	display: none !important;
}

#slider-categorias {
	color: #fff;
}

div.amazingcarousel-title {
	color: #fff !Important;
}

nav.navbar.navbar-default.navbar ul li:hover ul.dropdown-menu {
display: block;
}

nav.navbar.navbar-default.navbar ul li ul.dropdown-menu {
background: transparent; 
}

nav.navbar.navbar-default.navbar ul li ul.dropdown-menu {
background: transparent; 
}

ul.dropdown-menu li:hover a {
	color:#000;
	background-color: transparent;
}

ul.dropdown-menu {
	top:44px;
}

#content header {
    background: none;
    text-align: center;
}

#content header {
    background: none;
    text-align: center;
 	background: url(../img/fondo.jpg) no-repeat;
 	background-size: cover;
    padding: 50px 0px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px;
    margin-bottom: 20px;
}

#content header h2 {
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.45) 3px 3px 3px;
}

#content .container {
    background-color: rgba(255,255,255,0.88);
    padding: 50px;
    margin-bottom: 25px;
}
body.page {
		background: #fff url(../img/bgmain.jpg) center center no-repeat !important;
		background-size: cover !important;;;
}
.vc_toggle_title {
}
.vc_toggle {
		border: 1px solid #88734D;
		padding: 10px;;
}

.vc_toggle i.vc_toggle_icon {
		color: #734141 !important;
}




nav.navbar.navbar-default.navbar ul li:hover a {
}

nav.navbar.navbar-default.navbar ul li a:hover {
		background-color: rgba(74, 44, 11, 0.38);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
}
.footer-2 {
		background-color: #423430;
}



@media (max-width: 768px) {

    nav.navbar.navbar-default.navbar ul li a {
    	font-size: 16px;
    	line-height: 16px;
    	padding-bottom: 4px;
    }

    nav.navbar.navbar-default.navbar ul li {
	display: inline-block;
	width: 100%;
    }

}


a.mega-menu-link {
		text-shadow: 1px 1px 2px rgb(0, 0, 0);
}



.col-md-12.col-lg-8.upper-navbar {
		padding-top: 24px;
}