/* CSS Document */

/* General*/
    BODY 	{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-color:#222222;}
	A,P,TD,DIV,FONT,BODY,SPAN,UL,LI,INPUT,TEXTAREA, SELECT		{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; text-align:left;}
	p		{}
	b	{color:#9187bb;}
	h1	{display:none;}
	input	{margin:0px;padding:0px;}
	a	{outline:0;}

/* //General*/

/* Imagenes*/
	.imagenes			{border-width:0px}
/* //Imagenes*/


	.ventana 			{position: absolute; width: 100%; height: 100%; vertical-align: top; text-align: center; left: 0px; top: 0px; visibility: visible; position:relative;}

	.anchoTotal			{width:100%;}
	#franjaRoja			{background-color:#cc0001; height:auto !important; height:291px; min-height:291px; padding-bottom:20px;}
	
	.cabecera			{margin-left:auto; margin-right:auto; width:758px; height:171px; padding: 0px; background:#000 url('../img/cabecera.jpg') no-repeat; position:relative;}
	.contenidos 		{margin-left:auto; margin-right:auto; width:758px; padding-top:123px; position:relative;}
	.pie				{margin-left:auto; margin-right:auto; width:758px; color: #9c9a9a; margin-top:10px;}

/* general */
	
	h2.titulo				{margin-top:0px; padding-left:18px; font-size:40px; margin-bottom:30px;}
	.subtituloSeccion	{width:600px; padding-left:18px; margin:0px 140px 10px 0px; font-size:20px; font-weight:bold; font-style:italic;}
	h3					{width:600px; padding-left:20px; margin:0px 140px 19px 0px; font-size:24px; font-weight:bold;}
	.imagenSeccion		{float:left; width:216px; margin-right:10px; padding-left:18px;}
	.textoSeccion		{float:left; width:436px;}


/* cabecera */
	.logo	{padding-top:81px; background-color:#cc0001; border:solid 0px #cc0000;}
	.enlaceIntro	{border:solid 0px #cc0000;}
	
	.zonaNoticias	{position:absolute; top:0px; right:144px; width: 228px; height:104px; background:#cc0001;}
	.tituloNoticias	{position:absolute; left:0px; bottom:0px;}
	.tituloNoticias h2	{display:none;}
	.tituloNoticias img	{position:absolute; bottom:3px; left:10px;}
	.textoNoticias	{width:228px; height:82px; background-color:#222;}
	#tickerNoticias {margin:8px 12px 8px 8px; width:208px; height:64px; overflow:hidden;}
	#tickerNoticias a:hover {text-decoration:underline;}
	#tickerNoticias #noticias	{display:none;}
	
	.zonaBlueGMK	{position:absolute; top:0px; right:0px; width: 131px; height:104px;}
	.zonaBlueGMK img {border-style:none;}
	
	.zonaTienda	{position:absolute; top:114px; right:0px; width: 130px; height:50px; background-color:#333;}
	.zonaTienda a {display:block; width:130px; height:50px; background:transparent url('../img/btnTienda.jpg') 0px -50px; text-indent:-9999px;}
	.zonaTienda a:hover {background-position:0px 0px;}
	
	.zonaGift	{position:absolute; top:114px; right:144px; width: 228px; height:50px; background-color:#ddd;}
	.zonaGift a {display:block; width:220px; height:50px; background:transparent url('../img/btnGift.jpg') -5px 0px; text-indent:-9999px; border-left:solid 4px #cc0000; border-right:solid 4px #cc0000;}
	.zonaGift a:hover {border-left:solid 4px #ff0000; border-right:solid 4px #ff0000;}
	
	#zonaMenu					{position:absolute; top:164px; left:50%; margin-left:-569px; width:1100px; overflow:hidden; z-index:2; }
	
	
	#menu ul					{margin:0px; padding:0px; list-style-type:none;}
	#menu ul li					{float:left; margin-right:6px; width:130px; height:82px; background-color:#5f0101; position:relative;}
	#menu ul li h2				{margin:0px; padding:0px; font-weight:normal; font-size:14px; line-height:16px;}
	#menu ul li h2 a			{color:#fff; font-family:Arial; font-size:14px; position:absolute; left:10px; bottom:10px;}
	#menu ul li h2 a:link		{color:#fff; font-family:Arial; font-size:14px;}
	#menu ul li h2 a:visited	{color:#fff; font-family:Arial; font-size:14px;}
	#menu ul li h2 a:hover		{font-family:Arial; font-size:14px; text-decoration:underline;}
	
	#menu ul li#btnMenuSelecc	{background-color:#000;}

/* productos */

	#listadoFamilias	{display:none;}
	.listadoProductos	{width:620px; padding-left:20px;}
	.producto	{float:left; width:310px; margin-bottom:26px;}
	.imagenProducto	{float:left; width:101px; padding:7px; margin-right:9px; background:transparent url('../img/fondoProducto.jpg') repeat-y;}
	.textoProducto	{float:left; width:177px;}
	.textoProducto a:hover	{text-decoration:underline;}
	.tituloProducto {font-size:20px; font-weight:bold;}
	
	
	.fichaProducto	{width:711px; padding-left:20px;}
	.imagenProductoFicha	{float:left; width:352px; padding:23px; margin-right:9px; background:transparent url('../img/fondoProductoFicha.jpg') repeat-y;}
	.textoProductoFicha		{float:left; width:304px;}
	
	.zonaBotonVolver	{width:711px; text-align:right;}
	.zonaBotonVolver a	{padding:0px 0px 0px 15px; background:transparent url('../img/btnVolver.jpg') no-repeat; color:#fff; font-weight:bold;}
	.zonaBotonVolver a:hover	{text-decoration:underline;}
	
/* pie */

	.datosContacto {float:left; padding-left:8px;}
	.validaciones {float:right; padding-right:45px; text-align:center;}
	
	.estandares:link, .estandares:visited {}
	.estandares:hover {text-decoration:underline;}
	

/* formularios */
	.columnaFormContacto	{float:left; width:302px; margin-right:20px; padding-left:18px;}
	.columnaInfo	{float:left; width:336px;}
	.campos			{width:298px; border-width:0px; margin-bottom:10px; color:#000; padding:2px;}
	.zonaBoton		{margin-top:25px;}
	.boton	{color:#cc0001; background-color: #fff; font-weight:bold; display:block; padding:3px 10px;}
	.boton:hover	{color:#000;}
	
	.botonNegro			{position:absolute; top:151px; right:78px;}
	.botonNegro a		{ color:#fff; background-color: #000; font-weight:bold; display:block; padding:3px 10px;}
	.botonNegro	a:hover	{text-decoration:underline;}
	
	.desplegable	{border:solid 1px #fff; background-color:#000;}

/* Formateo */
	.clear	{margin:0px; padding: 0px; clear:both;}
	.izquierda	{float:left;}
	.derecha	{float:right;}

/* estilos */
	.rojo	{color:#ff0000;}
	.blanco {color:#ffffff;}

/* Editor */




/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... /*
/* the negative-letter spacing in this case is used to make the browser text metrics match up with */
/* the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... */
/* any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	letter-spacing:-1px;
	visibility:hidden;
}