ÿþ/*-----------------------------------

CSS para sitio del Proyecto Habitando

autor: Nahuel Uboldi

-------------------------------------*/

/*colores utilizados

naranja: #f5b400 - #fff4d7

amarillo: #fde000 - #FFFBD9

rojo: #ec8c1b - transparencia: #F9E3CB

gris osc: #625e5d

gris clar: #92918f

rojo botonera: #b81d0c

rojo web ave: #c40000 - #FFE8E8*/



body {

color:#666;

background-image: url("imagenes/fondogeneral.jpg");

background-color: #fff;

background-repeat: repeat;

background-position: top left;

top: 0px;

left: 0px;

font: 12px Verdana, Arial, sans-serif;

color: #666;

padding: 0px;

margin: 0px;

}

body h1 {

text-decoration: none;

color: #000;

font-family: Verdana,Arial,Helvetica;

font-size: 18px;

font-weight: bold;

}

body h2 {

text-decoration: none;

color: #ec8c1b;

font-family: Verdana,Arial,Helvetica;

font-size: 14px;

font-weight: bold;

}

body a {

color:black;

text-decoration:none;

}

	body a:link {}

	body a:visited {}

	body a:hover {color: red;}







#fondosombra {

position:fixed;

top:0px;

left:50%;

height:100%;

width:1040px;

margin-left:-520px;

background-image:url("imagenes/fondosombra.png");

background-repeat: repeat-y;

background-position: top left;

}



/*=========

SECCIÓN DESTACADA TEMPORAL (DÍA DEL HÁBITAT, CURSO MICROEMPRENDEDORES, CURSO SUELO)

===========*/

#diahabitat {

	position:relative;

	width: 659px;

	height: 236px;

	background-color:white;

	padding:0px;

	margin-right:10px;

	background-image:url("imagenes/fondos/banner-web-a.jpg"); /* ----------------------->  IMAGEN PRINCIPAL */

	background-repeat:no-repeat;





}

#diahabitat h1 {

font-size:28px;

color:white;  /* ----------------------->  COLOR DE LA SEGUNDA LÍNEA DEL TÍTULO  */

font-weight:bold;

}

#diahabitat h1:first-line {

font-size: 22px;

color:silver; /* ----------------------->  COLOR DE LA PRIMER LÍNEA DEL TÍTULO  */

}

#diahabitat h2 {

font-size: 16px;

color: #ec8c1b; /* ----------------------->  COLOR DE LOS SUBTITULOS  */

font-weight:normal;

}

#mashabitat {

	float: left;

	width: 649px;

	height: 0px;

	margin-top:232px;

	padding:5px;

	padding-bottom:0px;

	padding-top:0px;

	color:white; /* ----------------------->  COLOR DEL TEXTO  */

	font-size:12px;

	border-bottom: dotted 2px silver;

	background-color:#666; /*  ----------------------->  COLOR DEL FONDO */ 





	background-position:0px 236px;





					-webkit-transition: all 0.5s ease-in;

					-moz-transition: all 0.5s ease-in;

					-o-transition: all 0.5s ease-in;

}

#mashabitat:hover {

	height:1500px;

	padding-bottom:5px;

					-webkit-transition: all 1.5s ease-in-out;

					-moz-transition: all 1.5s ease-in-out;

					-o-transition: all 1.5s ease-in-out;

}

#mashabitat #contenidoshabitat {

display:none;

}

#mashabitat:hover #contenidoshabitat {

display:block;

}

#mashabitat a {

color: white;

font-weight:bold;

}

#mashabitat a:hover {

color: #fde000;

}

#botondiahabitat {

float:left;

width:174px;

height:35px;

margin-top:-35px;

margin-left:25px;

background-image: url("imagenes/botoncurso.jpg"); /* ----------------------->  BOTÓN DE MÁS INFORMACIÓN */

background-repeat:no-repeat;



					-webkit-transition: all 0.5s ease-in;

					-moz-transition: all 0.5s ease-in;

					-o-transition: all 0.5s ease-in;



}

#mashabitat:hover #botondiahabitat {

opacity:0.0;

}

/*--fin SECCIÓN DESTACADA TEMPORAL--*/



/*=====================================

OTROS NAVEGADORES - descarga

=======================================*/

#otrosnavegadores {

position:absolute;

display:none;

_display:block;/*para ie6*/

top:0px;

left:0px;

width:100%;

height:300px;

background-color:white;

padding:30px;

font-size:14px;

z-index:99;

}

#otrosnavegadores h1 {font-size:22px;}

/*--fin otros navegadores--*/



/*========================================

-----CABECERA DE LA WEB-----

	1- encabezado, 

	2- botonera,

	3- menú emergente,

	4- pie de página,

==========================================*/

	/*===========================

		1- encabezado

	=============================*/

			/*===========================

			- style.css - estilos para encabezado jquery

			=============================*/

			#header a {

			color : #fff;

			text-decoration : none;

			}

			#header a:hover {color:#fad719;}

			a img {

			border : 0;

			}

			div.wrap {/*contenedor con el borde gris*/

			width : 1000px;

			margin : 0 auto;

			text-align : left;

			}

			div#top div#nav {

			float : left;

			clear : both;

			width : 1002px;

			height : 52px;

			margin : 22px 0 0;

			}

			div#top div#nav ul {

			float : left;

			width : 1002px;

			height : 52px;

			list-style-type : none;

			}

			div#nav ul li {

			float : left;

			height : 52px;

			}

			div#nav ul li a {

			border : 0;

			height : 52px;

			display : block;

			line-height : 52px;

			text-indent : -9999px;

			}

			div#header {

			position:absolute;

			top:0px;

			_top:300px;/*para ie6*/

			left:50%;

			margin : 0px 0 0;

			margin-left:-500px;

			}

			div#video-header {

			height : 200px;

			margin : -1px 0 0;

			}

			div#header div.wrap {

			height : 299px;

			}

			div#header div#slide-holder {

			z-index : 40;

			width : 1002px;

			height : 200px;

			position : absolute;

			}

			div#header div#slide-holder div#slide-runner {/*contenedor de las fotos*/

			top : 0px;/*distancia con el contenedor slide-holder*/

			left : 0px;

			width : 1000px;

			height : 200px;

			overflow : hidden;

			position : absolute;

			}

			div#header div#slide-holder img {

			margin : 0;

			display : none;

			position : absolute;

			}

			div#header div#slide-holder div#slide-controls {/*contenedor de los numeros y la descripcion de las fotos*/

			left : 0;

			bottom : 0px;

			width : 921px;

			height : 46px;

			display : none;

			position : absolute;

			background : url(imagnes/ximages/slide-bg.png) 0 0;

			padding-left:80px;

			}

			div#header div#slide-holder div#slide-controls p.text {

			float : left;

			color : #fff;

			display : inline;

			font-size : 10px;

			line-height : 16px;

			margin : 15px 0 0 5px;

			text-transform : uppercase;

			}

			div#header div#slide-holder div#slide-controls p#slide-nav {

			float : right;

			height : 24px;

			display : inline;

			margin : 11px 15px 0 0;

			}

			div#header div#slide-holder div#slide-controls p#slide-nav a {

			float : left;

			width : 24px;

			height : 24px;

			display : inline;

			font-size : 11px;

			margin : 0 5px 0 0;

			line-height : 24px;

			font-weight : bold;

			text-align : center;

			text-decoration : none;

			background-position : 0 0;

			background-repeat : no-repeat;

			}

			div#header div#slide-holder div#slide-controls p#slide-nav a.on {

			background-position : 0 -24px;

			}

			div#header div#slide-holder div#slide-controls p#slide-nav a {

			background-image : url(imagenes/images/silde-nav.png);

			}

			div#nav ul li a {

			background : url(imagenes/images/nav.png) no-repeat;

			}

			#logohabitando {

			position:absolute;

			top:148px;

			left:10px;

			width:66px;

			height:44px;

			background : url(imagenes/ximages/slide-bg.png) 0 0;

			z-index:90;

				filter:alpha(opacity=700);

				-moz-opacity:0.7;

				-khtml-opacity: 0.7;

				opacity: 0.7;

			}

			/*---fin stile.css: estilos para jquery---*/

	

	/*===========================

		2- botonera

	=============================*/

	#botonera {

	position: relative;

	top: 200px !important;

	top:500px;/*para ie6*/

	left: 50%;

	margin-left: -502px;

	width: 1000px;

	height: 20px;

	text-align: left;

	padding: 0px;

	background-image: url("imagenes/fondobotonera.png");

	background-repeat: repeat-x;

	background-position: top left;

	background-color: silver;

	z-index: 91;

	border:solid 1px transparent;

	}

	.menuhorizontal {

	float: left;

	width: auto;

	height: 33px;

	border-right: dotted 2px #999;

	text-align: center;

	color: #464648;

	font-size: 12px;

	text-transform:uppercase;

	text-decoration: none;

	padding-top: 15px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px;

	margin-top: 5px;

	}

	.menuhorizontal:link {}

	.menuhorizontal:visited {}

	.menuhorizontal:hover {color: white;}



			.menuhorizontal1 {

			float: left;

			width: auto;

			height: 33px;

			border-right: dotted 2px #999;

			text-align: center;

			color: white;

			font-size: 12px;

			text-transform:uppercase;

			text-decoration: none;

			padding-top: 30px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px;

			margin-top: 5px;

			}

			.menuhorizontal:link {}

			.menuhorizontal:visited {}

			.menuhorizontal:hover {color: white;}

	/*---fin botonera---*/



	/*==============================

		3- menú emergente

	================================*/

	ul.menu {

	   list-style:none;

	   margin:0px;

	   padding:0px;

	   margin-top:4px;

	}

	ul.menu a {

	font-size: 12px;

	text-transform:uppercase;

	text-decoration: none;

	}

	ul.menu a:visited {color:#464648;}



	.boton {			color: #464648;}

		.boton:hover {		color: white;}

		.boton1 {			color: white;}

		ul.menu  ul a{			color: #464648;}

		ul.menu  ul a:hover  {	color: #ec8c1b;}

		

	ul.menu li {

	   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */

	   width:100px;

	}

	ul.menu li:hover > ul {

	   display:block;

	}

	ul.menu> li > ul /* Solo para los ul debajo de los li de primer nivel. */

	{

	   position:absolute;

	   left:50%;

	   top:20px;

	   display:none;

	   _display:block;/*para ie6*/

	   list-style:none;

	   padding:0px;

	   margin:0px;

	   margin-left:-58px;/*para centrar el menu emergente - no hacerlo en ul.menu > li > ul > li, ya que se ve mal en ie7*/

	   border-top: solid 1px silver;

	}

	ul.menu> li > ul > li/* Solo para los li debajo de los ul que están debajo de los li de primer nivel. */

	{

	border:solid 1px silver;

	padding:5px;

	background-color: #eee;

	border-top:none;

	}

	ul.menu > li /* Sólo para li de primer nivel */

	{

	display:inline;

	border-right: dotted 2px #999;

	text-align: center;

	text-decoration: none;

	padding-top: 5px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px;

	}

	/*---Fin menú emergente---*/



#ruta {

position: absolute;

top: -30px;

_top:0px;

left: 0px;

width: 990px;

height: 20px;

border:none;

text-align: left;

color: #625e5d;

font-size:10px;

text-decoration: none;

background-color: white;

padding: 5px;

margin:0px;

}

#rutahorizontal {

margin: 0px;

padding: 0px;

position: absolute;

left: 0px;

bottom: 5px;

}

#rutahorizontal li {

list-style: none;

display: inline;

}



	/*=================================

	4- pie de página

	===================================*/

	#piedepagina {

	float: left;

	width: 990px;

	height: 80px;

	text-align: center;

	color: #666;

	border-top: solid 1px silver;

	padding: 5px;

	margin-top: 50px;

	background-image: url("imagenes/fondopie.png");

	background-repeat: repeat-x;

	background-position: bottom left;

	background-color: white;

	}

	#botonerapie {

	float: left;

	width: 990px;

	height: auto;

	text-align: center;

	color: #666;

	border: none;

	padding: 0px;

	margin-bottom: 5px;

	}

	#menupie {

	margin: 0px;

	padding: 0px;

	left: 0px;

	bottom: 5px;

	text-decoration: none;

	}

	#menupie li {

	list-style: none;

	display: inline;

	}

	#menupie li a, #menuList1 li a:focus {

	  list-style: none;

	  border-right: none;

	  padding-right: 0px;

	  margin: 0px;

	  text-decoration: none;

	  color: #666;

	  font-size: 11px;

	  vertical-align: text-bottom;

	}

	#menupie li a:hover {

	  list-style: none;

	  border-right: none;

	  padding-right: 0px;

	  text-decoration: none;

	  color: #b81d0c;

	  font-size: 11px;

	  vertical-align: text-bottom;

	}

	/*---fin pie de página--*/



/*=====================================

-----CONTENEDORES-----

	1- estructura central,

	2- contenedor izquierda,

	3- contenedor derecha,

	4- contenedor central,

=======================================*/

	/*===============================

		1- estructura central

	=================================*/

	#contenedor {

	width: 1000px; /*ancho total de la pagina*/ 

	height: auto;

	border: none;

	position: absolute;

	top: 245px !important;

	top:842px;/*para ie6*/

	left: 50%;

	background-color: white;

	margin-left: -501px;

	margin-bottom: 30px;

	margin-top:-5px;

	padding:0px;

	}

	#contenedorcentral {

	float: left;

	width: 659px;

	_width:620px;/*para ie6*/

	height: auto;

	background-color: white;

	border: dotted 2px silver;

	border-bottom:none;

	padding:0px;

	margin-right:10px;

			_border:solid 1px silver;/*para ie6*/

	}

	#contenedorizquierda {

	float: left;

	width: 86px;

	height: auto;

	background-color: white;

	border:none;

	border-top:dotted 2px silver;

	padding: 0px;

	padding-top: 0px;

	}

	#contenedorderecha {

	float: left;

	width: 237px !important;

	width:223px;

	height: auto;

	border: dotted 2px silver;

		_border:solid 1px silver;/*para ie6*/

	border-right: none;

	text-align: left;

	color: black;

	padding:0px;

	}

	/*---fin estructura central---*/



	/*===============================

		2- contenedor izquierda

	=================================*/

	#contenedorizquierda img {position: absolute;	top:15px;left:15px;}

	#contenedorizquierda1 img {position: absolute;top:15px;left:15px;}

	#imagentituloizquierda {	float: left;height: 680px;}

	#imagentituloizquierda1 {float: left;height: 580px;}

	/*---fin contenedor izquierda---*/



	/*===============================

		3- contenedor derecha 

			A- formulario de suscripción

			B- proximos eventos

			C- vinculos AVE y Proggeto

	=================================*/

	.titulositiosdeinteres {

	float: left;

	width:226px;

	height:40px;

	background-color: white;

	border:dotted 2px silver;

	border-left:none;

	border-right:none;

	padding:5px;

	text-transform:uppercase;

	text-align:center;

	}

	#sitiosdeinteres {

	float: left;

	height: auto;

	color: silver;

	text-decoration: none;

	padding: 0px;

	margin:5px;

	margin-top: 0px;

	margin-bottom:0px;

	}

	#sitiosdeinteres a {

	color:#666;

	}

		#sitiosdeinteres a:hover {color:#f5b400;}

	#sitiosdeinteres li {

	margin-bottom:5px;

	}

		/*--------------------

		3A- formulario de suscripción

		----------------------*/

		#formulario {

		width: 214px;

		_width:224px;/*para ie6*/

		height: auto;

		float: left;

		text-align: center;

		color: #333;

		text-shadow: #999 -1px 1px 2px;  

		background: rgba(98, 135, 167, .5);

		text-decoration: none;

		padding:7px;

		_padding:5px;/*para ie6*/

		margin: 5px;

		background-color: #fff4d7;

		border:solid 1px #fff4d7;

		border-radius: 5px; 

		-moz-border-radius-topleft:5px;

		-moz-border-radius-topright:5px;

		-moz-border-radius-bottomleft:5px;

		-moz-border-radius-bottomright:5px;

		-webkit-border-top-left-radius:5px;

		-webkit-border-top-right-radius:5px;

		-webkit-border-bottom-left-radius:5px;

		-webkit-border-bottom-right-radius:5px;

		}

			#formulario:hover {border:solid 1px #f5b400;}

		#formulario p {margin-bottom: 5px;}

		/*-----------------------

		3B- proximos eventos

		-------------------------*/

		#eventos {

		float: left;

		width: 237px;

		height: auto;

		border-bottom: solid 10px #666;

		padding: 0px;

		margin:0px;

		background-color:white;

		}

		#eventos img {

		float: left;

		border: solid 1px #fde000;

		margin-bottom: 1px;

		margin-right: 5px;

		}

		#eventos p:first-line {

		text-align: left;

		color: red;

		text-decoration: none;

		}

		.tituloeventos {

		float: left;

		width: 227px;

		height: 20px;

		border: none;

		text-align: left;

		color: white;

		font-size:16px;

		font-weight:bold;

		text-align:center;

		text-decoration: none;

		text-transform:uppercase;

		background-image: url("imagenes/titulos/proximoseventostitulo.jpg");

		background-repeat: no-repeat;

		background-position:center;

		background-color: #666;

		padding: 5px;

		margin-bottom: 1px;

		}

		.talevento {

		float: left;

		width: 226px;

		height: 52px;

		border-left: solid 1px #fde000;

		text-align: left;

		vertical-align: top;

		color: black;

		text-decoration: none;

		background-color: #FFFBD9;

		padding:5px;

		margin-bottom: 1px;

		}

		.talevento p {

		margin-top:0px;

		}

		.talevento:link {text-decoration: none;text-align: left;}

		.talevento:visited {text-decoration: none;text-align: left;color: black;}

		.talevento:hover {text-decoration: none;text-align: left;background-color: #fde000;background-image: url("imagenes/fondoeventos01.jpg");background-position: right top;background-repeat: repeat-y;color:black;}

		/*-----------------------

		3C- vinculos AVE y Proggeto

		-------------------------*/

		#vinculosderecha {

		float:left;

		width: 230px;

		height: auto;

		border-bottom: dotted 2px silver;

		text-align: center;

		text-transform:uppercase;

		text-decoration: none;

		padding: 5px;

		margin-top: 0px;

		background-image: url("imagenes/fondotitulogalerias.jpg");

		background-repeat: repeat-x;

		}

		.vinculoave {

		float: left;

		width: 215px;

		_width:220px;/*para ie6*/

		height: 30px;

		_height:40px;/*para ie6*/

		color: #464648;

		text-transform:uppercase;

		text-decoration: none;

		padding:5px;

		margin-bottom: 2px;

		background-image: url("imagenes/botonave.png");

		background-repeat: no-repeat;

		background-position: top left;

		background-color: #eee;

		border: solid 1px silver;

		border-radius: 5px; 

		-moz-border-radius-topleft:5px;

		-moz-border-radius-topright:5px;

		-moz-border-radius-bottomleft:5px;

		-moz-border-radius-bottomright:5px;

		-webkit-border-top-left-radius:5px;

		-webkit-border-top-right-radius:5px;

		-webkit-border-bottom-left-radius:5px;

		-webkit-border-bottom-right-radius:5px;

		}

			.vinculoave:link {}

			.vinculoave:visited {background-image: url("imagenes/botonave.png");}

			.vinculoave:hover {background-color: white;}

		.vinculoprogetto {

		float: left;

		width: 215px;

		-width:220px;/*para ie6*/

		height: 30px;

		-height:40;/*para ie6*/

		color: #464648;

		text-transform:uppercase;

		text-decoration: none;

		padding: 5px;

		margin-bottom: 2px;

		background-image: url("imagenes/botonprogetto.png");

		background-repeat: no-repeat;

		background-position: top left;

		background-color: #eee;

		border: solid 1px silver;

		border-radius: 5px; 

		-moz-border-radius-topleft:5px;

		-moz-border-radius-topright:5px;

		-moz-border-radius-bottomleft:5px;

		-moz-border-radius-bottomright:5px;

		-webkit-border-top-left-radius:5px;

		-webkit-border-top-right-radius:5px;

		-webkit-border-bottom-left-radius:5px;

		-webkit-border-bottom-right-radius:5px;

		}

			.vinculoprogetto:link {}

			.vinculoprogetto:visited {background-image: url("imagenes/botonprogetto.png")}

			.vinculoprogetto:hover {background-color: white;}

		/*-------------------

		3d- xarqs

		---------------------*/

		#xarqs {

		float:left;

		width:229px;

		height:auto;

		padding:5px;

		color:#333;

		border:solid 0px #fde000;

		background-color: #FFFBD9;

		}

		#xarqs:hover {background-color: #fde000;}

		#xarqs img{float:left;margin-top:3px;margin-right:5px;border:solid 0px #fde000;}

		#xarqs p {margin: 0px;font-size:11px;}

		#xarqs a {font-weight:bold;}

		/*--publicación xarqs--*/

	/*---fin contenedor derecha---*/



	/*===================================

		4- contenedor central

			A- noticias principales

			B- video

			C- noticias anteriores

	=====================================*/

		/*----------------

			4A- noticias centrales

		------------------*/

		.titulo {text-shadow: #b81d0c -1px 1px 1px; }

		.titulo:link {text-decoration: none;text-align: left;color: #f19502;font-size: 16px;font-weight: bold; }

		.titulo:visited {text-decoration: none;text-align: left;color: #f19502;font-size: 16px;font-weight: bold;}

		.titulo:hover {color:red;}

		.masinfo {margin-left:5px;}

		.masinfo:link {text-decoration: none;text-align: left;color: black;}

		.masinfo:visited {text-decoration: none;text-align: left;color: black;}

		.masinfo:hover {color: red;}

		.segundanoticia {

		float: left;

		width: 639px;

		_width:604px;/*para ie6*/

		height: 220px;

		border: dotted 2px silver;

		border-bottom: none;

		border-left: none;

		border-right:none;

		margin:0px;

		padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px;

		text-align: justify;

		}

		.segundanoticia .foto{

		float:left;

		width: 310px;

		_width:305px;/*para ie6*/

		height: auto;

		margin-top: 7px;

		margin-bottom: 20px;

		background-image: url("imagenes/fondo08.jpg");

		background-repeat: repeat-x;

		background-position: bottom left;

		background-color:#FAD719;

		margin-right: 20px;

		}

		.segundanoticia p {

		margin-right:10px;

		}

		.primeranoticiacorta {

		float: left;

		width: 309px;

		_width:279px;/*para ie6*/

		height: 400px;

		_height:390px;/*para ie6*/

		border-right: dotted 2px silver;

		margin:0px;

		margin-right: 20px;

		_margin-right:10px;/*para ie6*/

		padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;

		text-align: justify;

		}

		.primeranoticiacorta .foto{

		float:left;

		width: 319px;

		_width:280px;/*para ie 6*/

		height: auto;

		margin-top: 15px;

		_margin-top:20px;/*para ie6*/

		margin-bottom: 20px;

		_margin-bottom:30px;/*para ie6*/

		background-image: url("imagenes/fondo08.jpg");

		background-repeat: repeat-x;

		background-position: bottom left;

		background-color:#FAD719;

		padding-top:0px;

		}

		.foto1 {

		float: right;

		margin-top: 15px;

		margin-left: 5px;

		}

		/*---------------------

			4B- video

		-----------------------*/

		#videoproyecto {/*video de presentación del proyecto*/

		float: left;

		width: 285px;

		height: 390px;

		border-left: dotted 2px silver;

		margin:0px;

		text-align:center;

		padding:10px;

		background-color:#eee;

		background-image: url("imagenes/fondoconlogos.png");

		}

		#videoproyecto h3 {

		margin-bottom:20px;

		text-shadow: #999 -1px 1px 2px;  

		}

		/*--------------

			4C- noticias anteriores

		----------------*/

		#contenedornoticiasanteriores {

		float:left;

		width:659px;

		height:auto;

		}

		#noticiasanteriorestitulo {/*titulo de la sección*/

		float: left;

		width: 649px;

		height: 30px;

		border: none;

		border-bottom:dotted 2px silver;

		border-top:dotted 2px silver;

		text-align: left;

		background-image: url("imagenes/titulos/noticiasanteriorestitulo.jpg");

		background-repeat: no-repeat;

		background-position:10px 10px;

		background-color: #eee;

		padding:5px;

		padding-top: 0px;

		margin:0px;

		margin-bottom:10px;

		}

		#noticiasanteriorescierre {/*titulo de la sección*/

		float: left;

		width: 649px;

		height: 30px;

		border: none;

		border-bottom:dotted 2px silver;

		border-top:dotted 2px silver;

		text-align: left;

		background-repeat: no-repeat;

		background-color: #eee;

		padding:5px;

		padding-top: 0px;

		margin:0px;

		}

		#noticiasanteriorescierre span {float: right;margin-top:10px;}

		#noticiasanteriorescierre a {color:#999;}

		#noticiasanteriorescierre a:hover {color:#ec8c1b;}

		.noticiasanteriores p {/*enlace a mayor información*/

		padding-left:10px;

		}

		.noticiasanteriores p span {/*titulo de la noticia*/

		color:#ec8c1b;

		font-size:12px;

		}

	/*---fin contenedor central---*/

/*--- fin CONTENEDORES---*/