/* CSS Document */

/* STANDARD */

body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-image:url("img/fons_ombra.jpg");
	background-position:center;
	background-repeat:repeat-y;
	font-size:11px;
}

a img{	border:0px;}

a{
	text-decoration:none;
}

ul{
	margin-left:0px;
	padding-left:0px;
}

li{
	margin-left:0px;
	padding-left:0px;
	padding-bottom:2px;
	list-style-type:none;
}

/* ESTRUCTURA */

#contenedor{
	position:absolute;
	top:0px;
	width:840px;
	left:50%;
	margin-left:-420px;
}

#idioma select, #data, .numeracio, .nomfoto{
	font-size:10px;
}

#idioma{
	padding-right:40px;
}
#menu, #data{
	padding-left:20px;
	padding-bottom:30px;
}

#data, #idioma, .numeracio, .nomfoto{
	text-align:right;
}

.foto{
	position:relative;
	width:435px;
	height:auto;
}

.nomfoto{
	padding-top:10px;
}

.minifoto{
	position:relative;
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	border: 1px solid #CCC;
}

.minifotogran{
	position:relative;
	display:block;
	width:420px;
	height:240px;
	overflow:hidden;
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	border: 1px solid #CCC;
}

.google720{
	position:relative;
	top:0px;
	left:0px;
	width:720px;
	padding-left:50px;
	height:auto;
	float:left;
}

.marc{
	border: 1px solid #999;
	margin-bottom:10px;
}

#menu a:link, #menu a:visited, .select1, .select2, .select3, .select4, .select5, .select6, .select7, .select8, .select9{
	padding:3px;
}

/* TAULA DE SERVEIS */
table#serveis td{
	vertical-align:top;
	width:180px;
	padding:4px;
}

/* TAULA amb FILET de 1px */
table.filet{
	empty-cells:show;
	border-collapse:collapse;
}

table.filet th, table.filet td{
	padding:3px;
	border:1px solid #ccc;
}

table.filet table td, table.filet table th{
	border:0;
}

/* TAULA PEU DE FOTO */
table.peudefoto{
	width:435px;
	color:#666;
	font-size:10px;
	text-align:left;
	margin-bottom:30px;
}

/* CAMBIO DE TABLAS A DIV */
.tabla{
	clear: none;
	overflow: auto;
}

.fila{ clear: both;}

.col{
	float: left;
	padding:0;
}

.ancho1{ width:100px;}
.ancho2{ width:200px;}
.ancho3{ width:300px;}
.ancho4{ width:400px;}
.ancho5{ width:500px;}
.ancho6{ width:600px;}
.ancho7{ width:700px;}
.ancho8{ width:840px;}

.marge1, .marge2, .marge3, .marge4, .marge5, .marge6, .marge7, .marge8{
	padding:5px;
} 

.marge1{ width:90px;}
.marge2{ width:190px;}
.marge3{ width:290px;}
.marge4{ width:390px;}
.marge5{ width:490px;}
.marge6{ width:590px;}
.marge7{ width:690px;}
.marge8{ width:830px;}

#final{
	text-align:center;
	border-top:1px dotted #CCC;
	padding-top:10px;
}


/* GAMMA COLORS SOTASTUDI */
.blauverd, .color1{	color:#699;}
.taronja, .color2{	color:#F63;}
.vermell, .color3{	color:#C33;}
.groc, .color4{	color:#F93;}
.verd, .color5, a.web:link, a.web:visited{	color:#993;}
.lila, .color6{	color:#669;}
.blau, .color7{	color:#69C;}
.rosa, .color8{	color:#F66;}
.granate, .color9{	color:#966;}

.grismig, h1, .numeracio, .nomfoto{
	color:#999999;
}
.grisfosc, p, li, #menu a:link, #menu a:visited, #data, a:link, a:visited{
	color:#666666;
}

.blanc{	color:#FFFFFF;}

.fgrisfosc, a:hover{ color:#FFF; background-color:#666666;}
.fblauverd .fcolor1, #menu a.ap1:hover, .select1{ color:#FFFFFF;	background-color:#699;}
.ftaronja, .fcolor2, #menu a.ap2:hover, .select2{ color:#FFFFFF;	background-color:#F63;}
.fvermell, .fcolor3, #menu a.ap3:hover, .select3{ color:#FFFFFF;	background-color:#C33;}
.fgroc, .fcolor4, #menu a.ap4:hover, .select4{ color:#FFFFFF;	background-color:#F93;}
.fverd, .fcolor5, #menu a.ap5:hover, .select5, a.web:hover{ color:#FFFFFF;	background-color:#993;}
.flila, .fcolor6, #menu a.ap6:hover, .select6{ color:#FFFFFF;	background-color:#669;}
.fblau, .fcolor7, #menu a.ap7:hover, .select7{ color:#FFFFFF;	background-color:#69C;}
.frosa, .fcolor8, #menu a.ap8:hover, .select8{ color:#FFFFFF;	background-color:#F66;}
.fgranate, .fcolor9, #menu a.ap9:hover, .select9{ color:#FFFFFF;	background-color:#966;}

.marro{
	color:#613314;
}
.comenta{
	margin-left:10px;
	border-top:10px solid #FF9900;
	padding:10px;
	background-color:#613314;
	color:#FF9900
}

.comenta p{
	color:#FFFFFF;
}

.comenta a{
	text-decoration:underline;
	color:#FF9900;
}

.comenta a:hover{
	text-decoration:none;
	color:#FF9900;
	font-weight:bold;
	background-color:#613314;
}

.separador{
	position:relative;
	top:0px;
	left:0px;
	height:1px;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #CCCCCC;
}

input.opinioespecial, textarea.opinioespecial{
	border:1px solid #FF9900;
	padding:3px;
	background-color:#613314;
	color:#FFFFFF;
	width:350px;
	margin-top:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1.marro, h2.marro{
	font-size:14px;
	padding-bottom:2px;
	margin-bottom:0px;
}