'################################## colours
'################################## colours
'################################## colours


/*                                                        the colors*/
.color0{color: ;}
.backcolor0{background-color: ;}

.color1 {color: #e6e5e5;}
.backcolor1 {background-color: #e6e5e5;} 

.color2{color: #aaaaaa;}
.backcolor2{background-color: #aaaaaa;}

.color3 {color: #898888;}
.backcolor3 {background-color: #898888;}

.color4 {color:#333333 ;}
.backcolor4 {background-color: #333333;}

.white{color: #ffffff;}
.backwhite{background-color: #ffffff;}

.black{color: #000000;}
.backblack{background-color: #000000;}

/*                                                   end  the colors                 */



/*                                                        the basics*/

/* GLOBAL RESET , toma ya ,table,td,tr*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form {
  margin:0px; 
  padding:0px; 
  border:0px; 
  border-collapse:separate; 
  border-spacing:0px;
}
p {margin:0 0 1em 0;padding:0}
h1, h2, h3, h4, h5, h6 {margin:0 0 .7em 0;padding:0}
body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	line-height: 1.4;
	color:#e6e5e5;
	background: #000000;
	text-align: center;
	background-image: url("imatges/background.jpg");/* #898888*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	
}


p 		{
	font-size : 100%;
	text-align: justify;
	text-decoration : none;
	color:#e6e5e5;
	}

.p		{
	font-size : 100%;
	line-height: 1.2em;
	text-align: justify;
	text-decoration : none;
}

/* links  */

A{
	color: #ffffff;
	text-decoration: none;
}
A:visited {
	color: #aaaaaa;
	text-decoration: none;
}
A:hover {
	color: #898888;
	text-decoration: none;
}

h6, .h6{
	font-size : 110%;
	text-decoration : none;
	font-weight: bold;
}
h5, .h5{
	font-size : 115%;
	text-decoration : none;
	font-weight: bold;
}
h4, .h4{
	font-size : 120%;
	text-decoration : none;
	font-weight: bold;
}
h3, .h3{
	font-size : 130%;
	text-decoration : none;
	font-weight: bold;
}
h2, .h2{
	font-size : 140%;
	text-decoration : none;
	font-weight: bold;
}
h1, .h1{
	font-size : 190%;
	text-decoration : none;
	font-weight: bold;
}

.small {
	font-size : 90%;
	text-decoration : none;
}
.vsmall {
	font-size : 80%;
	text-decoration : none;
}



div {
	font-size: 100%;
}

.padded{padding:10px}
.bigpadded{padding:20px}
.notpadded{padding:0px}
.thinborder{border: 1px solid;}

/*                                                    end the basics*/


/*                                                        the structure              */


#supertop {
	width: 100%;
	height: 20px;
	color: #ffffff;
}

#supertopcontent {
	margin: 0px auto;
	width: 790px;
	height: 20px;
	text-align: right;
}
	
#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 790px;
	/*background: url("imatges/back1.gif");*/
	background:#000000; /*url("imatges/back2.jpg")*/
}

#header {
	width: 790px;
	height: 165px;
	background: url("imatges/top_back.gif");/**/
}
#logo{	
	width: 165px;
	height: 165px;
	float: left;
}
#notlogo{
	align: left;	
	width: 621px;
	height: 165px;
	margin-left: 165px;
}

#menu{
	padding-left: 10px;	
	width: 620px;
	height: 20px;	
}
#notmenu{
	text-align: right;
	padding-right: 10px;	
	width: 620px;
	height: 139px;
	color:#e6e5e5;	
}

#bar{
	position: relative;
	width: 790px;
	height: 34px;
	clear: both;
	background: url("imatges/bar.gif");/**/
}

#map{
	position: relative;
	width: 550px;
	height: 300px;
	clear: both;
}

#side-a {
	padding-left: 14px;
	width: 165px;
	float: left;
}

#side-b {
	vertical-align: top;
	width: 520px;
	float: right;
	text-align: left;
	color:#e6e5e5;
}

p img {
	padding:10px;
	margin: 10px;
}
#content { 
	width: 394px;
	float: left;
	background: #ffffff;
}

#footer {
	text-align: center;
	padding: 10px;
	clear: both;
	color:#666666;
}

#footer a, #footer a:visited{
		color:#000000;
	}


#newsletter{
	margin: 20px;
	width: 158px;
	color: #aaaaaa;
}

}
/*                                                    end the structure            */







/*                                                        the specials             */


#maintext hr { color: #ff9933; background-color: #ff9933; height: 1px;}

#maintext a, #maintext1 h4, #maintext1 h3, #maintext1 h2, #maintext1 h1{
	color:#ffcc00;
}


.blackedge{
	border-left-color:#595959;
	border-left-width:1px;
	border-left-style:solid;
	border-right-color:#595959;
	border-right-width:1px;
	border-right-style:solid;
}

#breadcrumbs{
	width:790px;
	height:18px;
	font-size: 8pt;
	color:#595959;
	text-align:left;
}
#breadcrumbs a, #breadcrumbs a:visited {
	color:#595959;
}

#siterelated{
	width:790px;
	height:18px;
	font-size: 80%;
	color:#595959;
	text-align:right;
	border-bottom-color:#595959;
	border-bottom-width:1px;
	border-bottom-style:solid;	
}
#siterelated a, #siterelated a:visited {
	color:#595959;
}




/*                                                   end  the specials*/
/*                                                        the admin*/


#adminmenu{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #bbbbbb;
	color: #ffffff;
	font-size: 8pt;
	font-weight: bold;
	padding : 2px;
}
.adminmenul{
	text-align : left;
}
#adminmenur{
	text-align : right;
}
#adminmenu a {
	color: #ffffff;
}
#adminmenu a:hover {
	color: #ff0000;
}

/*                                                    end the admin*/

/* //////////////////////  Contacte ////////////////////// */
.fila{
	width:830px;
	margin-bottom:10px;
	display:block;
	min-height:18px;
}
.columna1{
	width:165px;
	text-align:right;
	margin-right:20px;
	float:left;
	display:block;
}
.columna2{
	width:600px;
	float:left;
	display:block;
	text-align:left;
}
.columna2 a, .columna2 a:visited{
	/*color:#595959;*/
	color:#0000FF;
}

.formulari{
	border:solid 1px #8088b9;
	color:#8088b9;
	font-size:11px;
	line-height:15px;
	height:18px;
}

/* //////////////////////  end Contacte ////////////////////// */