/*--------------Hoja de estilo general copyright www.yobidu.com----------*/

/*----------------cuerpo del documento----------------------*/
body {
	margin: 0px auto; /* para que no haya margen superior, auto para que se centre en la pagina */
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center; /* tambien se centran las cajas así */
	background-color: #fff;
	background-image: url(images/fondo.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
img, div { behavior: url(iepngfix.htc) }

/*----------------estilos de escritura parrafo---------------------*/
p{
	font-family: Tahoma, Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #454545;
}
/*----------------estilos de escritura encabezados----------------------*/

h1{
font-size:16px;
font-weight:bold;
color:#0f3753;
width: auto;
padding:0px 0 5px 0;
margin: auto;
text-decoration:none;
}
h2{
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	width: auto;
	padding: 5px 0 5px 0;
	margin: auto;
	text-decoration: none;
}
h3{
font-size:14px;
font-weight:bold;
color:#0464a1;
width: auto;
margin: auto;
text-decoration:none;
}
h4{
font-size:14px;
font-weight:bold;
color:#0464a1;
width: auto;
padding:5px 0 5px 10px;
margin: auto;
text-decoration:none;
}
.juegos{
	font-size: 14px;
	font-weight: bold;
	color: white;
	width: auto;
	padding: 5px 0px 1px 10px;
	margin: auto;
	text-decoration: none;
	border-bottom: 1px dashed #aeb8f7;
}
.juegosdes{
	font-size: 10px;
	font-weight: bold;
	color: white;
	width: auto;
	padding: 5px 0 5px 10px;
	margin: auto;
	text-decoration: none;
}
.letrapeque{
	font-size: 10px;
	font-weight: bold;
	color: #989898;
	width: auto;
	padding: 5px 0 5px 10px;
	margin: auto;
	text-decoration: none;
}

/*----------------estilos de escritura concretos----------------------*/
.titulo{
	height: 40px;
	font-size: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 5px 0px 5px;
	color: white;
	background-image: url(images/titulos.jpg);
	background-repeat: repeat-x;
}
titles2{
	height: 40px;
	font-size: 18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px;
	color: white;
	background-image: url(images/titulos.jpg);
	background-repeat: repeat;
}
.wtxt {font: normal 11px Verdana, Arial, Helvetica, "Arial Cyr", "Arial Ua", sans-serif; color:#000000;}
.wbtxt {font: normal 11px Verdana, Arial, Helvetica, "Arial Cyr", "Arial Ua", sans-serif; color:#000000;}
.grtxt {font: normal 11px Verdana, Arial, Helvetica, "Arial Cyr", "Arial Ua", sans-serif; color:#000000;}
.comname2 {
	font: normal bold 14px Verdana, Arial, Helvetica, "Arial Cyr", "Arial Ua", sans-serif;
	color: #000000;
}
.bienvenidos{
	font-size: 17px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #676767;
	border-bottom: 1px dashed #4169e1;
}
td{
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #676767;
}


/*----------- estilo enlaces - Links------------ */
a {
	text-decoration: none;
	color: #0B9AC7;		
}
a:active{
	text-decoration: none;
	color: #0B9AC7;
}
a:link {
	text-decoration: none;
	color: #0B9AC7;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: orange;
}
/* -----------Estructura predefinida--------- */

textarea {
  border:1px solid #A2A2A2;
  background-color:#F1F1F1;
  padding:8px;
  margin:5px;
  color:#0150c7;
  overflow:auto
}

/* -----------Estructura de la pagina y estructura del contenido---------- */
#estructura_principal {
	height: auto;
	width: 990px;
	display: block;
	margin: auto; /* IMPORTANTISIMO PARA QUE SE CENTRE EN LA PAGINA */

}
/* ------------estilo especifico cabecera--------- */
#estructura_cabecera {
	height: auto;
	width: auto;
	display: block;
	margin: auto; /* IMPORTANTISIMO PARA QUE SE CENTRE EN LA PAGINA */

}
	
#cabecera {
	margin-top: 0px;
	background-image: url(images/cabecera.png);
	width:990px;
	height:80px;
}
#buscador {
	margin-top: 15px;
	float: right;
	width: auto;
	height: auto;
}

#navegador {
	margin-top: 0px;
	background-image: url(images/navegador.png);
	width:990px;
	height:60px;
}
#publi {
	margin-top: 0px;
	background-image: url(images/publicidad.png);
	width:990px;
	height:180px;
}
#publi_contenido {
	width:960px;
	height:150px;
	float: left;
	padding-top: 12px;
	padding-left: 15px;
}
/* ------------estilo especifico contenido index--------- */
#contenidos {
	margin-top: 0px;
	width:990px;
	height:432px;
	background-image: url(images/fondocontenido.jpg);
	background-repeat: repeat-x;
	display: block;

}
#bienvenida {
	margin-top: 0px;
	width:660px;
	height:auto;
	float: left;

}
#contenedorbienvenida {
	width:460px;
	height:auto;
	float: left;
}
#contenidobienvenida {

	padding: 0px 15px 0px 15px;
}
#contenedordestacado {
	background-image: url(images/separador.jpg);
	background-repeat: repeat-y;
	width: 200px;
	height: auto;
	float: right;
}
#contenidodestacado {
	padding: 0px 15px 0px 15px;

}
#alojamiento{
	margin-left: 15px;
	height: 237px;
	width: 630px;
	background-image: url(images/alojamientoweb1.jpg);
	background-repeat: no-repeat;
	display: block;
	
}#alojamiento_cont{
   float: left;
	padding: 180px 0px 0px 200px;
}

#estructura_izq {

	float: left;
	width: 330px;
	height: auto;
	padding: 0px;
	margin: 0px;
}
#contenido_izq {
	background-image: url(images/relleno.png);
	background-repeat: repeat-y;
	padding: 0px 35px 0px 35px;
}
#contenido_izqsinfondo {
	padding: 0px 35px 0px 35px;
}

#estructura_centro{
	background-image: url(images/disegnoweb.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	float: left;
	width: 330px;
	height: 267px;
	display: block;
}
#contenido_centro {

	padding: 30px 35px 20px 35px;
}

#estructura_derecha {
	background-image: url(images/juegosgratis.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	float: right;
	width: 330px;
	height: 267px;
	display: block;
}
#contenido_derecha {

	padding: 30px 35px 20px 35px;
}

#estructura_recursos {

	margin-top: 15px;
	float: right;
	width:660px;
	height:auto;

}
#contenido_recursos {
	padding: 15px 35px 20px 35px;
	/*border: 1px solid black;*/
}
#contenido_recursos_host {
	padding: 0px 15px 5px 15px;
	
}


#barrapie {
	margin-top: 30px;
	background-image: url(images/pie.jpg);
	width:990px;
	height:30px;
}


.clear {
	clear: both;
	display: block;
}
/* estilo especifico guia de compras */
#guiacompras{
	height: 600px;
	width: 160px;
	display: block;
	background-image: url(images/guiadecompras160x600.jpg);
	background-repeat: no-repeat;
}
/* ------------estilo especifico centro comercial--------- */
#contenedorpaginatiendas{
	height: auto;
	width: 971px;
	display: block;
}
#menutiendas{
	height: auto;
	width: 176px;
	display: block;
	padding-top: 20px;
	float: left;
	
}
#contenedortiendas{
	height: auto;
	width: 795px;
	display: block;
	background-image: url(images/rellenotienda.png);
	background-repeat: repeat-y;
	float: left;
}
#tiendas{

	padding: 20px 0px 10px 40px ;
	
}
#cajatienda{
	height: 360px;
	width: 320px;
	display: block;
	background-image: url(images/cajatienda.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: 20px;
	
}
#contenidotienda{
	padding: 5px;
	display: block;

	
}
/* -------------estilo especifico pagina juegos-----------------*/
#contenedorpaginajuegos{
	height: auto;
	width: 990px;
	display: block;
	background-color: #f5f5f6;
	text-align: center;
}
#cabecerajuegos{

margin-left: 10px;

	width: 967px;
	height: 397px;
	display: block;
	background-image: url(images/cabecerajuegos.jpg);
	background-repeat: no-repeat;
	float: left;
}
#contenidocabecerajuegos{

margin: 150px 30px 0px 0px;
	width: 660px;
	height: 220px;
	display: block;
	float: right;
}

#contenedorjuegos{
	padding:10px 10px 10px 20px;
	
	display: block;
	float: left;
}
#cajajuegos{
	width: 311px;
	height: 193px;
	background-image: url(images/cajajuego.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
}
#contenidojuegos{

	padding:10px;
	display: block;
	float: left;
}

#contenedorpubli120x600{
	width: 120px;
	height: 600px;
	display: block;
	float: right;
}
#futuro{
	width: 990px;
	height: 120px;
	display: block;
	background-color: white;
}
/* ------------estilo especifico diseño web anticrisis--------- */
#crisis {
	background-image: url(images/anticrisis3.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	float: right;
	width: 735px;
	height: 300px;
	display: block;
}
#contenido_crisis {

	padding: 100px 20px 0px 500px;

}
#laidea {
	background-image: url(images/laideaanticrisis.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	float: right;
	width: 735px;
	height: 216px;
	display: block;
}
#contenido_laidea {

	padding: 0px 20px 0px 340px;

}
/* --------contenido pie ---------*/
#pie {
	text-align: left;
	font-size: 10px;
	color: #dcdcdc;
	width: auto;
	height: 15px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
}



#creador {
	width: auto;
	height: 20px;
	float: right;
	font-size: 11px;
	color: #4682b4;
	text-align: right;
	margin-right: 30px;
	padding-top: 10px;
}
/* ----------- NAVEGADOR  ----------------------------------------------- */
ul, li{border:0; padding:0; margin:0; list-style:none;}

/* ----------- NAVEGADOR  ----------------------------------------------- */

#navigation{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	height:25px; 
	margin:0 auto;
	width:auto;
	padding-left: 15px 
	}
	#navigation ul{
	 height:25px;
	 line-height:25px;	
	}
	#navigation ul li{
		display:inline;
	}
	#navigation ul li a,
	#navigation ul li a:visited {
	background: url(images/line-a.gif) right no-repeat;
	padding: 0 20px;
	display: block;
	text-decoration: none;
	float: left;
	color: #131455;
	font-weight: bold;
	text-shadow: #ffffff 2px 2px 2px;
}
	#navigation ul li a:hover{
		color:#1532a5;
	}
/* ----------- SUBLINKS ----------- */
#sublinks{
	width:auto;
	margin:0 auto;
	height:25px;
	font-size:11px;
	padding-left: 15px;
}	
	#sublinks ul{
	 height:25px;
	 line-height:25px;	
	}
	#sublinks ul li{
		display:inline;
	}
	#sublinks ul li a,
	#sublinks ul li a:visited {
	padding: 0 20px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	float: left;
	color: #435425;
}
	#sublinks ul li a:hover{
		text-decoration:underline;
	}
/* ----------- SUBMENU ----------- */
#s1, #s2, #s3, #s4{display:none;}/* para que se oculten al principio */
/* -----------fin navegador--------------------------------------- */

/* -----------navegador centrocomercial-------*/

.nav1 a {
height: 116px;
width: 176px;
display: block; /* para que se vea en firefox*/
background-image: url(images/nav1.jpg);
}
.nav1 a:hover {
height: 116px;
width: 176px;
display: block;
background-image: url(images/nav1h.jpg);
}
.nav2 a {
height: 116px;
width: 176px;
display: block; /* para que se vea en firefox*/
background-image: url(images/nav2.jpg);
}
.nav2 a:hover {
height: 116px;
width: 176px;
display: block;
background-image: url(images/nav2h.jpg);
}
.nav3 a {
height: 116px;
width: 176px;
display: block; /* para que se vea en firefox*/
background-image: url(images/nav3.jpg);
}
.nav3 a:hover {
height: 116px;
width: 176px;
display: block;
background-image: url(images/nav3h.jpg);
}
.nav4 a {
height: 116px;
width: 176px;
display: block; /* para que se vea en firefox*/
background-image: url(images/nav4.jpg);
}
.nav4 a:hover {
height: 116px;
width: 176px;
display: block;
background-image: url(images/nav4h.jpg);
}
.nav5 a {
height: 116px;
width: 176px;
display: block; /* para que se vea en firefox*/
background-image: url(images/nav5.jpg);
}
.nav5 a:hover {
height: 116px;
width: 176px;
display: block;
background-image: url(images/nav5h.jpg);
}

/* ---------------------------navegadorespecificoentrar-----------------------*/
.entraren a {
height: 40px;
width: 125px;
display: block; /* para que se vea en firefox*/
background-image: url(images/botonentrar.png);
float: left;
}
.entraren a:hover {
height: 40px;
width: 125px;
display: block; /* para que se vea en firefox*/
background-image: url(images/botonentrarh.png);
}