/* CSS Document */



* {

	margin:0; padding:0;

	font-size:100%;

}



body{

	background:#cae6f4;

}



img {vertical-align:top;}

a img { border:0;}



ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}



html

	{

		font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		line-height:1.167em;

		color:#446177;

	}



.input, .textarea

	{

		font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		color:#446177;

	}



.input_login

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#446177;

	}



input, select { font-weight:normal;}



a {color:#0e5fc5; text-decoration:none;}

a:hover{text-decoration:underline;}

p {padding-bottom:15px; margin-top:0px}

strong {color:#2692d1;}

em {color:#2692d1;}



hr {

	border: 1px solid #d5e4ec;

}



/* ============================= main layout ====================== */



.top-tail{

	background-color: #ffffff;

	background-image: url(imgs/ones.gif);

	background-repeat: repeat-x;

	background-position: center top;

}

.bot-tail{ background:url(/totaigua_com/imgs/base.jpg) bottom repeat-x;}

li {line-height:1.667em;}

.list li {background:url(imgs/list-bg.gif) no-repeat 0 7px; padding-left:9px;}



.link {font-weight:bold; display:inline-block; margin-top:20px;}



h1 {

	color:#3d5664;

	font-size:12px;

	background-color: #cce5f9;

	font-family: Arial, Helvetica, sans-serif;

	background-image: url(../imgs/barra.gif);

	background-repeat: no-repeat;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-weight: bold;

}



h2 {

	color:#4498c7;

	font-size:14px;

	line-height:1em;

	border-bottom:1px solid #d5e4ec;

	margin-bottom:10px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 14px;

	background-image: url(../imgs/title-bg.gif);

	background-repeat: no-repeat;

	background-position: 0 8px;

	text-transform: none;

}



.slogan {

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

	padding-left: 10px;

}



.box2 h2 {color:#ffffff; background:url(../imgs/title-bg2.gif) no-repeat 0 8px; border-bottom:1px solid #2ea8da; margin-bottom:16px;}



h3 {color:#2692d1; margin-bottom:14px;}



.imgindent {margin:0 10px 0 0; float:left;}



.button {background:#164f70 url(../imgs/button-right-bg.gif) top right no-repeat; display:inline-block; color:#ffffff; text-decoration:none; line-height:8px; vertical-align:top; margin-left:5px;}

.button span {

	background:url(../imgs/button-left-bg.gif) top left no-repeat;

	display:inline-block;

	padding:5px 15px 9px 15px;

	line-height:8px;

	cursor: pointer;

	text-decoration:none;

}

.button:hover {

	color:#0CF;

	text-decoration:none;

}



.button span:hover {

	color:#0CF;

}



/* ============================= header ====================== */



.flash {

	position: relative;

	height: 455px;

}

.flash_small {

	position: relative;

	height: 255px;

}

.flash_smaller {

	position: relative;

	height: 55px;

}

.menu {

	position: absolute;

	top: 9px;

	left: 0px;

	width: 360px;

}



.alert-flash {

	width:350px;

	text-align:left;

	padding-top: 60px;

	padding-left: 5px;

}

.logo-row {

	color:#c1cfd8;

	font-size:0.917em;

	line-height:1.282em;

	margin-bottom: 5px;

}

.header-phone {

	float:right;

	width:170px;

	text-align:left;

	padding-top: 20px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}

.header-menu {float:right; width:425px; text-align:left; padding:32px 0 0 0;}

.header-phone span {color:#2691d0; display:block;}

.big {

	font-size: 19px;

	color: #0e5fc5;

}

.mapa {

	float:right;

	padding-top: 5px;

	padding-right: 7px;

}

.big_base {

	font-size: 14px;

	color: #0e5fc5;

	font-weight: bold;

}



/* ============================= content ====================== */



.col-pad {padding-right:20px;}

.col-pad2 {padding-right:30px;}

.col-pad3 {padding-right:17px;}



.box {background:#f2f8fb url(../imgs/box-corner-bottom-right.gif) bottom right no-repeat;}

.box .corner-bottom-left {background:url(../imgs/box-corner-bottom-left.gif) bottom left no-repeat;}

.box .corner-top-right {background:url(../imgs/box-corner-top-right.gif) top right no-repeat;}

.box .corner-top-left {background:url(../imgs/box-corner-top-left.gif) top left no-repeat; width:100%;}

.box .indent {padding:15px 15px 15px 15px;}



.box2 {background:#2692d1 url(../imgs/box2-tail-bottom.gif) bottom repeat-x; color:#ffffff;}

.box2 .corner-bottom-right {background:url(../imgs/box2-corner-bottom-right.gif) bottom right no-repeat;}

.box2 .corner-bottom-left {background:url(../imgs/box2-corner-bottom-left.gif) bottom left no-repeat;}

.box2 .corner-top-right {background:url(../imgs/box2-corner-top-right.gif) top right no-repeat;}

.box2 .corner-top-left {background:url(../imgs/box2-corner-top-left.gif) top left no-repeat; width:100%;}

.box2 .indent {padding:15px 20px 15px 20px;}



.margin1 {margin-top:31px;}

.margin2 {margin-top:14px;}

.margin3 {margin-top:50px;}

.margin4 {margin-top:4px;}

.margin5 {margin-top:10px;}



.phone {width:68px; display:inline-block;}



/* ============================= footer ====================== */



#footer .apartat{ font-size:13px; color:#1f1f1f; text-decoration:none;}

#footer .apartat:hover{ color:#2a9dd5; text-decoration:underline;}



#footer .negreta{ font-size:16px; font-weight: bold;}



#footer .aktiu {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #F15D03;

	text-decoration: none;

	font-weight: bold;

	padding-left: 5px;

}

#footer .aktiu:hover {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #F15D03;

	text-decoration: none;

	font-weight: bold;

	background-color: #FFF;

}

#footer .links {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #2692D1;

	text-decoration: none;

	font-weight: bold;

	background-image: url(../imgs/list-bg.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-right: 5px;

	padding-left: 7px;

	line-height: 16px;

	padding-top: 1px;

	padding-bottom: 1px;

}

#footer .links:hover {

	color: #ffffff;

	text-decoration: none;

	background-image: url(imgs/list-bg_white.gif);

	background-color: #2692D1;

}



/* ============================= forms ============================= */



#NewsForm .input {width:193px; height:21px;}

#NewsForm .link {color:#9bdaff; font-weight:normal; margin-top:7px;}



#ContactForm .rowi {height:47px;}

#ContactForm .button {float:right; margin:15px 0 0 10px;}



.input {width:257px; height:21px; border:1px solid #367397; background:#ffffff; padding:0 0 0 5px; font-size:1em;}

textarea {width:257px; height:161px; border:1px solid #367397; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:1em;}



/* menu */

.desc_item {font-size: 10px; text-decoration: none; font-weight: normal;}

.situacion {

	font-size: 11px;

	text-decoration: none;

	font-family: Verdana, Geneva, sans-serif;

	line-height: 10px;

	font-weight: normal;

}



/* accordion */

.accordion_title {

}

.accordion_section {

	background-color: #FFF;

}



/* tablas */

#table1 {

	background-color: #f2f8fa;

	width: 560px;

} 

#table1 td {

	background-color:#ceeaf8;

	border:1px solid #d5e4ef;

	height: 100%px;

	width: 180px;

} 

#table2 {

	margin-top:10px;

	background-color: #f2f8fa;

	width: 875px;

} 

#table2 td {

	background-color:#ceeaf8;

	border:1px solid #d5e4ef;

	height: 175px;

	width: 430px;

} 

a#link { 

	display:block; 

	width:100%; 

	height:100%; 

	text-decoration:none; 

} 

a#link #span1 {

	display:block;

	padding:10px;

	font-size: 14px;

	font-weight: bold;

	background-color: #2a9dd5;

	color: #FFF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #2c7aab;

	background-image: url(../imgs/item.gif);

	background-repeat: no-repeat;

	background-position: right center;

} 

a#link #span2 { 

	display:block; 

	padding:10px; 

}

a#link2 { 

	display:block; 

	width:100%; 

	height:220px; 

	text-decoration:none; 

} 

a#link2 #span1 {

	display:block;

	padding:10px;

	font-size: 14px;

	font-weight: bold;

	background-color: #2a9dd5;

	color: #FFF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #2c7aab;

	background-image: url(../imgs/item.gif);

	background-repeat: no-repeat;

	background-position: right center;

} 

a#link2 #span2 { 

	display:block; 

	padding:10px; 

} 

.imgindent2 {

	float:left;

	margin-top: 0;

	margin-right: 10px;

	margin-left: 0;

	padding-bottom: 10px;

}

a#link:hover { 

	background-color:#ffffff; 

} 



.link_catalogo {

	background-color: #0e5fc5;

	padding: 1px;

}

.link_catalogo:hover {

	background-color: #ee811b;

	padding: 1px;

}

.link_catalogo_in {

	background-color: #cccccc;

	padding: 1px;

}

.link_catalogo_in:hover {

	background-color: #666666;

	padding: 1px;

}



#menuPreguntas h2 {

	margin-left:20px;

	font-size:12px;

}



.nolink {

	text-decoration:none;

	color:#3d5664;

}



.nolink:hover {

	text-decoration:none;

	color:#3d5664;

}



#comoelejir td {

	color:#FFF;

	width:250px;

	text-align:center;

	height:30px

}



#comoelejir #imagenes td {

	padding:10px;

}



#comoelejir #titulos a {

	color:#FFF;

}



#potabilizacion {

	width:240px;

	height:115px;

	border:medium solid #4C71B4;

	padding:0.5em;

	margin-left:10px;

	cursor:pointer;

}



#potabilizacion-industriales {

	width:240px;

	height:115px;

	border:medium solid #4C71B4;

	padding:0.5em;

	margin-left:10px;

	margin-top:40px;

	cursor:pointer;

}



#potabilizacion ul {

	list-style-type:disc;

	list-style:inside;

	margin-left:5px;

}



#potabilizacion p {

	color:#4C71B4;

}



#potabilizacion p strong{

	color:#4C71B4;

}

#potabilizacion-industriales ul {

	list-style-type:disc;

	list-style:inside;

	margin-left:5px;

}



#potabilizacion-industriales p {

	color:#4C71B4;

}



#potabilizacion-industriales p strong{

	color:#4C71B4;

}



#potabilizacion-industriales:hover .masinfo {

	background-color:#209CB3;

}



#potabilizacion-industriales .masinfo {

	background-color:#4C71B4;

	width:40px;

	border-left:medium solid #4C71B4;

	border-top:medium solid #4C71B4;

	border-bottom:medium solid #4C71B4;

	padding:1em;

	color:#FFF;

	margin-top:-23px;

}



#potabilizacion:hover .masinfo {

	background-color:#209CB3;

}



#potabilizacion .masinfo {

	background-color:#4C71B4;

	width:40px;

	border-left:medium solid #4C71B4;

	border-top:medium solid #4C71B4;

	border-bottom:medium solid #4C71B4;

	padding:1em;

	color:#FFF;

	margin-top:-23px;

}



#reutilizacion {

	width:240px;

	height:115px;

	border:medium solid #669564;

	padding:0.5em;

	margin-left:600px;

	margin-top:-210px;

	cursor:pointer;

}



#reutilizacion-industriales {

	width:240px;

	height:115px;

	border:medium solid #669564;

	padding:0.5em;

	margin-left:600px;

	margin-top:-173px;

	cursor:pointer;

}



#reutilizacion ul {

	list-style-type:disc;

	list-style:inside;

	margin-left:5px;

}



#reutilizacion p {

	color:#669564;

}



#reutilizacion p strong{

	color:#669564;

}



#reutilizacion-industriales ul {

	list-style-type:disc;

	list-style:inside;

	margin-left:5px;

}



#reutilizacion-industriales p {

	color:#669564;

}



#reutilizacion-industriales p strong{

	color:#669564;

}



#reutilizacion-industriales:hover .masinfo {

	background-color:#64B60A;

}



#reutilizacion-industriales .masinfo {

	background-color:#669564;

	width:40px;

	border-left:medium solid #669564;

	border-top:medium solid #669564;

	border-bottom:medium solid #669564;

	padding:1em;

	color:#FFF;

	margin-top:-23px;

}



#reutilizacion:hover .masinfo {

	background-color:#64B60A;

}



#reutilizacion .masinfo {

	background-color:#669564;

	width:40px;

	border-left:medium solid #669564;

	border-top:medium solid #669564;

	border-bottom:medium solid #669564;

	padding:1em;

	color:#FFF;

	margin-top:-23px;

}



#depuracion {

	width:250px;

	height:135px;

	border:medium solid #825E42;

	padding:0.2em;

	margin-top:186px;

	margin-left:590px;

	cursor:pointer;

}



#depuracion-industriales:hover .masinfo {

	background-color:#B97206;

}



#depuracion-industriales .masinfo {

	background-color:#825E42;

	width:40px;

	border-left:medium solid #825E42;

	border-top:medium solid #825E42;

	border-bottom:medium solid #825E42;

	padding:1em;

	color:#FFF;

	margin-top:17px;

}



#depuracion:hover .masinfo {

	background-color:#B97206;

}



#depuracion .masinfo {

	background-color:#825E42;

	width:40px;

	border-left:medium solid #825E42;

	border-top:medium solid #825E42;

	border-bottom:medium solid #825E42;

	padding:1em;

	color:#FFF;

	margin-top:-26px;

	margin-right:3px;

}



#depuracion-industriales {

	width:250px;

	height:135px;

	border:medium solid #825E42;

	padding:0.5em;

	margin-top:160px;

	margin-bottom:100px;

	margin-left:590px;

	cursor:pointer;

}





#depuracion ul {

	list-style-type:disc;

	list-style:inside;

	margin-left:5px;

}



#depuracion p {

	color:#825E42;

}



#depuracion p strong{

	color:#825E42;

}

#depuracion-industriales ul {

	list-style-type:disc;

	list-style:inside;

	margin-left:5px;

}



#depuracion-industriales p {

	color:#825E42;

}



#depuracion-industriales p strong{

	color:#825E42;

}



#concepto {

	background-image:url(../imgs/concepto-viviendas-depuradoras.jpg);

	background-position:center;

	background-repeat:no-repeat;

	width:874px;

	height:400px;

	padding-top:90px;

}

#concepto-industriales {

	background-image:url(../imgs/concepto-depuradoras-industriales.jpg);

	background-position:center;

	background-repeat:no-repeat;

	width:874px;

	height:425px;

	padding-top:10px;

}