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

/* BODY */
body {
	margin : 0px 0px 0px 0px; 
	background: url(../imagenes/fons.jpg);
	background-position:center;
	background-attachment: fixed;
	}

/* LISTAS */
li.opcion
{
list-style-image:url(imagenes/home1.jpg) ; 
   float:left;
   margin:0px 1px;
   border:1px solid black;
   border-bottom:4px black solid;
   border-right:4px black solid;
   background:#eeeeee;
}
a.opcion{
list-style-image:url(imagenes/home1.jpg) ; 
color: #333333;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
}
a.opcion:link {list-style-image:url(imagenes/home1.jpg) ; color: #333333;text-decoration:none;}
a.opcion:visited {list-style-image:url(imagenes/home1.jpg) ; color: #333333;text-decoration:none;}
a.opcion:hover {list-style-image:url(imagenes/home2.jpg) ; color: #000000;text-decoration:none;}
a.opcion:active{list-style-image:url(imagenes/home2.jpg) ; color: #333333; text-decoration:none;}

#lista1 li {
	list-style-image:url(../imagenes/hoja.gif) ;
	padding-left:20px;
	line-height: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000000;  
	
}

#lista2 li {
	position:relative;
	list-style-image:url(imagenes/flexa.jpg);
	border-bottom:2px solid #CCCCCC;
	background-color:#BFBFBF;
	width: 170px;
	float: left;
}

ul.left {
    float: left;
    width: 260px;
    margin: 0px;
    padding: 0px 0px;
    border: 0px none;
    list-style-position: inside;
    list-style-type: square;
    position: relative;
  }
 
ul.right {
    float: right;
    width: 260px;
    margin: 0px;
    padding: 0px 0px;
    border: 0px none;
    list-style-position: inside;
    list-style-type: square;
}

a.li:link { color: #000000;text-decoration:none;}
a.li:visited {color: #000000;text-decoration:none;}
a.li:hover {color: #FFFFFF;text-decoration:none;}
a.li:active{color: #000000; text-decoration:none;}

/* ETIQUETAS */

H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CC00;
	font-weight:bold;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight:bold;
	margin:0px;
}

H3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#3342B5;
	padding-left:50px
}


/* DIVS GENERICOS */

#engloba {
	text-align: centar;
	position: absolute;
	left: 50%;
	margin-left: -460px;
	width: 920px;
	height: auto;
}

#cabecera {
	background-image:url(../imagenes/cabcelera.jpg);
	position:relative;
	background-color: #FFFFFF;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:30px;
	width: 900px;
	height: 220px;
	float:left;
}

.destacat {
	background-image:url(../imagenes/destacat.jpg);
	position:relative;
	padding:10px;
	margin-bottom:5px;
	width: 900px;
	height: 220px;
	float:left;
}
.especialitat {
	position:relative;
	margin:12.5px;
	width: 195px;
	height: 195px;
	float:left;
}
.especialitatTEXT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-stretch:normal;
	text-align:justify;
	line-height: 120%;
	position:relative;
	margin:20px;
	width: 345px;
	height: 180px;
	float:left;
}
#flash1 {
	position:relative;
	width: 900px;
	height: 113px;
	float:left;
}

#menu2{
	position:relative;
	width: 900px;
	height: 79px;
	float:left;
}

#menu1{
	position:relative;
	background-color: #000000;
	width: 900px;
	height: 23px;
	float:left;
}

#menu3{
	position:relative;
	width: 900px;
	height: 60px;
	float:left;
	padding-right:10px;
	padding-left:10px;
}

#cabecera2{
	position:relative;
	width: 900px;
	height: 140px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

#divcontactar{
	position:relative;
	width: 380px;
	height: 380px;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#tlf {
	position:relative;
	width: 220px;
	height: 59px;
	float:right;
	margin-right:10px;
	}
	
#contingut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-stretch:normal;
	line-height: 120%;
	position:relative;
	width: 540px;
	height: auto;
	float:left;
	margin-left:190px;
	margin-right:190px;
	margin-top:20px;
	}

#home {
	position:relative;
	width: 900px;
	height: auto;
	float:left;
	margin-left:10px;
	margin-right:10px;
	}
#destacat1 {
background-color:#FFFFFF;
	position:relative;
	width: 210px;
	height: 420px;
	float:left;
	padding-right:20px;
	}
#destacat2 {
background-color:#FFFFFF;
	position:relative;
	width: 210px;
	height: 420px;
	float:left;
	padding-right:20px;
	}
#destacat3 {
background-color:#FFFFFFF;
	position:relative;
	width: 210px;
	height: 420px;
	float:left;
	padding-right:20px;
	}
	
#banner1 {
	position: relative;
	width: 210px;
	height: 210px;
	float:right;
	margin-bottom:10px;
}
#banner2 {
	position: relative;
	width: 210px;
	height: 210px;
	float:right;
	margin-bottom:10px;
}

#mesinfo {
	width:250px;
	height: auto;
	position:relative;
	float:right;
	text-align:right;
	bottom:0px;
	padding-right:20px;
}

.mesinfo2 {
	width:250px;
	height: 100;
	position:relative;
	float:right;
	top:100px;
	text-align:right;
	bottom:0px;
	padding-right:20px;
}

#peu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
font-weight:200;
	background-image:url(../imagenes/peu.jpg);
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	position:relative;
	width: 860px;
	height: auto;
	float:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	margin-left:10px;
	margin-right:10px;
}

#mapa2{
float:left;
}