body {
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing: 1px;
	background: #000 url('img/fondo.jpg') no-repeat 1075px 113px;
	margin:10px;
	padding:0;
}
img{
	border:0;
}
a{
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0;
	text-decoration: none;
	color: #39F;
}
#contenido a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
a:hover{

}
ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
}
h1{
	display:none;
	visibility: hidden;
}
tr,th,td {
	padding: 3px 0;
}
input, select, textarea{
	border: 1px solid #333;
	background-color: #fff;
}
input, textarea{
	font: 11px Verdana,Tahoma, Arial, Helvetica, sans-serif;
}
input:hover, select:hover, textarea:hover{

}
button{
	Width: 150px;
}
.checkbox{
	width: 15px;
	height: 15px;
}
.portada {
margin:0;
}

/*--- Etiquetas que definen la estructura de la página --- 
--------------------------------------------------------------------------------------------------------------------*/

#pagina{
	width: 1048px; /*800x600 en IE*/
	/*margin: 0 auto; centrado*/
}
/*------------------------------------------------Cabecera------------------------------------------------------*/
#cabecera{
	padding: 20px 5px 0px 34px;
	position:relative;
	height:54px;
	}
#cabecera img{
	float:left;
}
/*------------------------------------------------ Menu ----------------------------------------------------------*/
#menu{
	text-align: right;
	padding: 15px 0px 0px;
	background:url('img/secciones.jpg') no-repeat 0px 0px;
	width:771px;
	height:39px;
	margin-left:230px;

}
* html #menu {
	padding-top:7px;
} 
 
#menu li{
	margin: 15px 11px;
}
#menu a{
	color: #000;
	padding: 0 10px;
	margin-right: 1px; /*por el borde*/
}
#secciones ul li a{
	font-size:17px;
	font-weight:bold;
	color:#2D2E2E;
}
#secciones li{
	float:left;
}
#secciones a:hover, #secciones .act{
	color: #fff;

}
#idiomas {
	position:absolute;
	top:0px;
	right:-15px;
}
#idiomas li{
	margin: 5px 0px;
	float:right;
}
#idiomas a{
	color: #666;
}
#idiomas a:hover, #idiomas .act{
	color: #ccc;
}

#submenu{
	text-align: right;
}
#submenu li{
	margin: 7px 15px;
}
#submenu a{
	padding: 0 10px;
	margin-right: 1px; /*por el borde*/
}
#submenu a:hover, #submenu .act{
	color: #fff;
	border-right: 1px solid #39F;
	margin-right: 0;
}

/*------------------------------------------------Contenido-------------------------------------------------------*/
#contenido{
	width: auto; margin: 0 0 0 198px;
	padding-left:40px;
	padding-top:36px;
	padding-right:20px;
	padding-bottom:20px;
	background-color:#fff;
	position:relative;
    
}
#contenido2{
	width: auto; margin: 0 0 0 198px;
	padding:10px;
	background-color:#fff;
	position:relative;
    
}
#contenido h2{
	margin-bottom: 9px;
}
#contenido h3{
	font: 16px normal Verdana, Arial, Helvetica, sans-serif;
	color: #39F;
	position:absolute;
	top:46px;
	left:287px;
	
}
#contenido p{
	text-align: left;
}
#contenido .texto{
	margin-bottom: 30px;
	width:280px;
	float:left;
	}
#contenido .textoregistro{
	margin-bottom: 30px;
	width:280px;
		float:left;
}
#contenido .textoprod{
	margin-bottom: 15px;
}
#players{
	float:left;
	width:180px;
	height:100px;
	margin:50px 40px 0;
}
#imagen{
	margin:0 0 0 272px;
	padding: 0 25px 30px;
}
#contenido .banner{
    position:absolute; 
    top:27px; 
    right:61px;
    
}

/*----------------------------------------------- Lateral --------------------------------------------------------*/
#lateral{
	width: 240px;
	float: left; 
}
#lateral2{
	width: 197px;
	float: left; 
}
#lateral2 h2{
		background:url('img/productosfondo.png') no-repeat 14px 0px;
		height:33px;
		font-size:22px;
		padding:26px 0 0 50px;
}
/*----------------------------------------------- Productos --------------------------------------------------------*/
.producto{
	margin-top: 30px;
	width:233px;
	float:left;
	padding:0 15px;
}
.producto .titulo h4{
	font-size:12px;
	text-decoration:underline;
	line-height:18px;
	font:12px Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

.producto .titulo h4 a{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.producto img{
margin-top:17px;
}


.producto .cuerpo .texto{
	width:180px;
	padding-top:15px;
	letter-spacing:0.2em;
	margin-bottom:20px;
}
.producto .cuerpo .leer_mas{
	background: url('img/mas.gif') no-repeat 0px 3px;
	display: block;
	padding-left: 20px;
	width: 100px;
}
.producto .cuerpo .add_carrito{
	background: url('img/carrito.gif') no-repeat left;
	display: block;
	padding: 5px 0 10px 30px;
	margin-left:-2px;
	margin-bottom: 10px;
	width: 100px;
}
.producto .pie_prod strong{
	display:block;
	color: #39F;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-bottom:7px;
}
.producto .pie_prod{
	width:180px;
}
.tallas p{
	margin:3px;
	padding:0px;
}
.producto .pie_prod .tallas p{
font-family:Verdana;
letter-spacing:0px;
color:#000;
padding:0px;
margin-top:0px;
margin-bottom:5px;
}


#pedidos{
width:344px;
font-family:Verdana;
font-size:10px;
color:#000;
letter-spacing:0px;
}

.pedidos{
width:286px;
padding-top:5px;
margin-left:-2px;
}

.importe{
text-align:right;
margin-top:50px;
margin-bottom:20px;
}

#nota_pedidos{
text-align:right;
margin-top:90px;
color:#999;
}

#nota_pedidos p{
text-align:right;
}
/*-------------------------------------------------Pie---------------------------------------------------------------*/
#pie {
	text-align:right;
	color: #999;
	font-size: 10px;
	margin:10px 0px;
	width:1011px;
}
#pie a{
	color: #999;
}

#pie a:hover{
color:#333;
}

/*------------------------------------------------ ADMIN ----------------------------------------------------------*/
#opciones_tabla{
	float: right;
	padding-bottom: 10px;
}
#subtitulo{
	padding: 5px 0;
	clear: right;
	padding:2px;
}
#subtitulo h2{
	font-size: 18px;
	margin-bottom: 15px;
}
#subtitulo .subopciones{
	float: right;
}
/* -------------------- Mensajes del admin ---------------- */

.error{
	color: #c20000;
}
.okey{
	color: #80ca75;
}
.nota{
	background-color: #ff9;
}

/* -------------------- Tablas mostrar ---------------- */

#mostrar { 
	border-collapse: collapse;
	border: 1px solid #666;
	width: 100%;
}
#mostrar tr:hover a {
	color: #fff;
}
#mostrar tbody tr:hover {
	background-color: #68b;
	color: #fff;
}
#mostrar thead th {
	font-size: 100%;
	background-color: #ccc;
	height: 33px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#mostrar td {
	border-left: 1px solid #dadada;
}
#mostrar .accion{
	width: 135px;
	text-align: center;
	color:#ccc;
}

/* -------------------- Tablas formulario ---------------- */

#formulario { 
	width:100%;
}

* html #formulario{width:99%;
}

#formulario caption{
	text-transform: uppercase;
	color: #68b;
	border: 1px solid #68b;
	font-weight: bold;
	text-align: left;
	margin: 20px 0;
	padding: 3px;
}
#formulario tbody th {
	text-align:right;
	width:45px;
	vertical-align:top;
	padding-top:5px;
	color:#3399FF;
	font-weight:normal;
	font-family:Verdana;
	letter-spacing:0px;
}
#formulario .td_error {
	font-size:9px;
	width: 150px;
}

/* -------------------- Botones ---------------- */
.boton_enviar{
	cursor:pointer;background:#3399FF;border:0px solid #00CC33;font-size:10px;font-family:Verdana;color:#fff;width: 79px;height:22px;padding-bottom:4px;
}
.boton_modificar{
	cursor:pointer;background:#FFFFA8;border:1px solid #CCCC00;color:#757500;width: 65px;
}
.boton_eliminar{
	cursor:pointer;background:#FFBEA8;border:1px solid #CC3300;color:#751E00;width: 65px;
}
.boton_cancelar{
	cursor:pointer;background:#CCCCCC;border:1px solid #999999;color:#666;width: 65px;
}
.boton_limpiar{
	cursor:pointer;background:#fff;border:1px solid #999999;color:#666;width: 65px;
}
.boton_buscar{
	cursor:pointer;background:#B7D3FF;border:1px solid #3300CC;color:#1E0075;width: 65px;
}
.cuerpo{
	position:relative;
}
#facebook{
	position:absolute;
	top:72px;
	right:-35px;
}