/**************************************************************************
	pharo4.cl - CSS
	Creado por Felipe Morales Orozco
	Email: fmorales@cristalino.net
	Webmaster www.cristalino.net
	Productor de multimedia
***************************************************************************/
/*
	-----------------------------------------------------------------------
	 						1. B A S I C O S
	-----------------------------------------------------------------------
*/
html {
	height: 100%;
}
body {
	background: #CCCCCC url(../images/bg.jpg)  repeat-x center top;	
	font: 70% Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	line-height: 1.35em;
	color: #4C5359;
	height: 100%;
	text-align: center;
	margin: 0px;
}
a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #993300;
}
#ContGral {
	width: 812px;
	margin: 0 auto 0 auto;
}
#contCentrado {
	position: relative;
	float: left;
	text-align: left;
	width: 812px;
	background-image: url(../images/bgCentral.jpg);
}
#content_top {
	position: relative;
	float: left;
	width: 812px;
	height: 180px;	
}

/* CENTRAL */
#contenido {
	position: relative;
	float: left;
	text-align: left;
	font-size: 12px;
	background-color:#FFFFFF;
	background-image: url(../images/bgContenido.jpg);
	background-repeat: repeat;
	width: 607px;
	height: auto;
	min-height: 450px;
	*_height: 450px; /* HACK PARA IE6 ALTURA MINIMA */
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 30px;
	z-index: 1;
}
.titulos {
	font-size: 15px;
}

/* ESTACIONAMIENTOS */ 
#contModelos {
	position: relative;
	float: left;
	background-image: url(../images/bgModelos.jpg);
	width: 583px;
	height: 70px;
	margin: 12px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#contModelos1, #contModelos2, #contModelos3, #contModelos4, #contModelos5, #contModelos6, #contModelos7, #contModelos8 {
	position: relative;
	float: left;
	width: 80px;
	height: 24px;
	margin: 0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
}
#contModelos2 {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}
#contModelos3 {
	margin: 20px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
}
#contModelos4 {
	margin: 20px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}

/* BLOQUEADORES */
#contBloqueadores {
	position: relative;
	float: left;
	background-image:url(../images/bgBloqueadores.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 33px;
	margin: 10px 0px 10px 100px;
	padding: 0px 0px 0px 0px;
}
#contBloqueadores1 {
	position: relative;
	float: left;
	width: 141px;
	height: 24px;
	margin: 3px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
}
#contBloqueadores2 {
	position: relative;
	float: left;
	width: 141px;
	height: 24px;
	margin: 3px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
/* GRAFICA */
#contGrafica {
	position: relative;
	float: left;
	background-image: url(../images/bgGrafica.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 30px;
	margin: 15px 0px 10px 120px;
	padding: 0px 0px 0px 0px;
}
#contGrafica1 {
	position: relative;
	float: left;
	width: 115px;
	height: 30px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#contGrafica2 {
	position: relative;
	float: left;
	width: 115px;
	height: 30px;
	margin: 0px 0px 10px 120px;
	padding: 0px 0px 0px 0px;
}

/* EXHIBIDORES */
#contExhibididores {
	position: relative;
	float: left;
	background-image: url(../images/bgExhibidores.jpg);
	background-repeat: no-repeat;
	width: 530px;
	height: 35px;
	margin: 12px 0px 10px 90px;
	padding: 0px 0px 0px 0px;
}
#contExhibididores1 {
	position: relative;
	float: left;
	width: 53px;
	height: 30px;
	margin: 5px 0px 10px 150px;
	padding: 0px 0px 0px 0px;
}
#contExhibididores2 {
	position: relative;
	float: left;
	width: 53px;
	height: 30px;
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}

/* QUIENES SOMOS */
#quienesIzq {
	position: relative;
	float: left;
	text-align: justify;
	width: 290px;
	height: auto;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#quienesDer {
	position: relative;
	float: left;
	width: 280px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* ENLACES */
#contEnlaces {
	position: relative;
	float: left;
/*	background-image: url(../images/bgEnlaces.jpg);*/
/*	background-repeat: no-repeat;*/
	width: 600px;
	height: 398px;
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}
#contEnlacesTit {
	position: relative;
	float: left;
	width: 600px;
	height: 20px;
	margin: 5px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}
.enlaceslink ul {
	position: relative;
	float: left;
	width: 380px;
	height: auto;
background-color:#66CC00;	
}
.enlaceslink li {
	position: relative;
	float: left;
	border: 1px solid #666666;
	width: 100px;
	height: auto;
	padding: 2px;
	margin: 0px 10px 0px 0px;
/*	margin-bottom: 10px;
	margin-right: 10px;*/
	list-style-type: none;
}


/* IMAGENES PEQUEÑAS */
#contenedorImagenes {
	position: relative;
	float: left;
	width: 600px;
	height: auto;
	color: #000000;
	border: solid 1px #666666;
	background-color:#CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
}
#navi {
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {	
	float: left;
	background-color:#999999;
	margin:2px;
	padding:2px;
	border:1px solid #CCCCCC;
}

/* GALERIA DE IMAGENES */
#principal li { 
   display:inline; 
   float:left; 
   width:100px; 
   background-color:#f5f7f9; 
   padding:5px; 
   margin:10px; 
   text-align: center; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
} 

/* MENU CABECERA */
#menuTop {
	position: relative;
	float: left;
	text-align: center;
	background-image: url(../images/bgMenu.jpg);
	background-repeat: repeat;
	width: 800px;
	height: 42px;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}
#menuTop1, #menuTop2, #menuTop3, #menuTop4, #menuTop5 {
	position: relative;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	width: 160px;
	height: auto;
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.amenuTop:link, .amenuTop:active, .amenuTop:visited, .amenuTop:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.amenuTop:hover {
	text-decoration: underline;
}

#linkTitulo {
	position: relative;
	float: left;
	width: 152px;
	height: auto;
	font-weight: bold;
	border-bottom: solid 1px #D6D6D6;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 0px;
}
#linkDentro, #linkDentroLinea, #linkDentroTitulo {
	position: relative;
	float: left;
	width: 152px;
	height: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 0px;
}
#linkDentroLinea {
	padding: 0px 5px 3px 0px;
	border-bottom: solid 1px #D6D6D6;
}
#linkDentroTitulo {
	font-size: 12px;
	color: #000000;
}
.menus:link, .menus:active, .menus:visited, .menus:hover {
	font-size: 11px; 
	color: #666666; 
	padding-left:2; 
	padding-right:10;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
}
.menus:hover {
	color:#333333; 
	text-decoration: underline; 				
}

/* CONTENEDOR CENTRAL */
#contCentro {
	position: relative;
	float: left;
	background-image: url(../img/bg_menu.jpg);
	background-repeat: repeat;
	border-left: solid 1px #D6D6D6;
	width: 440px;
	height: auto;
	min-height: 755px;
	*_height: 755px; /* HACK PARA IE6 ALTURA MINIMA */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	z-index: 1;
}

/* CONTENEDOR DERECHA */
#contDerecha {
	position: relative;
	float: left;
	width: 170px;
	height: auto;
}
#divDer {
	position: relative;
	float: left;
	width: 170px;
	height: auto;
	background-color: #E0F4B5;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#cont_842eddee1617d34e6e92b72eed6bfecc { /* CONTENDOR DE CLIMA */
	font-size: 14px;
}
.input150x20 {
	font-size: 11px;
	width: 140px;
	height: 14px
}
#titIndicadores {
	position: relative;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 170px;
	height: 20px;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#divIndicadores {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	font: bold 10px/1.0em Verdana;
	list-style:none;
	font-weight: normal;
}
#divLiIndicadores {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* NOTICIAS */
#contNoticia {
	position: relative;
	float: left;
	width: 435px;
	height: auto;
	border-bottom: solid 1px #78B027;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	background-color: #D3E6B9;
}
#noticiaTitulo {
	position: relative;
	float: left;
	font-size:13px;
	font-weight: bold;
	width: 430px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	background-color: #BBD793;
}
#noticiaBajada {
	position: relative;
	float: left;
	color:#000000;
	font-size:11px;
	width: 270px;
	height: auto;
	text-align:justify;
	margin: 2px 0px 0px 0px;
	padding: 0px 3px 3px 5px;
}
#noticiaFoto {
	position: relative;
	float: left;
	font-size:11px;
	width: 150px;
	height: auto;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #333333;
}
#noticiaMasinfo {
	position: relative;
	float: left;
	font-size:11px;
	width: 155px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	background-color:#FFFFFF;
}
.linkNoticias:link, .linkNoticias:active, .linkNoticias:visited, .linkNoticias:hover {
	font-size: 11px; 
	color: #669933; 
	padding-left:2; 
	padding-right:10;
	text-decoration: none;
	padding: 0px 0px 0px 3px;
}
.linkNoticias:hover {
	color:#333333; 
	text-decoration: underline; 				
}
#noticiaFecha {
	position: relative;
	float: left;
	font-size:11px;
	text-align: right;
	width: 265px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color:#FFFFFF;
}
/* NOTICIAS DETALLES */
#contNoticiaDet {
	position: relative;
	float: left;
	width: 435px;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}
#noticiaTituloDet {
	position: relative;
	float: left;
	font-size:13px;
	font-weight: bold;
	width: 430px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
}
#noticiaFotoDet {
	position: relative;
/*	float: left;*/
	width: 210px;
	height: auto;
	border: solid #000000 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#noticiaDetalles {
	position: relative;
	float: left;
	font-size:11px;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* EQUIPO DE TRABAJO */
#contEquipo {
	position: relative;
	float: left;
	text-align: center;
	width: 150px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	background-color:#BBD793;
}
#equipoFoto {
	position: relative;
	float: left;
	text-align: center;
	width: 150px;
	height: auto;
	margin: 15px 0px 0px 45px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #666666;
}

/* RINCON LECHERO LATERAL */
#scrollup {
	position: relative;
	overflow: hidden;
	width: 170px;
	height: 180px;
}
#marquee {
	position:relative;
	/*marquee left should have the same value as newsticker width*/
	float: left;
	top: 150px;
	width: 170px;
/*	white-space:nowrap;*/
	overflow:visible;
}
#newsticker {
	/*newsticker width should have the same value as marquee left*/
	position:relative;	
	width:170px;
	height:150px;
	margin:auto;
	left:auto;
	clear:both;
	overflow:hidden;
}
#titNoticia {
	position: relative;
	float: left;
	width: 167px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 3px;
}
#titTipoDato {
	position: relative;
	float: left;
	width: 167px;
	height: auto;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	background-color: #B7FFB7;
}
#cabeceraNoticias {
	position: relative;
	float: left;
	width: 167px;
	height: 17px;
	background-color: #879830;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 3px;
	z-index: 5;
}


/* PARTICIPANTES */
#formIngreso {
	position: relative;
	float: left;
	width: auto;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#errorDatos {
	position: relative;
	float: left;
	width: auto;
	color:#990000;
	font-size: 11px;
}
#prodTit1 {
	position: relative;
	float: left;
	width: 30px;
	height: 20px;
	font-weight: bold;
}
#prodTit2 {
	position: relative;
	float: left;
	height: 20px;
}


/* CONTACTO */
#contacto {
	position: relative;
	float:left;
	background-image: url(../images/bgContacto.jpg);
	background-repeat: no-repeat;
	width: 599px;
	height: 301px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#formText1 {
	position: relative;
	float:left;
	font-size: 12px;
	width: 260px;
	height: 260px;
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
#formContacto {
	position: relative;
	float: left;
	text-align: justify;
	font-size: 12px;
	width: auto;
	margin: 20px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#formContacto .txt-top {
	float: left;
	width: auto;
}


/* PIE PAGINA */
#contPie {
	position: relative;
	float: left;
	width: 775px;
	height: auto;
	border-top: solid 1px #C5C5C5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#textoPie {
	position: relative;
	float: left;
	width: 500px;
	height: 40px;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;

}