/***********************************************/ 
/* HTML tag styles                             */ 
/***********************************************/ 

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	background-color: #E7EF45;
	color: #000; 
	height: auto;
	text-align: left;
  
}
br {
	height: 2px;
}
a {
	background-color: transparent;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	margin:0;
	padding:0;
}


hr.h {
	clear: both;
	border: 2px dashed #9da22e;
	width: 499px;
	height: 4px;
	margin: 10px auto 0 0;
	text-align: left;
	}	

label {
  clear:both;
  width: 150px;
  display: inline;
  float: left;
  text-align: left;
}
fieldset {
	clear:both;
	border: 2px solid #A5AA31;
	padding: 10px;
}
fieldset input {
	margin-bottom: 2px;
}
fieldset legend {
	font-weight: bold;
}


dt{
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size: 100%;
	padding-bottom: 10px;
}

dd{
	margin: 5px;
	padding: 0 0 0 15px;
/*	background-color: #af9b91;*/
}

em{
	cursor:help;
	color:#f00;
}

/***********************************************/ 
/* Layout Divs                                 */ 
/***********************************************/ 
#contenedor {

	margin: 0;
	padding: 0;
	background-image: url(../media/imagenes/genericas/fondo.gif);
	background-repeat: repeat-y;
}

#cabecera {
	position: relative;
	float: left;
	background-image: url(../media/imagenes/genericas/cabecera.gif);
	background-repeat: no-repeat;
	height: 67px;
	width: 853px;
	text-align: right;
}

#cabecera2 {
	display: none;/**/
	clear: both;
	position: relative;
	float: left;
	height: 20px;
	width: 853px;
}
#mensaje {

	position: relative;
	float: left;
	height: auto;
	width: 500px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #FF0000;
	background-color: transparent;
	
	
}
#nombreDelSitio {
	position:relative;
	float:left;
}

#selectorIdiomas {
	position:relative;
	float:left;
}

#selectorIdiomas ul {
	display: inline;
}

#selectorIdiomas ul li {
	display: inline;
}

#logo {	
	position: absolute;
   top:67px;
   left:30px;
	z-index: 1000;
}
#logo img{
	border: none;
}

/**********************************************************/ 
#navegacion {
	clear: both;
	position: relative;
	float: left;
	width: 220px;
}

#menuSecciones {
	position: relative;
	float: left;
	margin-top: 175px;
	text-align: center;
}

#menuSecciones ul {
	clear:both;
	list-style-type: none;
	margin:0;
	padding:0;
	margin-left:50px;
}
#menuSecciones ul li {
	clear:both;
	float:left;
	display:block;
	text-align: center;
	margin: 0;
	margin-top:15px;
	padding: 0px;
	width: 125px;	
}

#loginLogout {
	margin-right: 125px;
	margin-top: 30px;
}

#menucamisetas {
	background-image: url(../media/imagenes/genericas/menuCamisetas.gif);
	height: 26px;
	width: 130px;
}

#menucamisetas a{
	background-image: url(../media/imagenes/genericas/menuCamisetas.gif);
	height: 26px;
	width: 130px;
}
#menuchapas {
	background-image: url(../media/imagenes/genericas/menuChapas.gif);
	height: 20px;
	width: 91px;
}


#menuchapas a{
	background-image: url(../media/imagenes/genericas/menuChapas.gif);
	height: 20px;
	width: 91px;
}
#menuotros {
	background-image: url(../media/imagenes/genericas/menuOtros.gif);
	height: 22px;
	width: 79px;
}

#menuotros a{
	background-image: url(../media/imagenes/genericas/menuOtros.gif);
	height: 22px;
	width: 79px;
}
#loginLogout a {
	padding-left: 10px;
}

#contenido {
	display: block;
	position: relative;
	float: left;
	width: 530px;
	height: auto;
  	padding-left: 20px;
	margin: 0px;
}

#pie {
	clear: both;
	height: 69px;
	width: 853px;
	background-image: url(../media/imagenes/genericas/pie.gif);
	background-repeat: no-repeat;
}

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

/******** Páginas de presentación de productos *************/
/******** vista general, vista seccion *************/

#listadoGeneral {
	position: relative;
	float: left; 
	padding: 0px;
	margin: 0px;
}

#listaSecciones {
	position: relative;
	float: left; 
	padding: 0px;
	margin: 0px;
	width: 500px;
}
#listaSecciones ul {
	position: relative;
	float: left; 
	padding: 0px;
	margin: 0px;
	list-style: none;

}
#listaSecciones ul li {
	position:relative;
	float:left;
	padding: 0px;
	margin: 0px;
}

#listaFamilias {
	position: relative;
	float: left; 
	padding: 0px;
	margin: 0px;
}


#listaFamilias li {
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

#listaSubfamilias {
	clear:both;
	position: relative;
	float: left; 
	padding: 0px;
	margin: 0px;
	list-style: none;

}

#listaSubfamilias li {
	display: inline;
	position: relative;
	float: left; 
	padding: 0px;
	margin: 0px;
	width: 143px;
	height: 205px;
}

#listaSubfamilias li div.fotoSub {
	position: relative;
	float:left;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	margin-top:20px;
}
#listaSubfamilias li div.fotoSub img{
	position: relative;
	float:left;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	border: 5px solid #9DA12E;
}

#listaSubfamilias li div a {
	clear:both;
	text-decoration: underline;
 	color: #000;
	background-color: transparent;
	display: block;
}
#titularTxapelpixel {
	background-image: url(../media/imagenes/camisetas/titularTxapelpixel.gif);
	height: 31px;
	width: 341px;

}
#titularSrzito {
	background-image: url(../media/imagenes/camisetas/titularSrZito.gif);
	height: 31px;
	width: 341px;
	
}
#titularPapelcontinuo {
	background-image: url(../media/imagenes/camisetas/titularPapelcontinuo.gif);
	height: 31px;
	width: 341px;

}

#titularMarmitako {
	background-image: url(../media/imagenes/camisetas/titularMarmitako.gif);
	height: 31px;
	width: 341px;

}
.titular {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	height:21px;	
	display:block;  /*	necesario para que se vean los enlaces de fondo de imagen*/
}
#celo_izda{

	float:left;
	margin:0;
	padding:0;
	height:21px;
	width:11px;
	background-image:url(../media/imagenes/genericas/celo-izda.gif);
	background-repeat: no-repeat;		
}
#celo_centro{

	float:left;
	margin:0;
	padding:0;
	height:21px;
	width:auto;
	background-color:#ADB333;
}
#celo_centro span{

	float:left;
	margin:0;
	padding:0;
	padding-top:3px;
	height:18px;
	color:#FFFFFF;	
	background-color: transparent;
}
#celo_centro span a{

	float:left;
	margin:0;
	padding:0;
	height:18px;
	text-decoration:none;
	color:#FFFFFF;	
	background-color: transparent;
}
#celo_centro span a:hover{

	float:left;
	margin:0;
	padding:0;
	height:18px;
	text-decoration:none;
	color:#E7EF45;
	background-color: transparent;
}
#celo_centro span a:link{

	float:left;
	margin:0;
	padding:0;
	height:18px;
	text-decoration:none;
	color:#FFFFFF;	
	background-color: transparent;
}
#celo_centro span a:visited{

	float:left;
	margin:0;
	padding:0;
	height:18px;
	text-decoration:none;
	background-color: transparent;
}
#celo_dcha{

	float:left;
	margin:0;
	padding:0;
	height:21px;
	width:13px;
	background-image: url(../media/imagenes/genericas/celo-dcha.gif);
	background-repeat: no-repeat;		
}
/*********************************************************************/
/************Vista subfamilia********************/

#imgSubfamilia {
	clear: both;
	position: relative;
	float: left;
	padding-top: 10px;
}

#infoYformulario {
	position: relative;
	float: left;
	padding: 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #525518;
	background-color: transparent;
	width: 100%;

}

#tituloFamilia {
	display: block;
}

#descripcion {
	position: relative;
	float: left;
}

#formularioCompra {
	clear: both;
	position: relative;
	float: left;
	margin-left: 0;
	padding-left: 0;
}

#listaFormatos {
	clear: both;
	position: relative;
	float: left;
	margin: 0;
	padding-top: 5px;
}
#listaFormatos ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#listaFormatos ul li {
	clear: both;
	margin-left: 0;
	padding-left: 0;
}

#listaFormatos ul li label {
	 width: 125px;
}

#divExiste {
	display: inline;
}
#divCantidad {
	clear: both;
	display: block;
	color: #525518;
	background-color: transparent;
	padding-top: 5px;
}
#divCantidad label{
	margin: 0;
	padding: 0;
}
#divCantidad a {
	clear: both;
	display: block;
	padding-top: 5px;
	text-decoration: underline;
	color: #525518;
	background-color: transparent;	
}

/*********************************************************************/
/************Vista Carro********************/

#tablaCarro {
	clear: both;


}

#tablaCarro table {
	border: 1px solid #000;
	border-collapse:	collapse;
	font-size: 0.9em;
	font-weight: lighter;
	text-align: center;
	width: 100%;

	
}
#tablaCarro table caption {
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
}
#tablaCarro table th {
	background-color: #90952B;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: lighter;
	border: 1px solid #000;	
	padding: 0;
	margin: 0;
	height: 25px;	
	vertical-align: middle;

}
#tablaCarro table td {
	border: 1px solid #000;
	padding: 0;
	margin: 0;

}
#botonesCarro {
	padding-top: 20px;
	text-align: right;
	font-weight: bold;
}


/*********************************************************************/
/************Vista Firma********************/

#firma label {
	width: 300px;
}

#divLoguearse {
	clear: both;
	float:left;
	padding: 10px;
}
#divLoguearse label {
	width: 90px;
}

#divLoguearse a {
	padding-left: 10px;
	 
}

#divRegistrarse label {
	width: 95px;
}

#divRegistrarse {
	clear: both;
	float:left;
	padding: 10px;
}

/*********************************************************************/
/************Vista Datos Registro********************/

#divBotones form {
	display: inline;
}

/*********************************************************************/
/************Vista Datos Envio********************/

#divFormEnvio label {
	width: 350px;
}


#divDatosDestinatario {
	clear: both;
	padding: 10px;	
}
#divDatosDestinatario label {
	width: 95px;
}


/*********************************************************************/
/************Vista Forma pago********************/


#formularioPago label {
	width: 300px;
}

#infoContrareembolso {
	clear: both;
	padding: 10px;
}
#infoTransferencia {
	clear: both;
	padding: 10px;
}
#infoPaypal {
	clear: both;
	padding: 10px;
}

/*********************************************************************/
/************Vista Resumen********************/
#resumen {
	font-weight: normal;
}

/*********** clases generales ***********/ 
.boton {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
	width: auto;
	background-color: transparent;
	border: none;
	text-decoration: underline;
	cursor: pointer;
	border: 2px solid #A5AA31;
}
/*
.titular {
	display:block;  
	background-repeat: no-repeat;	
}
*/

.opened {
	display: block;
}

.closed {
  display: none; }

  
  
  
 #ayuda ul{
 	list-style: square;
 }
 #ayuda li{
	padding-bottom: 5px;
 }
 
 
/***********************************************/ 
/* cambios                           */ 
/***********************************************/  

#infoYformulariox{
	position: relative;
	float: left;
	padding: 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #525518;
	background-color: #c2c839;
	width: 485px;
	margin:0;
	padding:0;
	padding-left: 15px;
}
#galeriaFotos{
	clear:both;
}
#descripcionx{
	float: left;
	margin:0;
	padding:0;	
}
#formularioComprax{
	float: left;
	margin:0;
	padding:0;
	margin-left: 15px;

}
#imgSubfamiliax{
	position: relative;
	clear: both;
	float: left;
	margin:0;
	padding:0;

}

#imgSubfamiliax img{
	position: relative;
	clear: both;
	float: left;
	margin:0;
	padding:0;
	border: 5px solid #9DA12E;	

}

#imgYform{
	clear:both;
	float:left;
	margin:0;
	margin-top:10px;
	padding:0;
	width: 485px;
}
#divCantidadx{
	float:left;
	color: #525518;
	background-color: transparent;
	margin:0;
	padding:0;
	margin-left: 40px;
}#divCantidadx label{
	margin: 0;
	padding: 0;
}
#divCantidadx a {
	clear: both;
	display: block;
	padding-top: 5px;
	text-decoration: underline;
	color: #525518;
	background-color: transparent;	
}
#listaFormatosx {
	clear: both;
	position: relative;
	float: left;
	margin: 0;
	padding:0;
}
#listaFormatosx ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#listaFormatosx ul li {
	clear: both;
	margin: 0;
	padding: 0;
}

#listaFormatosx ul li label {
	width: 100px;
	margin:0;
	padding:0;	 
}

#divExistex {
	width:auto;
	float:left;
	margin:0;
	padding:0;
	margin-top:2px;
}
#cabeceraForm {
	clear:both;
	float:left;
	width:500px;
	height:30px;
	margin:0;
	padding:0;
	background-image:url(../media/imagenes/fondo-cab.gif);
	background-repeat:no-repeat;
}

#pieForm {
	clear:both;
	float:left;
	width:500px;
	height:20px;	
	margin:0;
	padding:0;
	background-image:url(../media/imagenes/fondo-pie.gif);
	background-repeat:no-repeat;
}

.pegote{
	position: absolute;
	top: -11px;
	left: 35px;
	background-image:url(../media/imagenes/pegote.gif);
	background-repeat:no-repeat;
	width:79px;
	height:22px;
	opacity: .2;
	filter: alpha(opacity=20);	
}
.pegote2{
	position: absolute;
	top: -11px;
	left: 50px;
	background-image:url(../media/imagenes/pegote.gif);
	background-repeat:no-repeat;
	width:79px;
	height:22px;
	opacity: .2 ;
	filter: alpha(opacity=20);	
}
#galeriaFotos{
	clear:both;
	float:left;
	margin:0;
	padding:0;
	font-size: 0.9em;
	font-weight: bold;
	color: #525518;
	background-color: transparent;
	width:100%;
}
#contGaleria{
	clear:both;
	float:left;
	margin:0;
	padding:0;
}
#contGaleria a{
	color: #525518;
	background-color: transparent;	
	font-weight: bold;
	text-decoration: underline;
	margin:0;
	padding:0;
	
}
#paginacion {
	clear: both;
	float:left;
	margin:0;
	padding:0;
	margin-top:10px;
	text-align:center;
	width:500px;
}

#paginacion ul{
	margin:0;
	padding:0;
	list-style-type: none;	
}
#paginacion ul li{
	margin:5px;
	padding:0;
	display: inline;
}
#listaFotos {
	display: block;
	float: left;
  	padding: 0;
	margin: 0;
}
#listaFotos ul{
	display: block;
	float: left;
  	padding: 0;
	margin: 0;
}
#listaFotos ul li{
	display: inline;
	float: left;
  	padding: 0;
	margin: 0;
	margin-top:20px;
	margin-right:5px;
}
#listaFotos ul li div.divFoto{
	position:relative;
	float: left;
  	padding: 0;
	margin: 0;
	text-align:center;

}
#listaFotos ul li div.divFoto img{
	position:relative;
	float: left;
  	padding: 0;
	margin: 0;
	border: 5px solid #9DA12E;
}
.titularSeccion{
font-size:14px;
font-weight:bold;
color:#8A8F00;
background-color: transparent;
}