* + html #nav li {
	float: left;
	width: 19%;
	margin: 0 0 0 0;
	display: inline;
	}
	
	
* + html #content {
	width: 50%;
	height: 60.63em;	
	margin: -13em 0 0 0;
	padding: 0em 0 0 1em;
	}

html {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	margin: 0 .94em 0 .63em;
	
	}

#wrap {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	max-width: 1351px;
	min-width: 1000px;
	margin-right: auto;
	margin-left: auto;

	}

/**
4 em= 64 pixels
8 em= 128 pixels

hex code for yellow in flag logo: eeed31
hex code for red in flag logo: d82a29
hex code for blue in flag logo: 333f8b
hex code for green in flag logo: 009d40

hex codes for two samples of lake near the shore: 
#839eb1
#86aec4

hex code for blue windows on Monona Terrace
#365d7d

hex code for light green leaves on tree: 68876f
hex code for dark green bushes: 26482c
hex code for most of sky: a5cae4

max-width: 1400 pixels=87.50em;
min-width: 900 pixels=56.25em;

**/


#banner {
	position: relative;
	width: 100%;
	height: 8.65em;
	padding: .1em 0 0 0;
	background: url(images/madison_1351_w.png) repeat-x;
	}

	
#logo {
	float: right;
	margin: -.1em .25em 0 0;
	}

.slogan {
	margin: 7em 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	font-weight: bold;
	}


#nav {
	min-width: 56.25em;
	height: 1.6em;
	margin: 0 0 0 0;
	background-color: #d82a29;
	}

#nav ul {
	list-style: none;
	display: inline;
 	padding: 0em;
 	margin: 0em;
 	width: 100%;
	}
 
#nav ul li {
	float: left;
	margin: 0 0 0 0;
	display: inline;
	width: 20%;
	}

* + html #nav ul li {
	float: left;
	margin: 0 0 0 0;
	display: inline;
	width: 10.75%;
	}

a {
	text-decoration:none
	} 

a.menu:link, a.menu:visited {
	font:  bold 1.25em  "arial narrow", "helvetica condensed", sans-serif;
	display: block;
	height: 1.3em;
	color: #eeed31;
	border-right: 1px solid #ffffff;
	text-decoration: none;
	text-align: center;
}

a.menuright:link, a.menuright:visited {
	font:  bold 1.25em  "arial narrow", "helvetica condensed", sans-serif;
	display: block;	
	color: #eeed31;
	border-right: 1px solid #d82a29;
	text-decoration: none;
	text-align: center;
	}

a.home {
	font:  bold 1.25em  "arial narrow", "helvetica condensed", sans-serif;
	height: 1.3em;
	display: block;
	color: #eeed31;
  background-color: #333f8b;
	border-right: 1px solid #333f8b;
	text-decoration: none;
	text-align: center;
}

a:hover {
  background-color:#FFFFFF; 
}

#slice {
		margin: .45em 0 0 0;	
		height: 1em;
		background-color: #a5cae4;
	}

#contenido {
	width: 57.5%;
	height: auto;	
	margin: 0em 0 0 0;
	padding: 0em 0 0 1em;
	}

#grupos_clasificados {
	position: relative;
	width: 25%;
	height: 30.63em;	
	margin: 0em 0 0 0;
	}
	
#anuncios {
	position: relative;
	width: 75%;
	height: 60.63em;	
	margin: -30.5em 0 0 11em;
	}


#triggers {
float:left;
color: blue;
margin: -1em 0 0 0;
font-size: .9em;
}
#triggers div {
cursor:pointer;
margin: .6em 0 0 0; 
}

#first {
}
#second {
	margin: -1.25em 0 0 0;
}
#third {
	margin: -28em 0 0 0;
}
#fourth {

}
#fifth {
}
#sixth {
}
#seventh {
}
#eighth {
}
#ninth {
}
#tenth {
}
#eleventh {
}
#twelfth {
}
#thirteenth {
}
#fourteenth {
}
#fifteenth {
}
#sixteenth {
}
#seventeenth {
}

.detail {


}

#negocios_contenido {
	width: 75%;
	height: 39em;	
	margin: 0em 0 0 0;
	padding: 0em 0 0 1em;
	}
	
* + html #negocios_contenido {
	width: 75%;
	height: auto;	
	margin: -28em 0 0 0;
	padding: 0em 0 0 1em;
	}


#letras_arriba {
	position:absolute;
	width:45em;
	height:12.50em;
	margin: .5em 0 0 0;
}

#letras_centro {
	position:absolute;
	width:37.50em;
	height:12.50em;
	margin: 20em 0 0 0;
}

#cat_left {
	position:absolute;
	height: 10em;
	width: 10em;
	margin: 0em 1em 0em 0em;
	left: -1px;
	top: 1px;
}
#cat_center {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 0em 1em 0em 12em;
	
}
#cat_right {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 0em 0em 0em 24em;
}

#cat_far_right {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 0em 0em 0em 36em;
}


#cat_left_2 {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 1em 1em 0em 0em;
	left: -1px;
	top: 1px;
}
#cat_center_2 {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 1em 1em 0em 12em;
	
}
#cat_right_2 {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 1em 0em 0em 24em;
}

#cat_far_right_2 {
	position:absolute;
	height:10em;
	width: 10em;
	margin: 1em 0em 0em 36em;
}

.category_row_1 {
	position: relative;
	font: 1.25em Arial, Helvetica, sans-serif;
	margin: 0em 0em 0em 0em;
	background-color:#f6d001;
	color: #d82a29;
	text-align: center;
	font-weight: bold;
	}

.category_row_2 {
	position: relative;
	margin: 0em 0em 0em 0em;
	background-color:#f6d001;
	font: 1.25em Arial, Helvetica, sans-serif;
	color: #d82a29;
	text-align: center;
	font-weight: bold;
	}


#indent_1a {
	margin: 0 0 0 2.5em;
}

#indent_1b {
	margin: 0 0 0 2.5em;
}

#indent_1c {
	margin: 0 0 0 3em;
}

#indent_1d {
	margin: 0 0 0 3em;
}

#indent_2a {
	margin: 0 0 0 2.5em;
}

#indent_2b {
	margin: 0 0 0 2.5em;
}

#indent_2c {
	margin: 0 0 0 3em;
}

#indent_2d {
	margin: 0 0 0 3em;
}

.menu_admin {
	float: left;
	margin: 20em;
}

#derecha {
	float: right;
	height: auto;
	width: 19.5%;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	}

#columna2 {
  width: 20%;
  height: auto;
  margin-top: .6em;
  margin-right: 0em;
  padding: 0 0 0 0;
  float: right;
}

#neg_derecha {
	float: right;
	height: 28em;
	width: 35%;
	margin: 0 0 0 0;
  }

#derechanueva {
	float: right;
	background-color: #f6d001;
}

#derechanueva_interior {
	float: right;
	margin: .5em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 100%;
	background-color: #ffffff;
}

img.slide {
  width:99.45%;
  height: 31.87em;
  right:0em;
  margin: 0em 0em .98em 0em;
}

img.xslide {
  width:95%;
  height: 15.43em;
  right:0em;
  margin: 0em 0em .98em 0em;
}

img.zslide {
  width:95%;
  height: 3.4em;
  right:0em;
  margin: 0em 0em .98em 0em;
}

#derecha_forma {
	background-color: #f6d001;
	float: right;
	height: 22em;
	width: 55%;
	margin: 0 0 0 0;
	}

#correo_1 {
	float: left;
	margin: 0em 0 0 .3em;
	}


#correo_2 {
	float: left;
	margin: -1em 0 0 .3em;
	}

#correo_1 {
	float: left;
	margin: 0em 0 0 .3em;
	}

#registracion {
	float: left;
	width: 45%;
	margin: 0em 0 0 .5em;
	}

#busqueda {
	float: right;
  width:96.5%;
  margin-top: .55em;
  margin-bottom: .55em;
  margin-left: .55em;
	padding: .25em;
	background-color: #333f8b;
	}

#login {
	float: right;
	margin: .55em;
	padding: .25em;
	background-color: #333f8b;
	}

#clima {
	margin: .5em 0em 0 0;
 	text-align: center;
 	vertical-align: middle;
	}

h1 {
	margin: .5em 0 .5em 0;
	font: 1.55em Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}



h2 {
	font: 1.25em Arial, Helvetica, sans-serif;
	margin: .5em 0 -.5em 0;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}

h3 {
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0 0 0;
	color: #000000;
	text-align: left;
	}

.clasificados_heading {
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0em 0 0 0;
	color: #000000;
	text-align: left;
	}



p  {
	font: .9em "lucida sans", "lucida bright", Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: .5em .94em .31em 0em;
	}

td  {
	font: .9em "lucida sans", "lucida bright", Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	}

th  {
	font: 1.1em "lucida sans", "lucida bright", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	text-align: left;
	}

.dato_negocio {
	font: .9em "lucida sans", "lucida bright", Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0em .94em .1em 0em;
}

.evento_fecha {
	font: 1.1em "lucida sans", "lucida bright", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#6600FF;
	text-align: left;
	margin: 0em .94em -.5em 0em;
}

.right {
	float: right;
	padding: 0.75em;
	background-color: #333f8b;
	height: 1.5em;
	}
	
.button_right {
	float: right;
	margin: 0 3.75em 0 0;
	}

.button_far_right {
	float: right;
	margin: 0 .25em 0 0;
	}

	
.right_no_blue {
	float: right;
	padding: 1em;

	}
	
.pnotop  {
	font: .9em arial, helvetica, sans-serif;
	color: #000000;
	margin: -.5em .94em .31em 0em;
	}

.quick_links_no_top  {
	font: 1em Arial, Helvetica, sans-serif;
	color: #b00000;
	text-align: center;
  width:100%;
	}


.quick_links  {
	font: 1em Arial, Helvetica, sans-serif;
	color: #f00000;
	text-align: center;
	margin: .0em .0em .0em 0em;
	}

img.floatLeft { 
    float: left; 
    margin: 0em 0em 0em 0em; 
	}

#publicidad {
	clear: both;
	margin: 2em 0 0 0;
	font: 1.5em Arial, Helvetica, sans-serif;
	color: #009d40;
	text-align: left;
}

.center {
	padding: 0 0 0 2em;
}

.title_center	
	{
	margin: .2em 0 0 10em;	
}

.title_small_font
	{
	margin: 0 0 0 1em;
	font: .85em Arial, Helvetica, sans-serif;
	}

.reg_link_negocios
	{
	margin: -.5em 0 0 0em;
	font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

.foot_indent {
	margin: 0 0 0 0;
  color: #000000;
  text-align: center;
}

	
#foot {
	clear: both;
	width: 99%;
	margin: 0 0 0 0;
	font: .75em arial, helvetica, sans-serif;
  color: #000000;
  text-align: center;
}

/* Ticomputer WWW3*/
#tablas {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
}

#tablas td, #tablas th {
  font-size:.7em;
  border:1px solid #98bf21;
  padding:3px 7px 2px 7px;
}

#tablas th {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  background-color:#A7C942;
  color:#ffffff;
}

#tablas tr.alt td {
  color:#000000;
  background-color:#EAF2D3;
}

/* Ticomputer 6-17-2010 */
fieldset#marco {
  margin-bottom:1em;
  width:40em;
  padding-top:1.5em;
  background:#E0FFE0;
  border:outset #E0FFE0;
}

p.titulo {
  background:#DED983;
  color:black;
  border:2px outset #DED983; 
  padding:.2em .3em;
  position:relative;
  margin: 1em 0 -1em 1em; 
  width:10em;
}

/* Hide the fieldset element's border */
#submitEve {
  border-style: solid; 
  border-width: 1px;
  border-color: #DEDEDE;
}

/* Disable the display of list numbering */
#submitEve ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Add some space between form fields */
#submitEve li {
  margin-bottom: 2px;
}

/* Set width of labels to 15 percent and configura them */
#submitEve label {
  width: 34%;
  float: left;
  text-align: right;
  margin-right: 1%;
}

#neg_center {
	position:absolute;
	height:10em;
	width:10em;
	margin:0em 1em 0em 12em;
	top:1em;
}

a.boton {
  display: block;
  font: 14px Arial;
  text-decoration: none;
  text-align: center;
  width: 200px;
  height: 20px;
  background-image: url("/images/red.png"); 
  color: white;
}

a.boton:focus {
  background-image: url("/images/yellow.png");
  color: blue;
}

a.boton:hover {
  background-image: url("/images/yellow.png");
  color: blue;
} 

a.boton:active {
  background-image: url("/images/yellow.png");
  color: blue;  
}

input:focus {
  background-color: #FFFFCC;
}

img.iconos {
  border: none;
}

.encabezado {
  width: 500px;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  background-color: #CCCCFF; 
}

.nav_links {
width: 49.3%;
height:1.1em;
float: left;
}

.nav_cta {
width: 19.5%;
text-align: right;
float: left; 
font-size: small;
}

.usuario {
width: 29%;
font-size: small;
float: left;
height:1.4em;
}

.nav_sup {
width:99%;
text-align: left;
font-size:small;
clear: both;
}

#neg_regis {
  width: 550px;
  height: 80px;
  border-style: solid;
  border-width: 1px;
  border-color: #DEDEDE;
  overflow: auto;
  padding-left: 4px; 
  padding-bottom:4px;
}

.num_pag {
  text-align: center;
}

.valida {
  width:5em;
  text-align: center;
  background-image: url("/images/fondo.png"); 
}

hr {
  border-style: solid; 
  border-color: #DEDEDE; 
  border-width: 1px;
  clear:left;
}

/* Son los bloques para la informacion de los negocios*/
#nego {
width:100%;
}

#info_neg {
width:70%;
float: left;
}

#dib_neg {
margin-top:0.5em;
margin-bottom:0.8em;
width:26%;
float: left;
}

#info_neg_bas {
 clear:left;
}

/* Son los bloques para la informacion de los clasificados */
#even {
width:100%;
}

#info_even {
width:70%;
float: left;
}

#dib_even {
margin-top:0em;
margin-bottom:0.4em;
width:21%;
float: left;
}

h4.tit_c {
width:100%;
text-align:center;
height:1.5em;
padding-top: 4px;
margin-bottom:0px;
background-color: #E0F0FF;
border-top-style:solid;
border-top-color: #B0C0FF;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-color: #B0C0FF;
border-bottom-width:1px;
}