#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#contenedor-gral {
	width: 100%;
	background-color: #333333;
}

#info {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 25px;
}
#tex-info {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	padding-top: 35px;
	height: 150px;
}
#side-a {
	float: left;
	width: 600px;
}
#side-b {
	float: left;
	width: 360px;			
}

#img-sub {
	height: 120px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#resto-sub {
	height: 120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#contactoHeader {
	margin-top: 10px;
	color: #FFFFFF;
	text-align:right;
	margin-right: 10px;	
}
#contactoHeader a{
	color: #FFFFFF;
}

#fechayhora {
	float: right;
	margin-top: 45px;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #FFFFFF;
}
#conteheader   {
	height: 100px;
	width: 100%;
	background-image: url(activos/textura.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#header {
	width: 960px;
	color: #333;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(activos/bg_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#contemenu {
	width: 100%;
	color: #333;
	height: 35px;
	background-color: #005300;
	background-image: url(activos/bg-botonera.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#menu-a {
	padding-top: 7px;	
	height: 28px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	width: 100%;
	color: #333;
	background-color: #FFFFFF;
	background-image: url(activos/bg-contenido.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 25px;
}
#logo {
	float: left;
	height: 100px;
	width: 300px;
}
#footer {
	width: 100%;
	color: #333;
	background-color: #333333;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #1C8A27;
}
#pie {
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	text-align: left;
	vertical-align: middle;
	width: 925px;
	padding-top: 23px;
	background-image: url(activos/pie.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	height: 87px;
	padding-left: 35px;
}


/* banner*/

#botonerabaner {
	margin: auto;
	height: 50px;
	width: 600px;
}


/*menu*/


#menu  {
	width:960px;
	height:35px;
	text-align:center;
	margin: auto;
	overflow: hidden;
}

#rotator {
	width: 960px;
	height:280px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}
#contenido-seccion {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#banner-seccion {
	width: 920px;
	margin-bottom: 15px;
}
.titulo-s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	padding-left: 10px;
}
#info-seccion1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#info-seccion2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#info-seccion3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	background-color: #F5F7EE;
	padding: 10px;
	margin-bottom: 10px;
}





ul.ui-tabs-nav {
	z-index:1;
	top: 440px;
	width: 960px;
	height: 40px;
	text-align: center;
	letter-spacing: normal;
	word-spacing: normal;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	background-color: #C8D2C3;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:11px;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {
	font-size:10px;
	font-weight:normal;
	color:#268028;
	text-transform: uppercase;

}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	color:#363636;
}


#rotator .ui-tabs-nav-item a span {
	float:left;
	cursor:pointer;
	width: 150px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
}


/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	color: #666666;
	background-image: url(activos/arrow-up.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:inherit;
	color:#000;
	padding:40px 540px 15px 15px;
	height:225px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {

}

#rotator p {

}

#rotator .btn_get_started {

	overflow:hidden; 
	
}

#rotator .btn_learn_more {
	float:left;

}

/* Background Images */
#rotator #fragment-1 {
	background-repeat: no-repeat;
	background-image: url(activos/bn-01.jpg);

}

#rotator #fragment-2 {
	background-repeat: no-repeat;
	background-image: url(activos/bn-02.jpg);
}

#rotator #fragment-3 {
	background-image: url(activos/bn-03.jpg);
	background-repeat: no-repeat;
}

#rotator #fragment-4 {
	background-image: url(activos/bn-04.jpg);
	background-repeat: no-repeat;

}
#rotator #fragment-5 {
	background-image: url(activos/bn-05.jpg);
	background-repeat: no-repeat;
}


#banner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 300px;
}

.nav {
	height: auto;
	width: 960px;
	overflow: hidden;
	margin: auto;
 }

.nav li {
  	float: left;
    list-style: none;
}

.nav li.back {

	width: 9px;
	height: 22px;
	z-index: 8;
	position: absolute;
	background-image: url(activos/e2-nav-hover.png);
	background-repeat: no-repeat;
	background-position: right -22px;
}

.nav li.back .left {

	height: 22px;
	margin-right: 25px; /* 7px is the width of the rounded shape */
	background-image: url(activos/e2-nav-hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.nav li a {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	z-index: 10;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: auto;
	margin-right: 12px;
	margin-bottom: auto;
	margin-left: 12px;
	padding-top: 1px;
	display: block;
 }

.nav li a:hover, .nav li a:active, .nav li a:visited {
   border: none;
}
#nav-a {
	/*width:584px;
	width:1024px;
	position: absolute;
	left: -35px;
	top: 106px;*/
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #33FF00;
}
.banner-tex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#subdistritos {
	height: 700px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#contacto {
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* contacto*/

/* 
Estilo para elementos label. 
Muestra los elementos label en bloque 
y con la letra negrita. 
*/ 
label { 
 display:block; 
 font-weight:bold; 
} 
 
/* 
Estilo para elementos legend. 
Crea un titulo con el texto de legend. 
*/ 
legend { 
 font-size:100%; 
} 
 
/* 
Estilo para elementos fieldset. 
Elimina los bordes del formulario. 
*/ 
fieldset { 
 border:none; 
} 
 
/* Estilo para elementos input y textarea. 
Crea un borde de 1px negro. 
*/ 
input, textarea { 
 border:1px solid #000; 
} 
 
/* Estilo para elementos input y textarea con foco. 
Cuando se selecciona uno de estos 
elementos el color de fondo cambia. 
*/ 
input:focus, textarea:focus {
	background-color: #7FDF55;
} 
.links-gral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1C7E1B;
	text-decoration: none;
}
.links-gral:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1C7E1B;
}
.links-gral_2:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1C7E1B;
}
.links-gral_2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1C7E1B;
	text-decoration: none;
}
.titulo-home-news{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#669933;
font-weight:bold;
}

.ul-home-news{
 text-align:justify; 
 vertical-align:top;
 margin:4px;
}
.li-home-news{
	padding:0 0 0 0;
	margin:0px;
	list-style:url(noticias/administrador/imagenes/publicar.png)
}
.titulo-home-news a{
color:#669933;
font-size:12px;
}

/*---------------------------------------------------------------------------------------------------------------------
/*------------------------------------------- ESTILO NOTICIAS -----------------------------------------------------
/*---------------------------------------------------------------------------------------------------------------------*/

.tablanavegacion{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3366CC;
	font-weight:bold;
}
.titulo-home-news{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#669933;
font-weight:bold;
}

.ul-home-news{
 text-align:justify; 
 vertical-align:top;
 margin:4px;
}
.li-home-news{
	padding:0 0 0 0;
	margin:0px;
	list-style:url(noticias/administrador/imagenes/publicar.png)
}
.titulo-home-news a{
color:#669933;
font-size:12px;
}

#columna{ float:left; width:505px;padding:0px 1px 0 0;display:inline;}
#columna .contenedor-lista .centrada{ float:none;}


#columna2{ float:left; width:640px;padding:0px 1px 0 0;display:inline;}

.contenedor-lista p{display:block; padding:0 0 2px 0px;}
.contenedor-lista p.subtitulo-lista{padding:0;  margin:0px 0 1px 0;} 
.contenedor-lista p.resumen-lista{padding:0;  margin:5px 5px 5px 5px;} 

/*Noticias*/
.separacion{ clear:both; line-height:3px; font-size:3px; height:3px; background-color:#ECE1DD; margin:10px 0 20px 0;}

.contenedor-lista .estirar{background-color:#fff;margin:2px 0 1px 0;}

.titulo-lista{
    display:block;
    padding:2px 0px 0px 0px;
	margin:0px;
    font:19px Trebuchet MS, Arial, Helvetica, sans-serif;
    letter-spacing:0em;
	line-height:21px;
	text-decoration:none;
	color: #003366;
}

.subtitulo-lista{ font:12px Tahoma, Arial; color:#ADA594; font-weight:bold; text-transform:uppercase; padding:0; margin-bottom:0px;}

.texto-lista{
		padding:2px 0px 0px 0px; 
		margin:0px;
		font:normal 13px Arial, Helvetica, sans-serif;
		text-decoration:none;
		line-height: 130%;
		color: #555555;
}

.resumen-lista{font:13px Tahoma, Arial; height:2px; float:left;margin:0px 15px 10px 155px }


.fecha-lista{font:11px Georgia, Times, serif; margin:0px 10px 5px 0; color:#9E9E9E;  float:left;}
.fecha-lista span.fecha{font:11px Tahoma, Arial; color:#E22318;    }
.fecha-lista span.hora{ font-weight:bold;}
.fecha-lista span.textofecha{ padding-right:5px;}

.imagen-lista{clear:both;position:relative;border:0pt none;}


.pieimagen-lista{
	margin:2px;
    font:11px Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 10px;
	padding:5px 5px 5px 5px;
	font-weight:500;
	background-color:#E2E2E2;
}

.separacion{ clear:both; line-height:3px; font-size:3px; height:3px; background-color:#ECE1DD; margin:10px 0 20px 0;}

.volver{
	background-color:#C0C0C0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.volver a{
	color:#333399;
}
div.fondonoticia{
	background-color:#006;
}
/*-------------------------------------------------------------------------------------------------*/
				/* CSS de Ficha (Alternativo para generacion de noticias) */
/*-------------------------------------------------------------------------------------------------*/
div.listadonoticias{
	margin:0 auto 0 auto; width:640px;
}
div.ficha{
	width:640px;
	min-height: 11em;
	float:left;
	background-color: #fff;
	margin-top: 1em;
	margin-right:10px;	
}
div.ficha img.thumb{
	margin:1em;
	float:left;
	border:2px solid #999;
}

div.ficha p{
		font: 0.9em/1.2em "Lucida Grande","Lucida Sans", Lucida, Arial, Helvetica, FreeSans, sans-serif;		
		padding: 0 1em 1em;
		height:auto;/* CUIDADO! limita la alatura de la ficha */
		color:#333
} 

div.ficha h2{
			display: block;
			width:620px /* contando los 10px de padding lateral suma 460px */;
			/*background: #00994c url(tituloFicha.png) 0 0 no-repeat;*/
			background:#A6BFAB;
			padding:0.5em 10px 0.2em;
			height:auto;
			
			color:white;
			font: normal 1.10em/1.12em Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
			
			text-shadow: 0px 1px 3px #183d26
}
div.ficha h2 span{
	margin-left:1em;
	font-size: 75%;
	color:#e6fed7;
	
	text-shadow: none;
}
				
/* Listas dentro del contenido de cada ficha */
	div.ficha ul,
	div.ficha ol{
		margin:0;
		padding:1em;	
		font: normal italic 1em Georgia, Palatino, "Times New Roman", Times, serif;
		line-height: 1.6em;
	}
	div.ficha ul{
		list-style: disc;
		margin-left:2em;
	}
	div.ficha ul li,
	div.ficha ul li{
	}

/* mas info de cada ficha */
				
div.ficha{
	position:relative;
}
div.ficha a.masInformacion{
	position: absolute;
	bottom:0;
	right: 0;
}
div.ficha a.masInformacion,
div.ficha a.masInformacion:link{
	display: block;
	float: right;

	background: transparent url(activos/masInfoFicha.png) top right no-repeat;
	width:144px;
	height:17px;
	padding-right:1em;
	padding-top:4px;
	font: normal 0.70em Arial,Tahoma,Verdana,sans-serif;
	text-align: right;					
}
div.ficha a.masInformacion:visited{
	color:#008140;
}
div.ficha a.masInformacion:hover,
div.ficha a.masInformacion:visited:hover,
div.ficha a.masInformacion:active{
	color: #feee60;
	background: transparent url(activos/masInfoFichaHover.png) top right no-repeat;
}
div.ficha a.masInformacion:active,
div.ficha a.masInformacion:visited:active{
	color:#fff;
}