@charset "utf-8";
/* 	CSS Document
	projecte: Turisme l'Escala
	data: Juny 2010
	desenvolpament: joan@dmesfont.cat
*/

body{
	/*background: url(../images/site-bg.png) 0 0 repeat-x #73a4d1;	*/
}

#site{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -495px;
	width: 960px; /* 990px - padding*/
	background: url(../images/content-bg.png) 0 0 repeat-y transparent;
	padding: 0px 15px;
}



#head-logo{
	background: url(../images/Escala-Empuries.png) 0 0 no-repeat transparent;
	height: 165px;
	z-index: 10;
	position:absolute;
	width: 200px;
}

#head-hat{
	background: url(../images/Escala-Hat.png) right 0 no-repeat transparent;
	height: 90px;
	z-index: 10;
	position:absolute;
	width: 960px;
}

#languages{
	position: absolute;
	top: 10px;
	right: 215px;
	background-color: #4094ff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #FFF;
	font-size: 0.75em;
	padding: 3px 6px;
	z-index: 20;
}
#languages a{color: #FFF;text-decoration: none;}
#languages a:hover{text-decoration: underline;}

#links-bar{
	position: absolute;
	top: 80px;
	right: 215px;
	z-index: 30;
}

#situation{
	float: left;
	margin-right: 10px;
	background-color: #f37021;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 0.75em;
	padding: 1px 30px 1px 6px;
}
#situation a{color: #FFF; text-decoration: none; font-weight:bold;}
#situation a:hover{text-decoration: underline;}
#situation img{
	position: absolute;
	top: -10px;
	left: 75px;
}
#links{
	background-color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #FFF;
	font-size: 0.75em;
	padding: 1px 6px;
	float: left;
}

#menu{
	background: url(../images/menu-bg.png) 0 0 repeat-x ;
	height: 40px;
	position: absolute;
	top: 110px;
	width: 770px;
	z-index: 5;
	padding-left: 190px;
	padding-top: 4px;
}

#menu-on{
	background: url(../images/menu-on-bg.png) 0 0 no-repeat transparent;
	width: 151px;
	height: 82px;
	padding: 10px;
	position: absolute;
	top: 77px;
	right: 25px;
	z-index: 40;
}


#wrapper{ width:960px;}
#content{ width:720px; float: left; padding-bottom: 20px;}
#column{
	width:219px;
	padding: 10px;
	float: left;
	border-left: 1px solid #d6e8ff;
	background-color: #f3f8ff;
}

#footer{
	background: url(../images/footer-bg.gif) 0 0 no-repeat #006bb6;
	height: 178px;
}

#footer-bottom{
	padding: 15px;
	margin-left: -15px;
	width: 990px;
	font-size: 0.8em;
	color: #FFF;
}
#footer-bottom a{ color: #FFF; text-decoration: none;}
#footer-bottom a:hover{ text-decoration: underline;}

#multimedia{
	width: 720px;
	height: 180px;
	float:left;
}

#multimedia .photo{
	width: 200px;
	float: left;
	margin-left: 330px;
}
#multimedia .video{
	width: 190px;
	float: left;
}
#socialmedia{
	width: 236px;
	height: 180px;
	float:left;
}