/* CSS Document */


/*********************************** ESTRUCTURA BASE ***********************************/

/* COS */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:0px;
}

#contenedor{
	position:relative;
	top:100px;
	margin:0 auto;
	width:750px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:120px;
	padding-bottom:10px;
}

#cap{
	position:relative;
	top:0px;
	left:0px;
	height:100px;
	width:800;
	margin:0 auto;
	background-color:#E72614;
	text-align:center;
	z-index:5;
}


/******************************** MENU ************************************/

/*MENU */
.textboto{
	padding-left:10px;
}

/* MENU PRINCIPAL */
#MenuPpal li{ list-style-type:none;}

#MenuPpal li a{
	display:block;
	text-decoration:none;
	width:120px;
}

#MenuPpal ul{
	margin:0;
	padding:0;
}


/* MENU HORITZONTAL */
#MenuH li{ list-style-type:none;
	float:right;
	margin-left:5px;
}

#MenuH li a{
	display:block;
	text-decoration:none;
	text-align:center;
	width:120px;
}

.textbotoH{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#MenuH ul{
	margin:0;
	padding:0;
}

a:hover h2{
	color:#E72614 !important;
}


/*********************************** CONTINGUT ***********************************/

#contingut{
	position:relative;
	top:5px;
	left:0;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
}

#google_728x90{
	position:relative;
	width:750px;
	height:95px;
	top:0;
	left:0;
}

h1{	font-size:18px;}
h2{
	font-size:14px;
	border-bottom:1px solid #FF0066;
}
h3{	font-size:12px;}

p, li{
	font-size:11px;
}

/* ELEMENTS LLISTA */

li{
	margin-left:0px;
	padding-left:0px;
	padding-bottom:2px;
}

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

.fotoselect{
	border: 4px solid #E72614;
}

.minivideo{
	width:140px;
	height:200px;
	position:relative;
	top:0px;
	left:0px;
	margin-left:2px;
	margin-bottom:2px;
	float:left;
	text-align:center;
}

.minifoto a, .minivideo a{
	text-decoration:none;
	font-size:10px !important;
}


/* 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;
}

/*************************** TAULES *********************/
td, th{ padding:3px; font-size:12px;}

th{
	background-color:#E72614;
	color:#000000;
}

td.data{
	text-align:center;
}

td.descrip{
	text-align:left;
}

/* TAULA DE FORMULARI: AFEGIR / EDITAR*/

table#horarios{
	width:100%; 	
	border-collapse:collapse;
	border-spacing:1px;
	border: 1px solid #E72614;
}

table#horarios th{
	vertical-align:middle;
	padding:3px;
	border: 1px solid #E72614;
	border-collapse:collapse;
}

table#horarios td{
	vertical-align:bottom;
	text-align:center;
	padding:3px;
	border: 1px solid #E72614;
	border-collapse:collapse;
}

table#horarios td.mig{
	vertical-align:middle;
}


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

.numeracio{
	color:#999999;
	font-size:10px;
	text-align:right;
}

.nomfoto{
	padding-top:10px;
	color:#999999;
	font-size:10px;
	text-align:right;
}

a img{
	border:0;
}

#final{
	position:relative;
	top:0px;
	left:0px;
	padding-top:20px;
	text-align:center;
	padding-bottom:25px;
}

sup{
	font-size:7px;
}


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

.fila{ clear: both;}

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


/* AMPLES ESPECIALS */

#MenuPpal{
	padding-left:10px;
	width:150px;
}
.ampleTotal{ width:800px;}

/* AMPLES i MARGES  COLUMNES DE CONTINGUT*/
.ampleC1, .minicelda{	width:150px;}
.ampleC2{	width:300px;}
.ampleC3{	width:450px;}
.ampleC4{	width:600px;}

.margeC1, .bordeC1, .minifoto{	width:140px;}
.margeC2, .bordeC2{	width:290px;}
.margeC3, .bordeC3{	width:440px;}
.margeC4, .bordeC4{	width:590px;}

.margeTotal{
	width:780px;
	padding-left:10px;
	padding-right:10px;
}

.margeC1, .margeC2, .margeC3, .margeC4, .margeC5{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}

.bordeC1, .bordeC2, .bordeC3, .bordeC4, .bordeC5, .bloque{
	padding-left:4px!important;
	padding-right:4px!important;
	margin-bottom:10px;
}

.margeC1 p, .margeC2 p, .margeC3 p, .margeC4 p, .margeC5 p, 
.bordeC1 p, .bordeC2 p, .bordeC3 p, .bordeC4p, .bordeC5 p{
	line-height:14px;
	color:#666666;
}

.icona{
	position:relative;
	left:8px;
	width:20px;
	text-align:center;
	font-size:9px;
	margin-left:4px;
	margin-right:4px;
	float:left;
}

.separador{
	border-bottom: 1px solid;
	margin:5px 0px 5px 0px;
	padding-bottom:10px;
}

.bloque{
	border: 1px dotted #FF00FF;
	border-collapse:collapse;
}

/* ESTRUCTURA */

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

#MenuIdioma{
	padding-top:5px;
	padding-bottom:10px;
	text-align:right;
}

#ruta{
	position:relative;
	top:0px;
	left:0px;
	height: 15px;
	padding-top:5px;
	border-bottom: 1px dotted;
	border-top: 1px dotted;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:5px;
}

#final{
	padding:0;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
}

/* MINI CELDAS, para fotos, textos... */
.minicelda{
	position:relative;
	float:left;
	margin:0px;
	height:160px;
	overflow:auto;
}

.minifoto{
	position:relative;
	float:left;
	height:90px;
	margin:5px;
	overflow:hidden;
}

.minitext{
	position:relative;
	font-size:10px;
	float:left;
	padding-left:5PX;
}

.select{
	font-weight:bold;
}

.SelPlantilla{
	border:2px solid;
	padding:2px;
	margin:1px;
}
.modul{
	border: 1px solid;
	padding:2px;
	margin:1px;
}

/* GAMA CROMATICA */

/* COLOR */
.color0, .blanc,
h3,
#MenuPpal li a, 
#MenuPpal li.select a, 
#MenuPpal li.subapartat a,
#MenuPpal li.subapartatselect a,
#MenuH li a, 
#MenuH li.select a, 
#MenuH li.subapartat a,
#MenuH li.subapartatselect a{
	color:#FFFFFF;
}
.color1, h1, a:link, a:visited{	color:#E72614;}
.color2, h2{ color:#FF9900;}
.color3{ color:#FFCC00;}
.color4, h4{ color:#0066CC;}

h3{
	padding:3px;
}

/* FONS COLORS */

.fonscolor0, #contenedor{	background-color:#FFFFFF;}
.fonscolor1, 
#MenuPpal li a,
#MenuH li:hover a,
#MenuH li.select a,  #MenuH li.subapartatselect a
{
	background-color:#E72614;
}
.fonscolor2, 
#MenuPpal li:hover a,
#MenuPpal li.subapartat:hover a,
#MenuPpal li.select a,
#MenuPpal li.subapartatselect a,
#MenuH li a,
h3
{
	background-color:#FF9900;
}

.fonscolor3, .resaltado {
	background-color:#FFCC00;
}

.fonscolor4, #MenuPpal li.subapartat a{ background-color:#999999;}

/* PERFIL DE COLOR*/

.perfilcolor1, .marcvideo, .minifoto, .marcfoto, .separador, #ruta, .SelPlantilla{	border-color:#E72614;}
.perfilcolor2, .bloque{	border-color:#FF9900;}
.perfilcolor3{	border-color:#FFCC00;}
.perfilcolor4{	border-color:#0066CC;}
.perfilcolor5, .resaltado{ border-color:#FF6600;}
.perfilcolor6,  .modul{ border-color:#999999;}

.ampleC4 img{
	margin-bottom:5px;
}