/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
html, body {
  height: 100%;
}
p {
	font-size: 13px;
	line-height:22px;
	color: #666;
}


body {
	padding-top: 0px;
	color: #333333; /* body padding for fixed top nav */
	font-family: 'Roboto', sans-serif;
}
h1, h3, h2, h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1DA9A6;
} 
h4 {
	font-family: Lato;
	color: #FFFFFF;
	background-color: #333333;
	margin: 0px;
	padding: 7px;
}
h2 {
	background-color: #333333;
	padding: 15px;
	margin-bottom: 0px;
	width: auto;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 400;
	font-size: 20px;
}
@media (max-width: 768px) {
h2 {
	background-color: #333333;
	padding: 15px;
	margin-bottom: 0px;
	width: auto;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 400;
	font-size: 15px;
}
}
footer h2 {
	background-color: #333333;
	padding: 15px;
	margin-bottom: 0px;
	width: auto;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 400;
	font-size: 20px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-size: 20px;
	margin: 0 0 10px;
	font-weight: normal;
	font-style: normal;
}

.precio {
	background-color: #4dc7ec;
	padding: 5px;
	color: #FFF;
}


label {
	font-weight: 400;
}

h5 {
	font-family: Lato;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0px;
	font-size: 17px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #dedede;
}
h1 {
	margin: 0px;
}
h1.small {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #C4AE4E;
  line-height: 30px;
  font-weight: bold;
}
.vendido{
	position:absolute; 
	z-index:9700; 
	top:50px; 
	background-color:#F00;
	padding:7px; 
	color:#FFF;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
	box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
}
.vendido_detalle{
	position:absolute; 
	z-index:9700; 
	top:95px; 
	background-color:#F00;
	padding:7px; 
	color:#FFF;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
	box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
}
.enventa {
	position: absolute;
	z-index: 9700;
	top: 50px;
	background-color: #3CC;
	padding: 7px;
	color: #FFF;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
	box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
}
.enventa_detalle {
	position: absolute;
	z-index: 9700;
	top: 95px;
	background-color: #3CC;
	padding: 7px;
	color: #FFF;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
	box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
}

.precio {
	position: absolute;
	z-index: 9700;
	top: 90px;
	background-color: #C4AE4E;
	padding: 7px;
	color: #FFF;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
	box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
}

.precio_detalle {
	position: absolute;
	z-index: 9700;
	top: 135px;
	background-color: #C4AE4E;
	padding: 7px;
	color: #FFF;
	-webkit-box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
	box-shadow: 0 3px 1px 0px rgba(0, 0, 0, .7);
}

.navbar.navbar-inverse {
	background-color: #fff;
	height: 90px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	/*background-image: url(../img/fondo-nav.jpg);*/
}
.navbar {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	/*background-image: url(../img/fondo-nav.jpg);*/
	margin-bottom: 0px;
	z-index:9500;
}
.nav.navbar-nav.navbar-right li a{
	background-color: #fff;
	height: 90px;
	color: #000033;
	padding-top:35px;
}
.nav.navbar-nav.navbar-right li a:hover, .nav.navbar-nav.navbar-right li .active {
	background-color: #C4AE4E;
	height: 90px;
	color: #FFF;
}

@media (max-width: 999px) {
.nav.navbar-nav.navbar-right li a{
	background-color: #fff;
	height: 30px;
	color: #000033;
	padding-top:5px;
}
.nav.navbar-nav.navbar-right li a:hover, .nav.navbar-nav.navbar-right li .active {
	background-color: #C4AE4E;
	height: 30px;
	color: #FFF;
}
.navbar-nav {
  margin: 35px -15px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border: none;
}
}

a {
	color: #C4AE4E;
}
a:hover {
	color: #1DA9A6;
	text-decoration: none;
}






.img-home-portfolio,
.img-customer,
.portfolio-item {
	margin-bottom: 30px;
	min-height:400px;
}
@media (min-width: 992px) {
.portfolio-img {
	max-height:135px;
	width:293px;
}
}
@media (min-width: 992px) {
.portfolio-img {
	max-height:110px;
	width:359px;
}
}
@media (min-width: 1200px) {
.portfolio-img {
	max-height:135px;
}
}

.tab-pane {
  margin-top: 15px;
}
.container.generales{
	background-color: #FFF;
	border: 1px solid #dedede;
}
.fondo-blanco-borde {
	background-color: #FFF;
	border: 1px solid #dedede;
}

.row {
	padding-top: 15px;
	padding-bottom: 15px;
}




/* Page Sections */
.section,
.section-colored {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.section-h1 {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-color: #f5f5f5;
}
.section-h1-abajo {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	background-color: #f5f5f5;
}


.btn-primary {
	background-color: #C4AE4E;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.section-colored {
	background-color: #F0F0F0; /* change this to change the background color of a colored section */
}
.section-colored-blue {
	background-color: #333333; /* change this to change the background color of a colored section */
	color: #CCC;
}
.section-colored-grey {
	background-color: #E8E8E8; /* change this to change the background color of a colored section */
	color: #000033;
}



.sidebar {
	margin-top: 0px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 50px 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
}
hr {
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.facebook {
	margin-right: 20px;
	color: #FFF;
}
.facebook:hover {
	color: #FFF;
}
.prop_info_general {
	color: #666;
	border: 1px solid #dedede;
	background-color: #f5f5f5;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height:150px;
}
.mapa {
	margin-top: 25px;
	margin-bottom: 40px;
}

.prop_info_general_iconos {
	color: #666;
	background-color: #f5f5f5;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dedede;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
}

.prop_titulo {
	color: #FFF;
}
.prop_descripcion_mini {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
	padding-top: 25px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.prop_descripcion_mini a {
	padding-top: 5px;
}



.slide-image {
  width: 100%;
}

.carousel-holder {
  margin-bottom: 30px;
}

.carousel-control,.item {
  border-radius: 4px;
}
.page-header {
  border-bottom: 1px solid #000033;
}
.col-md-4 .portfolio-item{
  height: 290px;
}
@media (min-width: 768px) {
.col-md-4 .portfolio-item{
  height: auto;
}
}

/* Home Page Carousel */

#myCarousel.carousel {
	/*height: auto;*/
	max-height:500px;
}
@media(max-width:768px) {
#myCarousel.carousel {
	height: auto;
}

}

#myCarousel.container {
	padding: 0px;
}


#myCarousel.carousel .item,
#myCarousel.carousel .item.active,
#myCarousel.carousel .carousel-inner {
    height: 100%;
}

#myCarousel.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
#myCarousel.carousel img {
    width: 100%;
}
#myCarousel.carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 30px;
	background-color: #FFFFFF;
}
#myCarousel.carousel-control .icon-next, #myCarousel.carousel-control .glyphicon-chevron-right {
right: 30px;
}
#myCarousel.carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	font-size: 30px;
	background-color: #FFFFFF;
}
#myCarousel.carousel-control .icon-prev, #myCarousel.carousel-control .glyphicon-chevron-left {
left: 30px;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  width:40%;
}
.carousel-caption h1 {
	font-family: 'Roboto', sans-serif;
	font-size:36px;
	line-height:45px;
	color: #fff;
	background-color:transparent;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .9);
}
.carousel-caption p {
	font-size: 16px;
	color: #FFF;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .9);
}

.img-galeria:hover{
	opacity: 0.7;
}

.catalogo{
	min-height: 600px;
}

@media (max-width: 768px) {
.catalogo{
	min-height: 400px;
}
}
@media (max-width: 500px) {
.catalogo{
	min-height: 230px;
}
}

.nav > li > a {
	    padding-left: 10px!important;
    padding-right: 10px!important;
    text-transform: uppercase;
    font-size: 13px;
}