@charset "utf-8";
/* Preset */
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; background-color:#666;margin:0;padding:0}
a:focus{outline:1px dotted}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{ margin:0px; padding:0}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.puntoslegal{
	padding-left: 50px}
.subpuntoslegal{
	padding-left: 80px}	
blockquote {
	margin-left: 150px;
	width:400px;
	padding-left:40px; /*Esta longitud varia de acuerdo al tamaño de la imagen que uses de la comilla abierta*/
	background: url(../images/template/comillas-abre.png) top left no-repeat; /* aquí especificamos donde se encuentra la imagen de nuestra comilla que abre y la ubicamos */
}
blockquote p {
	text-align: justify;
	font-style:italic;
	font-size:18px;
	margin:0px;
	padding-right:40px;
	background: url(../images/template/comillas-cierra.png) bottom right no-repeat; /* aquí especificamos donde se encuentra la imagen de nuestra comilla que cierra y la ubicamos */
}
/* CSS Document */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
div#container{
	width:940px;
	margin: 20px 0 20px 0;
	margin-left:auto;
	margin-right:auto}
div#header{
	height:202px;
	background-image:url(../images/template/header2_bg.png);
	background-repeat:no-repeat;
	width: 940px;
}
div#logotipo{
	float:left;
	height:120px;
	width: 450px;
	margin: 30px 10px 0 10px
}	
div#slogan{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	height:80px;
	width: 440px;
	text-align: right;
	padding-top: 40px;
	margin: 30px 10px 0 10px}	
/* MENU PRINCIPAL */
div#navegacion{
	height:50px;
	margin: 0 10px 0 10px;
	width: 920px;
	clear:both}
ul#menu_principal{
	height:50px}	
ul#menu_principal li{
	list-style:none;
	line-height: 50px;
	float:left;
	padding-left: 15px}
ul#menu_principal li a{
	padding: 10px 17px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration:none}
ul#menu_principal li a:hover{
	color:#666;
	background-image:url(../images/template/menu_hover2_bg.png);
	background-repeat:repeat-x}
ul#menu_principal li a.activo{
	color:#C00;
	background-image:url(../images/template/menu_active_bg2.png);
	background-repeat:repeat-x}	
/* FOOTER */
div#footer{
	font-size:14px;
	color:#FFF;	
	clear:both;
	background-color:#000;
	width: 920;
	height:120px;
	padding: 10px;
	width: 920px;}
div#footer a{
	text-decoration:none;
	color:#FFF;
	}	
div#footer a:hover{
	text-decoration:underline;
	color:#C00;
	}	
div#footer a.active{
	text-decoration:none;
	color:#C00}		
div#footer_contacto{
	float:left;
	width: 450px;
	margin-right:10px}
div#footer_legal{
	text-align:right;
	float: left;
	width: 460px}	
ul#datos_contacto li{
	list-style:none;
	line-height: 25px}	
/* CONTENT */
div#content{
	background-color:#FFF;
	font-size:14px;
	color:#666;	
	width: 940;
	padding: 10px;
	width: 920px}
div#seccion{
	float:left;
	color: #333;
	background-color:#FFF;
	margin-bottom: 10px;
	width:400px;
	height:70px;
	background-image:url(../images/template/seccion_bg.png);
	background-repeat:repeat-x}	
div#frase_destacada{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	float:left;
	color: #C00;
	background-color:#FFF;
	margin: 0 10px 0 10px;
	width:490px;
	height:50px;
	margin-left: 20px;}		
	
div#presentacion{
	line-height: 25px;
	float:left;
	width: 600px;
	margin-right: 20px;}		
div#fotos_presentacion{
	height: 630px;
	width: 300px;
	float: left}	
ul#foto_presentacion li{
	margin-bottom: 5px;
	width: 270px;
	list-style:none;
	padding: 0px;
	border:thin;
	border-color:#F0F0F0;
	background-color: #E9E9E9}
div#presentacion_productos{
	line-height: 25px;
	float:left;
	width: 553px;
	margin-right: 20px;}	
div#descarga_catalogo{
	height: 175px;
	width: 347px;
	float: left;
	background-image:url(../images/general/descarga_pdf_bg.png);
	background-repeat:no-repeat}	
ul#descarga_lista{
	margin-top: 25px}	
ul#descarga_lista li{
	list-style:none;
	line-height: 22px;
	padding-left: 100px}	
ul#descarga_lista li a{
	color:#FFF;
	text-decoration:none}	
ul#descarga_lista li a:hover{
	color:#FFF;
	text-decoration:underline;}	
.sizepdf{
	font-size:12px;
	color:#FFF}	
/* CATALOGO DE PRODUCTOS */
.familia{	
	width:920px;
	background-color: #FFF}
.familia_titulo{
	height: 40px;
	color: #C00}
.familia_detalle{
	margin-left: 20px }	
.subfamilia{
	margin-right: 28px;
	float:left}
	
.subfamilia_titulo{
	height: 40px;
	background-image:url(../images/general/pie_subfamilia_bg.png);
	background-repeat:repeat-x}		
.subfamilia_detalle{	
	background-image:url(../images/general/catalogo_bg.png);
	background-repeat:repeat-x}
.subfamilia_detalle_novedades2{
	width:420px
}	

.imagen_ofertas{
	float:left;
	margin-right:15px}

.subfamilia_detalle_novedades1 li{
	list-style-position:inside;
	text-indent:15px}	
.subfamilia_detalle_novedades2 li{
	list-style-position:inside;	
	text-indent:15px}		
.catalogo{
	float:left}	
.catalogo_imagen{
	margin-bottom: 10px}

.catalogo_pie{
	height:30px;
	background-image:url(../images/general/marca_bg.png);
	background-repeat:repeat-x;
	text-align:center;
	padding:10px}	
.catalogo_pie a{
	text-decoration: none;
	color:#FFF}
.catalogo_pie a:hover{
	text-decoration: none;
	background-color:#666;
	color:#FFF}		
div#acrobatreader{
	margin-right: 20px;
	width: 245px;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color: #666;
	background-color:#CCC;
	padding:10px	}	
div#presentacion_ubicacion{
	line-height: 25px;
	float:left;
	width: 100%;
	margin-right: 20px;}
div#presentacion_legal{
	font-size:12px;
	line-height: 25px;
	float:left;
	width: 100%;
	margin-right: 20px;}	
div#googlemaps{
	float:left;
	width:680px;
	margin-top: 15px}
div#datosubicacion{
	color:#000;
	margin-top: 15px;
	float:left;
	width:220px;
	height:470px;
	margin-bottom: 20px;
	background-image:url(../images/general/datosmapa_bg.jpg);
	background-repeat:repeat-x}	
div#detalleubicacion{
	padding:10px 10px 0 10px;}	

/* FORMULARIO */
input, textarea {border:1px solid #333; margin:0 0 10px 5px} 
input:focus, textarea:focus {background:#E5E5E5;} 
.camporequerido{color:#F00; font-weight:bold; font-size:20px;} 
.notapie{ font-size: 11px;}
div#formulario {width:870px;border:1px dotted #000;padding: 20px;}

.logosmarcas img{
	margin:5px}
.ingles{font:15px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; background-color:#DFDFDF; margin-bottom:20px;padding:5px}	
.inglesitalic{font:15px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; font-style:italic;background-color:#DFDFDF; margin-bottom:20px;padding:5px}