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


div.mega-menu-toggle {
	float: right;
}

ul#mega-menu-upper-bar.mega-menu.mega-menu-horizontal{
	margin-top: 15px !Important;
}

    .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 
    
    
    div.box-planes {
	background: #000 url(../img/block-negro.jpg) repeat-x;
	color: #fff;
	font-size: 15px;
	min-height: 320px !important;
	
    -moz-box-shadow: 0px 0px 6px #424242;
    -webkit-box-shadow: 0px 0px 6px #424242;
    box-shadow: 0px 0px 6px #424242;
	padding: 20px;
	margin-bottom: 25px;
}

div.financiamiento-titulo {
	margin-bottom: 25px;
	text-align: center !Important;
}

div.logo-corp{
	text-align: center;
	margin-top: 40px;
	opacity: .4;
}

li.active a {
	color: #d6c9a6 !Important;
}

div.box-planes  h3{
	font-size: 29px;
	margin-top: 20px;
}

div.titulo-interior h2{
	margin: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 48px;
	text-align: center;
}

div.titulo-interior{
	background: url(../img/pleca.jpg) no-repeat center center;
	padding-top: 80px;
	padding-bottom: 40px;
	margin-bottom: 40px;
}


#contenedor-principal {


    -moz-box-shadow: 0px 0px 14px #575757;
    -webkit-box-shadow: 0px 0px 14px #575757;
    box-shadow: 0px 0px 14px #575757;
	background-color: #fff;
}
div.vc_separator h4 {
	font-size: 27px;
	margin-bottom: 0;
	color: #625426;
}

div.vc_separator.wpb_content_element.vc_separator_align_center.vc_sep_width_100.vc_sep_pos_align_center.vc_sep_color_grey {
	margin-top: 60px;
}

div.box-planes a{
	background: url(../img/call-to-btn.jpg) repeat-x 0 center;
	width: 140px;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	font-size: 18px;
	margin: 25px auto !important;
	height: 38px;
	text-shadow: #585858 1px 1px 0px;
}

div.box-planes a:hover{
	text-decoration: none;
}

body, html, p {
	font-family: 'Playfair Display', serif;
}

div.slider {
	margin-bottom: 0;
}


.slider div.wpb_column.vc_column_container.vc_col-sm-12 {
	padding: 0;
}
li.boton-menu a{
	background: url(../img/call-to-btn.jpg) repeat-x 0 center;
	text-shadow: #585858 1px 1px 0px;
}

nav.navbar.navbar-default.navbar {
		background: #010101 url(../img/menu-bg.jpg) repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	padding: 10px;
}

div.upper-navbar {
	float: right !Important;
}

body {
	background: #fff url(../img/bg.jpg) repeat-x;
}

div.footer {
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 12px;
}

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

ul#menu-menu-principal.nav.navbar-nav {
	float: right;
}

ul#mega-menu-upper-bar.mega-menu.mega-menu-horizontal {
	float: right !important;
	margin-right: 10px !important;
}

.planes {
	margin-bottom: 0;
	background: #efe0b4 url(../img/gold-bg.jpg) repeat-x 0 bottom;
	padding: 60px 60px 20px;
	font-size: 20px;
	color: #625426;
}

.video-recorrido {
	text-align: center;
	color: #fff;
	padding: 60px;
	margin-bottom: 0;
	font-size: 20px;
}

.video-recorrido h2{
	border: 1px solid #ffffff;
	display: block;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

span.copyr {
	text-align: right !Important;
}
#footer-negro {
	background-color: #000;
	color: #fff;
}

#footer-negro a{
	color: #fff;
}

#footer-negro li.boton-menu a{
	background-image: none;
}

a.navbar-brand {
	background: url(../img/logo-header.png) no-repeat center center;
	overflow: hidden;
	display: inline-block;
	line-height: 800px;
	position: relative;
	z-index: 9999;
	float: left;
	
	width: 170px;
	height: 70px;
}

.f-nav a.navbar-brand {
		background: url(../img/logo.png) no-repeat center center;
	width: 250px;
}


div.tp-caption.columbarios {
	text-align: center;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	padding: 25px !Important;
	font-size: 16px;

}

div.tp-caption.columbarios a{
	background: url(../img/call-to-btn.jpg) repeat-x 0 center;
	width: 200px;
		color: #fff;
	margin: 25px auto !important;
	border: none !Important;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	font: 22px 'Playfair Display', serif;
	
}

div.tp-caption.columbarios a:hover{
	text-decoration: none;
	border: none !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;

}

nav.navbar.navbar-default.navbar li a{
	color: #fff;
	text-transform: uppercase;
	  -o-transition:.5s ease-in;
  -ms-transition:.5s ease-in; 
  -moz-transition:.5s ease-in;
  -webkit-transition:.5s ease-in;
   transition:.5s ease-in;
}

nav.navbar.navbar-default.navbar li a:hover{
	color: #d6c9a6;
	text-transform: uppercase;
	text-decoration: 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
	}
}




/*
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.sub-menu{
	display: none;
}
.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 */

/*


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 0px) 
and (max-width : 480px) {
	
	div.vc_separator h4 {
	font-size: 20px;
	margin-bottom: 0;
	color: #625426;
}

div.financiamiento-titulo {
	margin-bottom: 25px;
	text-align: center !Important;
	font-size: 14px;
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
.video-recorrido h2{
	border: 1px solid #ffffff;
	display: block;
	width: 100% !Important;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 20px !Important;

}

a.navbar-brand {
	background: url(../img/logo-header.png) no-repeat center center;

	overflow: hidden;
	display: inline-block;
	line-height: 800px;
	position: relative;
	z-index: 9999;
	
		background-size: 100% auto;
}

div.video-recorrido {
	font-size: 14px;
}

div.footer {
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 12px;
	text-align: center;
}
}

@media only screen
and (min-width: 768px){
	div.navbar-header {
	width: 100% !important;
}
}
@media only screen
and (max-width : 768px){
	
	

div#mega-menu-wrap-upper-bar.mega-menu-wrap {
	float: none !important;
}
	ul#menu-menu-principal.nav.navbar-nav {
	float: none;
}

	div.footer {
	background-color: #000;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 12px;
	text-align: center;
}

.video-recorrido h2{
	border: 1px solid #ffffff;
	display: block;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	font-size: 22px;
	padding: 10px;
}	
}

@media only screen 
and (min-width : 768px) 
and (max-width : 991px) {
	.f-nav a.navbar-brand {
	width: 210px !Important;
	background-size: 100% auto;
}
	}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 990px) {


nav.navbar.navbar-default.navbar li a{
	font-size: 11px !Important;
	padding-left: 0 !important;
}
div.vc_separator h4 {
	font-size: 20px;
	margin-bottom: 0;
	color: #625426;
}
div.financiamiento-titulo {
	margin-bottom: 25px;
	text-align: center !Important;
	font-size: 14px;
}

.planes {
	padding: 30px 15px;
}

div.box-planes h3 {
	font-size: 18px;
}

div.box-planes{
	font-size: 12px;
	
}


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1200px) 
{
/* Styles */

div.box-planes {
	min-height: 330px !important;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}