/*Estilo para la capa de prueba de OpenLayers conectado a geoserver*/
.capaGis {
	position: absolute;
	height: 80%;
	width: 80%;
	top: 20%;
	left: 10%;
	overflow: auto;
}


/*Estilo para la capa de foto de introduccion de la radio online*/
.capaFotoIntroduccionRadioOnline{
	position: absolute;
	height: 8%;
	width: 10%;
	top: 20%;
	left: 9%;
	overflow: none;
}

/*Estilo para la capa de introduccion de la radio online*/
.capaIntroduccionRadioOnline {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

.capaMiniaturaReproductor {
        position: relative;
        float:left;
	width: 20%;
        margin: 0%;
}


.capaInformacionRadioOnline {
        position: relative;
        float:left;
	width: 50%;
        margin: 0%;
}

.capaReproductorRadioOnline {
        text-align: center;
        position: relative;
        float:right;
	width: 47%;
        margin: 0%;
        padding: 0%;
}

.capaMeteorologiaRadioOnline {
        position: relative;
        text-align: center;
        clear:left;
        float:left;
	width: 50%;
        margin: 0%;
        margin-top: 4%;
}

/*Estilo para la capa de contenido de radio online*/
.capaContenidoRadioOnline{
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}

/********************************************************************** ESTILOS DE CAPAS PAGINA AGENDA EVENTOS ***************************************************/

.capaCalendarioMes {
        position: relative;
        float:left;
	width: 43%;
        margin: 0%;
}

.capaCalendarioDia {
        position: relative;
        float:right;
	width: 52%;
        margin: 0%;
        padding: 0%;
        background-color: #CCCCCC;
}

.capaMeteorologia {
        position: relative;
        clear:left;
        float:left;
	width: 43%;
        margin: 0%;
        margin-top: 4%;
}


.capaCalendarioHoraTitulo {
        clear: both;
	width: 98%;
        background-color:#0097ea;
        margin: 0%;
        padding-left: 2%;
}


.capaCalendarioHoraContenidoEvento {
	width: 100%;
        margin: 0%;
        padding: 0%;
        background-color: #CCCCCC;
}


/*Estilo para la capa con la miniatura de la noticia para el listado de noticias*/
.capaCalendarioHoraContenidoEventoMiniatura{
         float: left;
  	 width: 15%;
         height: 15%;
         clear: left;
         background-color: #CCCCCC;
         margin-left: 2%;
         margin-top: 1%;
}


/*Estilo para la capa con el extracto de la noticia para el listado de noticias*/
.capaCalendarioHoraContenidoEventoTexto{
         float: right;
   	 width: 80%;
         height: 15%;
         background-color: #CCCCCC;
         margin-top: 1%;
}





/********************************************************************** ESTILOS DE CAPAS GENERALES DE TODA LA WEB ***************************************************/

/*Estilo para la capa contenedora general de la web*/
.capaContenedor {
	position: absolute;
	margin-left: -500px;
	margin-top: -300px;
	visibility: visible;
	width: 1000px;
	height: 600px;
	left: 50%;
	top: 50%;
}

/*Estilo para la capa de navegacion izquierda de la web*/
.capaNavegacion {
	position: absolute;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1pt;
	width: 30%;
	height: 100%;
}


/*Estilo para la capa de contenidos derecha de la web*/
.capaContenido {
	position: absolute;
	width: 70%;
	height: 100%;
	left: 30%;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: 1pt;
}


/*Estilo para la capa de cambio de idioma de la web*/
.capaIdiomas {
	position: absolute;	
	left: 5%;
	height: 4%;
	width: 87%;
	padding-left: 3%;
        padding-top: 1%;
	background-color: #CCCCCC;
        text-align:right;

}


/*Estilo para la capa de imagen de bienvenida en la pagina inicial de la web*/
.capaBienvenida {
	position: absolute;
	height: 67%;
	width: 90%;
	left: 5%;
	top:4%;
}


/*Estilo para la capa del escudo de las paginas de contenido de la web*/
.capaEscudo {
	position: absolute;
	height: 16%;
	width: 90%;
	left: 5%;
	top: 6%;
}


/*Estilo para la capa con el menu izquierdo de navegacion de las paginas de contenido de la web*/
.capaMenuIzquierdo {
	position: absolute;
	height: 65%;
	width: 90%;
	left: 5%;
	top: 23%;
}

/*Estilo para la capa contenedora de banners en pagina inicial*/
.capaBanners {
	position: absolute;
	height: 16%;
	width: 90%;
	top: 85%;
	left: 5%;
}


/*Estilo para la capa de cada banner en pagina inicial contenida en el contenedor de banners*/
.capaBanerInicio {
	position: static;
	height: 100%;
	width: 32%;
        float: right;
        margin-right: 1%;    
}



/*Estilo para la capa contenedora del buscador de la web*/
.capaBuscador {
	position: absolute;
	width: 90%;
	left: 5%;
	top: 73%;
	height: 6%;
}

/*Estilo para la capa de controles del buscador de la web*/
.capaControlesBuscador {
	position: absolute;
	width: 86%;
	left: 8%;
	top: 79%;
	height: 6%;
}

/*Estilo para la capa contenedora de todas las noticias en la ventana principal de la web*/
.capaNoticias {
	position: absolute;
	height: 84%;
	width: 96%;
	left: 2%;
}


/*Estilo para el titulo de la capa contenedora de todas las noticias en la ventana principal de la web*/
.capaNoticiasTitulo {
	position: absolute;
	height: 5%;
	width: 100%;
}


/******************************* ESTILOS DE CAPAS PARA LA PAGINA PRINCIPAL DE LA WEB ***************************************************/

.capaNoticiasDestacadasIzq {
	position: absolute;
 	height: 75%;
	width: 49%;
	top: 8%;       
}

.capaFotoNoticiasDestacadasIzq {
	position: static;
	height: 65%;
	width: 100%;
        margin: 0%;
	text-align: center;
}



.capaTituloNoticiasDestacadasIzq {
	position: static;
	width: 100%;
        margin: 0%;
	
}


.capaEntradaNoticiasDestacadasIzq {
	position: static;
	width: 100%;
        margin: 0%;
	
}


.capaNoticiasDestacadasDer {
	position: absolute;
	height: 75%;
	width: 49%;
	left: 51%;
	top: 8%;
}

.capaFotoNoticiasDestacadasDer {
	position: static;
	height: 65%;
	width: 100%;
        margin: 0%;
	text-align: center;
}



.capaTituloNoticiasDestacadasDer {
	position: static;
	width: 100%;
        margin: 0%;
	
}


.capaEntradaNoticiasDestacadasDer {
	position: static;
	width: 100%;
        margin: 0%;
	
}


.capaNoticiasNoDestacadas {
	position: absolute;
	height: 15%;
	width: 100%;
	top: 85%;
	background-color: #B0EFFF;
        margin: 0%;
}

.capaNoticiasNoDestacadasUno {
	position: absolute;
	height: 100%;
	width: 33%;
	border-right-color: #006699;
	border-right-style: solid;
	border-right-width: 1pt;
        margin: 0%;
}

.capaNoticiasNoDestacadasDos {
	position: absolute;
	height: 100%;
	width: 33%;
	left: 33%;
	border-right-color: #006699;
	border-right-style: solid;
	border-right-width: 1pt;
        margin: 0%;
}

.capaNoticiasNoDestacadasTres {
	position: absolute;
	height: 100%;
	width: 34%;
	left: 66%;
        margin: 0%;
}

.capaEnlaces {
	position: absolute;
	height: 15%;
	width: 96%;
	top: 85%;
	margin-left: 2%;
}
	
.capaBotonEnlaces a {
	position: static;
	height: 100%;
	width: 19%;
	text-align: center;
	background-color: #0097EA;
        float: left;
        margin-right: 0.9%;
	}

.capaBotonEnlaces a:hover { 
        position: static;
	height: 100%;
	width: 19%;	
        text-align: center;
	background-color: #40BCFF;
        float: left;
        margin-right: 0.9%;	
}
.capaResultados {
	position: absolute;
	top: 0%;
	height: 77%;
	width: 96%;
	margin-left: 2%;
}

.capaResultadosTitulo {
	position: absolute;
	height: 5%;
	width: 100%;
}

.capaResultadosTexto {
	position: absolute;
	top: 8%;
	height: 95%;
	width: 100%;
	overflow: auto;
}


/******************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE SERVICIOS DE LA WEB *************************/
/*Estilo para la capa de introduccion del listado de noticias de actualidad*/
.capaIntroduccionServicios {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de noticias de actualidad*/
.capaFotoIntroduccionServicios{
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}

/*Estilo para la capa de contenido del listado de noticias de actualidad*/
.capaListadoServicios {
        position: absolute;
	height: 70%;
	width: 87%;
	top: 30%;
	left: 7%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura de la noticia para el listado de noticias*/
.capaMiniaturaListaServicios{
         float: left;
         height: 20%;
         width: 20%;
}


/*Estilo para la capa con el extracto de la noticia para el listado de noticias*/
.capaExtractoListaServicios{
         height: 20%;
}

/*Estilo para la capa con botones de siguiente y previo en lista de noticias*/
.capaBotoneraListaServicios{
         float: right;
   	 width: 75%;
         margin-top: 1%; 
}


/************************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE PLENOS DE LA WEB ***********************************/

/*Estilo para la capa de introduccion del listado de plenos*/
.capaIntroduccionPlenos {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de plenos*/
.capaFotoIntroduccionPlenos {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}


/*Estilo para la capa de contenido del listado de plenos*/
.capaListadoPlenos {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura del pleno para el listado de plenos*/
.capaMiniaturaListaPlenos{
         float: left;
  	 width: 6%;
         height: 10%;
         margin-bottom:1%;
}


/*Estilo para la capa con el extracto del pleno para el listado de plenos*/
.capaExtractoListaPlenos{
         float: right;
   	 width: 93%;
         height: 10%;  
	 margin-bottom:1%; 	
}

/*Estilo para la capa con botones de siguiente y previo en lista de plenos*/
.capaBotoneraListaPlenos{
         float: right;
   	 width: 75%;
}


/************************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE ORDENANZAS DE LA WEB ***********************************/

/*Estilo para la capa de introduccion del listado de ordenanzas*/
.capaIntroduccionOrdenanzas {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de ordenanzas*/
.capaFotoIntroduccionOrdenanzas {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}


/*Estilo para la capa de contenido del listado de ordenanzas*/
.capaListadoOrdenanzas {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura del pleno para el listado de ordenanzas*/
.capaMiniaturaListaOrdenanzas{
         float: left;
  	 width: 6%;
         height: 10%;
         margin-bottom:1%;
}


/*Estilo para la capa con el extracto del pleno para el listado de ordenanzas*/
.capaExtractoListaOrdenanzas{
         float: right;
   	 width: 93%;
         height: 10%;  
	 margin-bottom:1%; 	
}

/*Estilo para la capa con botones de siguiente y previo en lista de ordenanzas*/
.capaBotoneraListaOrdenanzas{
         float: right;
   	 width: 75%;
}





/************************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE FORMULARIOS DE LA WEB ***********************************/

/*Estilo para la capa de introduccion del listado de formularios*/
.capaIntroduccionFormularios {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de formularios*/
.capaFotoIntroduccionFormularios {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}


/*Estilo para la capa de contenido del listado de formularios*/
.capaListadoFormularios {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura del pleno para el listado de formularios*/
.capaMiniaturaListaFormularios{
         float: left;
  	 width: 6%;
         height: 10%;
         margin-bottom:1%;
}


/*Estilo para la capa con el extracto del pleno para el listado de formularios*/
.capaExtractoListaFormularios{
         float: right;
   	 width: 93%;
         height: 10%;  
	 margin-bottom:1%; 	
}

/*Estilo para la capa con botones de siguiente y previo en lista de formularios*/
.capaBotoneraListaFormularios{
         float: right;
   	 width: 75%;
}


/************************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE DOCUMENTOS ESTRATEGICOS ***********************************/

/*Estilo para la capa de introduccion del listado de estrategicos*/
.capaIntroduccionEstrategicos {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de estrategicos*/
.capaFotoIntroduccionEstrategicos {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}


/*Estilo para la capa de contenido del listado de estrategicos*/
.capaListadoEstrategicos {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura del estrategico para el listado de plenos*/
.capaMiniaturaListaEstrategicos{
         float: left;
  	 width: 6%;
         height: 10%;
         margin-bottom:1%;
}


/*Estilo para la capa con el extracto del pleno para el listado de estrategicos*/
.capaExtractoListaEstrategicos{
         float: right;
   	 width: 93%;
         height: 10%;  
	 margin-bottom:1%; 	
}

/*Estilo para la capa con botones de siguiente y previo en lista de estrategicos*/
.capaBotoneraListaEstrategicos{
         float: right;
   	 width: 75%;
}

/******************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE NOTICIAS DE ACTUALIDAD DE LA WEB *************************/
/*Estilo para la capa de introduccion del listado de noticias de actualidad*/
.capaIntroduccionNoticias {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de noticias de actualidad*/
.capaFotoIntroduccionNoticias {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}

/*Estilo para la capa de contenido del listado de noticias de actualidad*/
.capaListadoNoticias {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura de la noticia para el listado de noticias*/
.capaMiniaturaListaNoticias{
         float: left;
  	 width: 20%;
         height: 20%;
}


/*Estilo para la capa con el extracto de la noticia para el listado de noticias*/
.capaExtractoListaNoticias{
         float: right;
   	 width: 80%;
         height: 20%;	
}

/*Estilo para la capa con botones de siguiente y previo en lista de noticias*/
.capaBotoneraListaNoticias{
         float: right;
   	 width: 75%;
         margin-top: 1%; 
}




/********************************* ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE HISTORICO DE NOTICIAS DE LA WEB ************************/
/*Estilo para la capa de introduccion del listado de noticias de Historico actualidad*/
.capaIntroduccionHistoricoNoticias {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de noticias de Historico actualidad*/
.capaFotoIntroduccionHistoricoNoticias {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}

/*Estilo para la capa de contenido del listado de noticias de Historico actualidad*/
.capaListadoHistoricoNoticias {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura de la noticia para el listado de Historico noticias*/
.capaMiniaturaListaHistoricoNoticias{
         float: left;
  	 width: 20%;
         height: 20%;
}


/*Estilo para la capa con el extracto de la noticia para el listado de Historico noticias*/
.capaExtractoListaHistoricoNoticias{
         float: right;
   	 width: 80%;
         height: 20%;
}

/*Estilo para la capa con botones de siguiente y previo en lista de Historico noticias*/
.capaBotoneraListaHistoricoNoticias{
         float: right;
   	 width: 75%;
         margin-top: 1%; 
}





/******************************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE CONTACTOS ***************************************************/

/*Estilo para la capa de introduccion del listado de contactos*/
.capaIntroduccionContactos {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de contactos*/
.capaFotoIntroduccionContactos {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}


/*Estilo para la capa de contenido del listado de contactos*/
.capaListadoContactos {
        position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}


/*Estilo para la capa con la miniatura del contacto en el listado de contactos*/
.capaMiniaturaListaContactos{
         float: left;
  	 width: 20%;
         height: 20%;
}


/*Estilo para la capa con el extracto del contacto en el listado de contactos*/
.capaExtractoListaContactos{
         float: right;
   	 width: 80%;
         height: 20%;	
}


/*Estilo para la capa con botones de siguiente y previo en lista de contactos*/
.capaBotoneraListaContactos{
         float: right;
   	 width: 75%; 
         margin-top: 1%;        
}


/******************************************** ESTILOS DE CAPAS PARA LA PAGINA DE LISTADOS DE CONTRATANTES ************************************************/
/*Estilo para la capa de introduccion del listado de contratantes*/
.capaIntroduccionContratantes {
	position: absolute;
	height: 10%;
	width: 80%;
	top: 20%;
	left: 18%;
	overflow: auto;
}

/*Estilo para la capa de foto de introduccion del listado de contratantes*/
.capaFotoIntroduccionContratantes {
	position: absolute;
	height: 8%;
	width: 8%;
	top: 20%;
	left: 10%;
	overflow: auto;
}

/*Estilo para la capa de contenido del listado de contratantes*/
.capaListadoContratantes {
	position: absolute;
	height: 70%;
	width: 94%;
	top: 30%;
	left: 3%;
	overflow: auto;
}

/*Estilo para la capa con la miniatura del pleno para el listado de contratantes*/
.capaMiniaturaListaContratantes{
         float: left;
  	 width: 10%;
         height: 18%;
         margin-bottom: 1%;
}


/*Estilo para la capa con el extracto del pleno para el listado de contratantes*/
.capaExtractoListaContratantes{
         float: right;
   	 width: 89%;
         height: 18%; 
         margin-bottom: 1%;
}


/*Estilo para la capa con botones de siguiente y previo en lista de contratantes*/
.capaBotoneraListaContratantes{
         float: right;
   	 width: 75%;
}





/********************************* ESTILOS DE CAPAS PARA LAS PAGINAS DE CONTENIDO DE LA WEB ***************************************************/


/*Estilo para la capa de cabecera en las paginas de contenido (foto de sanlucar celeste)*/
.capaCabecera {
	position: absolute;
	height: 8%;
	width: 100%;
	top: 0%;
	background-image: url(../IMAGENES/imagenes/CABECERA.png);
}

/*Estilo para la capa titulo en las paginas de contenido*/
.capaTitulo {
	position: absolute;
	height: 8%;
	width: 100%;
	top: 8%;
	background-color: #CCCCCC;
}


/*Estilo para la capa de fotografia en cabecera de contenido plano*/
.capaFotoContenido {
	position: absolute;
	height: 20%;
	width: 30%;
	top: 19%;
	left: 3%;
}


/*Estilo para la capa de fotografia en cabecera de contenido con foto alargada*/
.capaFotoContenidoAlargada {
	position: absolute;
	height: 20%;
	width: 94%;
	top: 19%;
	left: 3%;
}

/*Estilo para la capa de primera fotografia en cabecera de contenido tres fotos*/
.capaFotoContenido1 {
	position: absolute;
	height: 20%;
	width: 29%;
	top: 19%;
	left: 3%;
}

/*Estilo para la capa de segunda fotografia en cabecera de contenido tres fotos*/
.capaFotoContenido2 {
	position: absolute;
	height: 20%;
	width: 30%;
	top: 19%;
	left: 35%;
}

/*Estilo para la capa de tercera fotografia en cabecera de contenido tres fotos*/
.capaFotoContenido3 {
	position: absolute;
	height: 20%;
	width: 29%;
	top: 19%;
	left: 68%;
}

/*Estilo para la capa de menu en la parte superior de los contenidos con menu*/
.capaMenuContenido {
	position: absolute;
	height: 19%;
	width: 61%;
	left: 36%;
	top: 16%;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1pt;
	padding-left: 3%;
	padding-top: 3%;

}

/*Estilo para la capa de texto de todas las paginas de contenido (con menu y tres fotos) menos la plana*/
.capaTextoContenido{
	position: absolute;
	height: 58%;
	width: 94%;
	left: 3%;
	top: 42%;
	overflow: auto;
}


/*Estilo para la capa de texto de las paginas de contenido planas*/
.capaTextoContenidoSinFoto{
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
}


/*Estilo para la capa con imagen en el contenido  y que flote a la izquierda del texto*/
.capaImagenContenidoFlotanteIzquierda{
	 float: left;
  	 margin-right: 5%;
         margin-bottom: 5%;		
}

/*Estilo para la capa de busqueda para los contenidos con buscador*/
.capaBuscadorContenido {
	position: absolute;
	height: 19%;
	width: 61%;
	left: 36%;
	top: 16%;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1pt;
	padding-left: 5%;
	padding-top: 5%;

}


/*Estilo para la capa */
.capaTextoContenidoVotacionA{
	 position: absolute;
         height: 40%;
	 width: 47%;
	 left: 0%;
	 top: 17%;
	 border-color: #CCCCCC;
	 border-style: solid;
	 border-width: 1pt;
}

/*Estilo para la capa */
.capaTextoContenidoVotacionB{
	 position: absolute;
         height: 40%;
	 width: 47%;
	 left: 51%;
	 top: 17%;
	 border-color: #CCCCCC;
	 border-style: solid;
	 border-width: 1pt;	
}

/*Estilo para la capa */
.capaTextoContenidoVotacionC{
	 position: absolute;
         height: 39%;
	 width: 47%;
	 left: 0%;
	 top: 60%;
	 border-color: #CCCCCC;
	 border-style: solid;
	 border-width: 1pt;	
}

.capaIconoVotacion {
         float: right;
    	 margin-bottom:2%;
         margin-right: 2%;
	 overflow: auto;
}


.capaTextoIntroduccionVotacion{
         float: right;
   	 width: 50%;
         height: 10%;  
	 margin-bottom:2%; 	
}


/********************* ESTILOS DE CAPAS PARA LA MAQUETACION DEL DETALLE DE UNA NOTICIA ***************************************************/

/*Estilo para la capa de texto de las noticias*/
.capaTextoContenidoNoticia {
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
        margin: 0%;
}

/*Estilo para la capa de titulo de noticia en el detalle*/
.capaDetalleTituloNoticia {
	position: static;
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de noticia en el detalle*/
.capaDetalleSubtituloNoticia {
	position: static;
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

.capaDetalleIzquierdaNoticia {
	position: relative;
	width: 50%;
        float: left;
        margin: 0%;
        text-align:justify;
}

.capaDetalleDerechaNoticia {
	position: relative;
	width: 47%;
        float: right;
        margin: 0%;
}


/*Estilo para la capa de acciones de la noticia*/
.capaDetalleAccionesNoticia {
	position: static;
	width: 100%;
        background-color:#CCCCCC;
        float: left;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de Foto de la noticia*/
.capaDetalleFotoNoticia {
	position: static;
	width: 100%;
        overflow: hidden;
        margin:0%;
        margin-bottom: 2%;
        background-color:#CCCCCC;
}

/*Estilo para la capa de pie de Foto de la noticia*/
.capaDetalleFotoNoticiaPie {
	position: static;
	width: 100%;
        overflow: hidden;
        margin-bottom:2%;
        background-color:#CCCCCC;
}


/*Estilo para la capa de enlaces de la noticia*/
.capaDetalleEnlacesNoticia {
	position: static;
	width: 100%;
        overflow: hidden;
        padding-bottom:2%;   
        background-color:#CCCCCC;
}


/*Estilo para la capa de contenido de la noticia*/
.capaDetalleContenidoNoticia {
	position: static;
        width: 100%;
        float: left;
        margin:0%;
}


/*Estilo para la capa de acciones de la noticia*/
.capaDetalleAutorNoticia {
	position: static;
        background-color:#CCCCCC;
        float: left;
        width: 100%;
        margin:0%;
        margin-top: 2%;
}


/*Estilo para la capa */
.capaDetalleEnlacesNoticiaEnlace{
         margin-top:2%;
	 float: left;
         width: 100%;
         heigth: 50%;
         border-bottom: 1px solid white;
		
}


/*Estilo para la capa */
.capaDetalleEnlacesNoticiaIcono{
	 float: left;
         width: 20%;
         heigth: 40%;
         text-align: center;	
}

/*Estilo para la capa */
.capaDetalleEnlacesNoticiaTexto{
	 float: right;
         width: 80%;
         heigth: 40%;	
}




/************** ESTILOS DE CAPAS PARA LA MAQUETACION DEL DETALLE DE UN CONTRATANTE ***************************************************/
/*Estilo para la capa de texto de los contratantes*/
.capaTextoContenidoContratante {
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
        margin: 0%;
}


/*Estilo para la capa de titulo del contratante en el detalle*/
.capaDetalleTituloContratante {
	position: static;
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

.capaDetalleIzquierdaContratante  {
	position: relative;
	width: 55%;
        float: left;
        margin: 0%;
}

.capaDetalleDerechaContratante  {
	position: relative;
	width: 40%;
        float: right;
        margin: 0%;
}


/*Estilo para la capa de acciones del contratante*/
.capaDetalleAccionesContratante {
	position: static;
	width: 100%;
        background-color:#CCCCCC;
        float: left;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de enlaces del contratante*/
.capaDetalleEnlacesContratante {
	position: static;
	width: 100%;
        float: right;
        overflow: hidden;
        padding-bottom:2%;          
        background-color:#CCCCCC;
}


/*Estilo para la capa de contenido del contratante*/
.capaDetalleContenidoContratante {
	position: static;
        width: 100%;
        float: left;
        margin:0%;
}



/*Estilo para la capa de acciones del contratante*/
.capaDetalleAutorContratante {
	position: static;
        background-color:#CCCCCC;
        float: left;
        width: 100%;
        margin:0%;
        margin-top: 2%;
}


/*Estilo para la capa */
.capaDetalleEnlacesContratanteEnlace{
         margin-top:2%;
	 float: left;
         width: 100%;
         heigth: 50%;
         border-bottom: 1px solid white;
		
}


/*Estilo para la capa */
.capaDetalleEnlacesContratanteIcono{
	 float: left;
         width: 20%;
         heigth: 40%;
         text-align: center;	
}

/*Estilo para la capa */
.capaDetalleEnlacesContratanteTexto{
	 float: right;
         width: 80%;
         heigth: 40%;	
}





/********************* ESTILOS DE CAPAS PARA LA MAQUETACION DEL DETALLE DE UN CONTACTO ***************************************************/

/*Estilo para la capa de texto de los contactos*/
.capaTextoContenidoContacto {
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
        margin: 0%;
}

/*Estilo para la capa de titulo de contacto en el detalle*/
.capaDetalleTituloContacto {
	position: static;
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de contacto en el detalle*/
.capaDetalleSubtituloContacto {
	position: static;
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

.capaDetalleIzquierdaContacto {
	position: relative;
	width: 55%;
        float: left;
        margin: 0%;
}

.capaDetalleDerechaContacto {
	position: relative;
	width: 40%;
        float: right;
        margin: 0%;
}


/*Estilo para la capa de acciones del contacto*/
.capaDetalleAccionesContacto {
	position: static;
	width: 100%;
        background-color:#CCCCCC;
        float: left;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de Foto del contacto*/
.capaDetalleFotoContacto {
	position: static;
	width: 100%;
        float: right;
        overflow: hidden;
        margin:0%;
        margin-bottom: 2%;
        background-color:#CCCCCC;
}

/*Estilo para la capa de enlaces del contacto*/
.capaDetalleEnlacesContacto {
	position: static;
	width: 100%;
        float: right;
        overflow: hidden;
        padding-bottom:2%;       
        background-color:#CCCCCC;
}


/*Estilo para la capa de contenido del contacto*/
.capaDetalleContenidoContacto {
	position: static;
        width: 100%;
        float: left;
        margin:0%;
}


/*Estilo para la capa de autor del contacto*/
.capaDetalleAutorContacto {
	position: static;
        background-color:#CCCCCC;
        float: left;
        width: 100%;
        margin:0%;
        margin-top: 2%;
}


/*Estilo para la capa */
.capaDetalleEnlacesContactoEnlace{
         margin-top:2%;
	 float: left;
         width: 100%;
         heigth: 50%;
         border-bottom: 1px solid white;
		
}


/*Estilo para la capa */
.capaDetalleEnlacesContactoIcono{
	 float: left;
         width: 20%;
         heigth: 40%;
         text-align: center;	
}

/*Estilo para la capa */
.capaDetalleEnlacesContactoTexto{
	 float: right;
         width: 80%;
         heigth: 40%;	
}


/************** ESTILOS DE CAPAS PARA LA MAQUETACION DEL DETALLE DE UN EVENTO***************************************************/
/*Estilo para la capa de texto de los eventos*/
.capaTextoContenidoEvento {
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
        margin: 0%;
}


/*Estilo para la capa de titulo del contratante en el evento*/
.capaDetalleTituloEvento {
	position: static;
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

.capaDetalleIzquierdaEvento  {
	position: relative;
	width: 55%;
        float: left;
        margin: 0%;
}

.capaDetalleDerechaEvento  {
	position: relative;
	width: 40%;
        float: right;
        margin: 0%;
}


/*Estilo para la capa de acciones del Evento*/
.capaDetalleAccionesEvento {
	position: static;
	width: 100%;
        background-color:#CCCCCC;
        float: left;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de enlaces del Evento*/
.capaDetalleEnlacesEvento {
	position: static;
	width: 100%;
        float: right;
        overflow: hidden;
        padding-bottom:2%;          
        background-color:#CCCCCC;
}


/*Estilo para la capa de contenido del Evento*/
.capaDetalleContenidoEvento {
	position: static;
        width: 100%;
        float: left;
        margin:0%;
}



/*Estilo para la capa de acciones del Evento*/
.capaDetalleFechaEvento{
	position: static;
        background-color:#CCCCCC;
        float: left;
        width: 100%;
        margin:0%;
        margin-top: 2%;
}

.capaDetalleFotoEvento {
	position: static;
	width: 100%;
        float: right;
        overflow: hidden;
        margin:0%;
        margin-bottom: 2%;
        background-color:#CCCCCC;
}

/*Estilo para la capa */
.capaDetalleEnlacesEventoEnlace{
         margin-top:2%;
	 float: left;
         width: 100%;
         heigth: 50%;
         border-bottom: 1px solid white;
		
}


/*Estilo para la capa */
.capaDetalleEnlacesEventoIcono{
	 float: left;
         width: 20%;
         heigth: 40%;
         text-align: center;	
}

/*Estilo para la capa */
.capaDetalleEnlacesEventoeTexto{
	 float: right;
         width: 80%;
         heigth: 40%;	
}