@charset "UTF-8";
body
{
	/*Positioning*/
	/*Box*/
		margin: 0 auto;
		margin-top: 0px;
	/*Color & Background*/
		background:url(../images/background.jpg) repeat-x;
	/*Font & Text*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}
div#web
{
	/*Positioning*/
		display:block;
		z-index:1;
	/*Box*/
		width:950px;
		margin: 0 auto;
	/*Color & Background*/

	/*Font & Text*/
}
div#capsal
{
	/*Positioning*/
		display:block;
		position:relative;
		top:0px;
		left:0px;
		z-index:3;
	/*Box*/
		width:950px;
		height:95px;

	/*Color & Background*/
		background-color:#FFF;
	/*Font & Text*/
}

div#logo, div#titulo
{
	/*Positioning*/
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		padding-top:20px;
		padding-left:380px;
		
	/*Box*/
	/*Color & Background*/

	/*Font & Text*/
}
div#logo, div#titulo
{
	z-index:2;
	}  
div#titulo
{
	/*Positioning*/
	padding-left:780px;
	padding-top:10px;
	z-index:1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
div#titulo A:link {color: #000000; text-decoration: none;}
div#titulo A:visited {color: #000000; text-decoration: none;}
div#titulo A:active {color:  #000000; text-decoration: none;}
div#titulo A:hover{color:  #CCCCCC; text-decoration: none;} 
h2{
	font-size:22px;
	color:#09F;
	margin: 0px; 
	padding: 0px;
	
}
h3{
	font-size:16px;
	color:#F90;
	margin: 0px; 
	padding: 0px;
	
}
div#banda, div#banda2
{
	/*Positioning*/
		display:block;
		position:relative;
		top:0px;
		left:0px;
	/*Box*/
		height:113px;
		background-color:#eeeeee;
	/*Color & Background*/
	/*Font & Text*/
}

div#banda2
{
	background-image:url(../images/banda.jpg);
}

div#letras_catalogo
{ 
	letter-spacing:120px; 
	background-color:#aaaaaa; 
	height:20px;
 	width:950px; 
 	position:relative; 
 	color:#FFFFFF; 
 	font-size:20px;
}
div#catalogo
{
	/*Positioning*/
	position:absolute;
		padding-left:820px;
		padding-top:10px;
	/*Box*/
	top:0px;
	left:0px;
	z-index:1;
	/*Color & Background*/

	/*Font & Text*/
}
div#central_banda{
	position:absolute;
	
	left:340px;
	display:block;
	z-index:3;
	font-family:Arial, Helvetica, sans-serif;
	}
div#cuadro
{
	/*Positioning*/
	
	position:absolute;
	padding: 25px 0 5px 10px;
	top:0px;
	left:0px;
	/*Box*/

	/*Color & Background*/
	color:#FFFFFF;
	/*Font & Text*/
	font-size:13px;
	z-index:2;
	
}

	
div#cuadro A:link, div#manuales A:link, div#videos A:link {color: #000000; text-decoration: none;}
div#cuadro A:visited, div#manuales A:visited, div#videos A:visited {color: #000000; text-decoration: none;}
div#cuadro A:active, div#manuales A:active, div#videos A:active {color:  #000000; text-decoration: none;}
div#cuadro A:hover, div#manuales A:hover,  div#videos A:hover{color:  #999999; text-decoration: none;} 
div#texto A:link {color: #000000; text-decoration: none;}
div#texto A:visited {color: #000000; text-decoration: none;}
div#texto A:active {color:  #000000; text-decoration: none;}
div#texto A:hover{color:  #999999; text-decoration: none;} 
div#botonera, div#menu_letter
{
	/*Positioning*/
	position:absolute;
	padding:65px 0 0 4px;
	/*Box*/
	
	/*Color & Background*/

	/*Font & Text*/
}

div#topp{
	position:relative;
	display:block;
	top:0;
	left:0;
	padding: 0 0 0 0;
	height:140px;
	width:386px;
	z-index:2;
	}

div#texto{
	position:absolute;
	display:block;
	overflow:auto;
	top:100px;
	left:0;
	right:10px;
	padding: 40px 20px 0 230px;
	height:249px;
	width:700px;
	z-index:1;
	}
div#manuales{
	position:absolute;
	display:block;
	overflow:none;
	top:100px;
	left:0;
	right:10px;
	padding: 40px 20px 0 240px;
	
	width:700px;
	z-index:5;
	}
div#videos{
	position:absolute;
	display:block;
	overflow:none;
	top:100px;
	left:0;
	right:10px;
	padding: 40px 20px 0 240px;
	
	width:700px;
	z-index:5;
	}

div#rightt{
	position:absolute;
	top:0px;
	left:0;
	padding: 140px 10px 0 10px;
	height:249px;
	width:200px;
	text-align:center;
	z-index:6;
	
	}
div#rightt2{
	position:absolute;
	top:30px;
	left:0;
	padding: 140px 10px 0 10px;
	height:249px;
	width:200px;
	text-align:center;
	z-index:6;
	
	}
.presentacion, .distribuidores, .descargas, .delegaciones
{
	position:absolute;
	padding-top:8px;
	
}
.agua, .osmosis, .descalcificacion
{
	position:absolute;
	padding-top:1px;
	width:140px;
	
}
div#menu_letter .presentacion
{
	
left:40px;
}

div#menu_letter .delegaciones
{
	
left:175px;
}

div#menu_letter .osmosis
{
	
left:308px;
}
div#menu_letter .agua
{
	
left:448px;
}

div#menu_letter .descalcificacion
{
	
left:580px;
}
div#menu_letter .distribuidores
{
	
left:720px;
}

div#menu_letter .descargas
{
	
left:855px;
}

div#menu
{
		height:2px;
		
}





div#barra
{
	/*Positioning*/
		display:block;
		position:relative;
		top:0px;
		left:0px;
	/*Box*/
		width:950px;
		height:8px;
		overflow:hidden;
		
	/*Color & Background*/
	/*Positioning*/

	/*Box*/
	/*Color & Background*/
		background:#4a4a4a;

	/*Font & Text*/
	/*Font & Text*/
}

div#noticies
{
	/*Positioning*/
		display:block;
		position:absolute;
		top:0px;
		right:0px;
	/*Box*/
		width:250px;
		height:110px;
		padding-top:10px;
		padding-left:40px;
		padding-right:10px;
		overflow:hidden;
	/*Color & Background*/
		background:url(../images/background_noti.png);
	/*Font & Text*/
}
#noticies2	{ position: absolute; left: 0; top: 0; width: 100% }
.noti_data
{
	/*Positioning*/
		display:block;
		position:relative;
	/*Box*/
	/*Color & Background*/
	/*Font & Text*/
		color:#666666;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}
.noti_titular
{
	/*Positioning*/
		display:block;
		top:5px;
		position:relative;
	/*Box*/
		top:5px;
	/*Color & Background*/
	/*Font & Text*/
		color:#1C6CC0;
		font-weight:bold;
		text-align:justify;
		font-size:10px;
}
.noti_contingut
{
	/*Positioning*/
		display:block;
		position:relative;
		top:5px;
	/*Box*/
	/*Color & Background*/
	/*Font & Text*/
		color:#666666;
		text-align:justify;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#novetats
{
	/*Positioning*/
		display:block;
		position:absolute;
		right:300px;
		top:0px;
	/*Box*/
		width:308px;
		padding-left:30px;
		padding-right:10px;
		height:100px;
		padding-top:10px;
		padding-bottom:10px;
		overflow:hidden;
	/*Color & Background*/
		background:url(../images/background_nove.png);
	/*Font & Text*/
}
div#login
{
	/*Positioning*/
		display:block;
		position:absolute;
	/*Box*/
		height:120px;
		width:300px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:20px;
		overflow:hidden;
	/*Color & Background*/
		background: #eeeeee;
	/*Font & Text*/
}
div#contingut
{
	/*Positioning*/
		display:block;
		position:relative;
		top:0px;
		left:0px;
	/*Box #2874C5*/
		width:950px;
		height:389px;

	/*Color & Background*/
/*		background:url(../images/background_cont2.png);
	/*Font & Text*/
}

div#central, div#central2
{
	/*Positioning*/
		display:block;
		position:absolute;
		top:0px;
	
	
	/*Font & Text*/
		text-align:justify;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
}
div#central
{
		/*Positioning*/
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:950px;
		height:389px;
		
	/*Box*/
	/*Color & Background*/
	background-color:#FFFFFF;
		/*background:url(../images/page_bg.jpg);*/
}
.titol_seccio
{
	/*Positioning*/
	/*Box*/
	/*Color & Background*/
		color:#1C6CC0;
	/*Font & Text*/
		font-family:Tahoma, Geneva, sans-serif;
		text-align:center;
		font-size:18px;
}
.tdd
{
	/*Positioning*/
	/*Box*/
	/*Color & Background*/
		color:#1C6CC0;
	/*Font & Text*/
		font-family:Tahoma, Geneva, sans-serif;
		text-align:left;
		font-size:12px;
}
.paragraf
{
	/*Positioning*/
	/*Box*/
		margin-top:20px;
	/*Color & Background*/
		color:#1C6CC0;
	/*Font & Text*/
}
.titol_paragraf
{
	/*Positioning*/
	/*Box*/
	/*Color & Background*/
		color:#1C6CC0;
	/*Font & Text*/
}


div#peu
{
	/*Positioning*/
		display:block;
		position:relative;
		top:0px;
		left:0px;
		z-index:2;
	/*Box*/
		width:950px;
		height:30px;
		/*padding:10px 15px 10px 15px;*/
	/*Color & Background*/
		/*background:#2874C5;*/
		color:#2874C5;
	/*Font & Text*/
		text-align:left;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
}

div#menu1
{
	/*Positioning*/
		display:block;
		position:relative;
	/*Box*/
		width:700px;
		height:15px;
		border: 1px solid black;
		border-top:0px;
		border-bottom:0px;
	/*Color & Background*/
		background:#012772;
		color:white;
	/*Font & Text*/
}

div#menu2
{
	/*Positioning*/
		display:block;
		position:relative;
		top:0px;
		left:0px;
		float:left;
	/*Box*/
		width:180px;
		height:325px;
		padding-top:75px;
		padding-left:0px;
	/*Color & Background*/
	background:#ffffff;
	/*Font & Text*/
}
div#mapa1, div#mapa2
{
	/*Positioning*/
		display:block;
		position:absolute;
		top:0px;
		left:10px;
	/*Box*/
		width:312px;
		height:100%;
	/*Color & Background*/
		background:red;
	/*Font & Text*/
	
}
div#mapa2
{
	left:328px;
	background:blue;
}

A img{text-decoration:none;}
A:link {color: #FFFFFF; text-decoration: none;}
A:visited {color: #FFFFFF; text-decoration: none;}
A:active {color:  #FFFFFF; text-decoration: none;}
A:hover{color:  #333333; text-decoration: none;} 
.celdaroja A:link {color: #000000; text-decoration: none;}
.celdaroja A:visited {color: #000000; text-decoration: none;}
.celdaroja A:active {color:  #000000; text-decoration: none;}
.celdaroja A:hover{color:  #aaaaaa; text-decoration: none;} 

IMG{border:none;}
P
{
	text-indent:20px;
}
.celdaroja
{
	/*Positioning*/
	/*Box*/
	/*Color & Background*/
		color:Red;
	/*Font & Text*/
		text-align:center;
}
.textxicotet
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#distri
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding:0px 5px 5px 5px;
	text-align:left;
	text-indent:12PX;
	
}
H4 {text-align:center; font-size:14px; padding:0;}
#patro
{
	/*Positioning*/
	/*Box*/
	/*Color & Background*/
	/*Font & Text*/
}

#links {border:1px solid #ccc; padding:10px;}
* { list-style-type:none; text-decoration:none;  }
li { margin-bottom:12px;}
ul { padding:0px;}


/* rounded buttons */
.round, .round_g, .round_r {
	cursor:pointer; 
	cursor:hand; 
	line-height:27px;
	height:40px;
	background:url(../images/button.gif) no-repeat right top; 
	padding-top:0px;
	display:inline-block;
	
}

.round ins, .round_g ins, .round_r ins { 
	background:url(../images/button.gif) no-repeat left top;
	text-align:center;
	font-size:14px; 
	height:40px;
	padding-top:5px;
	line-height:27px;
	display:inline-block;
	width:200px;
	
		
	
}

	a.round:hover, a.round_g:hover {background-position:right -145;}
	a.round:hover ins, a.round_g:hover ins {background-position:left -145px;}

.round_g {

	background:url(../images/button_g.gif) no-repeat right top; 
}

.round_g ins { 
	background:url(../images/button_g.gif) no-repeat left top;
	
}

.round_r {
	
	background:url(../images/button_r.gif) no-repeat right top; 
}

.round_r ins { 
	background:url(../images/button_r.gif) no-repeat left top;
}

/* end rounded buttons */

div#leng{float:left; position:absolute; padding:20px 0 0 40px; z-index:3;}