/* css styles by: BIBTIC.COM */
html{
	height:1%;
}

body {
	background-color: #e0dcc3;
	margin:0; 
	padding:0px;
	color: #4C4C4C;
	text-decoration: none;
	/*font: normal normal normal 14px/16px  Helvetica, Arial, Verdana, sans-serif;*/
	font: normal normal normal 12px/14px  Verdana, Helvetica, Arial,  sans-serif;
	height:100%;
}
a img {
	border: 0;
}
#container { 
	display:block;
	width:928px;
	margin:30px auto;
	text-align:left;
	padding:0;
	background:#f8f8f2;
	border:#FFFFFF 15px solid;
}
#header {
	background: url(../imgs/banner_head.png) no-repeat;
}
#logo_header {
	margin: 50px 55px 38px;
}
#wrapper {
	/*background: #fff url(../imgs/fons_content.png) repeat-x bottom;*/
	/*background:#f8f8f2;*/
}
#content {
	/*padding:20px;*/
	border-top: 1px dotted #C0122A;
	border-bottom: 1px dashed #C0122A;
	height:100%;
	padding-bottom:20px;
}
#footer {
	text-align: center;
	font-size: 80%;
	/*background: #fff url(../imgs/fons_content.png) repeat-x bottom;*/
}
#footer span {
	color: #C0122A;
}
.publi{ margin: 10px 5px 0 5px;} /* recuadros publi peu pagina*/

.clear{ 
	clear:both; 
}

/*menus */

div.navcontainer .navlist {
	text-align: center;
	margin:5px 0px 5px 0px;
}

div.navcontainer .navlist img{
	padding:0px 15px 0px 15px;	
}

#selected a { color: #4c4c4c }

h1{
	font-size:20px;
	line-height:22px;
}

h2 {
	margin-top: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:20px;
}


h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	
}

span.vermell{
	color:#be122a;
}

span.gris {
	color: #4c4c4c;
	font-size:14px;
}

span.grisPtit {
	color: #4c4c4c;
	font-size:10px;
	
}

td.carrec {
	color:#be122a;
	padding-top:0px;
	margin-top:0px;
	vertical-align:top;
}

a{
	color:#be122a;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

span.telefon{
	font-size:20px;
	line-height:20px;
}

.mig{
	padding:20px;
	display:block;
}

.recuadro{
	float: left;
	background:#CF142B;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	width: 280px;
	height: 108px;
	margin: 16px 8px 0 8px;
}

.recuadro_newsletter{
	float: left;
	font-weight: bold;
	width: 270px;
	height: 100px;
	margin: 16px 8px 0 8px;
	padding:5px;
	background-color:#fff;
}

.recuadro_newsletter label{
	font-size:10px;
}

.recuadro_newsletter form{
	margin-top:0px;
}

table.trabajos {
	border-color:#be122a;
	border-top-style:dotted;
	border-width:1px;
	width:486px;
}

.trabajos_part {
	border-color:#be122a;
	border-bottom-style:dotted;
	border-width:1px;
	width:486px;
}



/**************** MODUL **************************************/

.modul {
	width:260px;
	margin:0 0 20px 0;
	display: block;
	font-size: 90%;
}

label {  
	font-weight: normal; 
	text-align: left; 
	width:200px;
	margin-right: 0.5em; 
	display: block;
	font-size: 90%;
}

.modul.txt-mod {
	padding: 0 0 0 55px;
}

form {
	padding:5px 0;
}
input {
	padding: 2px; 
	color: #fff; 
	background: #be122a;
	border: 0;
}

.classeInput {
	padding: 2px; 
	color: #fff; 
	background: #be122a;
	border: 0;
}


#enviar { 
	cursor:pointer; 
	padding: 5px 0; 
	font-size: 11px; 
	color: #be122a;
	background: transparent ;
	border: 0; 
	font-weight: bold;
}

/******************** ARTISTAS *********************************************************************/

ul.llista_grups{
	padding:0;
	color:#be122a;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	max-width:200px;
}

ul.llista_grups li{
	border-bottom:#ccc thin dashed;
	padding:2px 0 2px 0;
}

ul.llista_links{
	padding:0;
}

.seccio_artistes{
	border-bottom:#ccc thin dashed;
	padding:20px 0 20px 0;
}

.seccio_botiga{
}

tr.impar{
	background-color:#fdf1f3;
}

span.titular_noticia{
	font-weight:bold;
}

span.nom_artista{
	color:#be122a;
	text-transform:uppercase;
}

.samarretes_foto{
	border-right:#CCCCCC thin dashed;
	float:left;
	padding-right:10px;
}

.samarretes, .cds{
	height:300px;
	margin-bottom:20px;
	border-bottom:#CCCCCC thin dashed;
	overflow:auto;
}

.imatge_samarreta{
	float:left;
	height:250px;
	width:278px;
}

a.samarreta:hover, a.cd:hover{
	cursor:pointer;
}

.cds_foto{
	padding-left:10px;
}

.info_samarreta{
	float:left;
	margin:0 0 0 50px;
}

.alert_compra{
	float:left;
	margin-top:10px;
}

.altres_samarretes{
	float:left;
	margin-top:30px;
}

.info_samarreta form {
	padding:0;
}

/***************** COLUMNA A LA DRETA *********************/

#esqCol{	
	 width:490px; 
	 background:#f8f8f2;
	 height:100%;
	 vertical-align:top;
	 padding:20px;
}

#centreCol{	
	 width:892px; 
	 background:#f8f8f2;
	 height:100%;
	 vertical-align:top;
	 padding:20px;
}

#migCol{
	width:40px;
	vertical-align:top;
}

#dreCol{
	 padding:20px 30px 0 20px;
	 width:300px; 
	 background:#f1f0e5;
	 height:100%;
	 vertical-align:top;
	 /*float:right;*/
 }

#esqCol2{	
	 width:290px; 
	 background:#f1f0e5;
	 height:100%;
	 vertical-align:top;	 
	 padding:10px 0 0 20px;
}

#migCol2{
	width:10px;
	vertical-align:top;
}

#dreCol2{
	 padding:20px;
	 width:550px; 
	 background:#f8f8f2;
	 height:100%;
	 vertical-align:top;
 }
 
#form_contacto{
	float:left;
	width:350px;
} 

.info_compra{
	width:200px;
	float:left;
}

.form_pedido{
	float:left;
	width:250px;
	border-left:#be122a thin dashed;
	padding-left:15px;
}