body {font-family: 'Open Sans', sans-serif; background-color:#fff;}

p { font-size:16px;line-height: 1.5em;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Lora', serif;
}


/*-----Navbar------------*/
.navbar-collpase li a{color:#996633;}
.navbar-light{font-size:12px;
			  color:#996633; background-color:#fff;
			  -webkit-box-shadow: 0px 5px 5px 0px rgba(153,102,51,1);
-moz-box-shadow: 0px 5px 5px 0px rgba(153,102,51,1);
box-shadow: 0px 5px 5px 0px rgba(153,102,51,1);
			  
}
.navbar-light .navbar-nav .nav-link{color:#996633;font-family: 'Lora', serif; font-size:14px; }

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{ color: rgba(102,102,102,1) !important; border-bottom:1px solid #996633;}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#996633;}


.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(95, 68, 68, 1)' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.navbar-light .navbar-toggler{border:none; background-color:#ffff;}

.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}

@media(max-width:768px) {
	.navbar-brand>img {width:80%; height:auto;}
}

@media(min-width:768px) {
	.navbar-brand>img {width:80%; height:auto;}
}
/*-----Fin Navbar------------*/



section {
    padding: 200px 0 0 0;
}


/*-----header style-----*/
header a {color:#ff3399;}

header a:hover,
header a:focus{
	color:#000;
	

}


header {
	color:#fff;	
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/1920.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
}
.padding-header{padding-bottom:15%; margin-top:20%;}


@media(max-width:768px) {
	
	header {	
	display:table;
	width:100%;
	height:100%;
	background-image:url(../img/1920.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	
}	
.padding-header{padding-bottom:20%;margin-top:35%;}
}

@media(max-width:480px) {
.padding-header{padding-bottom:30%;margin-top:50%;}

section {
    padding: 150px 0 0 0;
}


}
.brown{ border-top: 1px dashed #996633;}
.hrwhite{ border-top: 2px solid #fff; width:75%;}
.sombra{text-shadow: 4px 4px 2px rgba(0,0,0,.5);}
.extra {
	background-color:#fff;	
	display:table;
	width:100%;
	height:auto;
	padding-top:80px;
	padding-bottom:80px;
	background-image:url(../img/fondoindex.jpg);
	background-attachment: scroll; 
	background-position: center center; 
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	text-align:center;
	margin-top:150px;
}
.header2 {	
	display:table;
	width:100%;
	height:auto;
	padding-top:80px;
	padding-bottom:80px;
	background-image:url(../img/fondo2.jpg);
	background-attachment: scroll; 
	background-position: center center; 
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	margin-top:90px;
}


.img-mythumbnail{padding:.45rem;background-color:#fff;border:1px dashed #996633;border-radius:.25rem;max-width:100%;height:auto}

@media(min-width:992px) {
.margin-prod-lg{margin-top:80px;}
}

/*btnbrown*/
  .btn-brown{ background-color:#fff; color:#996633; border:1px solid #996633; margin-top:20px; margin-bottom:10px;}
  .btn-brown:hover{ background-color:#996633; border:none; color:#fff; margin-top:20px; margin-bottom:10px;text-decoration:none !important;}

.myjumbo{border-top:1px dashed #996633;border-bottom:1px dashed #996633;background-color:#fff !important; margin-bottom:2em; padding:2em 1em;}

/*catalogo*/
.hoverimg:hover {background:#ebeda0;}
.hoverimg2:hover {border:3px dotted #ebeda0;}


/*Formulario*/
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px dashed #996633;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.form-control:focus {
	color: #fff;
	background-color: rgba(204,204,204,1);
	border-color: #996633;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(250, 250,252, 1);
}

.form-control::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #000;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

.form-control::placeholder {
  color: #000;
  opacity: 1;
}

.input-group-text { color: #000;}
.custom-control-input:disabled ~ .custom-control-label {
  color: #000;
}

/*Footer*/

footer {
    padding: 25px 0;
    text-align: center;
	color:#fff;
    background:#996633;
	margin-top:100px;
	font-size:12px;
	
}
.white{color: #fff ;} 
.marron{color: #996633;}
footer p{font-size:14px;}

footer a {color:#fff;}

footer a:hover,
footer a:focus{
	color: rgba(204,204,204,1);
	text-decoration:none;	

}

 @media(min-width:1920px) {
	 footer {margin-top:200px;}