/* generals del site */
body,html {
	margin:0;
	padding:0;
	text-align:center;

	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color:#333333;
	
	background-image:url(../images/fonstorre.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#BAB7A1;
	
	height:100%;
	min-height:100%;
	min-width:1020px;  /* sino al fer petit es mou el fons */

}

img{border:0px}


h1{
	margin:0;
	padding:0;
	color:#92B532;
	border:0px solid;
	font-size:18px;
	margin-bottom:15px;
}

h1 a{
	color:#92B532;
}
h1 a:hover{
	color:#ACDA63;
}

h2{
	margin:0;
	padding:0;
	color:#555555;
	border:0px solid;
	font-size:16px;
	margin-bottom:5px;
}

h2 a{
	color:#92B532;
}
h2 a:hover{
	color:#ACDA63;
}


td{
	font-size:14px;
}

a{
	text-decoration:none;
	color:#809F2B;}
a:hover{
	color:#ACDA63;

}

#separador{
	height:10px;

}



/* per l'ie6 */
form{
margin:0;
padding:0;}

label.error {
	margin-left: 0px;
	margin-top:0px;
	clear:both;
	
	width: 258px;
	display:table-cell;
	

	border:1px dashed #000000;
	background-color:#ff0000;
	color:#FFFFFF;
	padding:5px;
	
}

input{
	background:#FFFFFF url(../images/validationInputBg.gif) repeat-x scroll left top;
	border:1px solid #B3B3B3;
	line-height:normal;
	
	width:270px;
	height:22px;

}

textarea{
	background:#FFFFFF url(../images/validationInputBg.gif) repeat-x scroll left top;
	border:1px solid #B3B3B3;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	width:270px;
	height:100px;
}

select{
	background:#FFffFF url(../images/validationInputBg.gif) repeat-x scroll left top;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	border:1px solid #B3B3B3;
	width:270px;
}

input[type='checkbox'] {
	width: auto !important;
	border-color:#C0C0C0 #C0C0C0 #9B9B9B;
	border-style:solid;
	border-width:1px;

	margin-top:1px;
	margin-bottom:0px;
}

input[type='button'],input[type='submit']
{
	background:#FFFFFF url(../images/buttonEnabled.png) repeat-x scroll left bottom;
	padding:0.1em 0.2em 0.2em; 
	border:1px solid gray;
	cursor:pointer;
	line-height:normal;

	text-align:center;

	white-space:nowrap;
	display:inline-block;
	width:150px;
}


/* INICI LAYOUT PRINCIPAL*/
#maincontainer{
	width: 980px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	
	padding:0px 0px 0px 0px;
	border:0px solid;
	
	 height:auto !important; 
	/* height:100%; */
	min-width:980px;
	text-align:left;

	
}

#topsection{
	width:980px;
	border:0px solid #ff0000;
}


#contentwrapper{

	width: 980px;
	background-color:#FFFFFF;
	min-height:100%;   per a que tingui  una alçada mínima*/
	height:auto !important;   
	 
	/* height:100%; */
	 

	border:0px solid #00ff00;
	margin-top:-10px;
}

/* for Internet Explorer 6 i anteriors */
* html #contentwrapper {
	height: 100%;

}


#contentcolumn{
	margin: 0 0 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 0*/
}


.innertube{
	/*margin: 10px;  Margins for inner DIV inside each column (to provide padding)*/
	margin:10px 10px 10px 10px;

}


#footer{   /* el peu d'enllaços */
	clear:left;
	width:980px;
	background: #ffffff;
	text-align: center;
	padding: 10px 0 10px 0;
	vertical-align:middle;
	margin-top:-10px;
	
}

#footer a{
	color: #92B532;
	text-decoration:none;
	font-size:13px;

}
#footer a:hover{
	color: #ACDA63;
}
#footer #current{
	color: #92B532;
}

/* FI LAYOUT PRINCIPAL*/



/* INICI D'ESTILS DEL TAB MENU*/
#glowingtabs{
	float:left;
	width:100%;
	line-height:normal;
}

#glowingtabs ul{
	list-style-type: none;
	margin:0;
	margin-left: 0px; /*Left offset of entire tab menu relative to page*/
	padding:0;
}

#glowingtabs li{
	display:inline;
	margin:0;
	padding:0;
}

#glowingtabs a{
	float:left;
	background:url(../images/glowtab-left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px; /*spacing between each tab*/
	padding:0 0 0 9px;
	text-decoration:none;
}

#glowingtabs a span{
	float:left;
	display:block;
	background:url(../images/glowtab.gif) no-repeat right top;
	/*padding: 14px 30px 12px 20px;   per a fer el boto més gran*/  /* top right bottom left */
	padding: 12px 20px 10px 10px;
	
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}
/*onMouseover style*/
#glowingtabs a:hover{ 
background-position:0% -82px; /*Shift background image up to start of 2nd tab image */
}


#glowingtabs a:hover span{ 
background-position:100% -82px; /*Shift background image up to start of 2nd tab image */
}

/* FI D'ESTILS DEL TAB MENU*/



/* INICI BOTONS AMB CSS */
a.btotorre {
    background: transparent url('../images/boto/bg_button_a.gif') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 12px arial, verdana, sans-serif;
    height: 38px;    /* alt del botó ??*/
    margin-right: 6px;
    padding-right: 17px; /* sliding doors padding - ample del boto petit*/ 
    text-decoration: none;

}

a.btotorre span {
    background: transparent url('../images/boto/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 28px;  /* per definir alt del boto */
    padding: 3px 0 7px 18px;
	color:#ffffff;
	font-weight:normal;
	
	width:170px;
	text-align:center;
	cursor:pointer;
} 


a.btotorre:hover {
    background-position: bottom right;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.btotorre:hover span {
    background-position: bottom left;
	color:#000000;
   /* padding: 6px 0 4px 18px;  push text down 1px */
} 

/* FI BOTONS AMB CSS */

#idiomes{
color:#ffffff;
font-size:11px;
margin-right:10px;
margin-top:5px;

}

#idiomes a{
color:#cccccc;
}

#idiomes a:hover{
color:#ffffff;
}

.petita{
	font-size:11px;
}

