html, body {
    height: auto !important;
    min-height: 100%;
        height:100%;
}

body {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #554C42;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #8C867F;
    font-family: arial,Verdana,sans-serif;
    font-size: 0.82em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;

}


h2{

	font-family: arial,Verdana,sans-serif;
    font-size: 1.3em;
    text-align: center;
    margin: 0;
    padding:0;

}
h2 a{
	text-decoration:none;
	color:#8C867F;
	font-family: verdana;
	font-size:10px;
	text-align:center;
	margin-bottom: 3px;

}
h2 a:hover {
	
	color:#F88836;
}
h3{
	color:#3C74C2;
	border-bottom: 1px dotted #C2BAAF;
}
h5{
	text-decoration:none;
	color:#8C867F;
	font-family: verdana;
	font-size:10px;
	text-align:center;
	margin-bottom: 3px;
	
}
#content2{
    border-left: 1px solid #E4E7E7;
    padding-left: 20px;
    width: 900px;
    margin-bottom:40px;

}
#content2 h6{
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    font-size:16px;
    margin-bottom:20px;
    text-align:right;

}
#content{
    border-left: 1px solid #E4E7E7;
    padding-left: 20px;
    width: 240px;
    margin-bottom:40px;

}
#content h6{
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: 1.2em;
    font-size:18px;
    margin-bottom:20px;

}
#content label{

    float: left;
    margin: 0 10px 0 0;
    padding: 2px 0;
}
#content ul{
    border: 0 none;
    font-family: inherit;
    font-size: 100.01%;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: top;
    list-style: none outside none;

}
#content li,label,fom{
    border: 0 none;
    font-family: inherit;
    font-size: 100.01%;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: top;

}
.exit{
    background-color: #DFF2BF;
    background-image: url("../imatges/exito.png");
    color: #4F8A10;
}

.error {
    background-color: #FFBABA;
    background-image: url("../imatges/error.png");
    color: #D8000C;
}

.error, .exit, .alerta {
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 20px 20px;
    padding: 15px 10px 15px 50px;
    position: relative;
}
.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
    color: red;
}

.vanadium-advice {
    font-size: 13px;
    margin-left: 10px;
	margin-top:10px;
}
.pribttn{

    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/bttn-overlay.png") repeat-x scroll left top #366F8E;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 2px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(1, 1, 1, 0.4);
    font-size:15px;
}

#container {

	width: 950px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #DDD7CB;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
	display:block;
	height:100%;

}

#header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../imatges/logo2011.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
	height:111px;    
}
#barra {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #DDD7CB;
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto auto;
    height: 30px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 950px;
    color: #324ef8;
}

.barra-dreta a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #FFFFFF;
    text-decoration:none;
    		  
		
}
/*
.barra-dreta {
    float: none;
    margin: 10px 0 0;
    min-height: 14px;
    padding: 3px 3px 3px 5px;
    vertical-align:middle;	
	    
}

.barra-esquerra{
    float: left;
    font-size: 0.8em;
    color: #000000;
	font-size:11px ; 
	font-family:"Verdana";
	font-weight:bold;
    margin: 5px;
    width: 855px;
    padding: 3px 3px 3px 5px;
    vertical-align:middle;
}
*/
.barra-dreta {
    right: 0;
    top:5px;
    padding-right:5px;
    vertical-align:middle;	
    position:absolute;
	    
}
.barra-esquerra{
    left: 0;
    position:absolute;
    font-size: 0.8em;
    color: #000000;
	font-size:11px ; 
	font-family:"Verdana";
	font-weight:bold;
    margin: 5px;
    width: 600px;
    padding: 3px 3px 3px 5px;
    vertical-align:middle;
}
#bloc_principal{

	width: 950px;
	background-color: #DDD7CB;
	margin-top:20px;
	overflow:auto;

	
}
#peu{
	width: 950px;
	background-color: #272727;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    position: relative;
	display:block;
		

}
.info_peu{
    color: #FFFFFF;
    text-align: center;
    font-wight:bold;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
	margin: 15px;

}
.clearing{
      clear:both;
   }
#menu_esquerra{

	float:left;
	width:700px;
	overflow:auto;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #C2BAAF;
    margin: 25px 0;
    padding: 12px 10px;	
	
}
#menu_esquerra_sencer{

	float:center;
	width: 925px;
	overflow:auto;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #C2BAAF;
	margin: 25px 0;
    padding: 12px 10px;	
	
}

#menu_dreta{
    float:right;
    margin: 0;
    width: 200px;
    overflow:auto;
}

.noticia{


    color: #8C867F;
    display: block;
    margin: 0;
    padding: 10px 0;

}
.noticia a {
	text-decoration:none;
	color: #8C867F;
}
#cos_noticia {

	color: #666666;
}
.caixes{

    border: 1px solid #DDDDDD;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    background: none repeat scroll 0 0 #EEEEEE;
    color: #444444;  
    margin-top: 25px;  

}
.caixes th {
    
    background: url("../imatges/fons_taula.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: 'Trebuchet MS',Verdana,Arial,Helvetica;
    font-size: 14px;
    height: 44px;
    padding-left: 10px;
    text-align: left;
}
.caixes td {
	
  padding-left: 8px;
  padding-right: 8px;
}
.caixes img {

	width:150px;
}

#junta ul{

	list-style:none;
}
#junta li {

	padding-top: 10px;
}

#historia li {

	padding-top: 10px;
}
#documents ul{

	list-style:none;
}
#documents li {

	padding-top: 10px;
}
#documents a{
	text-decoration:none;
	
}
#documents a:hover {
	
	color:#F88836;
}
#documents img{

	padding-right:6px;
}
#clubs ul{
	font-size:16px;
	font-family: arial,Verdana,sans-serif;
	color:#8C867F;
	list-style:none;
}
#clubs li {

	border-bottom: 1px dotted #C2BAAF;
	padding-top: 10px;
}
#clubs a{
	text-decoration:none;
	color:#8C867F;
}
#clubs a:hover {
	
	color:#F88836;
}
#clubs img {

	width:100px;
	height:90px;
}

#dadesclub {
	padding-left:220px;

}
#dadesclub h4{
	margin: 0;
    padding: 0;
    
		
}
#dadesclub a{

    padding-left: 10px;
    position:relative;
	text-decoration:none;
	color:#8C867F;    
		
}
#dadesclub a:hover{

    padding-left: 10px;
    position:relative;
	text-decoration:none;
	color:#F88836;   
		
}
#imgclub {
    background-color: #FFFFFF;
    border: 1px solid #B8B8B8;
    margin-left: 50px;
    margin-right:20px;
    float: left;
    position: relative;
    text-align: right;
    width: 150px;
}
#imgclub img{
	
	width:150px;
	height:auto;
}
#galeries ul{
	
	font-size:16px;
	font-family: arial,Verdana,sans-serif;
	color:#8C867F;
	list-style:none;

}
#galeries li {

	border-bottom: 1px dotted #C2BAAF;
	padding-top: 20px;
}
#galeries a {

	text-decoration:none;
	color:#8C867F;
}
#galeries a:hover {
	
	color:#F88836;
}
#galeries img {

	width:150px;
}

.titform{

	padding-top:20px;

}


/* Regles per al plugin Galleria*/
.cred{margin-top:20px;font-size:11px;}

.content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:800px;margin:20px auto;}

#galleria{height:500px}

.demo{
     width:550px;
     padding:10px;
     margin:10px auto;
 }