
/**********************************************************************************************************************/
/** ESTILOS www.participacionsocial.org - 27.07.2011																										 */
/**********************************************************************************************************************/

/** Importación de Google Fonts ***************************************************************************************/
/*@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,bold,italic&v1);*/

/** ELEMENTOS GENERALES ***********************************************************************************************/

body {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #6b8794;
	/*text-align: center;*/
}

form {
	margin: 0px;
}

a {
	outline: none;
}

img {
	border: 0px;
}

.clearfloat {
	clear:both;
	float:none;
}

iframe.oculto {
	margin:0px;
	padding:0px;
	overflow: hidden;
	visibility: hidden;
	display: none;
}

.formulario {
	border: 1px solid #666666;
	color: #000000;
	font-family: Verdana;
	font-size: .9em;	
	background-color: #FFFFFF;
}

textarea {
	resize: none;
}

legend {
	color: #000000;
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
}

/************************************************/

#controlPaginacion {
	display: table;
	width: 705px;
	margin: 0px;
	padding: 0px;
}

#numResultadosPaginacion {
	float: left;
	margin: 0px;
	padding: 0px;
	color: #6b8794;
	font-family: Arial;
	font-size: 0.6em;
}

#controlesPaginacion {
	float: right;
	margin: 0px;
	padding: 0px;
	color: #2e7ab8;
	font-family: Arial;
	font-size: 0.6em;
}

#controlesPaginacion img {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

#textoControlesPaginacion {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top:2px;
	color: #6b8794;
}

.formularioControles {
	color: #444444;
	border: 1px solid #666666;
	font-family: Arial;
	font-size: 1em;
}

/** GENERAL ***********************************************************************************************************/

#contenedor {
	display: table;
	width: 1000px; 
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color: #FFFFFF;
}

#cabecera {
	display: table;
	margin: 15px;
	padding: 0px;
	width: 970px;
	height: 150px;
	background-color: #e1e1e1;
	background: url(../imagenes/fondoCabecera.jpg) no-repeat;
}

#contenido {
	display: table;
	width: 970px; 
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	margin-right: 15px;
	background: url(../imagenes/fondoContenido.gif) repeat-y top;
}

#bloqueIzquierda {
	float:left;
	width: 250px;
	margin: 0px;
	padding: 0px;
	/*background-color: #985975;*/
}

#bloqueDerecha {
	float:left;
	width: 705px;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
	/*background-color:#F2F2F2;*/
}

#pie {	
	width: 970px;
	height: 50px;
	margin: 15px;
	padding: 0px;
	background-color: #6b8794;	
}

#pie p.avisoLegal {
	float:left;
	margin: 0px;
	margin-top: 20px;
	margin-left: 10px;
	color: #ffffff;
	font-family: Arial;
	font-size: 0.7em;
	text-align: right;
	letter-spacing: 0px;
}

#pie a {
	color: #ffffff;
	text-decoration: underline;
}

#pie a:hover {
	text-decoration: none;
}

#pie img {	
	float: right;
	margin: 0px;
	padding: 0px;
	margin-top: 16px;
	margin-right: 10px;	
}


/** CABECERA ***********************************************************************************************************/

#tituloCabecera {
	clear: both;
	float: left;
	margin: 0px;
	margin-top: 20px;
	margin-left: 250px;
}

#bannerCabecera {
	float: right;
	width: 500px;
	height: 85px;
	margin: 0px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

#menu {
	float: right;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
}

#menu a {
	display: block;
	text-decoration: none;
	height: 35px;
}

.opcionMenu {
	float: left;
	margin-left: 10px;
}

A#enlaceOpcionMenu_1, A#enlaceOpcionMenu_1_on {
	width:81px;
}
A#enlaceOpcionMenu_1:link, A#enlaceOpcionMenu_1:active, A#enlaceOpcionMenu_1:visited {
	background: url(../imagenes/botonInicioOff.png) no-repeat center;
}
A#enlaceOpcionMenu_1:hover {
	background: url(../imagenes/botonInicioOn.png) no-repeat center;
}
A#enlaceOpcionMenu_1_on {
	background: url(../imagenes/botonInicioOn.png) no-repeat center;
}

A#enlaceOpcionMenu_2, A#enlaceOpcionMenu_2_on {
	width:130px;
}
A#enlaceOpcionMenu_2:link, A#enlaceOpcionMenu_2:active, A#enlaceOpcionMenu_2:visited {
	background: url(../imagenes/botonInformacionOff.png) no-repeat center;
}
A#enlaceOpcionMenu_2:hover {
	background: url(../imagenes/botonInformacionOn.png) no-repeat center;
}
A#enlaceOpcionMenu_2_on {
	background: url(../imagenes/botonInformacionOn.png) no-repeat center;
}

A#enlaceOpcionMenu_3, A#enlaceOpcionMenu_3_on {
	width:115px;
}
A#enlaceOpcionMenu_3:link, A#enlaceOpcionMenu_3:active, A#enlaceOpcionMenu_3:visited {
	background: url(../imagenes/botonProgramaOff.png) no-repeat center;
}
A#enlaceOpcionMenu_3:hover {
	background: url(../imagenes/botonProgramaOn.png) no-repeat center;
}
A#enlaceOpcionMenu_3_on {
	background: url(../imagenes/botonProgramaOn.png) no-repeat center;
}

A#enlaceOpcionMenu_4, A#enlaceOpcionMenu_4_on {
	width:137px;
}
A#enlaceOpcionMenu_4:link, A#enlaceOpcionMenu_4:active, A#enlaceOpcionMenu_4:visited {
	background: url(../imagenes/botonInscripcionesOff.png) no-repeat center;
}
A#enlaceOpcionMenu_4:hover {
	background: url(../imagenes/botonInscripcionesOn.png) no-repeat center;
}
A#enlaceOpcionMenu_4_on {
	background: url(../imagenes/botonInscripcionesOn.png) no-repeat center;
}

A#enlaceOpcionMenu_5, A#enlaceOpcionMenu_5_on {
	width:90px;
}
A#enlaceOpcionMenu_5:link, A#enlaceOpcionMenu_5:active, A#enlaceOpcionMenu_5:visited {
	background: url(../imagenes/botonPrensaOff.png) no-repeat center;
}
A#enlaceOpcionMenu_5:hover {
	background: url(../imagenes/botonPrensaOn.png) no-repeat center;
}
A#enlaceOpcionMenu_5_on {
	background: url(../imagenes/botonPrensaOn.png) no-repeat center;
}

A#enlaceOpcionMenu_6, A#enlaceOpcionMenu_6_on {
    width:137px;
}
A#enlaceOpcionMenu_6:link, A#enlaceOpcionMenu_6:active, A#enlaceOpcionMenu_6:visited {
    background: url(../imagenes/botonParticipantesOff.png) no-repeat center;
}
A#enlaceOpcionMenu_6:hover {
    background: url(../imagenes/botonParticipantesOn.png) no-repeat center;
}
A#enlaceOpcionMenu_6_on {
    background: url(../imagenes/botonParticipantesOn.png) no-repeat center;
}



/** COLUMNA IZQUIERDA **************************************************************************************************/

#bannerLogos {
	display: table;
	width: 230px;
	height: 500px;
	margin: 10px;
	padding: 0px;
	background-color: #ffffff;
	text-align: center;
}

#bannerLogos h1 {
	margin: 10px;
	padding: 0px;
	color: #985975;
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	text-align: left;
}

#bannerLogos img {
	margin: 5px;
	padding: 0px;
}


/** COLUMNA DERECHA ****************************************************************************************************/

#tituloWeb {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	border-right: 10px solid #985975;
}

#tituloWeb h1 {
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	color: #6b8794;
	font-family: Verdana;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
}

#submenu {
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	margin-bottom: 30px;
	border-right: 10px solid #6b8794;
	color: #6b8794;
	font-family: Verdana;
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;	
}

#submenu a.on {
	color: #444444;
	text-decoration: none;
}

#submenu a.on:hover {
	color: #444444;
	text-decoration: none;
}

#submenu a.off {
	color: #985975;
	text-decoration: none;
}

#submenu a.off:hover {
	text-decoration: underline;
}


#bloqueDerecha p {
	margin: 10px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
	text-align: justify;
}

#bloqueDerecha p.cita {
	margin: 10px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: justify;
}


#bloqueDerecha h2 {
	margin: 10px;
	color: #6b8794;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	text-align: justify;
}

#bloqueDerecha ul {
	margin: 10px;
	color: #444444;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
	text-align: justify;
}

#bloqueDerecha li {
	margin: 15px;
	line-height: normal;
}


/** INSCRIPCIONES ******************************************************************************************************/

.textoFormulario {
	color: #000000;
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
}


/** CERTIFICADOS *******************************************************************************************************/
    
#formularioCertificados  {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #EEEEEE;
    border: 1px solid #985975;
}

.bloqueCampoFormulario {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

p.aclaracion {
    font-size: .5em;
    font-style: italic;
    margin: 0px;
}

#bloqueMensajesError {
    width: 400px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../imagenes/fondoMensajeError.png");
    background-repeat: no-repeat;
    background-position: top center;
    display: table;
    visibility: hidden;
}

#bloqueMensajesError p {
    color: #ffffff;
    margin: 0px;
    text-align: center;
    margin-top: 5px;
}

#botonCertificados {
    text-align:center;
    padding:15px;
}


/** PARTICIPANTES ******************************************************************************************************/

.lineaDocumento {
    float: none;
    clear: both;
    margin: 60px;
    padding: 0px;
    color: #000000;
    font-family: Verdana;
    font-size: .7em;
    font-weight: bold;
}

.lineaDocumento img {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: -15px;
    margin-right: 10px;
}

.lineaDocumento a {
    color: #000000;
    text-decoration: none;
}

.lineaDocumento a:hover {
    color: #000000;
    text-decoration: underline;
}


/** NOTICIAS ***********************************************************************************************************/

#noticiaPrincipal {
	display: table;
	width: 705px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

#noticiaPrincipal img {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
}

#noticiaPrincipal h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	color: #985975;
	font-family: Arial;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: justify;	
}

#noticiaPrincipal h1 a {
	color: #985975;
	text-decoration: none;
}

#noticiaPrincipal h1 a:hover {
	color: #985975;
	text-decoration: underline;
}

#noticiaPrincipal h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666666;
	text-align: left;
}

#noticiaPrincipal p {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
	text-align: justify;	
}

/************************************************/

.separadorHorizontal {
	clear: both;
	float: none;
	width: 705px;
	height: 2px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #cccccc;
}

/************************************************/

#noticiasSecundarias {
	float: left;
	width: 705px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

#noticiasSecundarias img {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
}

#noticiasSecundarias h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	color: #985975;
	font-family: Arial;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: justify;
}

#noticiasSecundarias h1 a {
	color: #985975;
	text-decoration: none;
}

#noticiasSecundarias h1 a:hover {
	color: #985975;
	text-decoration: underline;
}

#noticiasSecundarias h3 {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666666;
	text-align: left;
}

#noticiasSecundarias p {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	text-align: justify;	
}

/************************************************/

#noticia {
	width:705px;
	margin:0px;
	padding:0px;
}

#noticia img {
	margin: 0px;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#noticia h1 {
	margin: 0px;
	padding: 0px;
	color: #985975;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: justify;
}

#noticia h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.7em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: normal;
	text-align: justify;
}

#noticia h3 {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666666;
	text-align: right;
}

#noticia p {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	text-align: justify;
}

#documentosAdjuntos {
	width: 705px;
	margin: 0px;
	padding:0px;
	margin-top: 20px;
}

#documentosAdjuntos h2 {
	margin: 0px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	color: #6b8794;
	font-family: Arial;
	font-size: 0.8em;
	font-weight: bold;
}

#documentosAdjuntos img {
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
}

#documentosAdjuntos p {
	margin:10px;
	margin-left:30px;
	margin-bottom: 20px;
	color: #444444;
	font-family: Verdana;
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	text-align: justify;
	letter-spacing: normal;
}

#documentosAdjuntos p a {
	color: #444444;
	text-decoration: none;
}

#documentosAdjuntos p a:hover {
	color: #444444;
	text-decoration: underline;
}

#conexionesRS {
	padding-bottom: 3px;
	margin-bottom: 10px;
	text-align:left;
	border-bottom: 2px solid #cccccc;
}

/************************************************/

#volver {
	width:705px;
	margin:0px;
	padding:0px;
	color: #6b8794;
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	text-align: right;
	line-height: normal;
}

#volver a {	
	color: #6b8794;
	text-decoration: none;
}

#volver a:hover {	
	color: #444444;
	text-decoration: none;
}

/************************************************/

#bloqueDerecha p.horarioPrograma {
    font-weight: bold;
    font-size: .7em;
    color: #6b8794;
    display: inline;
    text-align: left;
}

#bloqueDerecha p.nombreActividad {
    font-weight: bold;
    font-size: .8em;
    color: #000000;
    display: inline;
    text-align: left;
}

#bloqueDerecha h2.fechaActividades {
    color: #985975;
}

/************************************************/

.descargaArchivo {
    width: 250px;
    float:left;
    margin-right: 25px;
    background-color: #d7d7d7;
}

.descargaArchivo img {
    border: 0px;
    margin: 10px;
    float: left;
}

/************************************************/

.fichaContacto {
    width: 350px;
    background-color: #d7d7d7;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}

.fichaContacto h1 {
    color: #000000;
    font-family: Verdana;
    font-size: 1em;
    font-weight: bold;
}

.fichaContacto a {
    color: #985975;
    text-decoration: none;
}

.fichaContacto a:hover {
    text-decoration: underline;
}
