/************ Definicions generals d'estil ***************/

body {
margin:0px;
padding:0px;
font-family:Verdana, serif;
font-size:12px;
line-height:16px;
color:#000;
text-align:center;
background:url('http://enderrock.projectesdigitals.com/territorials/plantilles/img/nrockat/fons.gif');
border-top:5px solid #d33;
}

a img,
img a{
border:0px;
}

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

.amagat{display:none;visibility:hidden;}
.visible{display:block;visibility:visible}

/** Elements estructurals **/


#gran {
position:relative;
margin:auto;
text-align:center;
width:960px;
}

#contenidor {
position:relative;
float:left;
width:960px;
text-align:left;
}

#totmenyselpeu{
position:Relative;
float:left;
width:950px;
margin-top:0px;
margin-left:5px;
}

/** Capsalera **/

#cap {
position:relative;
float:left;
width:950px;
}

#cap1{
position:relative;
float:left;
width:950px;
}

#publicap{
float:left;
}


.banner_1_2{
margin-left:14px;
}


#cap2{
position:relative;
float:left;
margin-top:10px;
width:950px;
height:110px;
}

#publicap2{
float:left;
margin-top:20px;
margin-left:50px;
}

#logo{
position:relative;
float:left;
margin-top:30px;
}


/** Menus **/

#menuhoritzontal{
position:absolute;
right:0px;
top:50px;
margin-bottom:0px;
}

#itemmenu{
position:relative;
float:left;
font-size:12px;
line-height:18px;
font-weight:bold;
background:#000;
padding:5px;
margin-left:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.selected{
}

.noselected{
}

#itemmenu:hover{
}

#itemmenu a{
text-decoration:none;
color:#fff;
text-shadow:#444 1px 1px 1px;
}

#itemmenu:hover a{
color:#d33;
}

.seleccionat2{
color:#d33;
}

.noseleccionat{
color:#333;
}


/** Contingut **/

#seccio {
position:relative;
float:left;
width:670px;
display:inline;
clear:left;
}

#seccio a{
text-decoration:none;
color:#d36;
}

#seccio table{
font-size:12px;
}

#seccio h4,
#seccio2 h4,
.titolmodul,
#categoriaportada{
margin:0px;
font-size:11px;
line-height:12px;
padding-bottom:3px;
color:#888;
border-bottom:1px solid #aaa;
margin-bottom:10px;
font-weight:normal;
}

#seccio h3,
#seccio2 h3,
.titolmodul,
#categoriaportada{
margin:0px;
font-size:11px;
line-height:12px;
padding-bottom:3px;
margin-bottom:10px;
}


/******** Seccio 2 **********/

#seccio2 {
position:relative;
float:left;
width:950px;
display:inline;
}

#seccio2 table{
font-size:12px;
}

#seccio2 h3{
font-size:17px;
margin-top:0px;
color:#000;
}

/********** bloc per dividir la portada***/

#blocportada{
position:relative;
float:left;
width:950px;
display:inline;
margin-bottom:20px;
}

/**** Columna dreta ***/

#contenidorcolumnes{
position:relative;
float:right;
width:230px;
margin-left:23px;
display:inline;
font-size:11px;
}

.blocmodul{
position:relative;
float:left;
width:230px;
margin-bottom:20px;
}


.grupinici{
position:Relative;
float:left;
width:235px;
height:235px;
background:#fff;
overflow:hidden;
margin-right:2px;
margin-bottom:2px;
}

.fotogrup img{
width:235px;
height:235px;
} 


.fotogrup img:hover{
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;

} 


.fotogrup{
position:absolute;
top:0px;
left:0px;
} 

.nomiestil{
} 

.nomgrup{
position:absolute;
bottom:5px;
left:5px;
color:#fff;
}

.nomgrup a{
color:#fff;
font-size:14px;
font-weight:bold;
line-height:16px;
text-shadow:#000 1px 1px 0px;
}

.estilgrup{
position:absolute;
bottom:3px;
right:3px;
}

.estilgrup a{
font-size:10px;
font-weight:bold;
line-height:14px;
text-shadow:#000 1px 1px 0px;
}


.grupamplia{
position:relative;
float:left;
width:950px;
background:#000;
color:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-bottom:15px;
}

#fotogrupamplia{
position:relative;
float:left;
margin:10px;
width:390px;
}

#dadetesgrupamplia,
.grupampliabio,
.grupampliaweb{
position:relative;
float:left;
width:530px;
margin-top:10px;
}

.nomgrupamplia{
display:block;
float:left;
clear:left;
font-size:25px;
font-weight:bold;
}

.estilgrupamplia,
.membresgrupamplia,
.neixgrupamplia{
display:block;
float:left;
clear:left;
margin-top:10px;
}


.grupampliadiscos,
.grupampliavideos,
.grupampliasimilar,
.grupampliasonacom{
position:relative;
float:left;
clear:left;
margin-left:10px;
width:930px;
margin-top:10px;
}

.titolgrupamplia{
position:relative;
float:left;
clear:left;
width:930px;
font-weight:bold;
color:#d33;
}

.grupampliadisc{
position:Relative;
float:left;
width:450px;
margin-right:15px;
}

.fotodiscamplia{
position:Relative;
float:left;
width:200px;
}

#dadesdiscamplia{
position:relative;
float:right;
width:250px;
}

#dadesdiscamplia span{
display:block;
font-size:11px;
}

.nomdiscamplia{
font-weight:bold;
}


.videodiscamplia{
position:relative;
float:left;
margin-bottom:15px;
margin-right:15px;
width:450px;
}


#peu{
position:relative;
float:left;
width:950px;
height:100px;
margin-left:5px;
margin-top:10px;
background:#111;
color:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}