/* COLORES
AZUL CLARO #5198ce
AZUL OSCURO #136ab4
CELESTE #e4eff8
GRIS #58595b


*/
body { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; color: #36393a; margin: 0px; margin: 0px; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.nota { font-size: 11px; }
a { color: #136ab4; }
a:hover { color: #4e96cd; }

.contenido { background: url(images/base_contenido.png); background-repeat: no-repeat; }

.pie, .pie a { color: #020000; font-size: 10px; padding: 6px; text-align: center; text-decoration: none; }

div.hr { border: 0px; border-bottom: 1px dashed #5198ce; height: 1px; margin: 10px; }
div.hr hr { display: none; }

.principal { padding: 54px 10px 20px 82px; vertical-align: top; }
.home, .productos, .eventos { padding: 67px 10px 20px 61px; vertical-align: top; }

.principal .titulo { padding-bottom: 20px; }
.home .titulo, .eventos .titulo, .productos .titulo, .productos .navegador { padding-bottom: 11px; }

.principal .subtitulo { padding-left: 20px; padding-bottom: 25px; }
.home .subtitulo { padding-bottom: 25px; }
.productos .subtitulo { padding-bottom: 25px; color: #136ab4; font-size: 14px; font-weight: bold; }

.principal .texto { padding-left: 20px; }

input, select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
input { border: 1px solid #5198ce; background-color: #e6e7e8; width: 240px; }

/* CONTACTO */
.contacto input { width: 200px; }
.contacto form i { font-size: 10px; }

/* NAVEGADOR */
select { border: 1px solid #5198ce; background-color: #FFFFFF; }

/* BUSCADOR */
.buscador { padding-top: 10px; width: 180px; float: left; }
.buscador td { font-size: 9px; color: #FFFFFF; }
.buscador_contenedor { padding: 0px 15px 2px 15px; }
.buscador input { border: 1px solid #136ab4; background-color: #FFFFFF; width: 105px; height: 17px; padding: 2px; }

/* PAGINADO */
.paginado { font-size: 9px; color: #e4eff8; }
.paginado a { color: #136ab4; text-decoration: none; }
.paginado a:hover { color: #5198ce; }

/* AREA PRIVADA */
.area td { font-size: 9px; color: #FFFFFF; }
.area { padding-top: 10px; width: 180px; }
.area_contenedor { padding: 0px 15px 2px 15px; }
.area input { border: 1px solid #136ab4; background-color: #FFFFFF; width: 100px; height: 15px; padding: 2px; }
.area a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
.area a:hover { text-decoration: underline; color: #FFFFFF; font-weight: bold; }

/* AVISOS */
.avisos { font-size: 11px; margin: 20px; }
.fecha { color: #136ab4; }
.avisos .titulo { color: #136ab4; font-weight: bold; padding-bottom: 0px; }
.avisos .subtitulo { font-size: 12px; color: #136ab4; font-weight: bold; padding-bottom: 6px; }

/* PRODUCTOS */
.items td { font-size: 11px; }
.items .marca, .items .titulo, .items .descripcion { padding: 2px 6px 2px 6px; }
.items td a { color: #136ab4; text-decoration: none; }
.items td a:hover { color: #5198ce; }
.items .marca { color: #136ab4; font-size: 12px; font-weight: bold; background-color: #dadbdd; height: 14px; }
.items .titulo { color: #136ab4; height: 10px; }
.productos .items .titulo { background-color: #f1f1f2; }
.items .descripcion {  height: 60px; vertical-align: top; }
.ofertas .items .descripcion {  height: 20px; vertical-align: top; }
.ofertas { padding-right: 5px; }


/* POP UP */
.popup .pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-top: 18px;
	padding-left: 18px;
	line-height: 15px;
	background-repeat: repeat-x;
}
.popup .nota { font-size: 10px; color: #999999; padding: 4px; }

/* EVENTOS */
.eventos form table { background-color: #e4eff8; }
.eventos form table td { font-size: 11px; }
.eventos form table .titulo { font-weight: bold; padding-bottom: 2px; }
.eventos form table .subtitulo { color: #136ab4; padding-bottom: 14px;  }
.eventos form .combos td { padding: 2px 20px 0px 0px;  }
.eventos .items { margin-top: 20px; width: 580px; }
.eventos .item { margin-bottom: 10px; }
.eventos .item td { font-size: 12px; }
.eventos .item .categoria, .eventos .item .fecha, .eventos .item .titulo { font-weight: bold; padding-left: 10px; }
.eventos .item p { padding-left: 10px; font-size: 11px; }
.evento .fecha, .evento .titulo, .evento .texto { text-align: left; }

/* CALENDARIO */
.calendario { margin-top: 10px; }
.calendario table { background-color: #dddddd; }
.calendario caption, .calendario td, .calendario th, .calendario a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none; }
.calendario td { background-color: #eeeeee; padding: 2px; }

caption { background-color: #cccccc; padding: 4px; }

.calendario .anterior { text-align: left; }
.calendario .siguiente { text-align: right; }
.calendario th { text-align: center; color: #000000; }
.calendario td { text-align: right; }
.calendario .selected { background-color: #5198ce; }
.calendario .selected:hover { background-color: #136ab4; }
.calendario a { color: #000000; }

/* ACTUALIDAD */
.evento { font-size: 11px; padding: 10px 4px 4px 4px; }
.evento .titulo { font-size: 12px; color: #136ab4; font-weight: bold; }
.evento a { color: #136ab4; text-decoration: none; float: right; }
.evento a:hover { color: #5198ce; }

/* NEWSLETTER */
.newsletter { color: #58595b; font-size: 11px; padding-left: 2px; }
.newsletter form input { border: 1px solid #5198ce; background-color: #e6e7e8; width: 100px; }
.newsletter form .radio { border: 0px; width: 10px; }
.newsletter .nombres { color: #136ab4; font-size: 10px; }
.newsletter .titulo { color: #136ab4; font-weight: bold; }
.newsletter i { font-size: 10px; }

/* FORMA PARTE */
.forma_parte form i { font-size: 10px; }

/* REPRESENTANTES */

.representantes { font-size: 10px; }
.representantes .acor { width: 500px; text-align: left; }
.representantes #area { cursor: pointer; text-transform: uppercase; border-top: 3px solid #58595b; }
.representantes h3 { padding: 2px 0px 0px 0px; margin: 0px; font-size: 14px; }
.representantes .prov, .representantes  #partido, .representantes  .barrio { font-size: 12px; text-transform: uppercase; font-weight: bold; background-color: #5793af; color: #FFF; padding: 2px 2px 2px 4px; margin: 10px 0px 3px 0px; }
.representantes .ciudad { color: #5198ce; font-weight: bold; font-size: 12px; margin-top: 7px; }
.representantes .local { background-color: #e4eff8; margin: 4px 0px 3px 0px; padding-left: 2px; font-weight: bold; }