/* CSS Document */

/*/////////////////EDITOR/////////////////////////*/

.subrallat {
text-decoration:underline;

}
.titol{
font-size:16px;
color:#FF9900;
font-weight:bold;}

.taronja {
	color:#FF9900;
}
.vermell {
	color:#FF0000;
}
.blanc a{ 
color:#FFFFFF;
}
.blanc a:hover{ 
color: #CCCCCC;
}
.marro {
	color:#993300;
}
.tamany1{
font-size:14px;
}
.tamany2{
font-size:16px;
}
.tamany3{
font-size:18px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		background-color: #ffffff;
}
a {
	text-decoration:none;
	color:#333333;

}
a:hover {
	color:#990000;

}
  .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }
 h1, h2, h3 {
 	color: #FFFFFF;
	background-image:url(imatges/deg-red2.jpg);
	font-size: 14px;
	padding: 0;
	margin:0;
 }
 
.red {
	color:#990000;

}
#container {
	padding: 0;
	margin: 0;
}
#content {
	width: 780px;
}
#header {
	background-image:url(imatges/sky02.jpg);

}
.bartop {
	background-image:url(imatges/bartop.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height: 28px;

}
		#logo {	
				
				background-image:url(imatges/top.jpg);
				background-repeat:no-repeat;
				background-position: center top;
				height: 89px;
				}
				#lang {
				width: 680px;
					position: relative;
					padding: 0 4px;
					text-align:right;
					top: -10px;
					color: #333;
					font-family:Geneva, Arial, Helvetica, sans-serif;
					font-size: 10px;			

						}
						#lang a {
							color: #333;
							font-family:Geneva, Arial, Helvetica, sans-serif;
							font-size: 10px;
							text-decoration:none;
						}
							#lang a:hover  {
								background-color:#333333;
								color:#FFFFFF;
							
						
							}
		#top-container {
				width:780px;
				text-align:right;				
				padding: 0;
				
				}
								
				
		/*//////////////////////////MENU/////////////////////*/
		#menu {
				width:770px;
			}
				#menu ul {
					margin: 0;
					padding:0;				
				}
				#menu ul li{
					margin: 0;
					padding: 0;
					float:left;
					list-style-type:none;				
				}
				
				#menu li a{
					background-image: url(imatges/square.jpg);
					background-position: left center;
					background-repeat:no-repeat;			
					font-family: Geneva, Arial, Helvetica, sans-serif;
					list-style-type:none;				
					display: block;
					padding: 0 10px;
					margin: 0 5px;
					font-size: 12px;
					font-weight: bold;
					color:#ffffff;
					text-decoration:none;		
					}
				#menu li a:hover {
					color: #FF0000;
					background-color:#721415;
				}
		/*//////////////////////////MENU/////////////////////*/
		
		#adress {
				width: 780px;
				padding: 5px 0 0 0;
				float:right;
				text-align:right;
				left: 91px;
				top:381px;
				color: #666666;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				background-image: url(imatges/line.jpg);
				background-position: top left;
				background-repeat:no-repeat;
				}	
	
	#subcontainer {	
		background-image:url(imatges/mid.jpg);
		background-repeat: repeat-y;
		background-position: center top;
		height: auto;
	}
	#withz {
		width: 780px;
			}
	#rightsubcontainer {
		float: right ;	
		width: 350px;		
		padding: 10px;
		position: relative;
		
			}
		
	#leftsubcontainer {	
		float: left;	
		width: 350px;
		padding: 10px;
		position: relative;
			
	}
		#rightsubcontainer2 {
		float: right ;	
		width: 450px;		
		padding: 10px;
		position: relative;
		
			}
		
	#leftsubcontainer2 {	
		float: left;	
		width: 200px;
		padding: 10px;
		position: relative;
			
	}
	#photos {
		width: 770px;
		float:none;
	
	}
	#rootin {
		margin: 0 0 10px 0;
		padding: 0;
		border-bottom: 1px solid #CCCCCC;
		color: #666666;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		}
		#rootin a {
		color: #666666;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-decoration: none;
		
		}
	#botcontainer {
		background-image:url(imatges/bot.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		padding: 45px 0 0 0;
		height: 70px;
		}
		#subbotcontainer {
		width: 725px;
		}
		
.subcontainer img {
display: block;

}
.photo {
	padding: 5px;
	border:1px solid #333333;
	
}
/*/////////////////////////////////////////////
					TXT STYLE
///////////////////////////////////////////////*/
h1 {
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	letter-spacing: 2px;

}
h1 img {
	position:relative;
	top: 1px;

}
.text {
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.mini {
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
.mini a {
	text-decoration:none;
	color:#333333;
	letter-spacing: 1px;
	padding: 0 5px;
}
h2 text {
	font-size: 14px;

}
/*/////////////////////////////////////////////
					LISTS
/////////////////////////////////////////////*/

#menu strong {
display: none;
}	

/*---------------------MENU-------------------*/
#nav {  

	list-style:none;
	margin:0;
	padding:0;
}
#nav ul{ 
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	margin:0;
	padding:0; 
}

#nav li a {
	background-image:url(imatges/menu-list02.gif);
	background-repeat:no-repeat;
	background-position:-4px 0;
	display:block;
	width:215px;
	padding:3px 0;
	padding-left: 20px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-weight: normal;
	color:#83948E;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 0;

	
	}
#nav li ul{
	margin:0 0 10px 21px;
	padding:0; 
}
#nav li li a {
	background-image: none;
	width:215px;
	color:#999;
	padding:0 0;
	border-bottom: 1px solid #CCCCCC;
}

#nav li a:hover {

background-position:bottom left;
	color:#151F29;

}
#liactive{
background-position:center left;
}
.undisplayed {
	display:none;
	}
	
h1 a, h2 a, h3 a {
  color: #FFFFFF;
  }
 h1 a:hover, h2 a:hover, h3 a:hover {
  color: #fefefe;
  }