@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html{
	background-image: url("../img/linies_fons_gran2.png");
	background-repeat:repeat-x;
	background-attachment:fixed;
}

body { 
	/*font-family:Arial,Myriad Pro,Arial, Helvetica, sans-serif;*/
	font-family:Myriad Pro,Arial, Helvetica, sans-serif;
	/*text-align:center; */
	/*overflow-x:hidden;	*/
	/*width:800px;*/
}

.tot{
	width:800px;
	margin:auto;
}

.main{
	height:580px;
	/*float:left;*/
	width:800px;
	margin:auto;
	overflow:visible;
}

.quadradet{
	width:5px;
	height:5px;
	background-image:url(../img/quadradet.jpg);
	clear:both;
	float:left;
	
}

.fons_esq{
	float:left;
	overflow:hidden;
	margin-right:0px;
	width:136px;
	
}

.fons_dre{
	float:left;
	overflow:hidden;
	/*width:200px;*/
}

.fons_sup{
	overflow:hidden;
}

#myGallery{
	margin:auto;
}

/************** header *******************/
.header{
	width:796px;
	margin:auto;
	overflow:auto;
	height:130px;
	margin-top:0px;
	background-color:#FFFFFF;
	border: #ff4001 2px solid;
	margin-left:0px;
}

.logo{
	width:200px;
	border: none;
	float:left;
	margin-left:15px;
	margin-top:10px;
}

.logo img{
	border:none;
}

.menu_quefem_seleccionat{
	border-bottom:#0042b5 5px solid;
}	

.link_menu{
	height:100px;
	width:100px;
	text-align:center;
	/*background-color:#0042b5;*/
	background-image:url(../img/linies_fons_blau.png);
	background-repeat:repeat-x;
	float:left;
	margin-left:10px;
}

.link_menu:hover{
	/*background-color:#ff4001;*/
	background-image:url(../img/linies_fons.png);
	background-repeat:repeat-x;
}

.menu{
	width:450px;
	float:right;
	margin-right:5px;
	margin-top:10px;
}

.link_menu a{
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin-top:20px;
}

.link_menu a:hover{
	color:#FFFFFF;
}

/******** fi header *******************/

/******* footer **********************/
.avis_legal{
	margin-top:5px;
	font-size:10px;
	color:#0042b5;
	text-align:center;
}

.avis_legal a{
	color:#0042b5;
	text-decoration:none;
	font-weight:bold;
}

.avis_legal a:hover{
	text-decoration:underline;
}
/******* fi footer ******************/


.cos, .cos_clients, .cos_contacte, .cos_home, .cos_infra{
	margin-top:10px;
	/*margin-left:-2px;*/
	height:400px;
	border-top:#ff4001 14px solid;
	border-bottom:#ff4001 2px solid;
	float:left;

}

/***** cos infraestructura ********/

.cos_infra{
	background-image:url(../img/ornaments.png);
}

.cos_infra .requadre{
	width:796px;
	height:400px;
	/*background-image: url("../img/linies_fons2.png");*/
	/*background-repeat:repeat-x;
	background-color:#FFFFFF;*/
	float:left;
	border-left: 2px solid #ff4001;
	border-right: 2px solid #ff4001;
	/*margin-left:1px;*/
	/*margin-right:0px;*/
}

.cos_infra .text_requadre{
	margin-left:30px;
	/*margin-right:0px;*/
	margin-top:30px;
	width:520px;
	font-size:14px;
	color:#ff4001;
	/*color:#ffffff;*/
	text-align:left;
	/*float:left;*/
}
/*************************************/
/****** cos Home *************/

.cos_home{
	background-image:url(../img/fons_home.png);
}

.cos_home .requadre{
	width:796px;
	height:400px;
	/*background-image: url("../img/linies_fons2.png");*/
	/*background-repeat:repeat-x;
	background-color:#FFFFFF;*/
	float:left;
	border-left: 2px solid #ff4001;
	border-right: 2px solid #ff4001;
	/*margin-left:1px;*/
	/*margin-right:0px;*/
}

.cos_home .text_requadre{
	margin-left:30px;
	/*margin-right:0px;*/
	margin-top:30px;
	width:520px;
	font-size:14px;
	color:#ff4001;
	/*color:#ffffff;*/
	text-align:left;
	/*float:left;*/
}

.cos_home .linies_electricitat{
	margin-top:0px;
	/*float:right;*/
	margin-right:-296px;
}

/******* fi cos home **********/

/****** cos Que fem? *********/
.cos .requadre, .cos .requadre_seleccionat{
	width:264.5px;
	height:400px;
	background-image: url("../img/linies_fons2.png");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	float:left;
	border-left: 2px solid #ff4001;
	border-right: 2px solid #ff4001;
	margin-right:-2px;
}

.cos .requadre_seleccionat{
	background-image: url("../img/linies_fons3.png");
}

/******** fi cos Que fem?*****************/

/******** cos Clients ********************/
.cos_clients .superior{
	width:100%;
	height:199px;
	border-bottom:#ff4001 2px solid;
	margin-top:0px;
}

.cos_clients .requadre, .cos_clients .requadre_seleccionat{
	width:264.5px;
	height:199px;
	background-image: url("../img/linies_fons2.png");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	float:left;
	border-left: 2px solid #ff4001;
	border-right: 2px solid #ff4001;
	margin-right:-2px;
	text-align:center;
}

.cos_clients .requadre_seleccionat{
	background-image: url("../img/linies_fons3.png");
}

.cos_clients .logo_client{
	/*margin:10px 20% 0px;*/
	margin:auto;
	/*float:left;*/
	/*overflow:auto;*/
	/*width:60%;*/
}

.cos_clients .text_requadre, .cos_clients .text_requadre_seleccionat{
	margin:10px 10% 10px 10%;
	width:80%;
	font-size:12px;
	color:#ff4001;
	/*color:#ffffff;*/
	text-align:left;
	/*float:left;*/
}

.cos_clients .text_requadre_seleccionat{
	color:#ff4001;
}

/********** fi cos Clients *************/

/********** cos Contacte ***************/

.cos_contacte .requadre{
	width:396px;
	height:400px;
	background-image: url("../img/linies_fons2.png");
	background-repeat:repeat-x;
	float:left;
	border-left: 2px solid #ff4001;
	border-right: 2px solid #ff4001;
	margin-right:0px;
	margin-left:0px;
	overflow:hidden;
}

.cos_contacte .requadre_dades_postals{
	width:396px;
	height:400px;
	background-image: url("../img/linies_fons2.png");
	background-repeat:repeat-x;
	float:left;
	border-left: 2px solid #ff4001;
	border-right: 2px solid #ff4001;
	margin-right:0px;
	margin-left:0px;
	overflow:hidden;
}

.cos_contacte .text_requadre{
	margin-left:30px;
	width:350px;
	font-size:14px;
	color:#ff4001;
	/*color:#ffffff;*/
	text-align:left;
	
	float:left;
}

.cos_contacte .contacta{
	width:350px;
	margin-top:0px;
	margin-left:10px;
	float:right;
}

.cos_contacte .dades_postals{
	width:300px;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:20px;
	float:left;
}

.cos_contacte .titol_requadre{
	width:200px;
	float:left;
}

.cos_contacte .text_requadre a{
	color:#0042b5;
}

.cos_contacte .text_requadre a:hover{
	font-weight:bold;
}

.cos_contacte .formulari{
	font-size:14px;
	color:#ff4001;
	text-align:left;
	margin-top:10px;
	margin-right:30px;
	float:right;
}

.cos_contacte .formulari_mapa{
	margin-left:0px;
}

.cos_contacte label{
	display:block;
	width:150px;
	float:left;
}

.cos_contacte p{
	height:23px;	
}

.cos_contacte input{
	border: #ff4001 thin solid;
	float:right;
}

.cos_contacte input:focus{
	border: #ff4001 2px double;
}

.submit{
	background:#FFFFFF;
	/*border: #0042b5 thin solid;*/
	width:100px;
	height:25px;
	margin-top:10px;
	
	float:right;
}

.comentaris{
	width:230px;
	height:150px;
	float:right;
}

/********** fi cos Contacte ***********/

.text_requadre, .text_requadre_seleccionat{
	margin:10px 10px 10px 10%;
	width:80%;
	font-size:14px;
	color:#ff4001;
	/*color:#ffffff;*/
	text-align:left;
}

.text_requadre_seleccionat{
	color:#ff4001;
}

.titol_requadre{
	margin-left:20px;
	margin-top:10px;
	font-size:14px;
	text-align:left;
	color:#0042b5;
	font-weight: bold;
	/*width:150px;*/
}

.cos li{
	margin-top:15px;
	padding-bottom:5px;
	padding-right:10px;
	padding-top:2px;
	list-style-image:url(../img/quadradet.jpg);
	list-style-position:inside;
	list-style-type:none;
}
/*.cos li:hover{
	border-bottom:#ff4001 thin dotted;
	border-right:#ff4001 thin dotted;
	border-top:#ff4001 thin dotted;
}*/

.cos_home li, .cos_contacte li{
	margin:0px;
	padding:0px;
}
.cos_home li{
	list-style-image:url(../img/quadradet.jpg);
	list-style-position:inside;
	list-style-type:none;
}