@charset "utf-8";
/**************************************************************************
CSS DOCUMENTO - 20080621@JCP
***************************************************************************/

/**************************************************************************
RESET
***************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
/**************************************************************************
PARÁMETROS GENERALES
***************************************************************************/
* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body {color:#000000; font-family:Arial, Helvetica, sans-serif, "Arial Black"; background-color:#c5d807; font-size:12px; height:100%;}
html {overflow-y:hidden;}
.index {width:10300px;}
img {border:0px;}
/*a {color:#FFFFFF; text-decoration:none; background-color:#ed1cf9; padding:0px 2px 0px 2px; font-size: 12px; font-weight:bold;}*/
a {color:#FFFFFF; text-decoration:none; background-color:#000000; padding:0px 2px 0px 2px; font-size: 12px; font-weight:bold;}
a:focus {outline:none;}
li {list-style-type:none; list-style-position:outside;}
.fleft {float:left;}
.fright {float:right;}
.limpia {clear:both;}
.hide {display:none;}
/**************************************************************************
ESTRUCTURA
***************************************************************************/
#container {
	position:absolute;
	vertical-align:middle;
	margin-top:-267px;
	top:50%;	
	width:10300px;
	height:534px;
	background-image: url(../imagenes/bg/bg_body.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:center;
	}
	#sidebar {
		position:fixed;
		left:18px;
		width:175px;
		height:534px;
		}
	.estructura {
		float:left;
		width:633px;
		}
	.contenidoDiferente {
		width:162px;
		padding:30px 0px 0px 447px;
		}
	.contenido {
		width:420px;
		padding:0px 0px 0px 213px;
		}
		.contenido p {
			text-align:justify;
			}
	.contenido, .contenidoDiferente {
		float:left;
		line-height:13px;
		}
		.contenido strong, .contenidoDiferente strong {
			font-size:12px;
			}
	#flashHome {
		position:relative;
		/*height:209px;*/
		margin:35px 0px 0px 650px;
		}
	#flashCampanyaNew {
		position:relative;
		/*height:209px;*/
		margin:6px 0px 0px 675px;
		}
	#home, #cje, #vih, #campana, #haztelaprueba, #autonomicos, #convocatorias, #links {
		float:left;
		width:1200px;
		height:534px;
		}
	#home {/*background:url(../imagenes/categorias/cat1.gif) no-repeat top right;*/}
	#cje {background:url(../imagenes/categorias/cat2.gif) no-repeat top right;}
	#vih {background:url(../imagenes/categorias/cat3.gif) no-repeat top right;}
	#campana {background:url(../imagenes/categorias/cat4.gif) no-repeat top right;}
	#haztelaprueba {background:url(../imagenes/categorias/cat5.gif) no-repeat top right;}
	#autonomicos {background:url(../imagenes/categorias/cat6.gif) no-repeat top right;}
	#convocatorias {background:url(../imagenes/categorias/cat7.gif) no-repeat top right;}
	#links {background:url(../imagenes/categorias/cat8.gif) no-repeat top right;}
/**************************************************************************
MENU
***************************************************************************/
.menu {
	padding:100px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	width:175px;
	}
	.menu li a {
		background:none;
		height:15px;
		}

.leer a {
	color:#FFFFFF;
	background-color:#000000;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	}
/**************************************************************************
H2 - H3 -H4
***************************************************************************/
#iframe h2, #iframeNoticias h2 {
	background:url(../imagenes/iconos/flecha_fucsia.gif) no-repeat bottom right;
	padding:0px 10px 0px 0px;
	float:left;
	text-transform:uppercase;
	font-size:18px;
	margin:0px 0px 5px 0px;
	}
#iframe h3 {
	background:none;
	padding:0px 0px 0px 0px;
	float:none;
	color:#FFFFFF;
	text-decoration:underline;
	}
h3 {
	background-image:url(../imagenes/iconos/flecha_fucsia.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:0px 10px 0px 0px;
	float:left;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	}
.noticias h3 {
	color:#FC0322;
	text-transform:uppercase;
	background:none;
	padding:0px 0px 0px 0px;
	font-size:12px;
	float:none;
	}
h4 {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	}
/**************************************************************************
SECCIONES
***************************************************************************/
.links li {
	margin:0px 0px 3px 0px;
	font-weight:bold;
	}
.comlumnl {
	float:left;
	width:200px;
	}
	.comlumnl p {
		text-align:left;
		}
.comlumnr h3 {
	float:right;
	}
.comlumnr {
	float:right;
	width:200px;
	}
	.comlumnr p {
		text-align:left;
		}
.telInf {
	background-color:#ed1cf9;
	width:175px;
	margin:0px 0px 2px 0px;
	padding:1px 1px 1px 1px;
	}	
	.telInf span {
		color:#FFFFFF;
		font-weight:bold;
		font-size:14px;
		}
/**************************************************************************
CALENDARIO - SIDEBAR LEFT
***************************************************************************/
.calendarioAll {
	background-color:#000000;
	width:175px;
	margin:0px 0px 0px 2px;
	min-height: 116px;
	_height:  116px;
	}
.calendario {
	background-color:#000000;
	width:160px;
	}
	.calendario td {
		color:#FFFFFF;
		text-align:center;
		padding:1px 1px 1px 1px;
		font-size: 10px;
		}
		.evento {
			background-color:#c5d807;
			}
		.calendario td a {
			color:#000000;
			background:none;
			}
.calendarioFot {
	width:154px;
	height:35px;
	background:url(../imagenes/iconos/calen_footer.gif) no-repeat;
	padding:2px 0px 0px 21px;
	margin:0px 0px 0px 2px;
	
	}
	.calendarioFot span {
		margin:0px 5px 0px 5px;
		font-size:8px;
		color:#FFFFFF;
		text-transform:uppercase;
		}
	.calendarioFot a {
		background:none;
		padding:0px 0px 0px 0px;
		}
	.mesCalendario {
		color:#FFFFFF;
		background-color:#000000;
		font-size: 12px;
		text-align: right;
		padding-right: 5px;
		padding-top: 5px;
	}
	.mesCalendario a {
		background:none;
		padding:0px 0px 0px 0px;
	}
.positionFixed {
	position:absolute;
	}
.logo {
	margin:140px 0px 1px 0px;
	}
/**************************************************************************
CALENDARIO - CONVOCATORIAS
***************************************************************************/
#calendarioDeConvocatorias td {
	font-size: 10px;
}
.tablaCon {
	height:115px;
	width:140px;
	display:table;
	#position:relative;
	overflow:hidden;
	}
	.celdCon {
		#position:absolute;
		#top:50%;
		display:table-cell;
		vertical-align: middle;
		 }
		 .contCon {
		 	#position:relative;
			#top:-50%
			}
.convCal {
	text-align:center;
	padding:0px 0px 0px 10px;
	}
	.convCal td {
		padding:1px 1px 1px 1px;
		}
	.convCal td a {
		background:#c5d807;
		color:#000000;
		}
	.dia {
		background:#f97203;
		color:#000000;
		}
.convCalFot {
	padding:10px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	}
	.convCalFot span {
		font-size:12px;
		color:#FFFFFF;			
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif, "Arial Black";
		margin:5px 0px 0px 0px;
		}
	.convCalFot a {
		background:none;
		}
/**************************************************************************
CONVOCATORIAS - NOTICIAS
***************************************************************************/
#flashConvoca {
	z-index:100;
	position:absolute;
	margin:0px 0px 0px 945px;
	}
.noticias p, .fecha, .noticias ul, .noticias h3 {
	padding:0px 5px 0px 5px;
	}
.imgNot {
	margin:0px 9px 5px 0px;
	}
.noticias {
	padding:36px 0px 0px 34px;
	float:left;
	width:300px;
	}
	.fecha {
		font-size:12px;
		color:#7A7A7A;
		}
	.noticias p {
		min-height:215px;
		_height:215px;
		line-height:12px;
		width:295px;
		}
		.navegacion img {
			margin:0px 4px 0px 0px;
			}
			.navegacion a {
				background:none;
				}
	.noticias ul {
		float:left;
		width:125px;
		}
		.noticias ul li {
			float:left;
			color:#040404;
			}
			.noticias ul li a {
				background:none;
				color:#040404;
				}
/**************************************************************************
IFRAME
***************************************************************************/
#iframeVideos, #iframeNoticias {
	width:684px;
	height:100px;
	background:url(../imagenes/bg/bg_iframe_videos.gif) no-repeat;
	overflow:auto;
	padding:29px 32px 29px 32px;
	}
#iframe {
	/*
	width:684px;
	height:468px;
	background:url(../imagenes/bg/bg_iframe.gif) no-repeat;
	overflow:auto;
	padding:0px 32px 0px 32px;
	*/
	}
	.capaFrameTitle {
		background-color: #000000;
		}
		.capaFrameTitle h4 {
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif, "Arial Black";
			font-size:18px;
			padding:6px 0px 0px 0px;
			text-decoration:none;
			}
	.capaFrame {
		width:294px;
		min-height:32px;
		_height:32px;
		padding:17px 0px 0px 9px;
		border-bottom:#def406 solid 1px;
		font-size:14px;
		font-weight:bold;
		}
		.capaFrame a, .capaFrame2 a {
			background:none;
			}
	.capaFrame2 {
		width:294px;
		min-height:20px;
		_height:20px;
		padding:9px 0px 0px 9px;
		border-bottom:#def406 solid 1px;
		font-size:12px;
		font-weight:bold;
		}
		.capaOff {
			background-color:#c4c402;
			}
		.capaOn {
			background-color:#f624fc;
			}
	.galeria {
		float:right;
		width:344px;
		height:237px;
		background-color:#000000;
		}
		.galeria p {
			background-color:#FFFFFF;
			height:39px;
			padding:8px 12px 0px 12px;
			}
		.galeria ul {
			background-color:#FFFFFF;
			padding:0px 0px 0px 12px;
			height:15px;
			}
			.galeria li {
				float:left;
				color:#9e9e9e;
				font-weight:bold;
				padding:0px 5px 0px 0px;
				}
				.galeria li a {
					background:none;
					color:#ed1cf9
					}
	.textIframe {
		padding:15px 0px 15px 0px;
		}
	.close {
		float:right;
		}
		.close a {
			background:none;
			}
.inoticia {
	padding:25px 0px 0px 0px;
	text-align:justify;
	}
	
	
	
.sinfondo {
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/**************************************************************************
ACCESO ACCESIBLE
***************************************************************************/
h1.accesible {
	float: left;
	width: 400px;
}
.vaccesible {
	float:right;
	background-color:#000000;
	padding: 3px 3px 3px 3px;
}
.vaccesible a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	background-color:#000000;
}
.accesojuego {
	margin-top: 45px;
	margin-left: 0px;
}
a.vaccesojuego {
	background: none;
}
a.anfibic {
	color: #7d810d;
	font-size: 9px;
	background: none;
	line-height: 8px;
}