body {
	background:#808080;
	margin:0;
	padding:0;
	
}
#wrap {
	width:100%;
	float:left;	
}

#contenedor {
	width:850px;
	height:630px;
	margin:0 auto;
	
}
#logo {
	width:174px;
	height:42px;
	float:left;
	margin: 50px 0 0 0;
}
#logo img {
	width:174px;
	height:42px;
	float:left;	
}
.menu {
	width: 380px;
	height:22px;
	float:right;
	background:#f7921e;
	margin: 60px 0 0 0;
	
}

.nav {
	width:355px;
	height:22px;
	float:left;
	padding:4px 4px 4px 13px;
	margin:0;
	
}
a:link img, a:hover img, a:visited img, a:active img{border:none;} 
.menu .nav li {
	width:auto;
	height:22px;
	float:left;
	text-transform:uppercase;
	list-style:none;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding:0 10px 0 0;
	
}

.menu .nav li a {
	text-decoration:none;
	color:#FFF;
	width:30px;

}

.menu .nav li a:hover {
	background: #999;
}

.bg_sitio_gorros {
	width:702px;
	height:432px;
	float:left;
	background:url(images/bg_home.jpg);
	
}

#bg_home {
	width:784px;
	height:435px;
	float:left;
	background:url(images/bg_home.jpg);
	padding: 0 0 0 66px;
	margin: 30px 0 0 0;
	position:relative;
}

#bg_ofertas {
	width:850px;
	height: 435px;
	float:left;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
	padding: 0px;
	margin: 30px 0 0 0;
	position: relative;
	background-color: white;
}

#bg_clientes {
	width:784px;
	height:435px;
	float:left;
	background:url(images/clientes.jpg);
	padding: 0 0 0 66px;
	margin: 30px 0 0 0;
	position: relative;
}

#bg_servicios {
	width:784px;
	height:435px;
	float:left;
	background:url(images/servicios.jpg);
	padding: 0 0 0 66px;
	margin: 30px 0 0 0;
	position: relative;
}

#bg_contacto {
	width:850px;
	height: 435px;
	float:left;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
	padding: 0px;
	margin: 30px 0 0 0;
	position: relative;
	background-color: white;
}

#bg_contacto .mapa{
	float: left;
	padding: 10px;
	margin: 0;
}

#bg_productos {
	width:810px;
	height: 395px;
	float:left;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
	padding: 20px;
	margin: 30px 0 0 0;
	position: relative;
	background-color: white;
}


.prod01_izq {
	width:309px;
	height:410px;
	float:left;
	margin-left: -40px;
}

#colores {
	width:210px;
	height:120px;
	margin:30px 0 15px 45px;
	float:left;
}
#colores li{
	list-style: none;
	width: 30px;
	height: 30px;
	margin: 4px 5px 2px 5px;
	border: 1px solid #8c8c8c;
	float: left;
}
#colores li:hover{
	border: 1px solid #595959;
}
#colores li a{
	width: 30px;
	height: 30px;
	display: block;
}

.descripcion_01 {
	width:309px;
	height:220px;
	float:left;
}

.box_slider {
	width:400px;
	height:307px;
	float:left;
	margin: 0 0 0 30px;
}

.descripcion_01 p {
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0 0 0 50px;

}
.cuadro_gorros {
	width:105px;
	height:103px;
	float:left;
	margin: 10px 20px 0 0;
}

.cuadro_gorros p, .cuadro_gorros_grande p{
	float:left;
	font: normal 8px Arial, Helvetica, sans-serif;
	color:#666;
	margin: 0 0 0 15px;
}

.cuadro_gorros_grande{
	width:105px;
	height:130px;
	float:left;
	margin: 10px 20px 0 0;
}

p {
	color:#666;
		
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color: #F90;
}

#ima_gorros {
	width:225px;
	height:214px;
	float:left;
	background:url(images/gorros_home.jpg);
	margin: 100px 0 60px 0;
}
#texto_home {
	width:287px;
	height:296px;
	float:left;
	background:url(images/texto.jpg);
	margin: 50px 0 0 30px;
}
#ima_gorros_home {
	width:287px;
	height:56px;
	float:left;
	margin: 0 0 0 30px;
	background:url(images/gorros.jpg);
}


.footer {
	width: 360px;
	height:37px;
	float:right;
	margin: 15px 0 0 0;
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size:12px;
	background-color: #F7921E;
	color: white;
	text-align: right;
}

.footer2 {
	height:37px;
	float:left;
	margin: 15px 0 0 0;
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size:12px;
	text-align: left;
}

.footer2 p{
	color: white;
}

.footer img {
	float:right;
}
.footer p {
	background:none;
	color:#fff;
	float:left;
}

.btns {
	width:49px;
	height:25px;
	position:absolute;
	bottom:10px;
	right:17px;
	z-index: 90;
}

.direccion {
	width:300px;
	height:100px;
	float:left;
	padding:300px 0 0 0;
}
.mensaje_contacto {
	width:250px;
	height:300px;
	float:left;
	margin: 32px 0 0 35px;
	background:url(images/servicios_03.jpg) no-repeat;

}
.cuadros_gorros {
	width:287px;
	height:56px;
	float:left;
	background:url(images/gorros.jpg);
	
	margin: 25px 0 0 100px;
	
}
.newboxes{
	position: absolute;
	top: 40px;
	right: 50px;
	background: #fff;
}
.color01{
	background:url(images/colores/01rojo.jpg);	
}
.color02{
	background:url(images/colores/02azulino.jpg);	
}
.color03{
	background:url(images/colores/03negro.jpg) no-repeat;	
}
.color04{
	background:url(images/colores/04azul.jpg) no-repeat;	
}
.color05{
	background:url(images/colores/05gris.jpg) no-repeat;	
}
.color06{
	background:url(images/colores/06beige.jpg) no-repeat;	
}
.color07{
	background:url(images/colores/07naranjo.jpg) no-repeat;	
}
.color08{
	background:url(images/colores/08blanco.jpg) no-repeat;	
}
.color09{
	background:url(images/colores/09verdepasto.jpg) no-repeat;	
}
.color10{
	background:url(images/colores/10verdebottela.jpg) no-repeat;	
}
.color11{
	background:url(images/colores/11verdepistacho.jpg) no-repeat;	
}
.color12{
	background:url(images/colores/12amarillo.jpg) no-repeat;	
}
.color13{
	background:url(images/colores/13celeste.jpg) no-repeat;	
}
.color14{
	background:url(images/colores/14azulmarino.jpg) no-repeat;	
}
.color15{
	background:url(images/colores/15azulmarinobeige.jpg) no-repeat;	
}
.color16{
	background:url(images/colores/16blancoazulino.jpg) no-repeat;	
}
.color17{
	background:url(images/colores/17blancoazulmarino.jpg) no-repeat;	
}
.color18{
	background:url(images/colores/18blancorojo.jpg) no-repeat;	
}
.color19{
	background:url(images/colores/19rojoazulmarino.jpg) no-repeat;	
}
.color20{
	background:url(images/colores/20verdebeige.jpg) no-repeat;	
}
.color21{
	background:url(images/colores/21azulmarinoazulino.jpg) no-repeat;	
}
.color22{
	background:url(images/colores/22beigeazulmarino.jpg) no-repeat;	
}
.color23{
	background:url(images/colores/23cafebeige.jpg) no-repeat;	
}
.color24{
	background:url(images/colores/24azulmarinorojo.jpg) no-repeat;	
}
.color25{
	background:url(images/colores/25negrogris.jpg) no-repeat;	
}
.color26{
	background:url(images/colores/26rojonegro.jpg) no-repeat;	
}
.color27{
	background:url(images/colores/27verdeazulmarino.jpg) no-repeat;	
}
.color28{
	background:url(images/colores/28beigeverdebotella.jpg) no-repeat;	
}
.color29{
	background:url(images/colores/29negroblanco.jpg) no-repeat;	
}
.color30{
	background:url(images/colores/30negrorojo.jpg) no-repeat;	
}
.color31{
	background:url(images/colores/31azulazulino.jpg) no-repeat;	
}
.color32{
	background:url(images/colores/32beigeverde.jpg) no-repeat;	
}
.color33{
	background:url(images/colores/33rosado.jpg) no-repeat;	
}
.color34{
	background:url(images/colores/34beigeazulino.jpg) no-repeat;	
}
.color35{
	background:url(images/colores/35blancomorado.jpg) no-repeat;	
}
.color36{
	background:url(images/colores/36morado.jpg) no-repeat;	
}
.color37{
	background:url(images/colores/37beigeblanco.jpg) no-repeat;	
}
.color38{
	background:url(images/colores/38blancoverde.jpg) no-repeat;	
}
colores li .hover{
	border: 1px solid red;
}
contact_form{
	
}
#contact-wrapper {
	width:300px;
	padding:20px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:11px;
	float: left;
	margin-left: 20px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:11px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:3px;
	font-size:12px;
	color:#333;
}
form#contactform input.boton {
	background: #f7921e;
	border-style:solid;
	border-width:0px;
	padding:3px;
	font-size:12px;
	color:#fff;
}
form#contactform input.oculto{
	display: none;
}
form#contactform textarea {
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
.btn_fb{
	height: 32px;
	padding: 10px 0 5px 40px;
	background: url(images/btn_fb.jpg) top left no-repeat;
}
.btn_fb a{
	text-indent: -99999px;
	overflow: hidden;
}