/* 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(../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;
}