@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
img {border:0;}
a{outline:none;}
body {}
#home {position:fixed;left:0;width:100%;height:560px;bottom:0px;background-image:url(../img/home_bkg.jpg); background-repeat:no-repeat; background-position:center;}
#cont {position:relative; width:800px; height:560px; margin:0 auto; }

#menu {list-style:none;position:relative;}
#menu li {position:absolute;}
#menu ul {list-style:none;}

	
	#menu #joncaria {top:140px;left:162px;}
	#menu #joncaria div{position:absolute; top:-32px;left:-332px;width:400px;display:block;}
	#menu #joncaria a:hover{color:#ea7817;}
	#menu #joncaria .logo{float:right;}
	#menu #joncaria .titol{float:right;margin-right:20px;margin-top:10px;}
	#menu #joncaria .articles{float:right;width:240px;padding-right:20px;text-align:right;}
	
	
	#menu #floresta {top:192px;left:405px;}
	#menu #floresta div{position:absolute; top:-32px;left:-32px;width:400px;display:block;}
	#menu #floresta a:hover{color:#6a6a6a;}
	#menu #floresta .logo{float:left;}
	#menu #floresta .titol{float:left;margin-left:20px;margin-top:10px;}
	#menu #floresta .articles{float:left;width:240px;padding-left:60px;text-align:left;}
	
	
	#menu #capmany {top:281px;left:260px;}
	#menu #capmany div{position:absolute; top:-32px;left:-332px;width:400px;display:block;}
	#menu #capmany a:hover{color:#80655e;}
	#menu #capmany .logo{float:right;}
	#menu #capmany .titol{float:right;margin-right:20px;position:relative;top:-20px;}
	#menu #capmany .articles{float:right;width:240px;padding-right:20px;text-align:right;position:relative;top:-20px;}
	
	
	#menu #guardiola {top:396px;left:337px;}
	#menu #guardiola div{position:absolute; top:-32px;left:-32px;width:600px;display:block;}
	#menu #guardiola a:hover{color:#971f42;}
	#menu #guardiola .logo{float:left;}
	#menu #guardiola .titol{float:left;margin-left:10px;position:relative;top:-20px;}
	#menu #guardiola .articles{float:left;width:240px;padding-left:20px;text-align:left;position:relative;top:-50px;}
	
	#menu li ul li {position:relative;}
	#menu li .logo a img{border:2px solid #201a1a;}
	#menu > li {display:block;width:45px;height:45px;cursor:pointer;}
	#menu a:link,#menu a:visited{font-family:Helvetica,Arial;color:#000000;text-decoration:none;font-size:12px;}
	
	
	/*AMAGATS*/
	#menu > li > div,#menu > li > div > ul > li{display:none;position:relative;z-index:1000;cursor:default;}
	p.opacity {cursor:hand;z-index:1001;border:1px solid #353535;position:absolute;top:0px;left:0px;display:block;width:45px;height:45px;background-color:#FFFFFF;-moz-opacity:0.55;opacity:0.55;filter:alpha(opacity=55);cursor:pointer;}}