/*.....................css cat.......................generic....*/

body{
	background-color:#fffdf3;
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:verdana;
	font-size:13px; 
	color:#555;
}
h1{
	font-family:"trebuchet ms";
	font-size:16px; 
	color:#000;
}
h2{
	font-family:"trebuchet ms";
	font-size:14px; 
	color:#ff6600;
}	
p{
	text-align:justify;
}
img{
	border:none;
	margin:3px;
}
span{
	font-weight:bold;
}
ul{
	text-align:center;
	list-style:none;
}
a{
	text-decoration:none;
	color:#ff6600;
}
#container{
	margin:auto;
	background-image:url("img/fondocontainer.jpg");
	width:940px;
}

/*......................css cat..........................cap....*/

#cap{
	background-image:url("img/cap.jpg");
	background-repeat:no-repeat;
	width:900px;
	height:200px;
	margin:auto;
}
#capesq{
	width:300px;
	height:52px;
	padding-top:147px;
	float:left;
}
#capdre{
	width:600px;
	height:52px;
	padding-top:147px;
	float:left;
}
a.cast{
	width:65px;
	height:40px;
	background-image:url("img/cast.jpg");
	float:right;	
	margin:2px;
	margin-right:20px;
	margin-top:10px;	
	margin-bottom:0px;
}
a.blog{
	width:65px;
	height:40px;
	background-image:url("img/blog.jpg");
	float:right;	
	margin:2px;
	margin-top:10px;	
	margin-bottom:0px;
}
a.linkquisom{
	width:135px;
	height:40px;
	background-image:url("img/linkquisom.jpg");
	float:right;
	margin:2px;
	margin-top:10px;
	margin-bottom:0px;
}
a.linkquefem{
	width:135px;
	height:40px;
	background-image:url("img/linkquefem.jpg");
	float:right;
	margin:2px;
	margin-top:10px;
	margin-bottom:0px;
}
a.linkonestem{
	width:135px;
	height:40px;
	background-image:url("img/linkonestem.jpg");
	float:right;
	margin:2px;
	margin-top:10px;
	margin-bottom:0px;
}
a.inici{
	width:65px;
	height:40px;
	float:left;
	margin:10px;
	margin-top:12px;
	margin-left:14px;
	background-image:url("img/inici.jpg");
}
a.iniciactual{
	width:65px;
	height:40px;
	float:left;
	margin:10px;
	margin-left:14px;
	background-image:url("img/iniciactivo.jpg");
}
a:hover.inici{
	background-image:url("img/iniciactivo.jpg");
}
a:hover.cast{
	background-image:url("img/casthover.jpg");
}
a:hover.blog{
	background-image:url("img/blogactivo.jpg");
}
a:hover.linkquisom{
	background-image:url("img/linkquisomactivo.jpg");
}
a:hover.linkquefem{
	background-image:url("img/linkquefemactivo.jpg");
}
a:hover.linkonestem{
	background-image:url("img/linkonestemactivo.jpg");
}
a.linkquefemactual{
	width:135px;
	height:40px;
	float:right;
	margin:6px;
	margin-top:10px;
	margin-bottom:0px;
	background-image:url("img/linkquefemactivo.jpg");
}
a.linkquisomactual{
	width:135px;
	height:40px;
	float:right;
	margin:6px;
	margin-top:10px;
	margin-bottom:0px;
	background-image:url("img/linkquisomactivo.jpg");
}
a.linkonestemactual{
	width:135px;
	height:40px;
	float:right;
	margin:6px;
	margin-top:10px;
	margin-bottom:0px;
	background-image:url("img/linkonestemactivo.jpg");
}


/*....................css cat............................cos....*/

#cos{
	width:900px;
	margin:auto;
}
#cossup{
	width:780px;
	text-align:justify;
	padding:60px;
	padding-top:20px;
	padding-bottom:10px;	
}
#cosinf{
	width:860px;
	height:277px;
	padding-left:40px;
	padding-bottom:10px;
	padding-top:10px;
}
#fotovenda a{
	background-image:url("img/fotovenda.jpg");
	background-repeat:no-repeat;
	width:204px;
	height:277px;
	float:left;
}
#fotolloguer a{
	background-image:url("img/fotolloguer.jpg");
	background-repeat:no-repeat;
	width:204px;
	height:277px;
	float:left;
}
#fototaller a{
	background-image:url("img/fototaller.jpg");
	background-repeat:no-repeat;
	width:204px;
	height:277px;
	float:left;
}
#fotoparquing a{
	background-image:url("img/fotoparquing.jpg");
	background-repeat:no-repeat;
	width:204px;
	height:277px;
	float:left;
	background-color:#fffdf3;
}
#fotovenda a:hover{
	background-image:url("img/fotovendahover.jpg");
}
#fotolloguer a:hover{
	background-image:url("img/fotolloguerhover.jpg");
}
#fototaller a:hover{
	background-image:url("img/fototallerhover.jpg");
}
#fotoparquing a:hover{
	background-image:url("img/fotoparquinghover.jpg");
}
#coslink{
	width:210px;
	float:left;
	padding:35px;
	padding-left:45px;
	padding-right:25px;
	
}
a.venda{
	background-image:url("img/linkvenda.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;
	
}
a.lloguer{
	background-image:url("img/linklloguer.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;
	
}
a.taller{
	background-image:url("img/linktaller.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;

}
a.parquing{
	background-image:url("img/linkparquing.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;
	
}
a.vendaactual{
	background-image:url("img/linkvendahover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;
}
a.llogueractual{
	background-image:url("img/linklloguerhover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;	
}
a.talleractual{
	background-image:url("img/linktallerhover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;
}
a.parquingactual{
	background-image:url("img/linkparquinghover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	margin-bottom:10px;
	display:block;
	clear:both;
}
a:hover.venda{
	background-image:url("img/linkvendahover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	display:block;
	clear:both;
	
}
a:hover.lloguer{
	background-image:url("img/linklloguerhover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	display:block;
	clear:both;
}
a:hover.taller{
	background-image:url("img/linktallerhover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	display:block;
	clear:both;
}
a:hover.parquing{
	background-image:url("img/linkparquinghover.jpg");
	background-repeat:no-repeat;
	width:160px;
	height:40px;
	display:block;
	clear:both;
}
#coscont{
	width:650px;
	float:left;
}
#cosesq{
	width:305px;
	float:left;
	padding:20px;
	padding-right:10px;
}

#cosdre{
	width:495px;
	float:left;
	padding:20px;
	padding-left:0px;
	padding-right:30px;
	
}
	
#cosmapa{
	width:400px;
	padding-right:250px;
	padding-left:250px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
#coscontesq{
	width:355px;
	float:left;
	padding-top:30px;
	padding-right:25px;
	
}
#coscontdrevenda{
	width:210px;
	height:350px;
	float:left;
	margin-top:25px;
	background-image:url("img/fotovendahover.jpg");
	background-repeat:no-repeat;
}
#coscontdrelloguer{
	width:210px;
	height:350px;
	float:left;
	margin-top:25px;
	background-image:url("img/fotolloguerhover.jpg");
	background-repeat:no-repeat;
}
#coscontdretaller{
	width:210px;
	height:350px;
	float:left;
	margin-top:25px;
	background-image:url("img/fototallerhover.jpg");
	background-repeat:no-repeat;
}
#coscontdreparquing{
	width:210px;
	height:350px;
	float:left;
	margin-top:25px;
	background-image:url("img/fotoparquinghover.jpg");
	background-repeat:no-repeat;
}

/*....css cat....definicio especial per visualitzar a firefox...*/

.sep{
	clear:both;
}


/*....................css cat............................peu....*/

#peu{
	width:900px;
	color:#555;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	font-family:arial;
	font-size:12px;
	border-top:1px dotted #888;
	border-bottom:1px solid #888;
}
#peu p{
	text-align:center;
}
a:hover{
	color:#0F19E1;
}

img#ajust{
	padding:3px;
}