

body{
	margin:0px;
	padding:0px;		
	font-family:Arial;
	font-size:12px;
	text-align:center;
	background:url("../img/fondo_soley.jpg") #e2d4af no-repeat top center;
}

div#canvas{
	display:block;
	margin:0px auto 0px auto;		
	width:850px;	
	height:100%;	
	background:url("../img/bg_canvas.png") repeat-y;
	position:relative;		
}


div#vertical_center{
	display:block;	
	position:absolute;	
	width:345px;
	height:333px;
	top:128px;
	left:260px;
}

div#logo{
	display:block;
	margin:0px;
	padding:0px;
	background:url("../img/logo.jpg") no-repeat;
	width:345px;
	height:242px;	
	
}

div#cabecera{
	display:block;
	position:relative;
	width:824px;
	height:93px;
	margin:0px auto 0px auto;
	position:relative;
	z-index:1;
		
}
div#cabecera a.logo{
	position:absolute;
	top:-1px;
	left:0px;
	display:block;
	background:url("../img/logo_cabecera.jpg") no-repeat;	
	width:301px;
	height:94px;
}

div#top_cabecera{
	display:block;
	width:824px;
	height:93px;	
	background:url("../img/cabecera_top.jpg") no-repeat;
}

div#main{
	display:block;
	margin:0px auto 0px auto;
	padding:0px;
	width:824px;		
	padding-top:50px;
	height:498px;
}

.home{
	background:url("../img/fondohome.jpg") no-repeat;
}
.consells{
	background:url("../img/bg_consells.jpg") no-repeat;
}
.alta_usuario{
	background:url("../img/bg_foro.jpg") no-repeat;
}
.quisom{
	background:url("../img/bg_quisom.jpg") no-repeat;
}
.mon_cafe{
	background:url("../img/bg_mon.jpg") no-repeat;
}
.fondo_recetario{
	background:url("../img/bg_recetario.jpg") no-repeat;
}
.productes{
	background:url("../img/bg_productes.jpg") no-repeat;
}
.jocs_bkgr{
	background:url("../img/fondohome.jpg") no-repeat;
}
.concurs_foto{
	/*height:20px;*/
	background:url("../img/bg_concursfoto.jpg") no-repeat top center;
}
div#main div#home_flash{
	display:block;
	width:795px;
	height:349px;	
	margin:0px auto 10px auto;
}

div#main div#home_productes{
	display:block;
	width:824px;
	height:371px;	
	margin:0px auto 0px auto;
}

div#main_quienes{
	display:block;
	position:relative;
	width:800px;
	padding-top:5px;		
	margin:0px auto 0px auto;	
	overflow:auto;
	height:480px;
}

div#container_quienes{
	display:block;
	position:relative;
	width:652px;
	margin:0px auto 0px auto;
}

div#idioma{
	display:block;
	position:absolute;
	top:20px;
	left:720px;
	width:85px;
	height:30px;	
	padding-top:5px;
	text-align:center;
}

a.idioma_on, a.idioma_on:link, a.idioma_on:hover, a.idioma_on:visited, a.idioma_on:hover{
	display:block;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#E20A17;
	font-size: 11px;
	font-family:arial;
}
a.idioma_off, a.idioma_off:link, a.idioma_off:hover, a.idioma_off:visited, a.idioma_off:hover{
	display:block;
	text-align:center;
	font-weight:normal;
	text-decoration:underline;
	color:black;
	font-size: 11px;
	font-family:arial;
}

div#idioma a.esp{
	display:block;
	width:15px;
	height:10px;
	background:url("../img/bandera_castellano.jpg") no-repeat;	
	margin:5px auto 0px auto !important;
	margin:0px auto 0px auto;
}

div#idioma a.cat{
	display:block;
	width:15px;	
	background:url("../img/bandera_catalan.jpg") no-repeat;
	margin:0px auto 0px auto;
	height:10px;
}

a.idioma_catalan{
	display:block;
	padding:0px;
	width:133px;
	height:43px;
	background:url("../img/button_catalan.jpg") no-repeat;
	float:left;
	margin-left:20px !important;
	margin-left:15px;
	margin-top:15px;
}

a.idioma_castellano{
	display:block;
	padding:0px;
	width:133px;
	height:43px;
	background:url("../img/button_castellano.jpg") no-repeat;
	float:left;
	margin-left:30px;
	margin-top:15px;	
}

div#idioma form{
	display:none;
}

div#container_opciones{
	display:block;
	position:absolute;	
	top:103px;
	left:4px;
	z-index:100;
}

div#container_opciones ul{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:10px;	
	
}

div#container_opciones ul li{
	float:left;	
	background:#e20914;

	padding:0px;
	margin:0px;	
	height:25px;	
}

div#bottom_submenu{
	position:absolute;
	display:none;
	margin:0px;
	padding:0px;
	width:95px;
	height:14px;
	background:url("../img/menu_bottom.png") no-repeat bottom left;
	top:161px;
	left:0px;
}

div#container_opciones ul li ul.submenu{
	display:none;	
	position:absolute;
	top:16px;
	left:0px;	
	list-style:none;
	width:95px;
	background-color:#e20914;
	overflow:auto;
	margin:0px;
	padding:0px;
	float:left;
	overflow:hidden;
	padding-bottom:5px;
	


}

div#container_opciones ul li ul.submenu li{
	padding:0px;	
	margin:0px;	
	padding-top:10px;
	padding-bottom:5px;
	height:auto;
	background:none;
	
	display:block;

}

div#container_opciones ul li ul.submenu li a{
	color:#fff;
	display:block;
	border-right:none;
	width:90px;
	font-size:9px;
	font-weight:bold;
	text-align:left;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
}

div#container_opciones ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #fff;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;	
}

div#container_opciones ul li a:hover{
	text-decoration:underline;	
}

div#container_opciones ul li a.final{
	border:0px;
}

div#container_opciones ul li.ini{
	background:url("../img/corner_left_menu.png") no-repeat;	
	width:15px;
	float:left;
	height:25px;
	overflow:auto;
}

div#container_opciones ul li.fin{
	background:url("../img/corner_right_menu.png") no-repeat;	
	width:15px;
	float:left;
	height:25px;
	overflow:auto;
}

div.content_caja_secciones{
	display:block;
	margin:0px auto 0px auto;
	padding:0px;
	width:810px;
	overflow:hidden;

}

div.caja_seccion{
	display:block;
	float:left;
	width:159px;
	margin:0px;
	padding:0px;	
	height:120px;	
	cursor:pointer;
	margin-right:25px;
	padding-top:4px;
	#padding-top:14px;
}

div.container_recetas{
	margin:0px auto 0px auto;
	width:700px;
	overflow:auto;	
	height:360px;
	position:relative;
}

div.expresate{
	background:url("../img/expressat.png") no-repeat top left;	
	margin-left:45px;
	#margin-left:25px;
}

div.concursofoto{
	background:url("../img/concurs.png") no-repeat top left;
}

div.juegos{
	background:url("../img/jocs.png") no-repeat top left;
}

div.recetario{
	background:url("../img/receptari.png") no-repeat top left;
}

div.promociones{
	background:url("../img/promocions.png") no-repeat top left;
}

div.caja_seccion h1{	
	display:block;	
	text-align:right;	
	font-size:12px;		
	font-weight:normal;	
	padding:0px;
	margin:0px;
	padding-right:15px;
	margin-top:8px;
	
}


div#pie{
	display:block;
	margin:0px auto 0px auto;
	width:850px;
	height:31px;
	background:url("../img/pie.png") no-repeat;	
}
div#pie p{
	margin:0px;
	padding:0px;
	color:#fff;	
	font-weight:bold;
	font-size:10px;
	padding-top:2px;
}

div.puzzle_src{
	background:#FFFFFF url("../img/puzzle_scrsht.jpg") no-repeat right top;
	text-align:left;
	padding:0px 110px 0px 10px;
	margin-bottom:10px;
	height:96px;
	width:350px;
	cursor:pointer;
}

div.snake_scr{
	background:#FFFFFF url("../img/snake_scrsht.jpg") no-repeat left center;	
	text-align:right;
	padding:0px 10px 0px 110px;
	margin-bottom:10px;
	padding-bottom:1px;
	#padding-bottom:10px;
	width:350px;
	cursor:pointer;
}
div.snake_scr p{
	text-align:left;
}

div.tetris_scr{
	background:#FFFFFF url("../img/tetris_scrsht.jpg") no-repeat right center;	
	text-align:left;
	padding:0px 110px 0px 10px;
	margin-bottom:10px;
	padding-bottom:1px;
	#padding-bottom:10px;
	width:350px;
	cursor:pointer;
}

div.buscaminas_scr{
	background:#FFFFFF url("../img/busca_scrsht.jpg") no-repeat left top;	
	text-align:right;
	padding:0px 10px 0px 110px;
	margin-bottom:10px;
	padding-bottom:1px;
	#padding-bottom:10px;
	width:350px;
	cursor:pointer;
}

div.buscaminas_scr p{
	text-align:left;
}

div.puzzle_src h1, div.snake_scr h1, div.tetris_scr h1, div.buscaminas_scr h1{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:3px;
}

div.puzzle_src p, div.snake_scr p, div.tetris_scr p, div.buscaminas_scr p{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:3px;
}

div#main_juegos {
	text-align:center;
	padding-left:175px;
	#padding:0px;
}

div.contenedor_juego{
	background:#FFFFFF;
	padding:10px;
	width:570px;
	display:block;
	position:relative;
	float:right;
	right:70px;
	text-align:center;
	padding:10px 0px 10px 0px;

}

div.enlaces_juegos{
	display:block;
	position:relative;
	float:left;
	left:75px;

}

.separador{
	font-size:1px;
	margin:0px;
	padding:0px;
	border:0px;
	clear:both;
}

div.juego_sel{
	text-align:left;
	background:#FFFFFF;
	height:93px;
	width:75px;
	margin-bottom:10px;
	z-index:100;
	cursor:pointer;
}

div.juego_sel h1{
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	padding-top:0px;
	margin:5px 0px 0px 5px;
	#margin-top:3px;
}

div.errores_main{
	display:block;
	height:326px;
	overflow:hidden;
	background:white;
	border:2px solid red;
	border-top:0px;
	border-bottom:0px;
	padding:0px 20px 0px 10px;
}

div.closeWindow a:link,div.closeWindow a:hover,div.closeWindow a:visited,div.closeWindow a:hover{
	color:red;
	font-weight:bold;
	text-decoration:underline;
}

.right{
	position:relative;
	display:block;
	float:right;
}
.left{
	position:relative;
	display:block;
	float:left;
}
.separador{
	margin:0px;
	padding:0px;
	border:0px;
	clear:both;
	font-size:1px;
}


div.paginacion{
	padding:0px;
	margin:0px;
}
div.paginacion p{
	margin:5px 0px 0px 0px;
}
a.whiteLink, a.whiteLink:visited, a.whiteLink:hover, a.whiteLink:active, a.whiteLink:link{
	text-decoration:underline;
	font-weight:bold;
	color:#FFFFFF;
}

a.redLink, a.redLink:visited, a.redLink:hover, a.redLink:active, a.redLink:link{
	text-decoration:underline;
	color:#e20a17;
}

.loginError{
	color:#FFFFFF;
	text-align:left;
	margin-top:10px;
	font-weight:bold;
}

div.tapa_fondo{
	display:block;
	position:absolute;
	top:45px;
	right:0px;
	width:360px;
	height:23px;
	background:#FFFFFF;
	filter: alpha(opacity=75);
	opacity: .75;
	color:#000000;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
}

div.tapa_fondo_little{
	display:block;
	position:absolute;
	top:45px;
	right:0px;
	width:90px;
	height:23px;
	background:#FFFFFF;
	filter: alpha(opacity=75);
	opacity: .75;
	color:#000000;
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
}

span.userNameSpan{
	font-size:11px;
	font-weight:bold;
}
div.margenUserBox{
	margin-top:4px;
}

div.right{
	display:block;
	position:relative;
	float:right;
}
div.left{
	display:block;
	position:relative;
	float:left;
}
.separadorUserBox{
	color:#e20a17;
	width:20px;
}
div.volver{
	text-align:right;
	font-weight:bold;
	margin-right:10px;
}
div.volver2{
	position:absolute;
	top:0px;
	right:10px;
	color:#e20a17;
}
div.volver2 a{
	color:#e20a17;
}
div.separador{
	display:block;
	position:relative;
	font-size:1px;
	clear:both;
}




