html {
	overflow:auto;
}
body {
	margin: 0px;
	padding: 0px;
	background: #000000;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #cccccc;
}

img { border: none; }


a {
	text-decoration: none;
	color:#cccccc;
}
a:hover	{
	text-decoration: none;
	background:#EAEAFF;
	
}
a:visited {
	text-decoration: none;
	color:#0033ff;
}
h1 {	
	color: #0033ff;
	height: 50px;
	margin: 0;
	padding: 4px 0 0 30px;
	font: normal 24px/24px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;	
	letter-spacing: 0.05em;
}
.Estilo5 {font-size: 9px}
/*CLASSES*/

#menu a:visited{
color:#CCCCCC;
}
#titol a:visited:hover {
	text-decoration: none;
	background:none;
/*	color: #0033ff;*/

}
#catering a:visited:hover {
	text-decoration: none;
	background:none;
}
#catering a:visited {
	text-decoration: none;
	background:none;
	color:#FFFFFF;
}
#especial_nadal a:visited {
	text-decoration: none;
	background:none;
	color:#FFFFFF;
}
#titol{
	position: absolute;
	left: 220px;
	top: -0.1em;
	font-size: 2em;
	font-weight: bold;
	color: #3366FF;
	text-align: left;
	width: 760px;
	height:10px;
	margin: 25px; /*tros que hi ha a dalt*/
	padding: 0px;
}
#cos_principal {
	position:absolute;
	background: #000000;
	width: 100%;
	height: 100%;
}
#especial_nadal{
	position:absolute;
	top: -1px;
/*	left: 1005px;*/
	left: 895px;
	text-align:left;
	width: 100px;
	height: 50px;
	visibility: visible;
	z-index:1;
	font-color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif;
}
#ratlla_gran{
	font-size: 30px;
	color: #33CC00;
	top: 40px;
	z-index: 2;
}
#ratlla_left{
	font-size: 30px;
	color: #33CC00;
	height:0px;
	margin-top: -32px;
}
#especialitats_titol{
}

#catering{
	font-size: 13px;
	color: #FF9900;
	text-align:center;
	width: 150px;
	font-family: verdana, arial, helvetica, sans-serif;

}
#cos_llaut {
	position: absolute;
	width: 850px; 
	left: 180px;
	top: 149px;
}
#cos_interior {
	position: absolute;
	left: 9px;
	top: 36px;
	width: 100%;
	height: 339px;
	background-color: #000000;
	border: none;
}
#logo{
	margin: 2px;
	padding: 1px;
}
/*#leftmenu {
	position: absolute;
	top: 480px;
	left: 0px;
	width: 170px;
	height:902px;
/*	height: 100%;/*ojo si es el menu mes llerg no es veura hi haure de posar relatiu
	background-image:url("gradient.jpg");
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}*/
#leftmenu {
	position: absolute;
	top: 480px;
	left: 0px;
	width: 170px;
/*	height:903px;*/
	height:1214px;
	background: transparent url("gradient.jpg") no-repeat 0px 100% ;
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}
#leftmenu_comunions {
	position: absolute;
	top: 480px;
	left: 0px;
	width: 170px;
/*	height:903px;*/
	height:2050px;
	background: transparent url("gradient_comunions.jpg") no-repeat 0px 100% ;
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}

#leftmenu_menus {
	position: absolute;
/*	top: 480px;*/
	top: 480px;
	left: 	0px;
	width: 170px;
/*	height:3792px;*/
/*	height:5792px;*/
	height:5150px;
	background: transparent url("gradient_menus.jpg") no-repeat 0px 100%;
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}
#leftmenu_carta {
	position: absolute;
	top: 480px;
	left: 	0px;
	width: 170px;
	height:1650px;
	background:transparent url("gradient_carta.jpg") no-repeat 0px 100%;
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}
#leftmenu_ubicacio {
	position: absolute;
	top: 480px;
	left: 	0px;
	width: 170px;
	height:1350px;
	background:transparent url("gradient_ubicacio.jpg") no-repeat 0px 100%;
	background-color:#000000;	
	font-size: 14px;
	text-align: center;
}
#leftmenu_contacte {
	position: absolute;
	top: 480px;
	left: 	0px;
	width: 170px;
	height:700px;
	background:transparent url("gradient_contacte.jpg") no-repeat 0px 100%;
	background-color:#000000;	
	font-size: 14px;
	text-align: center;
}
#leftmenu_nadal {
	position: absolute;
	top: 480px;
	left: 	0px;
	width: 170px;
	height:5250px;
	background: transparent url("gradient_menus.jpg") no-repeat 0px 100%;
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}
#leftmenu_emportar {
	position: absolute;
	top: 480px;
	left: 	0px;
	width: 170px;
	height:2362px;
/*	height:3650px;*/
	background: transparent url("gradient_menus.jpg") no-repeat 0px 100%;
	background-color:#000000;
	font-size: 14px;
	text-align: center;
}

#menu {
	position: absolute;
	top: 50px;
	left: 140px;
	width: 700px;
	height: 12px;
/*	font-size: 1em;*/
	font-size: 12px;
	text-align: left;
	cursor: pointer;
/*	letter-spacing: 0.1em;*/
	margin: 60px;
	font-weight: bold;
}
#imatge_rotant {
	width: 820px;
	height: 251px;
	margin: 0;
}
#imatge1 {
	position:absolute;
}
#imatge2 {
	position:absolute;
}
#imatge3 {
	position:absolute;
}
#imatge4 {
	position:absolute;
}
#imatge5 {
	position:absolute;
}
#imatge6 {
	position:absolute;
}
#imatge7 {
	position:absolute;
}
#descripcio {
	margin: 30px;
	padding: 0px;
	width: 90%;
	height: 80%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color:#ffffff;
	font-size: 14px;
	text-align: justify;
}
/*ESTILS*/
.restaurant{
color: #CCCCCC;
}
.ratlla{
	left: 0px;	
	font-size: 20px;
	color: #33CC00;
	text-align: center;
}
.nom_carrer {
	font-size: 14px;
	color: #cccccc;
}
.verd{
	color:#33cc00;
}