body{

font-family: arial, helvetica, sans-serif; 
background: url("../image/brown2.jpg"); 
background-repeat:repeat-x;

}
.header-content {float: left; 
width:100%; 
height:180px;
clear:both; 

}


.content-wrapper{width:963px; margin:0 auto;
	display: block;
}

.wrapper{width:963px; margin:0 auto;

}

.header{width: 962px; 
background-position: center;
float: left;



}

.header .logo-content{
float:left; 
display: block;
width:964px;
height:138px;
background-image:url("../image/header.png"); 
background-repeat: no-repeat;

	}

.header .logo-content .logo a{
float:left; 
display: block;
width:433px;
height:147px;

	}
/*
.header .espacio{
display: block;
float:left; 
width:316px;
height:147px;
background-image:url("../image/header3.png"); 
*/
	}

	

.header .logo a{
background-image:url("../image/header2.png");
width:433px;
height:147px;
display:block;

}

.header .logo a:hover{
width:433px;
height:147px;
background-image:url("../image/logoselected2.png"); 



}
.header .menu-top{
	float: right;
	height:60px; 
	width:100%; 
	background-color:#666666; 
	display: none;

}

.header .main-menu{
float: left;
width: 100%;
text-shadow: 0px 1px 0px #000;
height:44px; 
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 3%, #2c2c2c 33%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(3%,#595959), color-stop(33%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */



 }


.header .main-menu ul {
	
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;

}
.header .main-menu ul li {
	display: block;
	float: left;
	
} 
.header .main-menu ul li a {
	background-repeat:no-repeat;
	line-height: 40px;	
	padding:8px 48px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	font-family: 'Oswald', arial, helvetica, sans-serif; 
	font-weight: 300;
	border-right: 1px solid black;


} 


.header .main-menu ul li a:hover {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

text-shadow: 0 0 10px #fee7c2;
color:#000;

} 

/*SUBMENU*/
.header .main-menu ul li ul { 
	position: absolute;
	width:150px;
	top: 4px;
	background: #996f46; 
	-webkit-box-shadow: 5px 5px 10px 0px #444444;
	box-shadow:5px 5px 10px 0px #444444;
	padding: 6px 0px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius:0 0 10px 10px;
	display: none;
	clear: both;
	z-index:3;
	font-family: 'Oswald', arial, helvetica, sans-serif; 
}

header .main-menu ul li:hover ul{

	display: block;
}


.header .main-menu ul li ul li{
	width:150px;
	margin: 0px 0px 0px 0px ;
	
}

.header .main-menu ul li ul li a { 
	line-height:18px;
	font-size:16px;
	text-transform:none;
	height:auto;
	background-image:none;
	float:none;
	color:#0E0F0E;
	font-weight: medium; 

}

.header .main-menu ul li ul li a:hover { 
background: #4C2F02; /* Old browsers */

}


/* MAIN */

.main-content .menu-imagenes{
float: left;
width: 100%;
height:114px; 
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 3%, #2c2c2c 33%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(3%,#595959), color-stop(33%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 3%,#2c2c2c 33%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */


 }

.main-content .menu-imagenes ul {
	
	display: inline;
	float: left;
	margin: 0;
}

.main-content .menu-imagenes ul li  {
	display: block;
	float: left;
	background-repeat:no-repeat;
	line-height: 100px;	
	text-shadow: 0px 1px 0px #000;
	padding:0px 30px;
	color:#fff;
	text-decoration:none;
	font-family: 'Oswald', arial, helvetica, sans-serif; 
	font-weight: 300;
	font-size: 22px;


} 
.main-content .menu-imagenes ul li:hover  {
	
text-shadow: 0 0 10px #fee7c2;
color:#fee7c2;

} 
.main-content .menu-puertas{
float: left;
width: 100%;
height:30px; 
background: #170c00; /* Old browsers */
background: -moz-linear-gradient(top,  #170c00 18%, #442800 83%, #5b3000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(18%,#170c00), color-stop(83%,#442800), color-stop(100%,#5b3000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #170c00 18%,#442800 83%,#5b3000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #170c00 18%,#442800 83%,#5b3000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #170c00 18%,#442800 83%,#5b3000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #170c00 18%,#442800 83%,#5b3000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170c00', endColorstr='#5b3000',GradientType=0 ); /* IE6-9 */


 }

.main-content .menu-puertas ul {
	
	display: inline;
	float: left;
	margin: 0;
}

.main-content .menu-puertas ul li  {
	display: block;
	float: left;
	background-repeat:no-repeat;
	line-height: 30px;	
	text-shadow: 0px 1px 0px #000;
	padding:0px 35px;
	color:#fff;
	text-decoration:none;
	font-family: 'Oswald', arial, helvetica, sans-serif; 
	font-weight: 300;
	font-size: 18px;


} 
.main-content .menu-puertas ul li:hover  {
	
text-shadow: 0 0 10px #fee7c2;
color:#fee7c2;

} 

.main-content {float: left; 
width:100%; 
clear:both; 


}

.main{width: 100%; 
position:relative;
background-color:#fff;
min-height:450px;
float: left;
margin: 0 0 0px 0;


}

.main .izquierda{

float: left;
width: 610px;
}

.main .izquierda #catalogo-container{

background-color: #f2f2f2;
}
.main .izquierda #catalogo-container img{

background-color: #f2f2f2;
padding-top: 15px;
padding-bottom: 15px;
}

.main .derecha{
float: right;
width: 330px;
line-height: 130%;


}

.mod .mod-text{
font-family: 'Oswald', Impact;
color: #4C2F02;
text-align: center;
float: right;
font-size: 18px;
}

.mod .mod-text p{
margin-right: 20px;
}

.mod .mod-text img{
float: right;
margin-right: 15px;
margin-top: -18px;
}

.main .mensaje{
padding: 35px 35px 35px 35px;

}

.main .primera{
float: left;
width: 320px;

}

.main .segunda{
float: right;
width: 290px;
margin: 0 auto;
margin-left: 30px;
height: 460px;

}

.main .tercera{
float: right;
width: 290px;
margin: 0 auto;
height: 460px;

}
.main .derecha .bullet{

list-style-type: square;
}

#imagen{
padding: 20px;
}

.main .izquierda #productos img{
opacity: 0.8;
/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
 
	/*Reflection*/
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}

.main .izquierda #productos img:hover{
opacity: 1;
   
   /*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
 
   /*Glow*/
  -webkit-box-shadow: 0px 0px 20px rgba(255,244,160,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,244,160,0.8);
  box-shadow: 0px 0px 20px rgba(255,244,160,0.8);
}
.main .derecha li{line-height: 200%;}

.main .izquierda li{line-height: 200%;}

/* FOOTER */

.footer-content {
position: relative;
float: left; 
width:100%; 
clear:both; 
background-image:url("../image/body.png");
}

.footer{width: 100%; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
height:361px;
min-height:240px;
float: left;

}

.footer p{
color:#000;
}

.footer h1{

	color: #4C2F02;
	font-size: 20px;
}
.footer-content .footer-wrapper{

	color: #4C2F02;
	font-size: 20px;
	width:1050px; margin:0 auto;
}
.footer #ubicacion{

	width: 580px;
}

.footer .widget_text{
	width: 240px;
	display: block;
	float: left;
	margin-left:65px;
	padding: 0px 0px 0px 0px; 
	line-height: 150%; 
	color: #D6D6D6;
	font-family: 'Source Sans Pro', arial, helvetica, sans-serif;  
	font-size:15px;

}
.footer a{

	color:#7d7e7d;
	text-decoration: none;
}
.footer .copyright{
width:1050px; 
	position: absolute;
	bottom:0;
    height: 35px;
	background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	text-align: center;
	font-size:16px;


}
.footer .copyright p{
color: #fff;
font-family: Myriad Pro, arial;

}
.footer .copyright a{
color: #fff;

}


#texto{

	font-size:18px;
	padding: 20px 40px 0px 40px;
	font-family: 'Source Sans Pro', arial, helvetica, sans-serif;  

}


h1{
	font-family: 'Oswald';
	font-weight: normal;
	font-color: #000;
	font-size: 18pt;
}

ins{
	text-decoration: none;
}

hr{

	color: #4c2f02;
	background-color: #4c2f02;
	height: 5px;


}