/* basic
--------------------------------------------------------------*/
html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	height:100%;
	padding:0;
	margin:0;
	border:0;
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */
	}
body {
	height:100%;
	overflow:hidden;
	}
* {
	margin:0;
	padding:0;
	}
/* of course, some IE hacks */
ul, ol, dl {
	margin:0;
	position:relative;
	}

/* main boxes
--------------------------------------------------------------*/
#head {
	height:22.01%;
	width:100%;
	min-width:935px;
	position:absolute;
	background-image:url(../gfx/head_backgr.gif);
	background-repeat:repeat-x;
	background-color:#FBFBFB;
	}
#logo {
	height:70px;
	width:290px;
	position:absolute;
	left:31px;
	bottom:35px;
	background-image:url(../gfx/head_logo.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	}
#logo a {
	display:block;
	padding-left:2000px;
	height:100%;
	width:100%;
	}
#illu {
	height:104px;
	width:700px;
	position:absolute;
	bottom:42px;
	right:0;
	z-index:2;
	}
#center {	
	height:68.01%;
	width:100%;
	min-width:935px;
	position:absolute;
	top:21.99%;
	background-image:url(../gfx/center_backgr.gif);
	background-repeat:repeat-x;
	background-color:#9AD3F6;
	}
#center_nav {
	position:absolute;
	top:0;
	left:0;
	width:327px;
	height:100%;
	background-image:url(../gfx/nav_separation.gif);
	background-repeat:repeat-y;
	z-index:3;
	}
#content {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:hidden;
	}
#footer {
	height:10.01%;
	width:100%;
	min-width:935px;
	position:absolute;
	top:89.99%;
	background-color:#FAFCFC;
	}
#tools {
	width:615px;
	height:32px;
	position:absolute;
	bottom:0px;
	left:318px;
	background-image:url(../gfx/footer_tools_backgr.gif);
	background-repeat:no-repeat;
	}

/* borders
--------------------------------------------------------------*/
#border_bottom {
	height:8px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background-image:url(../gfx/border_bottom.gif);
	background-repeat:repeat-x;
	}
#border_bottom_nav {
	height:8px;
	width:327px;
	background-image:url(../gfx/border_bottom_nav.gif);
	background-repeat:no-repeat;
	}
#border_bottom_sidebar {
	height:8px;
	width:224px;
	position:absolute;
	right:0;
	bottom:0;
	background-image:url(../gfx/border_bottom_sidebar.gif);
	background-repeat:no-repeat;
	}
	
/* navigation head box
--------------------------------------------------------------*/
#head_nav {
	position:absolute;
	bottom:0;
	left:0;
	height:43px;
	width:100%;
	background-image:url(../gfx/breadcr_backgr.gif);
	background-repeat:repeat-x;
	overflow:hidden;
	}
#nav1 {
	position:absolute;
	left:0;
	bottom:0;
	width:327px;
	height:43px;
	overflow:hidden;
	display:block;
	background-image:url(../gfx/nav1_backgr.gif);
	background-repeat:no-repeat;
	background-color:#9BD7FF;
	z-index:2;
	}
#nav1 li, #nav2 li {
	overflow:hidden;
	display:inline;
	}
#nav1 a, #nav2 a {
	overflow:hidden;
	display:block;
	height:35px;
	width:1000px;
	padding-left: 2000px;
	background-image:none;
	}
#nav_home {
	position:absolute;
	top:8px;
	left:0;
	height:35px;
	width:35px;
	background:url(../gfx/nav1_home.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_home a.active {
	background:url(../gfx/nav1_home.gif) no-repeat;
	background-position:0 0;
	}
#nav_asprodes {
	position:absolute;
	top:8px;
	left:36px;
	height:35px;
	width:91px;
	background:url(../gfx/nav1_asprodes.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_asprodes a.active {
	background:url(../gfx/nav1_asprodes.gif) no-repeat;
	background-position:0 0;
	}
#nav_teofrece {
	position:absolute;
	top:8px;
	left:128px;
	height:35px;
	width:91px;
	background:url(../gfx/nav1_teofrece.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_teofrece a.active {
	background:url(../gfx/nav1_teofrece.gif) no-repeat;
	background-position:0 0;
	}
#nav_teorienta {
	position:absolute;
	top:8px;
	left:220px;
	height:35px;
	width:96px;
	background:url(../gfx/nav1_teorienta.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_teorienta a.active {
	background:url(../gfx/nav1_teorienta.gif) no-repeat;
	background-position:0 0;
	}

#nav2 {
	position:absolute;
	bottom:0;
	right: 0;
	height:43px;
	width:224px;
	background:url(../gfx/nav2_backgr.gif) no-repeat;
	z-index:3;
	overflow:hidden;
	}
#nav_extras {
	position:absolute;
	top:8px;
	right:192px;
	height:35px;
	width:28px;
	background:url(../gfx/nav2_extras.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_extras a.active {
	background:url(../gfx/nav2_extras.gif) no-repeat;
	background-position:0 0;
	}
#nav_noticias {
	position:absolute;
	top:8px;
	right:108px;
	height:35px;
	width:83px;
	background:url(../gfx/nav2_noticias.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_noticias a.active {
	background:url(../gfx/nav2_noticias.gif) no-repeat;
	background-position:0 0;
	}
#nav_calendario {
	position:absolute;
	top:8px;
	right:0px;
	height:35px;
	width:107px;
	background:url(../gfx/nav2_calendario.gif) no-repeat;
	background-position:0 -35px;
	}
#nav_calendario a.active {
	background:url(../gfx/nav2_calendario.gif) no-repeat;
	background-position:0 0;
	}

/* navigation center box
--------------------------------------------------------------*/
#nav_level1 {
	width:316px;
	display:block;
	text-decoration: none;
	}
#nav_level1 li,#nav_joven li {
	/*height:21px;*/
	line-height:21px;
	background-color:#9BD7FF;
	margin: 0 0 1px 0;
	padding:0;
	}
#nav_level1 li a, #nav_joven li a {
	display:block;
	padding: 0 0 0 10px;
	width:306px;
	/*height:21px;*/
	text-decoration: none;
	color:#2674A2;
	}
#nav_level1 li a:hover, #nav_joven li a:hover {
	background-color:#B1E2FF;
	}

#nav_level1 li.active, #nav_joven li.active {
	color:#01629C;
	padding: 0 0 0 10px;
	background:#C5E8FF url(../gfx/nav_active_backgr.gif) no-repeat;
	background-position:300px 0;
	}

#nav_level1 li.first_active {
	background:#9BD7FF url(../gfx/nav_active_backgr.gif) no-repeat 300px 0;
	width:316px;
	overflow:hidden;
	}
#nav_level1 li.first_active a {
	display:block;
	width:100%;
	padding: 0 0 0 2000px;
	}
#nav_level1 li.first_active a:hover {
	background:url(../gfx/list_first_backgr.gif) repeat-x;
	}

#nav_level1 li.first {
	width:316px;
	overflow:hidden;
	}
#nav_level1 li.first a {
	display:block;
	width:100%;
	padding: 0 0 0 2000px;
	}
#nav_level1 li.first a:hover {
	background:url(../gfx/list_first_backgr.gif) repeat-x;
	}
/*---------------------------------------*/
#nav_joven {
	position:absolute;
	width:316px;
	overflow:hidden;
	bottom:0;
	}
#nav_joven li.first, 
#nav_joven li.first .active,
#nav_joven li.first a:hover {
	background-image:url(../gfx/nav_areajoven.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:35px;
	overflow:hidden;
	}
#nav_joven li.first a ,
#nav_joven li.first a:hover, 
#nav_joven li.first.active {
	display:block;
	height:35px;
	width:100%;
	padding-left:2000px;
	}

/* breadcrumb
--------------------------------------------------------------*/
#breadcrumb {
	position:absolute;
	bottom:0;
	left:377px;
	height:35px;
	width:auto;
	overflow:hidden;
	padding: 0;
	margin:0;
	color:#003A5C;
	z-index:1;
	}
#breadcrumb li {
	padding: 0 6px 0 12px;
	display: inline;
	background-image: url(../gfx/breadcrumb_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
#breadcrumb li.estasaqui {
	color:#01629C;
	}
#breadcrumb li.first {
	padding: 0px 6px 0 0;
	background-image:none;
	}
#breadcrumb li a, 
#breadcrumb li a:link {
	text-decoration:none;
	color:#01629C;
	}
#breadcrumb li a:hover {
	color:#fff;
	}

/* scrollbox
--------------------------------------------------------------*/
#scroll {
	position:relative;
	top:0;
	left:0;
	height:100%;
	width:auto;
	margin:0 220px 0 327px;
	overflow:auto;
	}
#scroll_inlinebox {
	padding:30px 35px 35px 35px;
	}

/* sidebar
--------------------------------------------------------------*/
#sidebar {
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:221px;
	background-image:url(../gfx/sidebar_backgr.gif);
	background-repeat:repeat-y;
	overflow:auto;
	}
#sidebar li {
	line-height:15px;
	background-color:#9BD7FF;
	margin: 0 0 1px 2px;
	}
#sidebar li.first {
	background-color:#9BD7FF;
	margin: 0 0 1px 2px;
	color:#01629C;
	}
#sidebar li a {
	display:block;
	text-decoration:none;
	padding: 3px 5px;
	color:#2674A2;
	}
#sidebar li a:hover {
	color:#0A527C;
	background-color:#B1E2FF;
	}
#sidebar li.first a:hover {
	background-image:url(../gfx/list_first_backgr.gif);
	background-repeat:repeat-x;
	background-color:#9BD7FF;
	color:#002A2E;
	}

/*-----------------------------*/
#sidebar_lse {
	display:none;
	background-color:#9BD7FF;
	padding:21px 0 0 0;
	margin: 0 0 1px 1px;
	}
#sidebar_lse.active { display:block; }

#sidebar li#lse_video {
	height:197px;
	line-height:176px;
	text-align:center;
	border-top:1px solid #D4EEFF;
	border-bottom:1px solid #D4EEFF;
	}

#sidebar_news {	display:none; }
#sidebar_news.active { display:block; }

#sidebar_calender {	display:none; }
#sidebar_calender.active { display:block; }

/* Flash-Video
--------------------------------------------------------------*/
#lse_contextVid {
	position:absolute;
	height:165px;
	width:220px;
	z-index:100;
	right:0;
	display:none;
	}
.lse_context {
	/* all li with lse context video */
	}
#flashtutorial {
	width:100%;
	height:0;
	position:absolute;
	z-index:1000;
	display:block;
	overflow:hidden;
	}
span.start_the_tutorial {
	color:#01629C;
	font-weight:bold;
	border-bottom: 1px dotted #01629C;
	cursor:pointer;
	}
span.start_the_tutorial:hover {
	color:#fff;
	border-bottom: 1px solid #fff;
	}
div.start_the_tutorial {
	display:none;
	}

#close_the_tutorial {
	position:absolute;
	top:0;
	right:0;
	color:#666;
	text-transform:uppercase;
	display:none;
	cursor:pointer;
	z-index:10001;
	border:2px solid #333;
	height:21px;
	line-height:21px;
	padding:0 5px 0 5px;
	margin:1px;
	}
#close_the_tutorial:hover {
	background-color:#fff;
	color:#999999;
	}

/* tools
--------------------------------------------------------------*/
#tools ul {
	margin:0;
	padding:0;
	position:absolute;
	top:9px;
	left:0;
	}
#tools ul li a, #tools ul li span {
	display:block;
	height:100%;
	width:100%;
	padding-left: 2000px;
	background-image:none;
	cursor:pointer;
	}
#tools_lse {
	position:absolute;
	left:9px;
	width:116px;
	height:23px;
	background:url(../gfx/tools_lse.gif) no-repeat 33px 0;
	overflow:hidden;
	}
#tools_lse.alternate {
	background:url(../gfx/tools_lse.gif) no-repeat 33px -23px;
	}
#tools_textscale {
	position:absolute;
	left:136px;
	width:141px;
	height:23px;
	background:url(../gfx/tools_textscale.gif) no-repeat 120px 0;
	overflow:hidden;
	}
#tools_textscale.alternate {
	background:url(../gfx/tools_textscale.gif) no-repeat 120px -23px;
	}
#tools_print {
	position:absolute;
	left:288px;
	width:86px;
	height:23px;
	background:url(../gfx/tools_print.gif) no-repeat 63px 0;
	overflow:hidden;
	}
#tools_search {
	position:absolute;
	left:385px;
	width:221px;
	height:23px;
	overflow:hidden;
	}
#tools_search form {
	margin:0;
	padding:0;
	border:none;
	}
#tools_search form label {
	display:none;
	}
#tools_search form input#search_text {
	margin:0;
	padding: 0.2em 0 0 10px;
	line-height:23px;
	background:url(../gfx/tools_search_text.gif) no-repeat;
	width:159px;
	height:23px;
	border:none;
	color:#002A2E;
	font-size:1em;
	}
#tools_search form #search_btn {
	position:absolute;
	top:0;
	left:159px;
	width:63px;
	height:23px;
	border:none;
	background:url(../gfx/tools_search_btn.gif) no-repeat;
	padding:0 0 0 2000px;
	overflow:hidden;
	cursor:pointer;
	}

/* footer logos
--------------------------------------------------------------*/
#logo_juntadeandalucia {
	position:absolute;
	bottom:0;
	left:5px;
	width:297px;
	height:55px;
	overflow:hidden;
	z-index:1;
	}
#logo_juntadeandalucia a {
	height:55px;
	display:block;
	padding:0 0 0 2000px;
	background:url(../gfx/logo_juntadeandalucia.gif) no-repeat;
	}
#w3c {
	position:absolute;
	top:50%;
	right:5px;
	width:79px;
	height:45px;
	margin:-20px 0 0 0;
	overflow:hidden;
	}
#w3c a {
	height:45px;
	display:block;
	padding: 0 0 0 2000px;
	background:url(../gfx/logo_w3c.gif) no-repeat;
	background-position:0 -45px;
	}
#w3c a:hover {
	background:url(../gfx/logo_w3c.gif) no-repeat;
	background-position:0 0;
	}

/* Noticias
--------------------------------------------------------------*/
.news-list-item {
	margin:0 0 2.4em 0;
	}
#scroll_inlinebox .news-list-item h3 {
	padding: 0;
	border-bottom:none;
	}
#scroll_inlinebox .news-list-item h3 a {
	color:#01629C;
	clear:both;
	border:none;
	}
#scroll_inlinebox .news-list-item h3 a:hover {
	color:#002A2E;
	border:none;
	}

.news-list-date {
	font-size: 0.85em;
	}

/* Actividades
--------------------------------------------------------------*/
.periodo {
	display:block;
	text-decoration:none;
	padding: 3px 5px;
	color:#002A2E;
	font-weight:bold;
	}
#calendar-event fieldset {
	border: 1px dotted #388FC9;
	padding: 10px 14px;
	background-color: #9BD7FF;
	}
#calendar-event fieldset legend {
	float: left;
	display: block;
	width: 100%;
	height: 15px;
	line-height: 15px;
	border-top: 1px dotted #388FC9;
	border-right: 1px dotted #388FC9;
	border-left: 1px dotted #388FC9;
	background-color: #9BD7FF;
	margin-left: -15px;
	margin-top: -15px;
	padding: 0px 15px;
	}
.tx-cal-controller #calendar-event label {
	display:block;
	float:left;
	margin:0;
	padding-right:0;
	text-align:left;
	width:120px;
	font-weight: bold;
}
#calendar-event div {
	border-bottom: 1px solid #B7E0FC;
	padding: 3px 0;
	}



/* Misc.
--------------------------------------------------------------*/
.hide {
	display:none;
	}