﻿@charset "utf-8";
/*
CSS Para la seccion de promociones
Martin Olmos 12/abr/2009
*/
*
{
	margin:0;
	padding:0;
}

/*Quitamos los margenes y paddings de la seccion para que no aparezcan margenes extras*/
.wrapper
{
	padding:0;
	margin:0;
}

/*Primeramente scondemos los spans con clase hideme*/
.hideme
{
	visibility:hidden;
	display:none;
}

/*Enseguida diseñamos el menú y el encabezado*/
.area_nombreseccion /*diseño temporal ya que con el diseño oficial ésto va a cambiar*/
{
	position:relative;
}

td .titulo_bases
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	padding:0;
/*	background-color:#f7f7f7;*/
	color:#84bf3f;
	letter-spacing:-1px;	
}

td .subtitulo_bases 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	padding:0;
/*	background-color:#f7f7f7;*/
	color:#CDE5B0;
	letter-spacing:-1px;
}

.subtitulo_canj p 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
	padding:0;
	color:#CDE5B0;
	letter-spacing:-1px;
}

.subtitulo_canj
{
	padding-top:15px;
}
/*actualizacion guatemala 51-04-2010 Roberto Chavez */
.subtitulo_canj_guatemala
{
	padding-top:15px;
	padding-left:50px;
}

.tabla_bases
{
	width:100%;
	border-collapse:collapse;
	clear:right;
}



.header_verde
{
	background:url(../imagenes/titlebullet_green.gif) top left no-repeat !important;
	padding-top:4px;
	position:absolute;
	top:-4px;
	left:-6px;
	background-image: url(../imagenes/titlebullet_green.gif);
}

.header_verde div
{
	background-color:#87c03f !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:80px;
}

.area_menuseccion
{
	text-transform:uppercase;
	border-top:1px solid #d3d1d4;
	margin:0;
	padding:0;
	padding-top:5px;
	margin-top:18px;
	float:left;
	width:100%;
	background:#F7F3F7 url(../imagenes/electrodomes.jpg) no-repeat scroll right top;
}

/*Iniciamos el diseño del menú superior*/
.menuseccion
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:8px;
	/*background:url(../imagenes/electrodomes.jpg) top right no-repeat;*/
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}
.menuseccion li
{
	font-size:10pt;
	margin:0;
	padding:0;
	border-right:1px solid #00357f;
	float:left;
	list-style:none;
}

.menuseccion li,.menuseccion li a,.menuseccion li span
{
	margin-right: 4px;
}

.menuseccion a
{
	text-decoration:none;
	color:#003581;
}

.menuseccion a:hover,.menuseccion .curr_area
{
	color:#85c13d;
}

.menuseccion li.noborderder
{
	border-right:none !important;
}

/*Enseguida realizamos el diseño de la página de contenido*/

.area_contenido
{
	color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding-left:50px;
	padding-top:20px;
	/*padding-bottom:41px;*/
	background:#003581;
	zoom:100%;
	float:left;
	width:638px;
}
/*clases para contenido guatemala Roberto Chavez 15-04-2010*/

.area_contenido_g
{
	color:#FFFFFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding-left:5px;
	padding-top:20px;
	/*padding-bottom:41px;*/
	background:#003581;
	zoom:100%;
	float:left;
	width:684px;
}
.seccion_regresar
{
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:11pt;
	padding-right:10px;
	margin-right:20px;
	background:url(../imagenes/design_regresar.jpg) right 50% no-repeat;
	padding-bottom:15px;
	padding-top:15px;
	/*margin-top:40px;*/
}
.fondo_electroblue
{
	background:#003581 url(../imagenes/electrobgblue.gif) repeat-x scroll left bottom	
}


.fondo_tabla
{
	background:#F5F5F5 url(../imagenes/electrodomesticosgris.gif) no-repeat scroll center 10%;	
	margin-right:30px;	
}



.fondo_tabla td
{
   color:#003581 !important;
   font-family: Tahoma, Verdana, Arial;   
   font-size:8pt;
   font-weight:normal;
   padding-left:27px;
   padding-top:3px !important;
   padding-bottom:3px !important;
}

.fondo_tabla th 
{
  color:#003581 !important;
  font-family:Tahoma, Verdana, Arial;    
  font-size:10pt;
  font-weight:bold;	
  padding-left:30px;  
}

.fondo_canj td
{
   color:#FFFFFF !important;
   font-family: Tahoma, Verdana, Arial;   
   font-size:8pt;
   font-weight:normal;
   padding-left:27px;
   padding-top:3px !important;
   padding-bottom:3px !important;
}

.fondo_canj th 
{
  color:#FFFFFF !important;
  font-family:Tahoma, Verdana, Arial;    
  font-size:10pt;
  font-weight:bold;	
  padding-left:30px;  
}


/*Colocamos el logo y slogan de Zeta Premia*/
.area_contenido .logo
{
	background:url(../imagenes/logozetapremia.gif) top left no-repeat;
	padding-top:45px;
	padding-bottom:45px;
}
/*actualizacion guatemala 14-04-2010*/
.logo_guatemala {
	margin-left:50px;
}
/*--termina guatemala*/
.area_contenido .slogan
{
	background:url(../imagenes/tambienapuntate.gif) top left no-repeat;
	padding-top:9px;
	padding-bottom:9px;
}

/*Damos formato al contenido de la página*/

.area_contenido .contenido
{
	margin-top:5px;
	margin-right:250px;
}

.area_contenido p
{
/*	margin-top:8px;*/
}

.area_contenido a
{
	letter-spacing:-1px;
	color:#ffffff;
	text-decoration:none;
}

.area_contenido a:hover
{
	text-decoration:underline;
}

/* Formateamos la ventana de Localización de centro de canje*/
.subseccion_localidades
{
	float:right;
	margin-top:-20px;
}

.subseccion_localidades .localidades_canvas
{
	background-color:#cde5b1;
	zoom:100%; /*Para corregir el peekaboo bug en IE7*/
}

.subseccion_localidades .titulo_localidades, .subseccion_localidades .subtitulo_localidades, .subseccion_localidades .busqueda_centro_canje
{
	margin-left:25px;
	margin-right:25px;	
}

.subseccion_localidades .busqueda_centro_canje
{
	padding-bottom:20px;
}

.subseccion_localidades .titulo_localidades
{
	text-transform:uppercase;
	color:#86C03F;
	font-size:13pt;
	letter-spacing:-1px;
	padding-top:5px;
}

.subseccion_localidades .titulo_localidades span
{
	display:block;
}

.subseccion_localidades .subtitulo_localidades
{
	font-size:10pt;
	font-weight:bold;
	color:#86C03F;
	margin-top:5px;
	margin-bottom:12px;
}

/*Arreglamos el diseño de los combobox de seleccion*/
.subseccion_localidades select, .subseccion_localidades label
{
	display:block;
}

.subseccion_localidades label
{
	font-size:11pt;
	color:#7d7d7d;
	margin-top:8px;
	margin-bottom:3px;
}

.subseccion_localidades select
{
	font-size:7.35pt;
	text-transform:uppercase;
	width:191px;
}

/*Ajustamos el link de Formato de Inscripción*/
.subseccion_localidades .formato_inscripcion
{
	text-align:right;
	padding:0;
	padding-right:25px;
	padding-top:5px;
}
.subseccion_localidades .formato_inscripcion a
{
	padding-left:12px;
	letter-spacing:-1px;
	background: url(../imagenes/flechitaverde.gif) left 50% no-repeat;
}

/*Por último ajustamos el botón de regresar*/

.seccion_regresar
{
	text-align:right;
	font-family:"Courier New", Courier, monospace;
	font-size:11pt;
	padding-right:10px;
	margin-right:20px;
	background:url(../imagenes/design_regresar.jpg) right 50% no-repeat;
	padding-bottom:15px;
	padding-top:15px;
	/*margin-top:40px;*/
}

/*Por último daremos formato al banner de los ganadores del mes de Zeta */
.footer_ganadoresmes
{
	background:#CDE5B0 url(../imagenes/ganadores_mes.jpg) left top no-repeat;
	padding-top:23px;
	padding-bottom:5px;
	padding-right:25px;
	float:left;
	width:663px;
}

.footer_ganadoresmes .contenido
{
	margin-left:150px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#525252;
	text-align:justify;
}

.footer_ganadoresmes .contenido .mensaje_bold
{
	font-weight:bold;
}

.footer_ganadoresmes a
{
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10pt;
	text-decoration:none;
}

.footer_ganadoresmes .ganadores_zetapremia
{
	display:block;
	text-align:right;
}
.footer_ganadoresmes a:hover
{
	text-decoration:underline;
}
/* estilos para menu */

/*.menuarea_submenu1{
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	top:24px;
	padding:6px;
	width:230px;
	z-index:2;
	white-space:nowrap;
}
.submenu_canvas{
	position:relative;
}
.menuarea_submenu1 li{
	display:block;
	border:0;
	/*position:relative;
	width:100%;
}*/
/*
	Los siguientes estilos aplican el diseño a los submenús azules que aparecen solamente 
	dentro de los menús con bullet verde. No plaica en los menús de banners
*/

.submenu_canvas
{
	position:relative;
	z-index:10;
}

.submenu_canvas .menuarea_submenu1
{
	position:absolute;
	top:16px;
	float:none !important;
	left:0px;
}

.submenu_canvas .menuarea_submenu1 li
{
	float:none !important;
	margin-right:0 !important;
	white-space:nowrap;
	background-color:#6687b4;
	border-bottom:1px solid #FFFFFF;
	padding:0 !important;
	font-size:7pt !important;
}

.submenu_canvas .menuarea_submenu1 .ultimo_menu
{
	border-bottom:none;
}

.submenu_canvas .menuarea_submenu1 li a
{
	display:block;
	color:#FFFFFF !important;
	padding:5px;
	font-weight:normal;
	border-left:none !important;
	margin-right:0;
}

.menuarea_submenu1_seleccionado
{
	padding:0;
}

.menuarea_submenu1_seleccionado span
{
	padding:5px;
	display:block;
	border-left:0 !important;
}

.submenu_canvas .menuarea_submenu1 li a:hover
{
	text-decoration:none;
	background-color:#b2c2d9;
	color:#FFFFFF;
	
}

/*Clase para poner los submenús que estan seleccionados*/
.seleccionado, .seleccionado span, .seleccionado a 
{
color:#87C03F !important;
font-weight:bold;
}
/*Termina Formato de menús*/
.articulos
{
   background-image:url(../imagenes/electrodomesticosgris.gif) left top no-repeat;
   background-color:#FFFFFF;
}