html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:62.5%;
	font-family: Verdana, sans-serif;
	background: #fff url(../img/body-fondo.png) repeat-x;
	text-align: center;
	color: #727272;
}

/* ============ TAGS GLOBALES ============ */

img {
	border: 0px;
}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

h1,h2,h3,h4,h5,h6 {
	padding: 0;
	margin: 0;
}

form,fieldset,label,input {
	padding: 0;
	margin: 0;
}

fieldset {border: 0;}

p {margin: 1em 0;}

.hidden, .invisible {display: none;}
.clear {clear: both;}

.hr {clear: both; display: block; border-top: 1px solid #BBBBBB;}
.hr.grande {margin: 0.6em 0;}


/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	background: #fff url(../img/wrapper-fondo.gif) repeat-y;
	border: 5px solid #fff;
	border-width: 0px 5px;
}
#top {background: #fff url(../img/wrapper-fondo.gif) repeat-y;}
	h1 a {
		width: 320px;
		height: 82px;
		margin: 14px 0 2px 21px;
		text-indent: -9000px;
		background: url(../img/h1-pedro-mazza.png) no-repeat;
		float: left;
	}
	#top form {
		width: 303px;
		float: right;
		margin-right: 10px;

	}
		#top form legend {display: none;}
		#top fieldset {background: url(../img/login-legend.png) no-repeat; padding-top: 34px; position: relative;}
		#top .error {display: block; margin: -32px 0 0 185px; position: absolute; font-size: 1.1em; font-weight: bold; background-color: #FFFA6F; padding: 2px; color: #000; border: 2px solid #FCF02D;}
		.login-texto {padding: 2px; width: 80px;}
		#top label {font-size: 1.1em; color: #2A8FC5; padding-right: 3px;}
		#top p {background: url(../img/punteado-hor.gif) repeat-x 0 bottom; padding-bottom: 8px; margin-top: 0px;}
		.login-recuperar {display: block; font-size: 1.1em; color: #838383; padding-left: 25px; background: url(../img/login-recuperar.gif) no-repeat 5px 0px; height: 15px;}
		.login-recuperar:hover {color: #000;}
		.login-submit {float: right; margin: -2px 5px 0 0;}
		
		#top .nombre-user {font: bold 1.3em Georgia, "Times New Roman", serif; padding: 0 0 8px 0.5em;}
			.editar-datos, .cerrar-sesion {margin-top: -3px; text-indent: -9000px; display: block; width: 93px; height: 16px; float: left; margin-right: 5px; background: url(../img/editar-datos-btn.png) no-repeat; outline: none;}
			.cerrar-sesion {background: url(../img/cerrar-sesion-btn.png) no-repeat; width: 99px;}
		
		#decoracion {
			display: block;
			clear: both;
			width: 768px;
			height: 99px;
			margin-left: 1px;
			overflow: hidden;
			position: relative;
		}
		
		#botonera {
			margin: 0 1px;
			width: 768px;
			height: 80px;
			background: url(../img/botonera.png) no-repeat;
			overflow: hidden;
		}
			#botonera li {display: block; float: left; margin: 0 0 0 11px;}
			#botonera a {display: block; text-indent: -9000px; background-image: url(../img/botonera.png); background-repeat: no-repeat; outline: none;}
			#botonera #btn-home {
				margin: 0 0 0 105px;
				width: 64px;
			}
				#btn-home a {width: 64px; height: 60px; background-position: -105px 0;}
				#btn-home a:hover {background-position: -105px -80px;}
				#btn-home .seleccionado, #btn-home .seleccionado:hover {background-position: -105px -160px;}
			
			#btn-institucional {
				width: 114px;
			}
				#btn-institucional a {width: 114px; height: 48px; background-position: -180px 0;}
				#btn-institucional a:hover {background-position: -180px -80px;}
				#btn-institucional .seleccionado, #btn-institucional .seleccionado:hover {background-position: -180px -160px;}
			
			#btn-didactico {
				width: 165px;
			}
				#btn-didactico a {width: 165px; height: 39px; background-position: -305px 0;}
				#btn-didactico a:hover {background-position: -305px -80px;}
				#btn-didactico .seleccionado, #btn-didactico .seleccionado:hover {background-position: -305px -160px;}
			
			#btn-servicios {
				width: 86px;
			}
				#btn-servicios a {width: 86px; height: 45px; background-position: -481px 0;}
				#btn-servicios a:hover {background-position: -481px -80px;}
				#btn-servicios .seleccionado, #btn-servicios .seleccionado:hover {background-position: -481px -160px;}
			
			#btn-contacto {
				width: 86px;
			}
				#btn-contacto a {width: 86px; height: 56px; background-position: -578px 0;}
				#btn-contacto a:hover {background-position: -578px -80px;}
				#btn-contacto .seleccionado, #btn-contacto .seleccionado:hover {background-position: -578px -160px;}
			
#fondo-gris {background: url(../img/contenido-fondo.png) no-repeat 11px bottom; overflow: hidden; }

#mapa {
	float: left;
	width: 240px;
	padding-top: 35px;
	background: url(../img/mapa-top.png) no-repeat;
	margin: -21px 0 0 11px;
}
	#mapa h4 a {text-indent: -9000px; display: block; width: 240px; height: 21px; }
	#mapa h4 .referencias {background: url(../img/referencias.png) no-repeat; margin-top: -2px;}
	#mapa h4 .satelital {background: url(../img/imagen-satelital-btn.png) no-repeat; padding-bottom: 2px;}
	#mapa-pie {
		display: block;
		width: 240px;
		height: 30px;
		background: url(../img/mapa-bottom.png) no-repeat 0 top;
		margin: -2px 0 10px 0;
	}
	.estado-general {margin-top: -2px; background-color: #147FB9; padding-bottom: 3px; }

.banner-gris {width: 190px; margin: 0 auto 1em auto; }

#contenido {
	float: left;
	width: 500px;
	margin: -24px 0 0 10px;
}
	#col-chica {margin: 0 10px 0 0; width: 186px; font-size: 1.2em; float: left; line-height: 1.4;}
		#col-chica h2 {
			color: #1580BA;
			font: normal 2.3em Georgia, "Times New Roman", serif;
		}
		#col-chica .fecha {
			display: block;
			color: #1580BA;
			margin: 1em 0 -1em 0;
		}
		#col-chica a {color: #1580BA;}
		#col-chica a:hover {color: #002F6E;}
		#col-chica strong {color: #1580BA;}
		
		#tit-argentina {
			text-indent: -9000px;
			height: 35px;
			width: 160px;
			background: url(../img/tit-argentina.png) no-repeat;
			margin: 0 0 0 12px;
		}
		#tit-estado-general {
			text-indent: -9000px;
			width: 186px;
			height: 18px;
			background: url(../img/tit-estado-gral.gif) no-repeat;
		}
	#col-gris {
		float: left;
		width: 273px;
		background: #EBEBEB url(../img/gris-fondo.png) no-repeat 0 bottom;
		padding: 0 15px 20px 15px;
		font-size: 1.1em;
		min-height: 421px;
		overflow: hidden;
	}
	#col-gris.vacio {
		background-image: url(../img/gris-fondo-vacio.png);
		min-height: 0;
	}
		#col-gris h2 {
			background: url(../img/gris-h2.png) no-repeat;
			font: normal 2.2em Georgia, "Times New Roman", serif;
			color: #000;
			padding: 28px 0 0 38px;
			margin: 0 -15px;
		}
		#col-gris a {
			color: #000;
			/*color: #497A1A;
			border-bottom: 1px dashed #8aa76e;*/
			padding-bottom: 2px;
		}
		#col-gris a:hover {color: #497A1A; /*background-color: #497A1A; color: #fff; border: 0;*/}
		/*#col-gris-pie {display: block; width: 303px; height: 13px; background: url(../img/gris-pie.png) no-repeat; margin: 0 -15px;}*/
		
		#regiones fieldset {width: 271px; height: 30px; background: url(../img/regiones-fondo.png) no-repeat;}
		#regiones legend {display: none;}
		#regiones select {width: 156px; height: 20px; padding: 1px 0 0 2px; margin: 4px 0 0 100px; font: normal 1em Verdana, sans-serif;}
		
		#col-gris h3 {font: bold 1.2em Georgia, "Times New Roman", sans-serif; color: #3A690C; border-bottom: 1px solid #C0C0C0; padding: 0 0 6px 18px; margin: 6px 0;}
		#col-gris ul {margin: 0 0 0 18px;}
			#col-gris li {color: #5C5C5C; padding: 0 0 0 13px; background: url(../img/regiones-bullet.gif) no-repeat 0 6px; line-height: 1.5;}
				#col-gris li a {border: 0; color: #5c5c5c;}
		
		#col-gris .venta {padding: 8px 0 2px 0; border: 1px solid #C0C0C0; border-width: 1px 0; font: bold 1.1em Georgia, "Times New Roman", serif; text-transform: uppercase; margin: 1em 0;}
		#col-gris .venta li {line-height: 1.2; background: url(../img/flecha-verde.gif) no-repeat 0 3px; margin-bottom: 6px; color: #497A1A;}
		#col-gris .venta .celeste {background: url(../img/flecha-azul.gif) no-repeat 0 3px; color: #1580BA;}
		#col-gris .venta li a {color: #497A1A;}
		#col-gris .venta li a:hover {background: none; border-bottom: 1px dashed #497a1a; padding-bottom: 0;}
		#col-gris .venta .celeste a {color: #1580BA;}
		#col-gris .venta .celeste a:hover {border-bottom: 1px dashed #1580ba;}
		
		#col-gris #texto-venta {}
			#col-gris #texto-venta p {line-height: 1.5;}
			#col-gris #texto-venta p em {font: bold 1.1em Georgia, "Times New Roman", serif; color: #fff; background-color: #525252; text-transform: uppercase; padding: 0 3px; }
			#col-gris #texto-venta p strong {font: bold 1.1em Georgia, "Times New Roman", serif; text-transform: uppercase; color: #2C2C2C; }
			#col-gris #texto-venta .tverde em {background-color: #699144;}
			#col-gris #texto-venta .tazul em {background-color: #4095C4;}
					
		
		.colref {width: 240px; display: block; float: left; margin: 1em 0; }
			.colref dt {display: block; float: left; clear: left; height: 38px; }
			.colref dd {display: block; padding-top: 8px; text-indent: 8px; height: 30px; }
			.colref.right {border-left: 1px solid #CECECE; padding-left: 20px; width: 220px;}

		
		.regiones {display: none;}
		
		.zonas {background-color: #EBEBEB; border: 1px solid #CECECE; border-width: 1px 0; padding: 6px 16px; overflow: hidden;}
			.zonas h4 {color: #3A690C; font: normal 1.6em Georgia, "Times New Roman", serif; margin: 2px 0 2px 18px;}
			.zonas p {float: right; border-left: 1px solid #C0C0C0; margin: 0 0 0 10px; padding: 0 0 10px 10px; width: 165px; font-size: 0.9em;}
			.zonas p a {color: #689043; text-decoration: underline;}
			.zonas ul {font-size: 0.9em; margin: 6px 0 0 19px;}
				.zonas li {background: url(../img/regiones-bullet.gif) no-repeat 0 6px; padding-left: 12px;}
				.zonas li a {color: #727272;}
				.zonas li a:hover {color: #fff; background-color: #497A1A;}
		
		#form_contacto {margin: 15px 0 0 0;}
			#form_contacto label {
				display: block;
				font: bold 1.1em Georgia, "Times New Roman", serif;
				padding: 3px 0 7px 7px;
				margin: 7px 0 0 0;
				color: #147FB9;
				background: url(../img/contacto-label.png) no-repeat;
				color: #fff;
			}
			#form_contacto .input-texto {
				display: block;
				padding: 2px;
				width: 264px;
			}
			#form_contacto textarea {
				display: block;
				padding: 2px;
				width: 264px;
				height: 100px;
			}
			#form_contacto select {width: 270px; height: 20px; padding: 1px 0 0 2px; margin: 4px 0 0 0px; font: normal 1em Verdana, sans-serif;}

			.submit-contacto {
				display: block;
				margin: 10px auto 0 auto;
			}
	
	.form-registro {}
		.form-registro legend {display: none;}
		.form-registro fieldset {	background-color: #EBEBEB; padding: 10px 20px;	}
		.form-registro strong {display: block; margin: 5px 0 0 0;}
		.form-registro .tit-label {display: block; font: normal 1.3em Georgia, "Times New Roman", serif; color: #2C5504; }
		.form-registro .input-texto {padding: 2px; width: 440px; margin: 2px 0 6px 0; font-size: 1.3em;}
		.form-registro .checkbox {margin: 0 4px 0 0;}
		.form-registro .submit-registracion {margin: 10px 0 0 0;}
	
	.arancelado {display: block; text-indent: -9000px; background: url(../img/servicio-arancelado.png) no-repeat; height: 30px; }
	
	#col-grande {	
		width: 495px;
		font-size: 1.2em;
		line-height: 1.5;
		overflow: hidden;
		margin: 0 0 0 4px;
		padding-bottom: 1em;
	}
		#col-grande h2 {
			color: #1580BA;
			font: normal 2.3em Georgia, "Times New Roman", serif;
		}
		#col-grande h3 {
			clear: both;
			font: normal 1.5em Georgia, "Times New Roman", serif;
			color: #000;
			padding: 0.4em 0 0 18px;
			margin-bottom: 10px;
			background: url(../img/h3-asterisco.gif) no-repeat 0 0.7em;
		}
			#col-grande h3 a {color: #000; border-bottom: 1px solid #000;}
			#col-grande h3.flota {float: left;}
		
		#col-grande .h4zona {font: normal 1.3em Georgia, "Times New Roman", serif; margin: 4px 0 -6px 0;}
		.link-cambia {float: left; font-size: 0.9em; margin: 9px 0 0 8px; color: #a1a1a1; border-bottom: 1px solid #a1a1a1;}
		.link-cambia:hover {background-color: #E1E1E1; color: #000;}
		#col-grande .pronostico, #col-grande .otro {
			font-size: 1.8em;
			color: #497A1A;
			background: none;
			border-bottom: 1px solid #BBBBBB;
			padding: 0.3em 0 3px 0;
			margin-bottom: 0;
		}
		#col-grande .pronostico.chico {border: none; font-size: 1.7em; padding-bottom: 0; margin-bottom: 0;}
		#col-grande .pronostico.mareologico {border: none; font-size: 1.6em; color: #0E4D6E; padding: 0 0 0 46px; background: url(../img/olitas.png) no-repeat 0 6px; margin: 1em 0 0 0; }
		#col-grande .otro {font-size: 1.5em; color: #0E4D6E; border: none;}
		
		.adjunto {font-weight: bold; color: #525252; padding: 5px 0; display: block; padding-left: 30px; background: url(../img/report.png) no-repeat 8px 6px; }
			.adjunto:hover {color: #000;}
		
		#col-grande .listadoServ {margin: 1em 20px; }
			#col-grande .listadoServ li {padding-left: 15px; background: url(../img/regiones-bullet.gif) no-repeat 0 6px; margin-bottom: 0.8em; }
					
			
		#muestra-sitio {float: right; margin: 0 17px;}
		
		.ul-flechas li {background: url(../img/flecha-verde.gif) no-repeat 0 5px; padding-left: 15px; }
		
		.contratar-servicio {display: block; text-indent: -9000px; width: 201px; height: 30px; background: url(../img/contratar-servicio-btn.png) no-repeat;}
		.contratar-servicio:hover {background-position: 0 -30px;}
		
		/* Estilos para texto editado */
		.editado {}
			.editado a {color: #1580BA; border-bottom: 1px solid #1580BA;}
			.editado ul {margin: 0.5em 0 0.5em 1em;}
				.editado li {color: #5C5C5C; padding: 0 0 0 13px; background: url(../img/regiones-bullet.gif) no-repeat 0 7px; line-height: 1.5;}
			.editado blockquote {padding: 0.5em; margin: 0.5em 0; background-color: #CFEEFF;}
			.editado h4 {margin: 0.5em 0 0.3em 0; font: normal 1.3em Georgia, "Times New Roman", serif; color: #000;}
			
		.mas-notas {}
			.mas-notas li a {color: #5c5c5c;}
			.mas-notas li a:hover {color: #000;}
		
		.historial {display: block; margin: 1em 0 0 0; border-top: 1px solid #e9e9e9; color: #1580BA; font-size: 0.9em; padding: 0.3em 1em; text-decoration: underline;}
		
		.paginador {margin: 1em 0 1em 180px;}
			.paginador a, .paginador span {display: block; width: 36px; height: 20px; text-indent: -9000px; margin: 0 5px;}
			.paginador a.siguiente {float: left; background: url(../img/right.png) no-repeat;}
			.paginador a.siguiente:hover {background-position: 0 -20px;}
			.paginador span.siguiente {float: left; background: url(../img/right.png) no-repeat 0 -40px;}
			.paginador a.anterior {float: left; background: url(../img/left.png) no-repeat;}
			.paginador a.anterior:hover {background-position: 0 -20px;}
			.paginador span.anterior {float: left; background: url(../img/left.png) no-repeat 0 -40px;}
			
		.imagen-nota {padding: 2px; border: 1px solid #ccc; float: left; margin: 0 5px 5px 0;}
		
		.col-media {
			float: left;
			width: 244px;
			background: url(../img/punteado-ver.gif) repeat-y right 0;
			margin: 5px 0;
			padding: 0 0 0 8px;
		}
		.col-media.derecha {width: 235px; background: none;}
			.col-media h4, .col-chica h4 {
				color: #0E4D6E;
				font: normal 1.7em Georgia, "Times New Roman", serif;
				margin: 0 0 0.2em 0;
			}
			.col-media h5 {font: bold 2.3em Georgia, "Times New Roman", serif;}
			.minima {color: #1580BA;} .maxima {color: #A51400;}
			.col-media .minima {margin-top: 23px;}
			
			.icono-grande {float: left; margin: 0 25px 0 8px;}
			
			.pronostico-texto {clear: both; font-size: 0.9em; line-height: 1.3; padding-right: 5px;}
				.pronostico-texto .pronostico-titulo {font-weight: bold; color: #497A1A; background: url(../img/flecha-verde.gif) no-repeat 0 3px; padding-left: 13px; font-size: 1.1em;}
		
		.col-chica {
			float: left;
			width: 145px;
			padding: 0 10px 0 0;
			margin: 5px;
			background: url(../img/punteado-ver.gif) repeat-y right 0;
		}
		.col-chica.derechac {margin: 5px 0 5px 5px; background: none;}
		.icono-chico {float: left; margin: 0 15px 0 8px;}
		.col-chica h5 {font: bold 1.6em Georgia, "Times New Roman", serif;}
	
		.menu {
			clear: both;
			margin: 0.8em 0;
		}
			.menu li {
				font-size: 1.08em;
				float: left;
				display: block;
			}
				.menu li a {color: #65A824;}
				.menu li a:hover {background-color: #65A824; color: #fff;}
	
	.link-mp3, .link-placa {padding: 5px 0 10px 40px; margin: 0 0 10px 0; width: 170px; display: block; font-weight: bold; color: #000;}
	.link-mp3:hover, .link-placa:hover {text-decoration: underline;}
	.link-mp3 {background: url(../img/icono-mp3.gif) no-repeat;  }
	.link-placa {background: url(../img/icono-jpg.gif) no-repeat; }
		
/* ENCUESTAS */

	.porcentaje-ganador, .porcentaje-comun {
		background: #fff url(../img/porcentaje-ganador.png) no-repeat;
		background-position: 1px 0;
	}
	.porcentaje-comun {background-image: url(../img/porcentaje-comun.png);}
	.tabla-encuestas {font-size: 0.9em; margin: 0 auto;}
		.celda-porcentaje { padding-left: 8px; text-align: left;}
		.tabla-encuestas caption {text-align: center; margin: 0 auto; font-weight: bold; color: #2C5504;}
		.tabla-encuestas th {padding: 4px 0 2px 0;}
		.tabla-encuestas tfoot td {border-top: 1px solid #ccc; background-color: #f5f5f5; text-align: center;}
		
#subcontenido {
	clear: both;
	padding: 0 9px;
	border: 10px solid #fff;
	border-width: 10px 0 0 0;
	margin: 0 1px;
	background: url(../img/didactico-bottom.gif) no-repeat 256px bottom;
	overflow: hidden;
}
	#subcontenido.sinfondo {background: none;}

	#encuesta-sin {
		float: left;
		margin: 0 7px 0 0;
		overflow: hidden;
	}

	#encuesta {
		float: left;
		margin: 0 7px 0 0;
		width: 240px;
		background: #10557A url(../img/encuesta-bottom.gif) no-repeat 0 bottom;
		color: #fff;
		overflow: hidden;
		font-family: Tahoma, sans-serif;
	}
		#encuesta h2 {
			text-indent: -9000px;
			width: 240px;
			height: 44px;
			background: url(../img/encuesta-top.gif) no-repeat;
		}
		#encuesta fieldset, .resultados-encuesta {
			display: block;
			width: 221px;
			margin: 10px;
		}
			#encuesta legend {display: none;}
			#encuesta .mensaje {	
				display: block;
				margin: 0 10px 5px 0;
				padding-bottom: 5px;
				border-bottom: 1px solid #568FAD;
				font-weight: bold;
				font-size: 1.1em;
				color: #BFE5FA;
				line-height: 1.3;
			}
			#encuesta input {
				display: block;
				float: left;
				clear: left;
				margin: 3px 8px 3px 0;
			}
			#encuesta label {
				display: block;
				float: left;
				color: #BFE5FA;
				margin-top: 3px;
				font-size: 1.1em;
			}
			#encuesta .encuesta-submit {
				float: right;
				margin: 10px 10px 0 0;
			}
			.ver-resultados {
				display: block;
				float: left;
				color: #3A9FD6;
				font-weight: bold;
				font-size: 1.1em;
				margin: 1em 0 0 4px;
			}
				.ver-resultados:hover {color: #fff;}
			#encuesta hr {display: none;}
			#encuesta .hr-encuesta {display: block; margin: 0 17px 0 10px; border: 1px solid #568FAD; border-width: 1px 0 0 0;}
			.encuestas-anteriores {display: block; color: #AED7ED; font-weight: bold; font-size: 1.1em; margin: 0 10px 10px 13px;}
				.encuestas-anteriores:hover {color: #fff;}
			
			#encuesta .porcentaje {font-size: 1.1em;}
			
	#didactico {
		width: 484px;
		float: left;
		padding: 0 3px 10px 15px;
		color: #09334A;
		font: normal 1.2em Georgia, "Times New Roman", serif;
	}
		#didactico img {
			float: right;
			margin-top: -20px;
		}
		#didactico h2 {font-size: 1.7em; background: #5FBEF2 url(../img/didactico-top.gif) no-repeat; margin: 0 -3px 0 -15px; padding: 8px 0 5px 15px; }
		#didactico h3 {font-size: 1em; line-height: 1.6;}
		#didactico h3 a {color: #09334A; border-bottom: 1px solid #09334A;}
		#didactico h3 a:hover {color: #000;}
		#didactico p {margin: 0.2em 0 1em 0; line-height: 1.5;}
	

#logos {margin: 8px 11px 0 11px; height: 48px; padding-top: 6px; border: 1px solid #A8C5DA; border-width: 1px 0; }
	#logos a {margin: 0 -4px 0 0; }

#pie {
	clear: both;
	background: #8DD1F6 url(../img/pie-top.gif) no-repeat;
	margin: 0px 11px 0 10px;
	border-top: 8px solid #fff;
	padding-bottom: 19px;
	overflow: hidden;
}
	address {
		display: block;
		float: left;
		margin: 13px 0 0 16px;
		color: #ABDDF9;
		text-transform: uppercase;
		font: bold 1em Georgia, "Times New Roman", serif;
	}
	#pie a {
		display: block;
		float: right;
		text-indent: -9000px;
		background: url(../img/osmosis.gif) no-repeat;
		margin: 6px 18px 0 0;
		width: 95px;
		height: 25px;
	}