/* CSS Document */
body {
background-color:#00CC99;
	font-family: Arial;
	font-size: 0.8em;
	top:0;
	left:0; margin: 20px 0; 
   	_text-align:center;
}
/* colors de  fons i de fonts*/

#contenidor, #titol, #contenidor_baix, #capsalera, #esquerra, #dreta,  menu_v, #menu_v a, #menu_h a:hover, #centre_galeria 
{
background-color:#FFDF7C;/* FOSC*/
}

#menu_v a:hover, #menu_h, #centre, #menu_h a , #centre  
{
background-color:#FFE99B;/* CLAR*/
}
#foto, #peu,.titolvermell 
{
background-color:#FF0000; /* VERMELL*/
}
.titolvermell, .tit
{
color:#FFE99B;/*CLAR*/
}


#menu_v a:hover,#menu_v a, #menu_h a
   
{
color:#000000;/*NEGRE*/
}
#menu_h a:hover
{
color:#FF0000;/*VERMELL*/
}






#{
}
#contenidor{
position:relative;	
	margin: auto; 
    _text-align: left; 
	width:1000px;
	
}

#titol{
	width:1000px;
	height:63px;
	visibility: visible;
}
#foto{
		width:1000px;
	heigth:100px;
	height: 100px;
	top: 63px;
	visibility: visible;
}
#contenidor_baix{
	top:200px;
	width:1000px;
	
}

#capsalera{
	
	width:1000px;
	height:200px;
}

#esquerra{
	width:180px;
	float:left;
	height:99%;
	margin-left:0px;
	
}
#centre{
border-left:2px solid #FFCC00 ;
border-right:2px solid #FFCC00 ;
	left:30px;
	width:558px;
	float:left;
	/*margin-left:5px;
	margin-right:5px;*/
	
}
/*#center{
	padding: 5 0 5 0;
	
	
}*/
#dreta{
	width:170px;
	margin-right:0px;
	float:right;
	
}
#barrav1, #barrav2{
	width:7px;
	float:left;
	height:300px;
}
#barrav3{
	width:820px;
	float:right;
	height:auto;
}
#cos{ 
	top:200;
	width:1000px;
}

#interior{
	left:5px;
	width:590px;
}

#interior_2{

	left:5px;
	width:490px;
	height:600px;
}
#peu{
   clear: both;
   height:30px;
   bottom:0px;
   background-image:url(../imatges/espar.gif);
   background-repeat: no-repeat;
   background-position: 50% 85%;
    
   
   
}
#menu_v{
	width: 180px;
	top:50px;
	height: 294px;
	float:left;
	z-index: 2;
	}
#menu_v ul {
	margin: 0px;
	padding: 0px;
}

#menu_v li {
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type: none;
	height:20px;
	vertical-align:middle;
	
	/* En cada li, pintamos la linea inferior 
	border-bottom: 1px solid #6643ff;*/
}

#menu_v a {
	display: block;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	vertical-align:middle;
}

#menu_v a:hover {
vertical-align:middle;	
} 
#menu_h a {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	display: block;
	text-decoration: none;
	font-weight:;
	padding: 3px 22px 3px 22px;
	 
}
#menu_h a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
border:1px solid #000; 	
} 

#menu_h {
	
	font-family: Arial;
	font-size: 0.8em;
	height:19px;
	width:1000px;	
	margin-top:10px;
	
}

#menu_h li {
	/* Indicamos que la posicin de 'li' sea adjunte siempre a la izquierda */
	float: left;
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type: none;
	
}

/* Por defecto ul genera una separacin hacia la derecha. con margin:0 queda anulada */
#menu_h ul {
	margin: 0;
	padding: 0;
}


/* El primer recuadro, no tiene la linea izquierda. Aqui se la colocamos */
#menu_h a#primero {
background-color:#bfeaff;
color:#000066;
}

.tit {
height:10px;
background-color:#000;
padding-left:5px;
font-weight:bold;
line-height:20px;

}
.titolvermell {
margin-left:10px;
margin-right:10px;
font-weight:bold;
line-height:20px;
}
#degradat{
background-image:url(../imatges/degradat.html);
}

 
#centre_galeria{
	
	width:700px;
	background-color:#00FFCC;
	float:right;
	left: 195px;
	top: 0px;
	
}
#mallot{
	position:absolute;
	left: 257px;
	top: 493px;
	visibility: hidden;
}
#mallot1{
	position:absolute;
	left: 291px;
	top: 992px;
	visibility: hidden;
}
#interior_galeria{
left:5px;
width:690px;}
#veure{
	position:absolute;
	left: 591px;
	top: 976px;
	width: 117px;
	background-color: #FF0000;
	visibility: visible;
}
body, html {height:100%
}
.Estilo2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.Estilo16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.Estilo17 {color: #FF6600} 
.Estilo17 {color: #CCCCCC}
.Estilo18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; }
.Estilo19 {color: #FFFFFF}
.Estilo20 {color: #00FF00}
.text {
margin-left:10px;
margin-right:10px;}
.xlink{cursors:hand;
height:10px;
background-color:#FF0000;
padding-left:5px;
font-weight:bold;
line-height:20px;}