/* @override http://webintegral.cl/3zoom/style.css */


html,body{
margin:0;
padding:0
}

body{
	font: normal 76% "Helvetica Neue", Helvetica;
	/*background: url(imgs/bg_811.png) repeat;*/
	background-color:#c3c5c7;
}

input{
	border:1px solid #EC0000;
}

textarea{
	border:1px solid #EC0000;
}

p{
margin:0 10px 10px;
line-height:1.4;
}

a{
color: black;
padding: 0;
margin: 0;
text-decoration:none;

}

h1 {
margin:0;
line-height: 100px;
padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
	background-color: #575759;
}

#header {
margin:0;
height:120px;
background-color: #575759;


}

#headering{
	height: 40px;
	background-color: #504e53;
	display:block;
	margin-bottom: 5px;
	float:left;
	width:100%;
}

#headering p{
	height: 30px;
	text-align: center;
	padding-top: 10px;
	font-variant: small-caps;
	font-size:14px;
	margin: 0;
	background-color:#000000;
	color: #b30604;
}

#contenedor{
width:900px;
margin:0 auto;

}
#cuerpo{
float:left;
width:100%;
	margin-bottom: 10px;
}

#contenido{
margin-left:150px;
padding-top:10px;

}

.estructura{
	padding-left:35px;
	float:left;
}

#oferta{
float:right;
width:130px;
	background-color: #EC0000;
	margin-right: 10px;
	height:370px;
}

#oferta p{
	color: black;
	text-transform: uppercase;
	text-align: center;
	font: small-caps bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	word-spacing: 100px;
}
/*BARRA MENU IZQUIERDA*/
#barra{
float:left;
width:150px;
margin-left:-900px;
clear:bottom;
}

.barra{

}

.barra ul{

}

.barra li{

}

#footer{
clear:both;

height: 150px;
background: #333;
color: #FFF;
}

#footer p{
margin:0;
padding:5px 10px;
}


/* These styles create the dropdown menus. */
#menu{
	width: 100%;
	font: normal 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.menu{
	text-align:right;
	background-color: #575759;
	padding-bottom: 10px;
	display:block;
}
#navbar {
height: 60px;
margin: 0 auto;
padding-left: 5px;
}
#navbar li {
   list-style: none;
   float: left;
   background-color: #EC0000;
	margin-right: 5px;
}
   
#navbar li a {
   display: block;
	background-color: #EC0000;
   color: #C3C5C7;
   text-decoration: none;
	width: 96px;
	height: 50px;
	text-align: left;
	font: bold 12px "Helvetica Neue";
	text-transform: uppercase;
	padding: 5px;
}

#navbar li a:hover{
	   background-color: #4c4c4c;
	   text-decoration: none;
	   
	  
}
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #A0A89B;
   

}
 
   
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; 
	padding-top: 0;   
   }
#navbar li:hover li, #navbar li.hover li {	
   float: none;

} 
   
#navbar li:hover li a, #navbar li.hover li a {
   border-bottom: 1px solid #fff;
   color: #4c4c4c; 
   background-color: #A0A89B;
	padding-bottom: 5px;
}
   
#navbar li li a:hover {
	background-color: #828E8C;
}


/*header*/
.left{
	width: 300px;
	float: left;
	padding-top:5px;
	padding-left:15px;
	vertical-align:top;
}

.centro{
	width: 300px;
	float: left;
	padding-top:5px;
	padding-left:10px;
	vertical-align:top;
}
/*
.logo{
	width: 700px;
	background-color:#575759;
	float:left;
}
*/

.derecha{
	width: 200px;
	float:right;
	background-color:#575759;
	text-align:right;
	color:#C3C3C3;
	padding-right:20px;
}

.info{
	height: 110px;
	text-align: center;

	padding-left: 5px;
}

.info h2{
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase;
	font:  small-caps 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
	text-align: center;
}
.info p{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: small-caps;
	color: white;
	margin: 0;
}
.info a{
	color: white;
	text-decoration: none;
	font-style: italic;
}

.info a:hover{
	background-color: #000;
}

.right{
width: 636px;
float: left;

}
.top{
	height: 20px;
	background-color: #575759;
	color: white;
	padding-left:0px;
	width: 606px;
	margin: 0 auto;	
	padding-top:5px;
}
.top p{
	margin: 0;
	padding: 0;
	color: #EC0000;
	padding-left:5px;
	text-decoration: bold;
	text-align: left;
	font-size: 11px;
	float:left;
	width:603px;
	font-size:12px;
}

.top span{
	margin: 0;
	padding: 0;
	color: #b3b3b3;
	font-variant: small-caps;
	text-align: center;
	font-size: 11px;
	float:right;
}

.city{
	padding-top:25px;
	background-color: #575759;
	text-align:right;
}


.table_sucursal{
	width: 680px;
	margin: 0 auto;	
	color: #fff;
}
.table_sucursal a{
	text-decoration: none;
	color: #EC0000;
	
}

.table_sucursal td{
	padding-left: 5px;
	border: 1px ridge #4c4c4c;
	color: #fff;
	font-size: 9px;
	height: 30px;
	width:112px;
	text-align: left;
	padding-top: 5px;
	background-color:#000000;
}
.table_sucursal tr{
	width: 600px;
}



.banner{
clear:both;
}


#catalogo{
min-height: 350px;
}

.left_bottom{
	width: 200px;
	background-color: #EC0000;
	float: left;
}
.right_bottom{
width: 700px;
	float: right;
}

.caja{
	width: 700px;
	min-height: 400px;
}

.productos{
	width: 200px;
	height: 180px;
	background-color: #e6e6e6;
	margin: 5px;
	display: inline-block;
	float: left;
}

.productos h4{
	height: 20px;
	margin: 0;
	padding: 0 0 0 5px;
	text-transform: uppercase;
	color: #4c4c4c;
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.productos .imagen{
	margin: 0;
	padding: 0;
	
}

.productos p{
	padding: 0 0 0 5px;
	margin: 0;
	color: #333;
}

.productos a{
	color: #f37e00;
	text-decoration: none;
}

.productos a:hover{
	color: #333;
	background-color: #fff;
}


/*footer*/
#footer{
	background-color: #575759;
}

.footer{
	text-align:center;
}
.footer h4{
	
}
.footer p{
	color: #fff;
	text-transform: uppercase;
	font-style: italic;
}

/*menu*/

#menu_barra {
width:150px;
	}

#menu_barra ul{
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	list-style: none;

}	
#menu_barra li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu_barra li a:link, #menu_barra li a:visited {
	color: #4c4c4c;
	display: block;
	background:  url(imgs/menu10.gif);
	padding: 8px 0 0 10px;
	
	}
	
#menu_barra li a:hover {
	color: #f37e00;
	background:  url(imgs/menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}


	

/*- Menu 12--------------------------- */
	
#menu12 {
	width: 150px;
	margin: 0;
	padding:0;
	padding-top:6px;
}
	
#menu12 ul{
	margin:0;
	padding:0;
	padding-left:3px;
	padding-top:0px;
	width:172px;
}

#menu12 li  {
	padding-bottom:0px;
	height: 55px;
	text-align:left;
}	

#menu12 li a {
	height: 45px;
  	voice-family: inherit;
	text-decoration: none;
	font-size:13px;
}	
	
#menu12 li a:link, #menu12 li a:visited {
	color: #C3C5C7;
	display: block;
	background:  url(imgs/menu12.gif);
	padding: 10px 0 0 10px;
}
	
#menu12 li a:hover {
	color: #575759;
	background:  url(imgs/menu12.gif) 0 -55px;
	padding: 10px 0 0 10px;
}
	

.Estilo3 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}