body, html {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f8f8fa;
	font-size: 12px;
	background-image: url(../img/fondo.jpg);
	background-repeat: repeat-x;
	color:#636466;
}

a.link {color: #636466;text-decoration: underline;	}
a:hover.link, a:active.link {text-decoration: none;}
.negrita {font-weight:bold;}
.negro {color:#000;}
.tubos {color:#173132;}
.fundicion {color:#C75636;}
.materiales {color:#3E6F93;}
.soluciones {color:#74A240;}
.opaco {filter: alpha(opacity=40); opacity: .4;}
.block {display:block;}
.f11 {font-size:11px;}
.f15 {font-size:15px;}
.absoluto {position:absolute;top:0px;left:0px;}
.a10 {margin-bottom:10px;}
.ita {font-style: italic;}
.centrar {text-align: center;}

/* C A J A */

#caja{
	width: 870px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:30px;
}

#caja h1{
	font-family: 'swis721_cn_btroman';
	font-size: 25px;
	line-height: 80px;
	margin-left: 245px;	
}

.h3{
	font-family: 'swis721_cn_btroman';
	color:#FFF;
	font-size: 27px;
 line-height: 110%;
/*	margin-left: 245px;	*/
}

/* C A B E Z A L */

#cabezal{
	position:relative;
	width:870px;
	height: 65px;
	padding-top:30px;
}

#cabezal a.idioma {
	filter: alpha(opacity=40); 
	opacity: .4;
	margin-left:17px;
	float:right;
}
#cabezal a:hover.idioma, #cabezal a:active.idioma {
	filter: alpha(opacity=100); 
	opacity: 1;
}



/* BOTONERA */

#botonera{
	position:absolute;
	right:20px;
	top:58px;	
}
#botonera a.boton {
	font-family: 'swis721_cn_btroman';
	font-size: 17px;
	text-decoration: none;
	color:#000;
	margin-left:52px;
}
#botonera a:hover.boton, #botonera a:active.boton {
	color:#999;
}
#botonera a.prendido{
	color:#999;
}

#botonera2{
	    position: relative;
    margin-right: 246px;
    margin-top: 23px;
    float: right;	
}
#botonera2 a.boton {
	font-family: 'swis721_cn_btroman';
	font-size: 17px;
	text-decoration: none;
	color:#999;
	margin-left:52px;
}
#botonera2 a:hover.boton, #botonera a:active.boton {
	color:#000;
}
#botonera2 a.prendido{
	color:#000;
}


/* SECCIONES */

#secciones .home{
	width:210px;
	height:210px;
	float:left;
	position:relative;
}
#secciones .separador{
	margin-right:10px;	
}
#secciones ul{
	position:absolute;
	top:98px;
	left:25px;
}
#secciones li{
	background-image: url(../img/guion.png);
	background-repeat: no-repeat;
	margin-bottom:5px;
	background-position: 0px 3px;
}
#secciones a {
	text-decoration: none;
	color:#FFF;
	filter: alpha(opacity=70); 
	opacity: .7;
	margin-left:10px;
}
#secciones a:hover, #secciones a:active {
	filter: alpha(opacity=100); 
	opacity: 1;
}

/* SECCIONES INTERNAS */

#secciones_int a.boton {
	width: 210px;
	height: 105px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#secciones_int a:hover.boton, #secciones_int a:active.boton {
	background-position: bottom left;
}
#secciones_int .separador{
	margin-right:10px;	
}

#secciones_int a.prendido {
	width: 210px;
	height: 105px;
	float:left;
	background-repeat: no-repeat;
	background-position: bottom left;
	display: block;
}

/* Banner */

#banner {
	position:relative;
	width:870px;
	height:210px;
	margin-top:10px;
}
#banner .detalle{
	z-index: 1001;
	position:absolute;
	top:0px;
	left:0px;
	width:268px;
	height:210px;
	float:left;
	background-image: url(../img/fondo_banner.png);
}
#banner .detalle .texto{
	position:absolute;
	top:98px;
	left:25px;
	width:160px;
	color:#FFF;
}



/* Pie */

#pie {
	width:870px;
	height:1px;
	border-bottom: 1px solid #999;
	margin-top:20px;
}
a.sodio {
	width: 25px;
	height: 7px;
	background-image: url('http://www.sodio.com.uy/sodio.png');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: right;
	margin-top:30px;
	margin-right:20px;
	margin-bottom:20px;
}
:hover.sodio , a:active.sodio   {
	background-position: left bottom  ;
	}





/* SUB BOTONERA */

#sub_botonera{
	width:210px;
}
#sub_botonera ul{
}
#sub_botonera li{
	margin-bottom:5px;
}
#sub_botonera a {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_negro.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 22px;
	font-size: 13px;
	
}
#sub_botonera a:hover, #sub_botonera a:active {
	background-color:#000;
	color:#FFF;	
	background-image: url(none);
}
#sub_botonera .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 22px;
	font-size: 13px;
	background-color:#000;
	color:#FFF;
	background-image: url(none);
}

/* BOTONERA Tuberias */

#sub_tuberias{
	width:210px;
}
#sub_tuberias ul{
}
#sub_tuberias li{
	margin-bottom:5px;
}
#sub_tuberias a {
	text-decoration: none;
	color:#173132;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_negro.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 22px;
	font-size: 13px;
	
}
#sub_tuberias a:hover, #sub_tuberias a:active {
	background-color:#173132;
	color:#FFF;	
	background-image: url(none);
}
#sub_tuberias .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 22px;
	font-size: 13px;
	background-color:#173132;
	color:#FFF;
	background-image: url(none);
}


/* BOTONERA Valvulas */

#sub_valvulas{
	width:210px;
}
#sub_valvulas ul{
}
#sub_valvulas li{
	margin-bottom:5px;
}
#sub_valvulas a {
	text-decoration: none;
	color:#173132;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_negro.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 22px;
	font-size: 13px;
	
}
#sub_valvulas a:hover, #sub_valvulas a:active {
	background-color:#173132;
	color:#FFF;	
	background-image: url(none);
}
#sub_valvulas .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 22px;
	font-size: 13px;
	background-color:#173132;
	color:#FFF;
	background-image: url(none);
}




/* BOTONERA Accesorios */

#sub_accesorios{
	width:210px;
}
#sub_accesorios ul{
}
#sub_accesorios li{
	margin-bottom:5px;
}
#sub_accesorios a {
	text-decoration: none;
	color:#173132;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_negro.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 13px;
	
}
#sub_accesorios a:hover, #sub_accesorios a:active {
	background-color:#173132;
	color:#FFF;	
	background-image: url(none);
}
#sub_accesorios .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 15px;
	font-size: 13px;
	background-color:#173132;
	color:#FFF;
	background-image: url(none);
}





/* BOTONERA Fundicion */

#sub_fundicion{
	width:210px;
}
#sub_fundicion ul{
}
#sub_fundicion li{
	margin-bottom:5px;
}
#sub_fundicion a.boton {
	text-decoration: none;
	color:#C75636;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_fundi.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 22px;
	font-size: 13px;
	
}
#sub_fundicion a:hover.boton, #sub_fundicion a:active.boton {
	background-color:#C75636;
	color:#FFF;	
	background-image: url(none);
}
#sub_fundicion .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 22px;
	font-size: 13px;
	background-color:#C75636;
	color:#FFF;
	background-image: url(none);
}
#sub_fundicion a.sub_boton {
	text-decoration: underline;
	color:#C75636;
	display:block;
	padding-left:37px;
	line-height: 15px;
	font-size: 11px;
}
#sub_fundicion a:hover.sub_boton, #sub_fundicion a:active.sub_boton {
	text-decoration: none;
}
#sub_fundicion .sub_prendido {
	text-decoration: none;
	color:#C75636;
	display:block;
	padding-left:37px;
	line-height: 15px;
	font-size: 11px;
	filter: alpha(opacity=50); 
	opacity: 0.5;
}

/* BOTONERA materiales */

#sub_materiales{
	width:210px;
}
#sub_materiales ul{
}
#sub_materiales li{
	margin-bottom:5px;
}
#sub_materiales a.boton {
	text-decoration: none;
	color:#3E6F93;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_mater.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 22px;
	font-size: 13px;
	
}
#sub_materiales a:hover.boton, #sub_materiales a:active.boton {
	background-color:#3E6F93;
	color:#FFF;	
	background-image: url(none);
}
#sub_materiales .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 22px;
	font-size: 13px;
	background-color:#3E6F93;
	color:#FFF;
	background-image: url(none);
}

#sub_materiales a.sub_boton {
	text-decoration: underline;
	color:#3E6F93;
	display:block;
	padding-left:37px;
	line-height: 15px;
	font-size: 11px;
}
#sub_materiales a:hover.sub_boton, #sub_materiales a:active.sub_boton {
	text-decoration: none;
}
#sub_materiales .sub_prendido {
	text-decoration: none;
	color:#3E6F93;
	display:block;
	padding-left:37px;
	line-height: 15px;
	font-size: 11px;
	filter: alpha(opacity=50); 
	opacity: 0.5;
}

/* BOTONERA soluciones */

#sub_soluciones{
	width:210px;
}
#sub_soluciones ul{
}
#sub_soluciones li{
	margin-bottom:5px;
}
#sub_soluciones a {
	text-decoration: none;
	color:#74A240;
	display:block;
	padding-left:37px;
	background-image: url(../img/guion_solu.png);
	background-repeat: no-repeat;
	background-position: 24px 6px;	
	line-height: 22px;
	font-size: 13px;
	
}
#sub_soluciones a:hover, #sub_soluciones a:active {
	background-color:#74A240;
	color:#FFF;	
	background-image: url(none);
}
#sub_soluciones .prendido {
	text-decoration: none;
	color:#000;
	display:block;
	padding-left:37px;
	line-height: 22px;
	font-size: 13px;
	background-color:#74A240;
	color:#FFF;
	background-image: url(none);
}

/* C O N T E N I D O */

#contenido{
	width: 626px;
	float:right;
}
#contenido p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
}
#contenido .bloque{
	width:370px;
	padding-top:4px;
	margin-bottom:25px;
}
#contenido .bloque2{
	width:170px;
	padding-top:4px;
	margin-bottom:25px;
}
#contenido .bloque3{
	padding-top:4px;
	margin-bottom:25px;
}
#contenido .foto{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
#contenido .titulo{
	font-size: 16px;
	font-weight: bold;
	margin-bottom:7px;
	display:block;
}
#contenido a.pdf{
	line-height: 24px;
	text-decoration: underline;
	background-image: url(../img/pdf.jpg);
	background-repeat: no-repeat;
	display: block;
	color: #636466;
	padding-left:35px;
	margin-top:20px;
}
#contenido a:hover.pdf, #contenido a:active.pdf {
	text-decoration: none;
}
#contenido .producto{
	width:162px;
	height:190px;
	background-color:#E6E7E8;
	position:relative;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 24px;
	padding-left: 24px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#contenido ul{
	margin-top:4px;
	margin-bottom:12px;
}
#contenido li{
	margin-bottom:10px;
	background-image: url(../img/guion_chico.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left:10px;
}
#contenido table{
	font-size:11px;
	width:100%;
}

#contenido td {
	padding:7px 10px 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;	
}
#contenido .tit_tabla{
	font-weight: bold;
	color: #FFF;
	background-color: #C75636;
}
#contenido .tit_tabla_materiales{
	font-weight: bold;
	color: #FFF;
	background-color: #3e6f93;
}

#caja a.volver {
	float:right;
	text-decoration:underline;
	margin-right:20px;
	margin-top:38px;
	font-weight: bold;
	color:#636466;
}
#caja a:hover.volver, #caja a:active.volver {
	text-decoration:none;
	
}

/* H I S T O R I A */

#contenido_historia{
	width: 650px;
	float:right;
	position:relative;

}
#historia {
	width:162px;
	height:175px;
	float:left;
	position:relative;
	background-color:#E6E7E8;
	padding-top:225px;
	padding-left:24px;
	padding-right:24px;
	padding-bottom:20px;
	margin-right:10px;
}
#contenido_historia .tapa {
	width:210px;
	height:420px;
	filter: alpha(opacity=80); 
	opacity: .8;
	position:absolute;
	top:0px;
	z-index:500;
	background-color:#f8f8fa;
}
#historia .foto2 {
	position:absolute;
	top:0px;
	left:0px;
}
#historia .ano {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;	
	color:#000;
}
#historia a.boton {
	width:210px;
	height:395px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFF;
	filter: alpha(opacity=70); 
	opacity: .7;
}
#historia a:hover.boton, #historia a:active.boton {
	filter: alpha(opacity=0); 
	opacity: 0;
}


#scroll {
	overflow:hidden;
}



#contenido_historia a.boton {
	width:210px;
	height:330px;
	position:absolute;
	top:0px;
	filter: alpha(opacity=50); 
	opacity: .5;
	z-index:1000;
	text-align:center;
	padding-top:55px;
}
#contenido_historia a:hover.boton, #historia a:active.boton {
	filter: alpha(opacity=100); 
	opacity: 1;
}



/* F O T O S */


/*--Main Container fotos proyecto pasando--*/
.main_view {
	position: absolute;
	top:2px;
	left:2px;
	height:390px;
	width: 650px;

}
/*--Window/Masking Styles--*/
.window {
	height:390px;
	width: 650px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	z-index: 10; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	display: none;
	right: 10px;
	bottom: 12px;
}
.paging a {
	text-decoration: none;
	color: #fff;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	background: #000;
}
.paging a.active {
	background: #ff4a0b;
	border: 1px solid #fff;
	color: #fff;
}
.paging a:hover {
	background: #fff;
	color: #000;
}




/*C O N T A C T O*/

#formulario {
	width:406px;
}
#formulario a.enviar{
	color:#fff;
	background-color:#c75636;
	float:left;
	text-decoration:none;
	cursor:pointer;
	float:right;
	width:406px;
	height:30px;
	line-height: 30px;
	text-align: center;
	margin-top:10px;
	margin-bottom:20px;
}
#formulario a:hover.enviar {
	color:#fff;
	background-color:#000;
}
#formulario a.enviar2{
	color:#fff;
	background-color:#000;
	float:left;
	text-decoration:none;
	cursor:pointer;
	float:right;
	width:307px;
	height:30px;
	line-height: 30px;
	text-align: center;
	margin-top:10px;
	margin-bottom:20px;
}
#formulario a:hover.enviar2 {
	color:#fff;
	background-color:#333;
}

#formulario select {
	height:28px;
	border:solid #ccc 1px;
	padding:5px;
	float:right;
	font-size: 11px;
	width:137px;
	}
#formulario input {
	height:20px;
	border:solid #ccc 1px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	float:right;
	margin-bottom:3px;
	font-size: 11px;
	}
#formulario textarea {
	height:120px;
	border:solid #ccc 1px;
	padding-left:5px;
	padding-top:5px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
#formulario textarea:focus, #formulario select:focus, #formulario input:focus {
	border:solid #000 1px;
}
#formulario .dato {
	float:left;
	padding-top:6px;
}
#formulario .error2 {
	color: #ff4a0a;
	float:right;
	margin-top:10px;
} 
#formulario .raya {
	height:1px;
	background-color:#CCC;
	margin-bottom:15px;
	margin-top:15px;
	} 


/*SUISCRIPCION*/

#suscripcion {
	width:210px;
	height:225px;
	position:relative;
	background-color:#dcdddf;
	margin-top:30px;
	padding-top:90px;
	float:left;
}
#suscripcion a.enviar{
	color:#fff;
	background-color:#3e6f93;
	text-decoration:none;
	cursor:pointer;
	float:left;
	width:164px;
	height:30px;
	line-height: 30px;
	text-align: center;
	margin-top:10px;
	margin-left:23px;
}
#suscripcion a:hover.enviar {
	color:#fff;
	background-color:#000;
}
#suscripcion select {
	height:28px;
	border:solid #fff 1px;
	padding:0px;
	float:left;
	font-size: 11px;
	width:164px;
	margin-left:23px;
	margin-bottom:6px;
	}
#suscripcion input {
	height:20px;
	border:solid #fff 1px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0px;
	font-size: 11px;
	float:left;
	margin-left:23px;
}
#suscripcion textarea:focus, #suscripcion select:focus, #suscripcion input:focus {
	border:solid #000 1px;
}
#suscripcion .dato {
	margin-left:3px;
	float:left;
	padding-top:5px;
	color:#231f20;
}
#suscripcion .error2 {
	color: #ff4a0a;
	float:right;
	margin-top:10px;
} 



/* PARA EL MENSAJE DE ERROR*/
#formulario div.error {
	color: red;
}
#formulario label.error {
	float:right;
	margin-bottom:5px;
	color: #ff4a0a;
}
#formulario input.error {
	border-color:#ff4a0a;
}   
#formulario select.error {
	border-color:#ff4a0a;
}    
#formulario textarea.error {
	border-color:#ff4a0a;
} 






/* Historia */

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 650px;
	height:420px;	
	float:left;	
	border:0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:210em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:360px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

#botonera_lateral a.titulo_menu {
	font-size:15px;
	text-decoration:underline;
	color:#000; !important
}
#botonera_lateral a.menu_activo {
	font-size:15px;
	text-decoration:none;
	color:#666; !important
}