/* CSS Document 
 author: Roberto Ochoa
*/
body { 
	margin:0;padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#E7E7E7 
}
/*  Text, Headlines, Listen text-transform: uppercase;
-----------------------------------------------------------------------*/
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}

	h1 { font-size:1em; padding: 5px 0 0 10px; margin: 0; color:#666}
	h2 { font-size:1em; padding: 1px 0 7px 10px; margin: 0; color:#666}
	h3 { font-size:1em; padding: 3px 0 10px 10px; margin: 0; color:#666}
	h4 { font-size:1em; padding: 6px 0 10px 10px; margin: 0; color:#666}
	h5 { font-size:1em; padding: 6px 0 10px 10px; margin: 0; color:#666}
	.buscar{font: normal .80em Arial; color:#FFF;font-weight:bold; padding:6px 0 0 10px}
	.avanzada{font: normal .70em Arial; color:#FFF; padding:6px 0 0 5px}
	.piedireccion{color: #F17721;font-size: 0.70em;font-family:arial}
	.t_productos{color:#666;font-size: 0.70em;font-family:arial}
	.t_ver{color:#F17721;font-size: 0.72em;font-family:Arial; text-align:right}
	.productos{color:#FFF;font-size: 0.85em;font-family:arial; font-weight:bold}
	.linkn{color: #F17721;font-size: 0.72em;font-family:arial; padding: 0 0 0 4px}
	.titulos{color: #000;font-size: 1em;font-family:arial}
	.textojust{color: #333;font-size: 0.75em;font-family:arial;line-height: 15px; text-align:justify; padding:0 5px 8px 5px}
		.textojust a {color: #F60;padding: 0 0 0 4px;font-size: .95em}
	.txtservice{color: #333;font-size: 0.82em;line-height: 15px}
	.txtred{font: normal .92em Arial; color:#B8352D;font-weight:bold}
	.txtredc{font: normal .82em Arial; color:#B8352D}
	.txtintro{color: #333;font-size: 0.75em;line-height: 15px; text-align:justify}
	.txtcontact{ font: normal 1em Arial; color:#333}
	.informacion{ font: normal .75em Arial; color:#333;text-align:justify; width:218px; padding:0 0 0 6px}
		.informacion a {color: #F60;padding: 0 0 0 4px;font-size: .95em}
	.txtrojo{ color:#B8352D;width:310px; padding:1px}
	.txtazul{ font: normal 1em trebuchet MS, verdana, sans-serif; color:#000066; font-weight:bold; padding:9px 0 5px 13px}
	.txtgris{ font: normal .75em Arial; color:#666; padding: 2px 0 2px 0; font-weight:700}
	.txtobs{ font: normal .75em Arial; color:#333; padding: 15px 0 0 10px}
	.txttanque{ font: normal .75em Arial; color:#333;text-align:justify; width:480px; padding:12px 20px 0 0; float:left}
	.txtmapa a{ font: normal .82em Arial; color:#666;line-height: 23px; padding:7px 6px 8px 8px}
	 .especificaciones {color:#F17721;font-size: .90em;font-family:Arial}
	.txtnota{color: #999;font-size: 0.65em; width:210px}
	.txtienda{color: #333;font-size: 0.82em; padding:0}
	.txbuscar{color: #333;font-size: 0.83em; padding:0; margin:0}
	.txterror{font: normal .90em Arial; color:#B8352D;font-weight:bold; padding:15px 0 50px 0; text-align:center}
	.txtcalentador{ font: normal .85em Arial; color: #333; padding: 9px 15px 6px 0; font-weight:bold}
	.txtprod{ color: #666; margin:0; padding: 3px 0;font-size:.75em; font-weight:700}
	.txtid{ color: #666; margin:0; padding: 3px 0; font-size:.75em}
	.txtver{ color: #990000; margin:0; padding: 1px 0;font-size:.75em}
	.txtcomunicacion{ color: #333; margin:5px; padding: 8px 0;font-size:.83em}
p { 
	color: #333;
	font-size: .82em;	
	line-height: 1.3em;
	margin: 0 8px 15px 0;
	padding: 0
}
 ul { margin: 0; padding : 0; list-style : none}
 form{ margin:0; padding:0} 
/* layout
   ------ */	
.content {
	margin: 2px auto;
	width: 798px; overflow:hidden;
	background-color:#FFF
}
.header {
	width: 798px;height: 100px;
	padding: 0
}
.subheader {
	width: 798px;height: 67px;
	background: url(../img/header.jpg) no-repeat
}
.bar {
	width: 798px;height: 30px;margin:0;
	background: url(../img/bar.jpg) repeat-x
}
.logotipo{
	width:131px; height:62px;float:left; padding-left:24px 
 }
 .barra_menu{
	width:532px; height:28px; float:right; padding-top:20px;
 }
 	.barra_menu li { 
		margin: 0; padding: 6px 10px 0 23px;
		float: left; list-style: none;
		font-weight: bold; font-family:Arial; font-size:.80em}
	.barra_menu li a {
		color: #666;
		background: inherit}
	.barra_menu li a:hover{
		color: #E2453A;
		background: inherit}
	.barra_menu li a:active{
		color: #E2453A;
		background: inherit}
.bar_search{padding:5px 0 0 13px; float:left}
.bar_catalogo a{padding:8px 15px 0 0; float:right; font-size:.80em; color:#FFF;font-weight:bold }
.nucleo {
	margin:0;width: 798px;padding:0
}
.franja_lateral{
	width: 183px; padding:0 4px;
	float:left
}
.contenido{
	width: 606px; float:right; padding:0
}
.footer{
	width:798px; float:left; height:45px;text-align:center;
	border-top:2px solid #999; background-color:#E7E7E7;
	color:#666; font-size:.95em; margin-top:13px
}
.footer p{ margin:0; padding:0}
.banner{
	width:606px; height:137px; padding: 0 0 7px 0; overflow:hidden
 }
 	#catalogo{ background: url(../img/b_catalogo.jpg) no-repeat}
	#empresa{ background: url(../img/banner_empresa.jpg) no-repeat}
	#contacto{ background: url(../img/banner_contacto.jpg) no-repeat}
.barra_titulo{
	width:546px; height:30px; float:right; padding:6px 0 0 19px;
 	background: url(../img/barra_gris.jpg) no-repeat
 }
.line{
	width:540px; height:1px;float:left; background-color:#CCC;overflow: hidden}
.imagen{ 
	width:80px; height:80px; float:left; padding: 0 7px 0 0; overflow: hidden}
.t2{ width: 570px; padding: 10px 13px 5px 13px; overflow:hidden}
.img32{ 
	width:267px; height:115px; float:left; padding: 7px 7px 7px 150px; overflow: hidden}
.img_cal{ 
	width:260px; height:208px; float:left; padding: 14px 7px 15px 2px; overflow: hidden; text-align:center}
.frame_product{
	width:585px; height:293px; padding:0 5px 1px 7px;
	border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0
}
.t_producto_1{
	border-right: 1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;
	width:282px; height:138px;
	float:left; padding:0 6px 9px 3px;
	background: url(../img/back_estacionario.jpg) no-repeat
}
.t_producto_2{
	border-bottom:1px solid #F0F0F0; float:left;
	background: url(../img/back_cilindros.jpg) no-repeat;
	width:284px; height:138px; padding:0 0 9px 8px;
}
.t_producto_3{
	border-right: 1px solid #F0F0F0; 
	width:282px; height:138px;
	float:left; padding:0 6px 9px 3px; 
	background: url(../img/back_calentador.jpg) no-repeat
}
.t_producto_4{
	width:281px; height:138px; 
	padding:0 0 9px 8px;float:left;
	background: url(../img/back_valvulas.jpg) no-repeat;
}
.frame_ofertas{
	width:571px; height:115px; padding:20px 0; margin:0 auto; font-size:-2.1em;text-indent: -9000px
}
.frame_marcas{
	width:554px; padding:3px; border:1px solid #E5E5E5;margin:0 auto; height:216px
}
.logos_random{ 
	width:552px; float:left; height:92px
}
.marca{ 
	width:157px; height:66px; float:left; padding:10px;
	border:1px solid #E5E5E5; margin:2px
}
.promo1{
	width:313px; float:left; height:120px; padding:10px 0 0 14px;
	background: url(../img/entrega-domicilio.jpg) no-repeat
}
.promo2{
	width:243px; float:left; height:120px; background-color:#CCC; padding:0; background: url(../img/lada-sin-costo.jpg) no-repeat
}	
	.promo2:hover{background: url(../img/problemas.jpg) no-repeat top left}
.p_tab{
	float:left;
	width:150px; height:140px; overflow:hidden; padding:0
}
.t_right_prod{
	float: right; padding: 4px 0;
	width:150px; height:140px; text-align:center
}
.t_left_prod{
	float: left; padding: 4px 0;
	width:150px; height:140px; text-align:center
}
.i_ver{
	width:82px; height:25px; padding:7px 0 0 17px; border:none
}
.i_ver_a{
	width:82px; height:25px; padding:0 0 0 17px; border:none
}
/*Forms*/
.busqueda{
	width: 150px; height:15px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .75em Arial; color:#333
}
.estilotext{
	width: 150px; height:18px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .75em Arial; color:#333
}
	.estilotext:focus{background-color: #DDD;border: 1px solid #BBB}
.formtext{
	width: 200px; height:18px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .82em Arial; color:#333
}
	.formtext:focus{background-color: #DDD;border: 1px solid #BBB}
.lista_estados{
	width: 200px; height:19px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .82em Arial; color:#333
}
	.lista_estados:focus{background-color: #DDD;border: 1px solid #BBB}
.estilotextarea {
	width:233px;height:155px;
	border: 1px solid #A1A1A1;
	font: normal .82em Arial; color:#333
}
	.estilotextarea:focus {background-color: #DDD;border: 1px solid #A1A1A1}
.formlada{
	width: 30px; height:15px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .85em Arial; color:#333
}
	.formlada:focus{background-color: #DDD;border: 1px solid #BBB}
.formtel{
	width: 80px; height:15px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .85em Arial; color:#333
}
	.formtel:focus{background-color: #DDD;border: 1px solid #BBB}
.formlist{
	width: 135px; height:19px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .85em Arial; color:#333
}
	.formlist:focus{background-color: #DDD;border: 1px solid #BBB}
.formpag{
	width: 60px; height:17px;
	background-color: #FFF;
	border: 1px solid #A1A1A1;font: normal .85em Arial; color:#333
}
	.formpag:focus{background-color: #DDD;border: 1px solid #BBB}
.boton_entrada{
	border:1px solid #A1A1A1; font-family: Verdana; font-size: .75em;
	text-align: center; color:#E2453A; background-color: #FFF; 
	font-weight: bold; padding:0 3px 0 3px
}
.boton_enviar{
	border:1px solid #A1A1A1; font-family: Verdana; font-size: .75em; float:right;
	text-align: center; width: 70px; color:#666; background-color: #FFF
}
.boton_lada{
	border:1px solid #A1A1A1; font-family: Verdana; font-size: .75em;
	text-align: center; width: 45px; color:#666; background-color: #FFF
}
.boton_enviar_com{
	border:1px solid #A1A1A1; font-family: Verdana; font-size: .75em; float:right;
	text-align: center; width: 40px; color:#666; background-color: #FFF
}
.servicios{
	width:553px; border-bottom:1px solid #EE2D24; height:80px; background-color:#F0F0F0;
	margin:6px 0 15px 0; padding:17px 10px
}
.error{
	font-weight: bold;font-family: Verdana; font-size: .85em; color:#FF0000; 
	text-align:center; width:550px; height:30px }
.l_izq{	width:122px; height:69px; float:left }
.l_der{ width:414px; height:55px; padding:13px 0 0 0;float:right }
/*END forms*/
/*Menu*/
.menu{
	border: 1px solid #E5E5E5;
	width:170px; padding:4px;
	margin-bottom:5px
}
#menunav {
	margin:0; padding:0
}
#menunav li {
	 list-style-type: none;
	 margin:0; padding:0;
	 border-bottom: 1px solid #E5E5E5;
	 background-color:#F8F8F8
}
#menunav ul {
 margin: 0; padding:0;
 z-index: 10000
}
#menunav ul li {
 border-left: 1px solid #FFFFFF
}
#menunav a {
 display: block;
 text-decoration: none;
 padding: 5px 12px 4px 10px;
 color: #777; background-color:#F8F8F8
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
 color: #B8352D;
 background-color:#EFEFEF
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-repeat: no-repeat;
 background-position: right center
}
#menunav .menutrg:hover {
 background-position: right center;
 background-repeat: repeat-x
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0
}
#menunav .menushow {
	left: auto;
 	z-index: 20000
}
/*modifica el menu madre */
#sidebar {
	background-color: #F8F8F8;
	width:180px; padding:0; font-size:.83em
}
.title_r{
	text-align:center; color:#DF2516;
	font-weight:900; padding:10px 0 10px 0;
	width: 170px; border-bottom: 1px solid #E5E5E5
}
.title_b{
	text-align:center; 
	color:#0062A5;
	font-weight:900; padding:10px 0 10px 0;
	width: 170px; border-bottom: 1px solid #E5E5E5
}
/*END menu*/	
#xsnazzy {background: transparent; float:left; padding:10px 0 156px 0 }
#xsnazzy2 {background: transparent; float:left; padding:20px 0 1px 0 }
.xtop, .xbottom {display:block; background:transparent }
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden }
.xb1, .xb2, .xb3 {height:1px}
.xb2, .xb3, .xb4 {background:#F0F0F0 }
.xb1 {margin:0 5px; background:#F0F0F0 }
.xb2 {margin:0 3px}
.xb3 {margin:0 2px}
.xb4 {height:2px; margin:0 1px}
.xboxcontent {
	display:block; background:#F0F0F0; width:504px;  
	padding:20px 40px 20px 20px; overflow:hidden
}
.xboxsearch{
	display:block; background:#F0F0F0; width:534px; height:47px; 
	padding:0px 40px 20px 20px; overflow:hidden
}
.xboxcontent label{
	float: left; padding:5px 0 0 55px;
	width: 160px; font-size:.82em; color:#333
}
.xboxstore {
	display:block; background:#F0F0F0; width:509px; height:auto; 
	padding:20px 40px 20px 20px; overflow:hidden
}
.xboxstore label{
	float: left; padding:5px 0;
	width: 200px;font: normal .85em Arial; color:#333
}
.xboxcom {
	display:block; background:#F0F0F0; width:450px;  
	padding:10px 10px 10px 10px; overflow:hidden
}
.xboxcom label{
	float: left; padding:5px 0 0 26px;
	width: 100px; font-size:.82em; color:#333
}
.uno{padding:0 0 10px 0}
.dash{padding:0 0 10px 0; background: url(../img/dash-line.jpg) no-repeat}
.dos{padding:0 0 4px 0}
.lada{padding:0; width:220px; float:left}
.img_estado{padding:5px 0; width:240px; float:right; text-align:center}
.pre{padding:6px 0 1px 0;font: normal .85em Arial; color:#333}
.info_suc{padding:10px 0 0 13px; width:500px;float:left}
.buscador{background: transparent; float:left; padding:7px 3px 10px 3px}
.img_search{width:75px; float:left; height:70px}
.franja_buscar{float:left; padding:10px 0 1px 0; border-bottom: solid #FF0000; border-top:solid #FF0000; height:54px; width:595px}
.franja_buscarl{float:left; padding:0 0 0 3px; width:315px}
.franja_buscarr{float:right; padding:0 6px 0 0; width:250px; text-align:right}

.b_prod{ border:none}
.list_mark {
	padding: 4px; float:left;
	margin:0;width:102px
}
.list_mark ul {
	padding: 5px 0 0 15px;
	margin:0; font-size:.75em
}

.list_mark li {
	list-style: none;line-height: 1.2em;
	background: url(../img/arrow.gif) no-repeat 2px 6px;
	padding: 3px 0 1px 16px;color: #666
}
.list_mark li a{
	display: block;
	text-decoration: none;
	color: #666
}
.list_mark li a:hover{
	background-color:#F0F0F0
}
.producto{ 
	width:160px; height:205px; float:left; padding:10px; 
	border:1px solid #E5E5E5; margin:6px; text-align:center; overflow:hidden
}
.div_producto{
	width:590px; padding:10px 2px 1px 2px; overflow:hidden
}
.img_producto{ width:560px; padding:10px; text-align:center }
.tabla_desc{ width:560px; padding:10px }
.xboxprod {
	display:block; background:#F0F0F0; width:529px; 
	padding:10px 15px 10px 15px; overflow:hidden
}
.tabla_cont{ 
	width:560px; padding:25px 10px 12px 10px
}
.comun{ width: 500px; height:420px; overflow:hidden}
.conten_c{
	width: 550px; padding:0; margin:0 auto
}
input.disabled {
	border: 1px solid #F2F2F2; background-color: #F2F2F2 }
input.required, textarea.required {
	border: 1px solid #A1A1A1;width: 220px;color: #666
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
	background: url(../img/tacha.gif) no-repeat top right
}
input.validation-passed, textarea.validation-passed {
	color : #000;
}
.validation-advice {
	margin: 1px 1px 1px 126px;
	padding: 2px;
	width:218px;
	background-color: #FF3300;
	color : #FFF;
	text-align:center;
	font-weight: 500;
	font-size:.82em
}

.custom-advice {
	margin: 2px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.form-row {
	clear: both;
	padding: 3px;
}
.frame_catalogo{ 
	width:550px; padding:22px 10px;clear:both;
	margin: 0 auto; overflow:hidden
}
.imagen-catalogo{ 
	width:214px; padding:0 8px 0 8px; float:left; overflow:hidden
}
.completo{ 
	width:283px; height:113px; margin:13px 0 6px 8px; float:left; overflow:hidden; background: url(../img/btn-completo.jpg) no-repeat
}
.completo:hover{
	 background: url(../img/btn-completo-on.jpg) no-repeat
}
.secciones{ 
	width:283px; height:113px; margin:9px; padding:12px 0 0 8px; float:left; overflow:hidden; background: url(../img/btn-secciones.jpg) no-repeat
}
.secciones:hover{
	 background: url(../img/btn-secciones-on.jpg) no-repeat
}
.mas{
	width:505px; border: 1px dotted #A1A1A1;
	height: auto;margin: 0 auto;
	padding:14px
}
.f_servicio{
	width:520px; border-bottom:1px solid #EE2D24; height:110px; background-color:#E1E1E1
}
 /*  start tables
-----------------------------------------------------------------------*/
table, th, td {
	border: 1px solid #999; color: #555;
	border-collapse: collapse;
	font-family: Arial, sans-serif
}

caption {
	font-size: 100%;
	font-family: Arial, sans-serif;
	color: #666; padding:6px 5px
}

td, th {
	padding: 4px
}

thead th {
	text-align: center;
	background: #EEE;
	color: #666;
	font-size: .80em !important
}
tbody th {
	font-weight: bold
}

tbody tr { background: #FCFDFE; font-size: .80em}

table a:link {
	color: #718ABE;
	text-decoration: none
}

table a:visited {
	color: #718ABE;
	text-decoration: none
}

table a:hover {
	color: #718ABE;
	text-decoration: underline !important
}

tfoot th, tfoot td {
	font-size: .80em
}
 /*----------------------------------------------------------------------*/
 .message {	padding: 70px 10px 70px 10px; width:530px }