/* CSS Document */

/* TAGS STANDARD */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-color:#000;
}

sup{
	font-size:7px;
}


/* Listas */

/* Links */
a img{	border:0;}
a:link, a:visited{	text-decoration:none;}
a:hover{	text-decoration:underline;}

/* Paragraf */
p{	line-height:16px;}

/* ESTILS PARAGRAF */
h1{	font-size:16px;}
h2{	font-size:12px;}
h3{	font-size:12px;}
h4{	font-size:10px;}

h1, h2{
	margin-top:0;
	padding-top:0;
}

.marcfoto, .resaltado{
	border: 1px solid;
	padding:3px;
	margin:2px;
}

input.perfil, textarea.perfil{
	border: 1px solid;
}


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

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

#MenuPpal li a{
	display:block;
	text-decoration:none;
	width:120px;
	height:30px;
	background-repeat:no-repeat;
	background-position:center;
}

#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;
	height:30px;
	background-image:url(img/glossy_marboleny2.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

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

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


/* 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:140px;
	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,
#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:#990000;}
.color2, h2{ color:#FF9900;}
.color3, h3{ color:#99CC00;}
.color4, h4{ color:#0066CC;}

h3{
	color:#FFFFFF;
	background-color:#990000;
	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:#990000;
}

#MenuPpal li a{
	background-image:url(img/glossy_marboleny1.jpg);
}


.fonscolor2, 
#MenuPpal li:hover a,
#MenuPpal li.subapartat:hover a,
#MenuPpal li.select a,
#MenuPpal li.subapartatselect a,
#MenuH li a
{ background-color:#FF9900;}

#MenuPpal li:hover a,
#MenuPpal li.select a,
#MenuPpal li.subapartatselect a{
	background-image:url(img/glossy_marboleny2.jpg);
}

#MenuPpal li.subapartat a,
#MenuPpal li.subapartat:hover a,
#MenuPpal li.subapartatselect a{
		margin-left:8px;
}

#MenuPpal li.subapartat a,
#MenuPpal li.subapartat:hover a
{
	background-image:url(img/glossy_marboleny3.jpg);
}


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

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

/* PERFIL DE COLOR*/

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

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


#MetaTags{
	margin:10px;
	padding:10px;
	border:1px dotted #999999;
	background-color:#CCCCCC;
}

.romana{
	font-weight:normal;
}

.negrita{
	font-weight:bold;
}