/* CSS Document */

<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#topcontainer {
	width: 100%;
	background-image: url(../fotos/top-bar.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	height: 87px;
}
#midcontainer {
margin-left:auto;
margin-right:auto;
width: auto;
text-align: center;
height: auto;
}

-->
   .clearfloat { 

    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	
/***********************************************/


#subcontainer {

	display:block;
	padding: 1px 0;
	background:url(../fotos/sub-bar.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	height: auto;
	
}


.menus {
	width: 780px;
margin-left:auto;
margin-right:auto;
text-align: center;
height: auto;
}
.menus ul {

margin: 0;
padding: 0;
}
.menus ul li {
	margin: 0;	
	display:inline;	 
	text-align: center;
	list-style-type: none;
	
}
.menus li a{

	padding: 1px 7px ;
	margin: 2px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7B8086;
	font-weight: bold;
	color: #535a62;
	list-style-type: none;
	text-decoration: none;
	background-color:#EBEBEB;
	;
}
.menus li a:hover {
background-color: #d3d6d8;
color:#484f56;
	text-decoration: none;

}
-->
   .clearfloat { 

    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
/*////////////////////LIQUID//////////////////*/

.menu2{
	width:730px;
	margin:0 auto;
	margin-top: 3px;
	height: 28px;
}

.menu2 li{
 float:left;
 padding:0 5px;
 list-style:none;
}

.menu2 a{
 background: url(../fotos/left-button.jpg) no-repeat left top;
 height:25px;
 display:block;
 float:left;
 padding-left:10px;
 text-decoration:none;
 color:#FFF;
 font-weight:bold;
}

.menu2 a:hover{
 color:#C77B03;
  background: url(../fotos/left-button-hover.jpg) no-repeat left top;
}

.menu2 a span{
 background: url(../fotos/right-button.jpg) no-repeat right top;
 display:block;
 padding:5px 10px 0 0;
 font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7B8086;
 display:block;
 height:23px;
 float:left;
 cursor:pointer;
}
.menu2 a  span:hover{
 color:#C77B03;
  background: url(../fotos/right-button-hover.jpg) no-repeat right top;
}
/*////////////////////////////////*/
.text{font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
width:780px;
}
.text a{color:#333; text-decoration:none;}
.text a:hover{color:#FF9900;}
.text a:visited{color:#FF9900;}
.text ul{
margin-left:0;
margin: 0;
padding:0;
list-style:none;
}
.text li{
list-style:none;
margin-bottom:12px;
}

.text li a{
font:Verdana, Arial, Helvetica, sans-serif;
color:#336699;
font-size:12px;
text-decoration:none;}
.text li a span{
color: #888;
}


.text li a:hover{
font:Verdana, Arial, Helvetica, sans-serif;
color:#FF6600;
font-size:12px;
text-decoration:none;
text-decoration:underline;}

.titol{

line-height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#666;
/*background-image:url(../fotos/imatge-per-definir.jpg);
background-position:center;
background-repeat:no-repeat;*/}

.ample{
width:780px;

}