/******************************
Fulla d'estils Restaurant Sódemar
Juny de 2007
****************************/

/**************************************************
	ESTILS GENERICS
	
**********************/
*{
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/header_repeat.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	font-size:12px;

}

p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:#000;
}
h1 {
	font-size: 1.3em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	
}
img {
	margin:0;
	padding:0;
}
/*******************************
	CONTENT
*******************************/

#principal {
	width:770px;
	margin:10px auto;
	padding:0;
	background: #836861;
}
/*******************************
	HEADER
*******************************/
#header {
	background: url(../img/header.jpg) top center no-repeat;
	margin:0;
	padding:0;
	height:165px;
	
}
#idiomes {
	margin:0;
	padding:0;
	height:500px;
	
}
#idiomes img {
	margin-top:80px;
}
/*******************************
		FLASH
*******************************/
#flash {
	height:115px;
	width:765px;
	margin:0 auto;
}
#galeria {
	height:400px;
}

/*******************************
		SIDEBAR
*******************************/
#sidebar {
	float:left;
	width:125px;
	height: 145px;
	padding:0;
	margin:0 0 0 25px;
}
#sidebar a, #sidebar a:visited {
	display:block;
	color:#000;
	text-transform:lowercase;
	font-size:12px;
	font-weight:none;
	text-decoration:none;
	/*background:url(../images/boto.jpg) top left no-repeat;*/
	padding: 5px 0 0 0px;
	margin: 0 0 5px 0;
}
#sidebar a:hover{
	color:#000;
	font-weight:bold;
	/*background:url(../images/boto_hover.jpg) top left no-repeat;*/
}
#sidebar ul {
	list-style:square;
	margin:0;
	padding:0;
}
#submenu ul {
	list-style:none;
	margin-left:5px;
}
#sidebar a.active, #sidebar a.active:visited {
	font-weight:bold;
}
/****************************************
		MAIN
*******************************************/

#main {
	margin:0px 0 0 150px;
	height:200px;
		
}

#main2 {
	margin:0;
	height:200px;
		
}
#main p {
	color:#FFF;
	font-size:12px;
	font-weight:none;
	padding: 0 0 10px 0;
}
#main h1 {
	color:#FFF;
	font-size:12px;
	font-weight:bold;	
}
#main tr {
	color:#FFF;
	padding:0;
	margin:0;
}
#main td {
	margin:0;
	padding:0 3px 0 3px;
	color:#FFF;
}
#main ul {
	list-style:none;
	color:#FFF;
	padding:0;
	margin:0;
}

#main a, #main a:visited{
	color:#000;
	text-decoration:none;
}
#main a:hover{
	text-decoration:underline;
}
#distancies {
	margin:0;
	padding:0;
	float:left;
}
#mapa {
	float:left;
	width:200px;
	margin:0 5px 15px 5px;
	padding:0;
}
#mapa td {
	font-size:11px;
	margin:0;
	padding:0 10px 0 0;
}
#contacte {
	width:110px;
	float:left;
	margin: 0 0 0 55px;
	_margin:0;
	padding:0;
}
#contacte li {
	padding:0 0 7px 0;
}
#mapa a, #mapa a:visited {
	text-decoration:none;
	color:#FFF;
}
/***********************************
		CARTA
****************************************/
#container
{
  position:relative;
  height:190px;
  overflow:hidden;
  color:#FFF;
  font-size:12px;
}

#content
{
  position:absolute;
  left:0px;
}
#botons {
	float:right;
	display:block;
	margin:0 40px 0 0;
}
#botons img {
	border:0px;
}
#botons a, #botons a:visited {
	text-decoration:none;
	border:0px;
}
/***********************************
		FOOTER
****************************************/
#footer {
	height:22px;
	margin: 40px 0 0 0;
	_margin: 50px 0 0 0;
	text-align:center;
	padding:6px 3px;
	//*background:url(../images/footer.jpg) bottom left no-repeat;*/
}
#footer p {
	font-size:9px;

}
#footer a, #footer a:visited {
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}	
#marlon {
	width:720px;
	margin:3px auto;
	padding:0;
	text-align:right;
}
#marlon a, #marlon a:visited {
	color:#000;
	text-decoration:none;
	font-size:9px;
}
#marlon a:hover {
	text-decoration:underline;
}
