/************************************************************
	FULLA D'ESTILS PER KONIG.ES
	Emili Parreņo - 
	Enginyeria Informātica Couldix S.L.
	www.couldix.com
	30/01/2006
/************************************************************/


/************************************************************
	ESTILS GENERALS
/************************************************************/
body {
	width			:100%;
	font-family	 : arial, helvetica, sans;
	color			: #444;
	background	: #000;
	text-align	:left;
	padding		: 0px;
	margin		: 0px;
	text-align	: center;
}


p, td {
	font-size		: 13px;
	text-align		: justify;
	padding-left	: 5px;
	padding-right	: 5px;
	margin-bottom	: -2px;
}

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

a:hover {
   	color			: #fff;
   	text-decoration	: none;
	background		: #000;
	}

h1 {
	font-size		: 15px;
	padding-bottom	: 0px;
	margin-left		: 0px;
	margin-bottom	: 10px;
	margin-top		: 10px;
	color			: #ccc;
	font-weight		: bold;
	border-bottom	: 1px solid #333;
	}

h2 {
	font-size		: 14px;
	margin			: 1.2em 0em -0.2em 0em;
	margin-bottom	: 3px;
	font-weight		: bold;
	color			: #1f4d7b;
	text-indent		: 3px;
	/*background		: #ddd;*/
	border-bottom	:1px solid  #ddd;
	background		: #fff;
	}

h3 {
	font-size		: 12px;
	font-weight		: bold;
	color			: #ddd;
	margin-top		: 5px;
	margin-left		: 4px;
	margin-bottom	: 3px;
	background		: #fff;
	}

/* Titol per les caixes de l'index */
h4 {
	font-size		: 11px;
	display			: block;
	font-weight		: bold;
	color			: #555;
	padding-left		: 5px;
	margin-top		: 0px;
	margin-bottom		: 4px;
	border			: 0px solid #ddd;
	background		: #fff;
	}

h5 {
	display			: block;
	font-size		: 11px;
	font-weight		: bold;
	color			: #333;
	padding-left	: 5px;
	margin-top		: 5px;
	margin-bottom	: 4px;
	border-bottom	: 1px solid #999;
	background		: #fff;
	}

img {
   	border		: 0;
	padding-right	: 5px;
}

ul {
   	list-style-type	: none;
   	padding			: 0px;
   	margin-top		: 1px;
		margin-bottom	: 4px;
		margin-left		: 3px;
   	border			: 0;
}

li {
	padding-left: 0px;
	padding-top	: 2px;
  	line-height	: 1.6em;
  	margin-left	: 25px;
  	border		: 0px;
   list-style-type	: square;
	font-size	: 11px;
}

.negreta{
	font-weight	: bold;
}

/************************************************************
	MAQUETACIO CSS
/************************************************************/

#container {
	width		: 700px;	
	margin		: 0 auto;
	margin-top	: 0px;
 	text-align	: left;
	color		: #333;
}

#header{	
	width		: 680px;
	height		: 150px;	
	margin-top	: 0px;
	color		: #333;
	background	: url(../images/logo_r1.jpg) center left no-repeat;
	text-align	: right;
}


#menu{	
	width		: 680px;
	height		: 22px;
	text-align	: left;
	padding-left: 20px;
	color		: #b59204;
	background	: #000;
	border-bottom	: 2px solid #b59204;
}


#main_index{
	width			: 700px;
	height			: 450px;
	color			: #333;
	background		: #000;
	margin-left		: 0px;
	text-align		: center;
}
html>body div#main {
min-height: 450px;
height: auto;
}


#main{
	width			: 450px;
	height			: 540px;
	margin-top		: 30px;
	padding-top		: 20px;
	padding-left	: 10px;
	padding-right	: 20px;
	padding-bottom	: 10px;
	color			: #ddd;
	background		: #000;
	/* background		: #fff url(../images/bg_main.gif) top no-repeat; */
}
html>body div#main {
min-height: 300px;
height: auto;
}

#main_fotos{
	width			: 660px;
	height			: 300px;
	margin-top		: 10px;
	padding-top		: 20px;
	padding-left	: 20px;
	padding-right	: 20px;
	padding-bottom	: 10px;
	color			: #ddd;
	background		: #000;
	/* background		: #fff url(../images/bg_main.gif) top no-repeat; */
}
html>body div#main_fotos {
min-height: 300px;
height: auto;
}


#footer{
	width			: 700px;		
	height			: 45px;
	color			: #666;
	margin-bottom	: 5px;
	border-top		: 1px solid #999;
	font-size		: 11px;
	margin-top		: 20px;
	text-align		: center;
 	background		: #000 url(../images/peu.jpg) center no-repeat;

	}

#fotos{
	margin-top	: 30px;
	text-align	: center;
}

#banner{
	position	: absolute;
	top			: 220px;
	margin-left		: 500px;
	height: 540px;
}

/************************************************************
	ESTILS DELS ENLLAĮOS
/************************************************************/

a.menu-item {
	font-size		: 14px;
	font-weight		: bold;
	color			: #b59204;
	text-decoration	: none;
	margin-left		: 0px;
	padding-left	: 0px;
	padding-right	: 20px;
	text-align		: left;
	background		: #000;
	
}

a.menu-item:hover {
	font-size		: 14px;
	font-weight		: bold;
	color		: #b59204;
	text-decoration	: none;
	margin-left		: 0px;
	padding-left	: 0px;
	padding-right	: 20px;
	text-align		: left;
	background		: #000;
}


/************************************************************
	ALTRES ESTILS
/************************************************************/

.formulari{
	font-size		: 11px;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #888;
	padding			: 0px;
}

.negreta{
	font-weight	: bold;
}

.gal
{
	/*border: 2px solid #b59204;*/
	margin-bottom: 5px;
}
.clear
{
	clear: both;
}
.ok {
	background:#000;
	color:#b59204;
}