@CHARSET "ISO-8859-1";

body {
	background-color: #CCCCCC;
}

ul, p, h1, h2, h3, table, form {
	padding: 0px;
	margin: 0px;
}

.separador_10 {
	margin-top: 10px;
}

.separador_20 {
	margin-top: 20px;
}

.separador_45 {
	margin-top: 45px;
}

/* Contenedor pequeño para informar de los pagos */

#contenedor_min {
	width: 800px;
	margin: 10px auto;
	text-align: center;	
	background-color: #282828;
	border: 1px solid #DDA000;
	
}

#introduccion_min {
	text-align: justify;
	color: #DDA000;
	padding: 10px 50px 50px 30px;
}

#botones {
	text-align: center;
}

/* Fin declaraciones */


#contenedor {
	width: 1100px;
	margin: 10px auto;
	text-align: center;	
	background-color: #282828;
	border: 1px solid #DDA000;
}

#sup {
	width: 1100px;
	height: 180px;
	background-color: #282828;
}

#sup_izq {
	width: 290px;
	height: 100%;
	float: left;
}

#sup_cen {
	width: 625px; /*575px;*/
	float: left;
	margin: 0px auto;
	text-align: center;
}

#sup_der {
	width: 180px;
	height: 100%;
	float: left;
}


#inf {
	width: 1100px;
}


#cabecera {
	width: 100%;
	height: 140px;
	text-align: center;
	margin: 0px auto;
}	

#contenido {
	height: 600px;
}

#izquierda {
	float: left;
	width: 290px;
}

#centro {
	float: left;
	width: 625px; /*575px;*/
}

#derecha {
	float: left;
	height: 100%;
	width: 175px; /* 180 */
	background-color: #282828;
}


/********* DISEÑO DEL MENU  **********/
#menu {
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0px auto;
	font-size: 12px;
	background-color: #282828;
}

#menu ul{
	margin: 0px auto;
	text-align: center;
} 

#menu li { 
  float: left;
  margin: 0px 2px; 
  padding: 0px;
  list-style: none;
  background: url("../imagen/menu.PNG") repeat-x;	
  border-left: 1px solid #DDA000;
  border-right: 1px solid #DDA000;
  border-top: 1px solid #DDA000;
} 

#menu li a { 
  float: left;
  display: block; 
  height: 30px;
  text-decoration: none; 
  padding: 10px 10px 0px 10px;
  color: #BABABA;
  font-weight: bold;
}

#menu li a:hover { 
  text-decoration: underline; 
  color: #FFC000;
  font-weight: bold;
}


#menu .current { 
 text-decoration: underline; 
  color: #FFC000;
  font-weight: bold;
}

/********* FIN DEL DISEÑO DEL MENU  **********/

/********* DISEÑO DE CAJAS ******************/

.caja2 {
	width: 100%;
	margin: 0px auto;
	color: orange;
	font-family: "Tahoma", "Verdana";
}

.caja2 h1 {
	border: 1px solid orange; /*#203E85;*/
	background-color: #203E85;
	font-size: 13px;
	border-bottom: 1px solid #DDA000;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.caja2 .contenido {
	background-color: white;
	border: 1px solid #203E85;
	color: #203E85;
	text-align: left;
	padding: 15px;
	height: 550px;
	overflow: scroll;
}


/***************************************/

.caja3 {
	width: 60%;
	margin: 0px auto;
	color: orange;
	font-family: "Tahoma", "Verdana";
	border: 1px solid orange;
}

.caja {
	width: 89%;
	margin: 0px auto;
	color: orange;
	font-family: "Tahoma", "Verdana";
	border: 1px solid orange;
}

.caja h1, .caja3 h1 {
	border: 1px solid #203E85;
	background-color: #203E85;
	font-size: 13px;
	border-bottom: 1px solid orange;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.caja .contenido, .caja3 .contenido {
	text-align: justify;
	background-color: #314F96;
	padding: 11px;
}

.caja .contenido ul, .caja3 .contenido ul {
	font-size: 12px;
	list-style: none;
}

.caja .contenido ul li, .caja3 .contenido ul li {
	line-height: 25px;	
}

.caja .contenido ul li a, .caja3 .contenido ul li a {
	text-decoration: none;
	color: orange;	
}

.caja .contenido ul li a:hover, .caja3 .contenido ul li a:hover {
	text-decoration: underline;	
}

/********* FIN DE DISEÑO DE CAJAS ******************/

/********* DISEÑO DE FORMULARIOS ******************/

form {
	color: #203E85;
	font-weight: bold;
	width: 80%;
	margin: 30px auto; 	
	text-align: center;
}

#datos_buscador {
	color: #203E85;
	font-weight: bold;
	width: 90%;
	margin: 30px auto; 	
	text-align: center;
}

form fieldset {
	border: 1px solid #203E85;	
}

form legend {
	color: #203E85;
}

.campo {
	background-color: white;
	color: black;
	font-weight: bold; 
	border: 1px solid #DDA000;	
}

.boton {
	background-color: #203E85;
	color: #DDA000;
	font-weight: bold; 	
}

.introduccion {
	text-indent: 0px;
	color: #DDA000;
	font-style:italic;
	font-weight: bold;
	text-align: left;
}

/********* FIN DISEÑO DE FORMULARIOS ******************/

#visor {
	border: 1px solid black;
	height: 575px;
	background-color: white;
}

#visor h1 {
	color: #203E85;
	font-size: 16px;
	border-bottom: 1px solid #203E85;
	text-align: left; 
	margin-bottom: 10px;	
}

#visor .texto {
	color: #203E85;
	font-size: 14px;
	text-align: justify;
}

#inicio{
	display: block;
	margin: 40px 40px; 
}

#inicio #noticias {
	color: #284AA2;
	font-style: italic;
	text-align: justify;
	font-size: 13px;
	margin-bottom: 15px;
	padding: 0px 5px;
}

#pedidos{
	display:block;
	margin: 40px 40px;
}

#pedidos form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#pedidos form table {
	margin-top: 10px;
}

#pedidos2 {
	display:block;
	margin: 40px 40px;
}

#pedidos2 form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#pedidos2 form table {
	margin-top: 10px;
	color: black;
}

#quienessomos{
	display:block;
	margin: 40px 40px;  
}

div #plano {
	border: 1px solid black;
}

#quienessomos a {
	text-decoration: none;
	font-size: 14px;
	color: #203E85;
	font-style: italic;
}

#quienessomos a:hover  {
	text-decoration: underline;
}

#compras{
	display:block;
	margin: 40px 40px;  
}

#buscador{
	display:block;
	margin: 40px 40px;  
}

#tasamostusjuegos{
	display:block;
	margin: 40px 40px;  
}

#carrito{
	display:block;
	margin: 40px 40px;  
}

#consultas{
	display:block;
	margin: 40px 40px;
}

#consultas form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#consultas form table {
	margin-top: 10px;
}


#listado {
	display: block;
	margin: 40px 40px;
}

#titulo_listado {
	text-transform: uppercase;
	color: black; 
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #DDA000;
	padding: 5px;
}

#listado_paginas {
	text-transform: uppercase;
	color: #203E85;
	background-color: white; 
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	margin-top: 35px;
	width: 95%;
	border-top: 2px solid #203E85;  
}

#listado_paginas a, #titulo_ofertas a {
	text-decoration: none;
	color: #DDA000;
	background-color: #203E85; 
	padding: 1px 4px;
	
}

#listado_paginas a:hover, #titulo_ofertas a:hover  {
	color: #203E85;
	background-color: #DDA000;
	padding: 1px 4px;
}

#listado .titulo, #carrito .titulo {
	font-size: 12px;
	color: #203E85;
	font-weight: bold;
}

#inicio .titulo {
	font-size: 12px;
	color: #203E85;
	font-weight: bold;
	width: 120px;
	height: 160px;
	border: 1px solid #203E85;
	text-align: center;
}

#listado .precio, #carrito .precio  {
	color: red;
	font-weight: bold;
}

#inicio .precio {
	font-size: 11px;
	color: red;
	font-weight: bold;
}

#inicio .titulo2 {
	font-size: 11px;   /* 12px */
	color: #203E85;
	font-weight: bold;
	text-align: center;
}

#listado .linea_separacion {
	border-bottom: 2px dotted #DDA000;
}

#confidencialidad {
	display:block;
	margin: 40px 40px;  
}

#forma_de_pago {
	display:block;
	margin: 40px 40px;  
}

#garantia {
	display:block;
	margin: 40px 40px;  
}
					
#devoluciones {
	display:block;
	margin: 40px 40px;  
}

#aviso_legal {
	display:block;
	margin: 40px 40px;  
}

#clear {
	clear: both;
}

a img {
	border: none;
}

.capa_scroll {
	margin-top: 10px;
	text-align: center;
	overflow: scroll;
	width: 100%;
	height: 430px;
	border: 1px solid #203E85;		
}

.capa_scroll2 {
	margin: 0px auto;
	text-align: center;
	overflow: auto;
	width: 100%;
	height: 485px;
}


#titulo_ofertas {
}


.capa_scroll2_corta {
	margin: 0px auto;
	text-align: center;
	overflow: auto;
	width: 100%;
	height: 375px; 
}

#pie {
	width: 100%;
	color: #DDA000;
	font-size: 10px;
	height: 20px;
	background-color: #203E85;
	text-transform: uppercase;
}

#pie #texto {
	padding: 4px;
}

#pie #texto a {
	text-decoration: none;
	color: #DDA000;
}

#pie #texto a:hover {
	text-decoration: underline;
}