@charset "utf-8";
@import url("estils.css");

/* WRAPPER
------------------------------------------------------------------------*/
#wrapper {
position:relative;
width:954px;
margin:0 auto;
text-align:left; /*anulo text centrat body*/
}

/* HEADER
------------------------------------------------------------------------*/
#header {
position:absolute;
top:0;
left:0;
width:954px;
height:94px;
/*text-align:center;*/
}

/* CONTENT
------------------------------------------------------------------------*/
#container {
position:absolute;
top:94px;
left:0;
background:#FFF;
width:954px; /*obligatori xqe funcioni SCoF en IE5/6*/
/*overflow:hidden;*/ /*Simple Clearing of Floats*/
}

#innercontainer {
position:relative;
width:954px;
padding:15px 0;
/*overflow:hidden;*/ /*Simple Clearing of Floats*/
/*background-color:#fff;*/
}

/*** Navigation side ***/
#navigationSide {
float:left;
width:278px;
margin-left:15px;
display:inline; /*fixes IE5/6 Doubled Float-Margin Bug*/
}

/*** Content ***/
#content {
float:right;
width:616px;
margin-right:15px;
display:inline; /*fixes IE5/6 Doubled Float-Margin Bug*/
}

/* FOOTER
------------------------------------------------------------------------*/
#footer {
clear:both;
position:relative;
width:954px;
height:60px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#9ecfff;
text-align:center;
overflow:hidden;
background:url(/img/bg_footer.gif) repeat-x #0674e2;
}

#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#fff; text-decoration:underline;}

#menu-icon {
	display: hidden;
	width: 37px;
	height: 37px;
	background:  url(/img/menu.png) center;
}
a:hover#menu-icon {
	/*background-color: #CCC;*/
	border-radius: 4px 4px 0 0;
}
#nav-top-mobil{
	display:none;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	body {
		background-image:none;
	}
	#bannersup{
		display:none;
	}
	.buttonText{
		width:85% !important;
		font-size: 16px !important;
	}
	#oficial{
	  top: 68px !important;
	  left: 17px !important;
	}
	#tablapedido{
		font-size: 16px;
	}
	#gamesHolder, #games{
		width:100%;
	}
	#map{
		width:98% !important;
	}
	#wrapper {
		position:relative;
		width:100%;
		margin:0 auto;
		text-align:left; /*anulo text centrat body*/
		margin-top: -12px;
	}
	#innercontainer{
		width:100%;
	}
	#logo {
		height:66px;
		width:100%;
		text-align: left;
		position:fixed;
		z-index:999;
		top: 18px;
		left: 50px;
	}
	#logo a{
		margin-left: inherit;
	}
	#logo span {
		margin-left: 45px;
	}
	#logo .cloud{
		display: none;
		height:1px;
	}
	#header{
		width:100%;
		height:66px;
		overflow:hidden;
		background-color:#565656;
		position: fixed;
	}
	#container {
		top:67px;
		width:100%;
	}
	#content{
		float:left;
		width:98%;
		padding-left:3px;
		overflow:hidden;
		top: 138px;
	}
	#content p {
		line-height: 28px;
		font-size: 17px;
		width: 99%;
	}
	#footer{
		width:98%;
		overflow:hidden;
	}
	#publi{
		display: block;
		position: absolute;
		top: 55px;
		left: 0px;
		width:100%;
		height:60px;
	}
	h1 {
		font-size:24px;
		padding-top: 21px;
		width: 94%;
	}
	h2, h3 {
		width: 94%;
	}
	table#ariadna{
		margin-top: -3px;
	}
	.month{
		float: inherit;
	}
	#navigationSide{
		position: fixed;
		top: 3px;
		left: -11px;
		z-index: 1000;
		width:43px;
	}
	#menu-icon {
		display:inline-block;
	}
	
	#navigationSide ul, #navigationSide:active ul {
		display: none;
	}
	#navigationSide:hover ul {
		display: block;
	}
	#navigationSide h2 {
		display: none;
	}
	#navlistSide{
		margin-top: -5px;
	}
	#bannerpetit{
		/*display: none;*/
	}
	#cals {
		width: 95%;
	}
	#vcard, #fn, #org{
		display: none;
	}
	#publidinsdodeca{
		display:none;
	}
}