/* CSS Document 
 author: Roberto Ochoa
*/
/* default styles
   -------------- */
body { 
	padding: 0; 
	margin: 0; 
	/*line-height: 1.5em;*/
	background-color:#2D3D57
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}

	h1 { font: normal -2.1em Arial, Sans-Serif; padding: 0 0 0 13px; margin: 0}
	h2 { font: normal 0.75em Arial; padding: 3px 0 0 8px; margin: 0; color:#FFF}
	h3 { font: normal .90em Arial; color:#333;text-align:center;margin: 2px;font-weight:bold}
	h4 { font: normal -2.1em Arial, Sans-Serif; padding: 0 0 0 13px; margin: 0}
	h5 { font: normal -2.1em Arial, Sans-Serif; padding: 0 0 0 13px; margin: 0}
	h6 { font: normal -2.1em Arial, Sans-Serif; padding: 0 0 0 13px; margin: 0}
	.lenguaje{color: #333;font-size: .70em;font-family:arial; text-align:right; float:right}
		.lenguaje a{color: #333}
		.lenguaje a:hover{color: #F17721}
	.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: #666;font-size: 0.75em;font-family:arial;line-height: 15px; text-align:justify; padding:12px 5px 10px 10px}
		.textojust a {color: #F60;padding: 0 0 0 4px}
	.txtespeciales{color: #333;font-size: 0.75em;font-family:arial;line-height: 15px; padding:12px 5px 10px 10px}
    .txtdesc{color: #666;font-size: 0.72em;font-family:arial;line-height: 12px; padding:12px 5px 10px 10px}
	.txtsiglas{color: #999;font-size: 0.72em;font-family:arial;line-height: 11px; padding:12px 5px 10px 10px}
	.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}
	.txtesta{ font: normal .75em Arial; color:#333;text-align:justify; width:310px; padding:12px 0 0 0; float:left}
	.txttanque{ font: normal .75em Arial; color:#333;text-align:justify; width:480px; padding:12px 20px 0 0; float:left}
	.txtmapa a{ font: normal .85em Arial; color:#666;line-height: 23px; padding:7px 6px 8px 8px}
	.txtvalvula{ font: normal .90em Arial; color:#6E6E6E;line-height: 23px; font-weight:bold; padding:20px 0 0 0}
		.txtvalvula a{color: #6E6E6E}
		.txtvalvula a:hover{color: #F17721}
	 .especificaciones {color:#F17721;font-size: .90em;font-family:Arial}
	 .txtcilindro{width:290px; padding:12px 5px 0 10px; float:left; font: normal .75em Arial; color:#666}
	 .txtaviso{color: #999;font-size: 0.75em;font-family:arial;line-height: 11px; padding:12px 5px 10px 10px}
	 .txtbien{font-weight: bold;font-family: Verdana; font-size: .85em; color:#000099}
	.txterror{font-weight: bold;font-family: Verdana; font-size: .85em; color:#FF0000}
	.txtconstruccion{font-weight: bold;font-family: Verdana; font-size: 1.5em; color: #666; padding:150px 0 0 0; text-align:center}

 p {margin: 0;padding: 0}
 ul { margin: 0; padding : 0; list-style : none}
/* layout
   ------ */	
.content {
	margin: 0 auto;
	width: 800px;
	background-image:url(../img/background.jpg);
	background-repeat:repeat-y
}
.nucleo {
	margin: 0 auto;
	width: 776px;
	margin: 0 13px 0 13px
	}
.header {
	width: 776px;height: 203px;
	padding: 0; 
	background-color:#EFEFEF
}
.subheader {
	width: 750px;height: 5px;margin: 0 auto;overflow: hidden;
	background-color:#F47822
}
.sitemap {
	width: 750px;height: 21px;margin: 0 auto
}
.franja_tel {
	width: 160px;height: 20px; float:right; font-size: .70em;
	font-family:arial; color: #333; font-weight:bold; padding:1px 0 0 0
}
.logotipo{
	width:234px; height:148px;float:left;
 	background: url(../img/logo_ingusa.jpg) no-repeat
 }
 .banner{
	width:532px; height:148px; float:right; overflow:hidden
 }
 .barra_menu{
	width:532px; height:28px; float:right;
	background:url(../img/barra_menu.jpg) no-repeat;display: block
 }
 	.barra_menu li { 
		margin: 0; padding: 6px 15px 0 28px;
		float: left; list-style: none; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
		font-weight: bold; font-family:Arial; font-size:.80em}
	.barra_menu li a {
		color: #666; background: inherit}
	.barra_menu li a:hover{
		color: #F17721;	background: inherit}
	.barra_menu li a:active{
		color: #F17721;	background: inherit}
 .barra_prod{
	width:244px; height:28px; float:left;
	background-color:#999;color:#FFF;font-size: 0.85em;font-family:arial; font-weight:bold
 }
 .barra_chica{
	width: 776px;height: 1px; float:left;padding: 0; 
	background-color:#F47822; overflow: hidden
 }
.footer { 
	width: 800px;height: 38px;clear: both; overflow:hidden;
	background: url(../img/pie.jpg) no-repeat;
}
.footer p{ 
	width: 530px;height: 28px; margin:0; color:#9C9C9C; padding:5px 0 0 250px;
	font-size: 0.70em;font-family:arial; text-align:center
}
.franja_lateral{
	width: 244px; padding:5px 0 7px 0;
	background-color:#EFEFEF; float:left}
.barra_producto{
	width:234px;clear: both; padding:4px 0 0 0
}
.productos{ 
	width:100px;
	float:left; padding: 2px 5px 4px 12px
}
.prod_text{ 
	width:160px; text-align:justify;
	float:left; padding:4px 0 0 3px
}
.line{
width:244px; height:3px;float:left; background: url(../img/line.jpg);overflow: hidden
}
.line2{
width:244px; height:3px;float:left; background: url(../img/line2.jpg);overflow: hidden
}
.bigline{
width:493px; height:3px;float:left; background: url(../img/linea_larga.jpg) no-repeat; overflow: hidden; padding:7px 0 3px 0
}
.contenido{
	width: 510px; padding: 7px 10px 0 0; float:right
}
.frame2{
	width: 490px; padding: 6px 0 5px 0;overflow: hidden; float:left
}
.frame3{
	width: 490px; padding: 6px 0 0 0;overflow: hidden; float:left
}
.frame4{
	width: 480px; padding: 13px 0 0 10px;overflow: hidden; float:left
}
.exportacion{
width:470px; height:148px;float:left; margin:7px 0 7px 12px; overflow:hidden;
background: url(../img/exportacion.jpg) no-repeat; padding:3px 0 0 7px;
}
.pic{padding: 5px 0 5px 11px}
.cuadrito{width: 7px; height:17px; float:left; background-color:#F07821}
.imagen{ 
	width:80px; height:80px; float:left; padding: 8px 0 0 0; overflow: hidden}
.imagen_mundo{ 
	width:115px; height:80px; float:left; padding: 10px 10px 0 10px; overflow: hidden}
.ingusa{ 
	width:212px; height:31px; background: url(../img/ingusa.jpg); float:right; padding: 0; overflow: hidden}
.direccion{ 
	width:330px; float:right; padding: 5px 20px 6px 0; overflow: hidden;
	color: #666;font-size: 0.75em;font-family:arial;line-height: 15px
}
.formulario{
	width: 490px; padding: 7px 10px 0 0; float:left
}
.login{
	margin:16px 0 15px 33px;
	width:435px; height:215px;
	background-color:#EFEFEF;
	font-family: Arial; font-size: .75em; color:#333
}
.form1{
	width:205px; float:left; padding:5px 0 0 15px
}
.form2{
	width:210px; float:right; padding-top:8px; margin-right:3px
}
.mesg{
	margin:15px 0 0 30px;width:435px;
	background-color:#EFEFEF; float:right;
	font-family: Arial; font-size: .75em; color:#333
}
.login label{
	font-weight: bold;
	float: left;
	width: 120px; line-height: 1.4em
}
.estilotext{
	width: 150px;
	background-color: #FFF; color: #999;
	border: 1px solid #A1A1A1
}
	.estilotext:focus{background-color: #DDD;border: 1px solid #BBB}
.estilotextarea {
	width:190px;height:100px; color: #999;
	border: 1px solid #A1A1A1
}
	.estilotextarea:focus {background-color: #DDD;border: 1px solid #A1A1A1}
.boton_entrada{
	border:1px solid #A1A1A1; font-family: Verdana; font-size: 1em; margin:7px;
	text-align: center; width: 100; color:#999; height: 25; background-color: #FFF; 
	font-weight: bold; float:right
}
.message{
	width:400px; height:23px;
	text-align:center; padding:40px 10px 
}

.product_form{
	width:236px; height:280px; float:left; padding:5px 0 0 4px; background-color:#EFEFEF; margin: 8px 8px 5px 0
}
.b_prod{ border:none}
.flechamapa{ border:none; padding-left:27px}
/*Productos*/
.bloque_prod{
	width: 480px; padding: 0 10px 0 0;overflow: hidden; float:left
}
.carbur1{
	width: 164px; padding: 0 10px 0 0;overflow: hidden; float:right
}
.carbur2{
	width: 210px; padding: 0 10px 0 0;overflow: hidden; float:right
}
.carbur3{
	width: 225px; padding: 35px 0 0 20px;overflow: hidden; float:left
}
.tanque1{
	width: 120px; padding: 0 10px 0 0;overflow: hidden; float:right
}
.tanque2{
	width: 400px; padding: 3px 0 0 10px;overflow: hidden; float:right; text-align:right
}
.cyl_left{
	width:260px; padding:12px 15px 0 10px; float:left
}
.cyl_left p{font: normal .75em Arial; color:#666; padding:6px 0}
.cilindro{
	width: 180px; padding: 10px 0 0 12px;overflow: hidden; float:right; text-align:right
}
.autotanques{
	width: 485px; padding: 3px 0 0 10px;overflow: hidden; float:right
}
.almacenamiento{
	width: 447px; padding: 15px 15px 0 0px;overflow: hidden; float:right
}
.valvulas{
	width: 490px; padding: 15px 15px 0 0px;overflow: hidden; float:left
}
/*END productos*/
.catalago{width: 510px; height:auto; padding:10px 0 0 0; clear:both; float:left}
	
div.desarrollo-web{
	height:170px; padding: 10px 10px 5px 10px
}
div.mas{
	width:auto;
	height:auto;
	border: thin solid #EFEFEF;
	padding:10px
}
.pdfimg{
	width: 145px; height:58px; overflow: hidden; float:right; border:none; padding:0 10px 8px 0
}

/*Tablas START*/
table, th, td {
	border: 1px solid #EEE;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #555
}

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

td, th {
	padding: 4px
}

thead th {
	text-align: center;
	background: #DA2F37;
	color: #FFF;
	font-size: 70% !important
}

tbody th {
	font-weight: bold
}

tbody tr { background: #FCFDFE; font-size: 70%; text-align: center}

tbody tr.odd { background: #F7F9FC;text-align: center }

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: 85%
}
/*Tablas END*/
.mapa{
	width: 490px; padding: 15px 10px 0 17px; float:left
}

.bloque_txt{
	width:270px; padding: 6px; float:left; background-color:#E7E7E7;
	font: normal 0.72em Arial; color:#666; margin:6px
}
.tabla_esp{
	width:auto; height:auto; float:left; padding:7px
}
.tb_valvulas{
	width:465px; background-color:#EFEFEF; height:67px; float:left; padding:5px
}
.fr_valvulas{
	width:475px; background-color:#D9D9D9; height:10px; float:left; margin:1px 0;overflow: hidden;
}
.img_valvula{
	width:105px; height:68px; float:left; padding: 0 20px 0 0
}