HTML BODY {
	text-align: center
	}

body {
	margin:0px;
	padding:0px;
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:1.5em;
	color:black;
	background-color:#cde2eb;
	text-align: center;
}
	
#tot {
	width: 960px;
	text-align: left;
	padding: 0px;
	margin: 0px auto;
	background: #fff url(img/fons.jpg) top center no-repeat;
}

/* Menu superior*/

#idioma{
	padding:0px 0px 5px 0px;
	margin:0px auto;
	background-color:#b6270c;
	}
	
 #idiomes {
	padding:15px 0px 0px 0px;
	margin:0px auto;
	text-align:right;
	width:910px;
	list-style-type: none;
	text-indent: 0;
	background-color:#b6270c;
	height:20px;
	}
	
#idiomes ul{
	margin:0;
	padding:0px;
	}

#idiomes li	{
	padding: 5px;
	margin: 0px;
	text-indent: 0;
	display: inline;
	background-color:transparent;
	}

#idiomes li a	{
	text-decoration: none;
	color:#fff;
	font-size: 1em;
	padding: 0;
	margin:0px;
	background-color:transparent;
	}

#idiomes li a:hover,#idiomes a#current	{
	color: #000;
	font-size: 1em;
	background-color:transparent;
	}

#idiomes a#current 	{ 
	color:#666;
	}
	
#foto, #portfolio{
	width: 930px;
	padding:0;
	margin:0px auto;
	height:184px;
	}
		
#submenu1 {	
	width: 960px;
	padding:0;
	margin:0px auto;
	background-color: transparent;
	height:110px;
	}
	
#nav{
	padding:0px 0px 5px 0px;
	margin:0px auto;
	width:960px;
	}	
#nav1{
	float:left;
   width:20%;
   background:transparent;
	}
	
#nav1 img{
	position:absolute;	
	padding:0px;
	margin:-85px 0px 0px -8px;
	z-index:50;	
	}
	
#nav2{
	float:left;
   width:90%;
   background:transparent;
   margin: 0px 0px 0px 200px;
	}

#nav2 ul{
	margin:0;
	padding:0px 0px 0px 0px ;
	}

#nav h1{
	font-size:1.8em;
	color:#fff;
	font-weight:bold;
	}
	
#nav2 li	{
	padding: 5px;
	margin: 0px;
	text-indent: 0;
	display: inline;
	border:0px solid #547f0b;
	background-color:transparent;
	}

#nav2 li a	{
	text-decoration: none;
	color:#fff;
	font-size: 1em;
	font-weight:bold;
	padding: 0;
	margin:0px;
	background-color:transparent;
	}

#nav2 li a:hover,#nav2 a#current	{
	color: #000;
	font-size: 1em;
	background-color:transparent;
	}

/* Contingut */
	
#contingut{
	padding:0px;
	margin:0px auto;
	color:#446c9f;
	
	}
 
#container3 {
    float:left;
    width:100%;
    background: #fff url(img/fons_contingut.jpg) top center repeat-y;
    overflow:hidden;
    position:relative;
}

#container2 {
    float:left;
    width:100%;
    position:relative;
    right:22%;
    border-right:2px dotted #b6270c;
}

#container1 {
    float:left;
    width:100%;
    position:relative;
    right:58%;
}

#ofertes{
	background-color: #EFE0E0;
	border: 1px solid #dd2c0a;
	padding: 5px 15px;
	margin-top:5px;
	overflow: hidden;
	}

#ofertes #text{
	float:left;
	margin:0px;
	padding:5px 0px 5px 10px;
	}
		
#portada #ofertes img{
	float:left;
	margin-top:15px;
	}
	 
 /* Menú esquerra */
   
#columnaesq{
	margin:0;
	padding:0px;
	float:left;
   width:19%;
   position:relative;
   left:82%;
   overflow:hidden;
   background-color:transparent;
	}
	
#columnaesq ul	{
	margin:15px 0px 0px 0px;
	padding:5px 5px 15px 0px;
	list-style-type: none;
	background-color:transparent;
	}

#columnaesq li  { 
 	margin:0px 25px 5px 0px;
	padding:5px 35px 0px 10px;
	background-color:transparent;
	line-height: 1.4em;
   }

#columnaesq li a	{
	text-decoration: none;
	color:#b6270c;
	font-size: 1em;
	font-weight:bold;
	padding: 0;
	margin:0px;
	}

#columnaesq li a:hover,#columnaesq a#current	{
	color: #000;
	font-size: 1em;
	background-color:#cde2eb;
	}

 /* principal - contingut real */
   
#portada{
	margin:0px;
	padding:20px 0px 20px 0px;
	float:left;
   width:54%;
   position:relative;
   left:84%;
   overflow:hidden;
   background-color:transparent;
	}
	
#portada img{
	padding: 0px;
	border:0px;
	}

 /* Columna dreta - contingut real */
   
#columnadreta{
	margin:20px 0px 0px 0px;
	padding:0px;
	float:left;
   width:20%;
   position:relative;
   left:86%;
   overflow:hidden;
   background-color:transparent;
	}

#columnadreta img	{
	padding:0px;
	margin:0px 0px 5px 0px;
	text-align:center;
	border:0px;
	}
	
#columnadreta ul	{
	margin:0px 0px 0px 15px;
	padding:20px 10px 10px 0px;
	-padding:5px 0px 10px 10px;
	list-style-type:disc;
	}

#columnadreta li  { 
  	margin:0em 0em 0 0;
	padding: 0px 0px 3px 0px;
	list-style-type:disc;
   }
   
#columnadreta .destacat{
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	width:90%;
	margin-top:30px;
	border:1px solid #9BC0CF;
	background-color:#cde2eb;
	}
	
/* Fotos */
#fotos{
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	background-color:#fff;
	clear:both;
	overflow:hidden;
	}

#fotos ul{
	margin-left:0px;
	}
	
#fotos li {
   display:inline;
   float:left;
   width:250px;
   background:#f4f6da;
   padding:10px 5px ;
   margin:5px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
}

#fotos img{
	border:0px;
	padding:0px;
	margin:auto;
	}
/* Floretes */

#floretes{
	clear:both;	
	margin:0px auto;
	padding:0px;
	width:960px;
	}
	
/* Menú Peu */

#peu{
	padding-top:10px;
	clear:both;
   width:100%;
   height:170px;
   background-color: #b6270c;
	}

#peu a{
	color:#fff;
	font-weight:normal;
	}
	
#peu li a:hover,#peu a#current	{
	color: #000;
	}

#peu p{
	color:#fff;
	}
	
#columnes{
	padding:0px 0px 5px 0px;
	text-align: left;
	margin:0px auto;
	width:800px;
	}

#columnes ul{
	margin:0px;
	padding:0px;
	}
		
#columnes li{
	list-style: none;
	text-indent: 0;
	}
		
#col1{
	float:left;
   width:25%;
   background:transparent;
	}
#col2{
	float:left;
   width:25%;
   background:transparent;
	}
#col3{
	float:left;
   width:25%;
   background:transparent;
	}
#col4{
	float:left;
   width:25%;
   background:transparent;
	}
	
	
#peu2{
	padding:10px;
	margin:0px auto;
	color:#333;
	width:900px;
	clear:both;
	}

#peu2 a{
	color:#000;
	}

	
/*Elements bàsics*/

a:link,a:visited{
	color: #5d5547;
	font-weight: bold;
	padding: 0;
	text-decoration:none;
}

a:hover{
	color:#446c9f;
	padding: 0;
	text-decoration:none;
}

/* Paragraphs */

p{
	margin:0px;
	padding:5px 0px 5px 0px;
	clear: both;
}

p.centrat{
	text-align:center;
	clear:both;
	}
	
.dreta{
	text-align:right;
	clear:both;
	padding-right: 5px;
	}
	
acronym {
	color: #547f0b;
	font-weight: bold;
	font-size: 1em;
}

h1{
	padding: 0px 0px 0px 0px;	
	font-size:1.7em;
	color: #3b664b;
	text-align:left;
	height:1em;
	}

h2{
	padding: 10px 0px 10px 0px;
	margin:0px;	
	font-size: 1.3em;
	color: #b6270c;
	text-align:left;
	height:0.9em;
	clear:both;
	}
	
span{
	font-size: 0.7em;
	}
		

h3,dt{
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	color:#446c9f;
	font-weight:bold;
	padding-left:1em;
	}
	
h4{
	font-size: 1.0em;;
	color:#547f0b;
	}

h5{
	font-size: 1.0em;
	color:#6788a7;
	text-align:left;
	}
	
.mini{
	font-size: 0.8em;
	color:#6788a7;
	text-align:right;
	}
	
.miniesq{
	font-size: 0.8em;
	color:#6788a7;
	text-align:left;
	}	
	
.caplletra {
	font-size:3.0em;
	color:#547f0b;
	font-weight:bold;
	float:left;
	height:0.6em;
	line-height:0.6em;
	margin-top:2px;
	margin-right:1px;
	}

.cita{
	background-color:#ccc;
	padding:10px;
	margin:5px 10px;
	}

address{
	background-color:#f4f6da;
	text-align:center;
	}
	
/* -------------------------------formulari-------------------------------- */

#form_container{
	background:transparent;	
	margin:0;
	text-align:left;
	}

form.appnitro{
	margin:0px;
	padding:0px;
	}
	
/**** Form Section ****/

form ul{
	text-align:left;
	margin:0px;
	padding:0px;
	}
	
form li{
	display:block;
	margin:0px;
	padding:0px;
	}

form li:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.buttons:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.buttons{
	clear:both;
	display:block;
	margin-top:10px;
	}

* html form li{
	height:1%;
	}

* html .buttons{
	height:1%;
	}

* html form li div{
	display:block;
	}

form li div{
	margin:0 4px 0 0;
	padding:0 0 8px;
	}

form li span{
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
	}

form li div label{
	clear:both;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
	}

form li span label{
	clear:both;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
	color:#b6270c;
	}

/**** Buttons ****/
input.button_text{
	overflow:visible;
	padding:0 7px;
	width:auto;
	}

.buttons input{
	font-size:1em;
	margin-right:5px;
	}

/**** Inputs and Labels ****/
label.description{
	border:none;
	display:block;
	font-size:1em;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
	}

input.text{
	background:#fff url(img/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
	}

textarea.textarea{
	background:#fff url(img/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	font-size:100%;
	margin:0;
	padding:0;
	width:90%;
	}
	
/* Taules */
.color {
	background-color:#cde2eb;
	}
table{
	width:90%;
	text-align:center;
	}
	
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/
.window {
	height:160px;
	width: 505px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin-bottom:10px;
}

.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}

.image_reel img {
	float: left;
	}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px; right: -7px;
	width: 300px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}

.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.paging a:hover {
	font-weight: bold;
	}
	

#columnadreta #novetats{
	margin: 0 0 10px 0;
	}
		
#columnadreta #novetats h2{
	border-bottom: #b6270c 2px solid;
	margin-right:5px;
	}
	#columnadreta #novetats p{
	margin-top:1em;
	line-height:1em;
	}
	#columnadreta #novetats ul{
	margin:0 0 0em 2em;
	padding:0px;
	}