/*Document CSS*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin: 0px;
	padding: 0px;
	background:#FFFFFF;
	background-image:url(/img/bg_body_ecanet.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0px;}

a.gest{
color:#CC0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
}

a.gest img{
border:0px;
}

form{
margin:0px;
padding:0px;
}

h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
font-weight:normal;
font-size:10px;
}

h1{
display:inline;
font-size:36px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#003399;
line-height:32px;
}

h2{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
margin-bottom:10px;
}

h3{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
margin-bottom:10px;
}

h4{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
color:#003366;
background:#ECF7FD;
border-top:1px solid #A5C8E4;
margin-top:12px;
margin-bottom:1px;
padding:3px 0px 3px 12px
}

h5{
display:block;
margin-bottom:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003366;
font-weight:bold;
}

ul, li{
margin:0px;
padding:0px;
list-style:none;
list-style-image:none;
}


/*IDS*/

/*AMPLIACIO DE LA FOTO*/
#amplifoto{
width:100%;
top:0;
left:0;
background-color:#003366;
position:absolute;
z-index:80;
filter:alpha(opacity=80); /* IE */
-moz-opacity:0.80; /* Firefox, Opera, ... */
opacity: 0.80; /* CSS 3*/
display:none;
}

#afoto{
top:7%;
left:12%;
position:absolute;
text-align:center;
width:auto;
margin:0px auto;
z-index:90;
padding:16px;
display:none;
background:#FFFFFF;
}

#afoto a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#003366;
text-decoration:none;
}

#afoto img{
margin-bottom:12px;
}

#all{
width:978px;
background:#FFFFFF;
}

#col_left{
float:left;
width:180px;
}

#col_right{
float:left;
width:738px;
}

#contentweb{
width:918px;
margin:0px 30px;
padding:11px 0px;
}

#foot{
position:relative;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding-bottom:25px;
line-height:15px;
}

#foot a{
text-decoration:underline;
color:#666666;
}

#foot a:hover{
text-decoration:none;
}

#foot_new{
width:92px;
height:50px;
margin-top:-85px;
padding-left:188px;
}

.new_address{
font-size:11px;
color:#FFFFFF;
padding:1px 3px;
line-height:13px;
background-color:#CC0000;
display:inline;
}

#head{
margin-top:12px;
}

/*ENLLAÇOS*/
#infoenllacos{
margin-left:58px;
font-size:12px;
width:510px;
}

#infoenllacos h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006CB7;
line-height:12px;
}

#infoenllacos h1 span{
font-weight:bold;
}

#infoenllacos .enllacos{
color:#006699;
margin-top:20px;
}

#infoenllacos .enllacos a{
display:block;
width:100%;
padding:12px 0px 6px 38px;
border-top:1px solid #C6DCEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
background-image:url(/img/arrow_enllac.gif);
background-repeat:no-repeat;
background-position:left center;
}

#infoenllacos .enllacos a.in{
border:0px;
}

#infoenllacos .enllacos a:hover{
text-decoration:none;
background-image:url(/img/bg_enllac.gif);
background-repeat:no-repeat;
background-position:left center;
}
#infoenllacos .enllacos a span{
display:block;
font-size:12px;
font-weight:bold;
padding-bottom:1px;
}

/*EMPRESA*/
#infoempresa{
margin-left:58px;
font-size:12px;
width:540px;
}

#infoempresa h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006CB7;
line-height:12px;
}

#infoempresa h1 span{
font-weight:bold;
}

#infoempresa .empresa{
color:#006699;
text-align:justify;
margin-top:20px;
margin-bottom:20px;
}

#infoempresa .empresa img{
float:left;
margin-top:-8px;
}

#infoempresa .empresa span{
font-style:italic;
}

#infoempresa .dades{
border-top:1px solid #92C9EB;
background:#F1F8FC;
display:block;
width:auto;
padding:20px;
padding-top:16px;
padding-bottom:16px;
color:#006699;
float:left;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
}

#infoempresa .dades span{
font-weight:bold;
}

#infoempresa .dades a{
color:#006699;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#infoempresa .dades a:hover{
text-decoration:none;
}

#infoempresa .text{
color:#006699;
margin-top:20px;
margin-bottom:20px;
}

#infoempresa .dades .info_company{
width:auto;
float:left;
}

#infoempresa .dades #dades_new{
width:auto;
float:left;
margin-right:20px;
padding-top:15px;
}


/*HOME*/
#infohome{
margin-left:16px;
font-size:14px;
text-align:justify;
}

#infohome .homeleft{
float:left;
width:450px;
padding-left:25px;
padding-top:15px;
}

#infohome .homeleft h3{
display:inline;
font-size:14px;
margin:0px;
padding:0px;
color:#999999;
font-weight:bold;
}

#infohome .homeright{
float:right;
width:180px;
padding-top:12px;
padding-right:12px;
}

/*LLISTAT PRODUCTES*/
#infoprods{
margin-left:23px;
}

#infoprods a{
font-size:14px;
color:#003366;
text-decoration:none;
}

#infoprods .prod{
float:left;
position:relative;
text-align:center;
width:170px;
height:216px;
margin:0px 0px 13px 7px;
}

#infoprods .prod .image{
height:170px;
width:170px;
overflow:hidden;
}

#infoprods .prod .img{
position:absolute;
top:0px;
left:0px;
z-index:10;
}

#infoprods .prod .circle{
position:absolute;
top:0px;
left:0px;
width:170px;
height:170px;
z-index:20;
}

#infoprods .prod .mes{
position:absolute;
top:129px;
left:115px;
height:28px;
width:28px;
z-index:30;
}

#infoprods .prod .arrow{
position:absolute;
top:7px;
left:30px;
height:20px;
width:20px;
z-index:40;
display:none;
}

/*DETALL PRODUCTE*/
#infodetail{
margin-left:50px;
}


#infodetail h1{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:28px;
color:#003366;
background:#ECF7FD;
border-top:1px solid #A5C8E4;
margin-top:12px;
margin-bottom:1px;
padding:3px 0px 3px 12px
}

#infodetail h2{
display:block;
margin-bottom:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003366;
font-weight:bold;
}

#infodetail .detail_left{
float:left;
width:428px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006699;
}

#infodetail .detail_right{
float:right;
width:240px;
}

#infodetail .text{
display:block;
padding:12px;
text-align:justify;
background-image:url(/img/bg_detail_text.gif);
background-repeat:repeat-x;
background-position:left top;
}

#infodetail .list{
position:relative;
display:block;
margin-top:15px;
padding:22px;
border-top:1px solid #B2CEE6;
background-image:url(/img/bg_detail_list.gif);
background-repeat:repeat-x;
background-position:left top;
}

#infodetail .list span{
position:relative;
display:block;
float:left;
padding-left:15px;
background-image:url(/img/check.gif);
background-repeat:no-repeat;
background-position:left center;
width:140px;
margin:2px;
}

#infodetail .line{
float:left;
width:15px;
height:130px;
margin-bottom:16px;
background-image:url(/img/bg_line.gif);
background-repeat:repeat-y;
background-position:center top;
}

#infodetail .prod{
float:left;
position:relative;
text-align:center;
width:112px;
height:155px;
padding-bottom:8px;
}

#infodetail .prod a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#003366;
font-weight:bold;
text-decoration:none;
text-transform:lowercase;
}

#infodetail .prod .image{
height:112px;
width:112px;
overflow:hidden;
}

#infodetail .prod .img{
position:absolute;
top:0px;
left:0px;
z-index:10;
}

#infodetail .prod .circle{
position:absolute;
top:0px;
left:0px;
width:112px;
height:112px;
z-index:20;
}

#infodetail .prod .mes{
position:absolute;
top:85px;
left:77px;
height:19px;
width:19px;
z-index:30;
}

#infodetail .prod .arrow{
position:absolute;
top:4px;
left:4px;
height:20px;
width:20px;
z-index:40;
}

#infodetail .document{
background-image:url(/img/download.gif);
background-repeat:no-repeat;
text-align:center;
width:204px;
height:40px;
margin-top:25px;
margin-left:20px;
}

#infodetail .document a{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
padding-top:6px;
}
/*NOTICIES*/
#infonews{
margin-left:58px;
font-size:12px;
width:536px;
}

#infonews h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006CB7;
line-height:12px;
}

#infonews h1 span{
font-weight:bold;
}

#infonews .news{
color:#006699;
margin-top:20px;
}

#infonews .news a{
display:block;
width:100%;
padding:12px 0px 6px 38px;
border-top:1px solid #C6DCEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
background-image:url(/img/arrow_enllac.gif);
background-repeat:no-repeat;
background-position:left center;
}

#infonews .news a.in{
border:0px;
}

#infonews .news a:hover{
text-decoration:none;
background-image:url(/img/bg_new.gif);
background-repeat:no-repeat;
background-position:left center;
}
#infonews .news a span{
display:block;
font-size:12px;
font-weight:bold;
padding-bottom:1px;
}

#infonews .detailnew{

}

#infonews .detailnew .headnew{
background:#FBFDFE;
border:1px solid #D1E3ED;
padding:9px 25px 10px 18px;
margin-top:20px;
}

#infonews .detailnew .headnew h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
color:#006699;
display:block;
margin-bottom:0px;
width:420px;
float:left;
line-height:18px;
}

#infonews .detailnew .headnew h1 span{
display:block;
font-size:11px;
font-weight:normal;
}

#infonews .detailnew .headnew a{
display:block;
float:right;
margin-top:11px;
}

#infonews .detailnew .subnew, #infonews .detailnew .textnew, #infonews .detailnew .textother{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006699;
text-align:justify;
}


#infonews .detailnew .subnew{
font-style:italic;
padding-bottom:15px;
border-bottom:1px solid #CCE0EB;
margin-top:13px;
}

#infonews .detailnew .textnew, #infonews .detailnew .textother{
padding-top:15px;
}

#infonews .detailnew .textnew .image{
float:left;
display:block;
height:166px;
margin:3px 5px 0px 0px;
background-image:url(/img/image_right.gif);
background-repeat:no-repeat;
background-position:right bottom;
}
#infonews .detailnew .textnew .image img{
padding-right:17px;
}

#infonews .detailnew .textnew .image .bottom{
background-image:url(/img/image_bottom.gif);
background-repeat:no-repeat;
background-position:right top;
height:auto;
}

#infonews .detailnew .textnew a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
text-align:left;
text-decoration:underline;
}

#infonews .detailnew .textnew a:hover{
text-decoration:none;
}

#infonews .detailnew .textother{
padding-top:15px;
}


#infonews .detailnew .textother img{
float:left;
padding-right:5px;
padding-bottom:5px;
margin-top:-7px;
}


/*REFERENCIES*/
#inforefers{
margin-left:58px;
width:536px;
}

#inforefers .refer{
width:536px;
margin-bottom:30px;
}

#inforefers .refer .right h2{
margin:0px;
padding:0px;
line-height:19px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#006CB7;
}

#inforefers .refer .right h3{
margin:0px;
padding:0px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006CB7;
}

#inforefers .refer .right a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006CB7;
}

#inforefers .refer .left{
float:left;
width:248px;
}

#inforefers .refer .right{
float:left;
width:282px;
font-size:11px;
color:#006CB7;
text-align:justify;
}

#inforefers .refer .left .image{
float:left;
display:block;
width:233px;
background-image:url(/img/image_ref_right.gif);
background-repeat:no-repeat;
background-position:right bottom;
}
#inforefers .refer .left img{
margin:0px;
padding:0px;
}

#inforefers .refer .left .image .bottom{
background:#FFFFFF;
background-image:url(/img/image_ref_bottom.gif);
background-repeat:no-repeat;
background-position:left top;
height:auto;
}



/*ESTANDARD*/
#infostandard{
margin-left:30px;
}

#langs, #langs a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#006699;
text-decoration:none;
}

#langs a:hover{
text-decoration:underline;
}

#menu{
width:138px;
margin-bottom:8px;
}

#menu ul li{
display:block;
float:left;
width:138px;
border-top:1px solid #BFE2F6;
}

#menu ul li.in{
border-top:none;
}

#menu a{
display:block;
width:118px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
border-left:7px solid #7FC5EE;
padding:6px 0px 6px 13px;
text-decoration:none;
}

#menu a:hover{
border-left:7px solid #1093DF;
background:#F1F9FD;
text-decoration:none;
}

#menu a.sel{
border-left:none;
background-image:url(/img/arrow_menu_select.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
}

#menu a.sel:hover{
background-image:url(/img/arrow_menu_select.gif);
background-repeat:no-repeat;
background-position:left center;
background-color:#FFFFFF;
border-left:none;
}

#menu_bottom{
padding:15px;
text-align:center;
color:#006699;
background-color:#FBFDFE;
width:795px;
margin:0px auto;
}

#menu_bottom a{
font-size:11px;
color:#006699;
text-decoration:none;
}

#menu_bottom a:hover{
text-decoration:underline;
}

#web{
margin-top:25px;
margin-bottom:40px;
}

#web_map a{
font-size:13px;
color:#006699;
text-decoration:none;
}

#web_map a:hover{
text-decoration:none;
}


#web_map h1{
display:inline;
font-size:36px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#003399;
line-height:32px;
}

#web_map h2{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0099CC;
margin-bottom:10px;
}
/*CLASSE*/
.alt{
background-color:#F7F7F7;
}

.b{ font-weight:bold;}

.back{
display:block;
padding-left:15px;
background-image:url(/img/arrow_back.gif);
background-repeat:no-repeat;
background-position:left center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
text-decoration:none;
}

.link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#006699;
text-decoration:none;
font-weight:bold;
}

.clear{
clear:both;
background-color:#FFFFFF;
font-size:6px;
}

.over{
background-color:#EEEEEE;
}

.right{
text-align:right;
}


/*FORMUALRI*/
.contact{
}

.contact .ompli{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006699;
width:200px;
padding:10px;
background:#FBFDFE;
border:1px solid #D2E9F4;
}

.contact .ompli_pres{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#006699;
padding:10px;
background:#FBFDFE;
border:1px solid #D2E9F4;
text-align:center;
}

.contact .address{
float:right;
width:auto;
text-align:right;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006699;
line-height:15px;
}

.contact .address span{
font-weight:bold;
}

.contact .address a{
color:#006699;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.contact #address_new{
float:right;
width:auto;
text-align:right;
margin-left:20px;
padding-top:6px;
}

.form_left{
float:left;
width:284px;
font-weight:bold;
color:#006699;
font-size:12px;
}
.form_right{
float:right;
width:auto;
font-weight:bold;
color:#006699;
font-size:12px;
}

.formcontact_comments {
font-weight:bold;
color:#006699;
font-size:12px;
margin-top:11px;
}

#div_contact_2{
font-weight:bold;
color:#006699;
font-size:12px;
}
.formcontact_button {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.formcontact_textinput {
	margin-top: 4px;
	margin-bottom: 11px;
	width: 230px;
	border:1px solid #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:normal;
	padding-top: 3px;
	background:#EBF5FB;
	height:19px;
}
.formcontact_textarea{
margin-top: 6px;
margin-bottom: 5px;
width: 532px;
height:100px;
overflow:auto;
border:1px solid #FFFFFF;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
font-weight:normal;
padding:2px;
background:#EBF5FB;
}

.inputproducts{
font-weight:normal;
margin-top:12px;
}

.inputproducts input{
margin-right:6px;
}

.inputproducts .checkprods{
float:left;
margin-right:19px;
padding-bottom:6px;
width:245px;
}

.bd{
border:1px solid #9BCEED;
}


.pagination {
height:50px;
}

.pagination a {
	display:block;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #006699;
	padding:4px 6px;
	border:1px solid #E6EFF7;
	background:#FFFFFF;
	margin-right:6px;
}

.pagination a:hover, .pagination a.sel, .pagination a.sel:hover {
	background:#005DAB;
	color:#FFFFFF;
	text-decoration: none;
}