/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}

body{
	color: #8F8F8F;
	font: 11px Verdana,Arial,Helvetica,Sans-Serif;
	background-color:#1E1E1E;
	background:url(../../img/web/bg_body.gif) #1E1E1E center top no-repeat;
}
a{
	color: #442E6C;
	text-decoration: underline
}
a:hover{
	text-decoration: underline
}

#tags a { color:#5D428D; text-decoration:none }
#tags a:hover { text-decoration:underline}

#enlace { padding:15px; }
#enlace b { color:#ffffff;}
#enlace a { font-size:10px; color:#ffffff; text-decoration:none; }

input,select,textarea{
	border: #D1CEC8 1px solid;
	font-size: 11px;
	padding: 2px;
	color:#000000;
	margin-bottom:5px;
}
input:focus, textarea:focus{
background-color: #C0C0C0;
}
input[type="checkbox"]
{
	border:0; 
}
li{
	list-style: none
}

#pagination a { color:#939393; }

#condicions {
	border: 0;
	margin:15px;
    color:#ffffff;
}
#condicions p { padding-bottom:15px;  }
#condicions li { list-style:square; padding-left:5px; margin-left:15px; }

.button_enviar { width:183px; height:40px; background: url(../../img/web/b_enviar.gif); border:0; }


/*=== Category Path ===*/
.path{
	font-size: 11px;
	height: 30px;
}
.path ul{
	padding: 0 0 0 70px;
}
.path li{
	color: #474444;
	float: left;
	line-height: 30px;
	padding: 0 10px 0 7px;
}
.path li a{
	color: #474444;
	text-decoration: underline;
}

/*=== Other Images Wrapper ===*/
.foto_petita {
	background-image:url('../../img/web/fons_fotos.gif');
	padding: 5px; 
}
.wrapper2{
	background-image:url('../../img/web/bg_foto.gif');
	color: #716f6d;
	font-size: 10px;
	text-align: center;
	padding:10px;
    margin-bottom:15px;
/*	border:1px solid #000000; */
    height:150px;
}
.wrapper2 h3{
	font-size: 10px;
	font-weight: normal;
}
.wrapper2 h3 a{
	color: #716f6d;
}
.wrapper2 p{
	color: #ad0600;
}
.wrapper2 img{
	border: 1px solid #000000;
	/*height: 84px;
	width: 115px;*/
}

/********************************/
/*  MISSATGES FLASH             */
/********************************/
.message { z-index:10; width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { z-index:10; width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }

/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 955px;
}

#header{
	height: 150px;
	background:url(../../img/web/bg_header.jpg) repeat-x;
	text-align:center;
}

/*- Logo -*/
#header h1{
	text-indent: -9999px;
	background:url(../../img/web/logo_header.jpg) no-repeat center center;
	width: 592px;
	margin:0 auto;
}
#header h1 a{
	display: block;
	height: 150px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*=== All Columns ===*/
#columns{
	height: 1%;
	padding: 15px 0
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 183px;
}
#left_menu li
{
/*list-style-image:url(../../img/web/li_bullet.gif);*/
padding-left:10px; /*el tamaño del iconito*/
background-image:url(../../img/web/li_bullet.gif);
background-repeat:no-repeat;
background-position:0 10px;
}
#left_menu ul li
{
    padding-left:0;
    background-image:none;
}

#left_menu li a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#8F8F8F;
display:block;
text-decoration:none;
background:url(../../img/web/bg_li.gif) repeat-x;
/*height:14px;*/
line-height:17px;
padding-top:6px;
}
#left_menu li a:hover{
color:#5D428D;
text-decoration:underline;
}

#left_menu li ul li{height:25px;list-style-image:none;}
#left_menu li ul li a{
font-size:11px;
padding-left:8px;
color:#B7B7B7;
background:none;
line-height:10px;
}
#left_menu li ul{
background:url(../../img/web/bg_li.gif) repeat-x;margin-top:3px;}
#left_menu li ul li a:hover{
color:#FFFFFF;
background-color:#5D428D;
text-decoration:none;
}

/*
#left_menu li .select_categoria {
color:#5D428D;
text-decoration:underline;
background-color:#5D428D;
}

.select_apartat {
color:#FFFFFF;
background-color:#5D428D;
text-decoration:none;
}
*/
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 0 0 0 35px;
	width: 736px;
	min-height:300px;
}
#centercol p{ margin-bottom:10px; }
#centercol .contenido img { margin:5px; }

#separacion
{
	width:100%;	height:63px;
	background:url(../../img/web/bf_fondo_final.png) repeat-x;
	clear: both;
}
#footer{
	clear: both;
	background-color:#000000;
	height: 280px;
}
#footer .text {
	margin: 0 auto;
	width: 955px;
}
.col1 { 
	float:left;
	width:247px; height:205px;
	background:url(../../img/web/img_linia.gif) no-repeat right;
	margin:15px 0 0 0;
}
.col2 {
	float:left;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:justify;
	color:#6A6A6A;
	width: 476px; height:205px;
	background:url(../../img/web/img_linia.gif) no-repeat right;
	margin:15px 0 0 15px;
	padding-right:15px;
}

.col2 a { color:#5D428D; text-decoration:underline; }
.col2 a:hover { }

.col2 .titulo {
	color:#5D428D;
	font-size:13px;
	font-weight:bold;
}

.col3 {
	float:left;
	width:190px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:15px 0 0 12px;
	color:#5D428D;
}
.col3 a { color:#5D428D; text-decoration:none; }
.col3 a:hover { text-decoration:underline; }

.avellana {	padding-right:28px;	margin-bottom:16px;	background-image: url(../../img/web/logo_avellana.gif);	background-repeat: no-repeat; background-position: right; }

/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}



/* Pàgina Home */
/* Articles */
#articles {
float:left;
width:340px;
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding:10px;
margin-right:7px;
}
.foto5 { border:5px solid #FFFFFF; }


.titulo { padding-left:10px; margin-left:8px; background-image: url(../../img/web/li_bullet.gif); background-repeat: no-repeat; background-position:left; font-size:12px; margin:0; }
.fecha { font-style:italic; font-weight:bold; }

/* Incorporacions */
#incorporacions {
float:left;
width:368px;
background-color:#939393;
color:#3F3F3F;
}

#incorporacions a { color:#323232; font-weight:bold; font-size:10px; }


#incorporacions .final { width:368px; height:40px; background-image: url(../../img/web/bg_incorporacions_bottom.gif); background-repeat: no-repeat; position:relative; }

.mes_info { padding:10px 0 0 10px; }
.mes_artistes {  position:absolute; right:12px; top:10px; }


.padding { padding:10px; color: #3F3F3F; }
.boton_comentaris { width:94px; height:17px; background-image: url(../../img/web/b_comentaris.gif); }
.bg_foto { padding:10px; background-image: url(../../img/web/bg_foto.gif); float:left;  }


/* Directorio */
#directorio { 
width:736px; height:144px; 
background-image: url(../../img/web/bg_directori.jpg);
font-size:12px;
color:#5D428D;
}

#directorio .texto {
padding:84px 0 0 18px;
}

#head_apartat { width:736px; height:8px; background-image: url(../../img/web/bg_apartat_up.gif); margin-bottom:10px; margin:0; margin-top:10px;  }
#footer_apartat { width:726px; height:18px; background-image: url(../../img/web/bg_apartat.gif); margin-bottom:10px; margin:0; color:#442E6C; font-weight:bold; padding:5px 0 0 10px; }
#footer_apartat a { color:#442E6C; }

#artes { background-color:#939393; height:auto; padding:0 10px 10px 10px; color:#3F3F3F; }

#linia_hr { width:100%; height:12px; background:url(../../img/web/hr.gif) top repeat-x; }


.bg_fotos { background-image: url(../../img/web/bg_foto.gif); }
.mas_imagenes { margin:0 0 15px 15px; background-color:#442E6C; color:#837F8B; width:70px; padding:5px; }
.mas_imagenes a { color:#FFFFFF; text-decoration:none }
.mas_imagenes a:hover { text-decoration:underline }

#artes li { 
margin-left:30px;
margin-bottom:15px;
list-style-image:url(../../img/web/li_row.gif);
}

#bloc { background-color:#939393; height:190px; padding:0 10px 10px 10px; color:#3F3F3F; text-align:justify; }
#bloc p { margin-bottom:10px; }

#bloc li { 
margin-left:30px;
margin-bottom:15px;
list-style-image:url(../../img/web/li_row.gif);
}


h1 { font-size:12px; font-weight:normal; background: url(../../img/web/li_bullet.gif) no-repeat 0 4px; padding-left:13px; }
hr { height:1px; color:#404040; background-color:#404040; overflow: hidden; margin:5px 0 15px 0; }

#atras a { text-decoration:none; }
#atras a:hover { text-decoration:underline; }

#linia { 
display:block;
background:url(../../img/web/bg_li.gif) repeat-x;
height:14px; margin-top:10px;
}

#cercador input { width:122px; border:1px solid #060606; font-size:9px; height:10px; }

/*this is for all browsers*/
#cercador .buttonCerca { width:51px; height:17px; background: url(../../img/web/b_cerca.gif); border:0; cursor:pointer; }
/* this is for Internet Explorer */
/* #main *p {color:red;} */
/*this is ignored by IE7 and will target IE6 */
/*#cercador _buttonCerca { width:51px; height:17px; background: url(../../img/web/b_cerca.gif); border:0; cursor:pointer; }*/





#box_form {
	width:100%;
	height:108px;
	background-color:#372C4A;
	margin:8px 0 6px 0;
	padding:5px 11px 5px 5px;
}

#box_form .visible {
	font:Verdana, Arial, Helvetica, sans-serif 11px;
	padding-top:5px;
	width:100%;
	text-align:right;
}

.b_enviar {
	width:183px;
	height:40px;
	background-image:url(../../img/web/b_enviar.jpg);
	margin:15px 0 0 215px;
	cursor:pointer;
	border:0;
}

.b_enviar_espera {
	width:183px;
	height:40px;
	background-image: url(../../img/web/bg_foto.gif);
	margin:15px 0 0 215px;
	cursor:default;
	border:0;
}

.button_enviar:hover{cursor:pointer;}




.editor_molt_petit{font-size:8px;}
.editor_petit{font-size:9px;}
.editor_normal{font-size:10px;}
.editor_gran{font-size:16px;}
.editor_molt_gran{font-size:18px;}


#xarxes_socials {
    margin-top: 17px;
    float: right;
    background-color: #939393;
}

#xarxes_socials .final {
    clear: both;
    width:368px; height:40px; background-image: url(../../img/web/bg_xarxes_segueixnos.gif); background-repeat: no-repeat; position:relative;
}

#xarxes_socials .padding {
    color: #3F3F3F;
    margin: 0 10px 10px 10px;
    background-image:url('../../img/web/bg_foto.gif');
    height: 88px;
}

#xarxes_socials .name {
    position: absolute;
    margin-top: 10px;
    font-weight: bold;
}

#xarxes_socials .name a {
    text-decoration: none;
    color: #3F3F3F;
}

#xarxes_socials ul {
    width: 325px;
    list-style: none;
}

#xarxes_socials ul li {
    width: 108px;
    display: block;
    float: left;
    margin-bottom: 20px;
}