/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
/* basic elements */
#menuheader {
	clear:both; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	width: 680px;
	text-align:right;
	margin-left:10px;
	padding-bottom:5;
	font: 8pt;
	}
#raya {
	background: url(imagenes/norm_right_on.gif) norepeat-x top;
	float:left; width:350px; height:20px;
	margin-left:10px;
}
#rayacont {
	background: url(imagenes/norm_right_on.gif) norepeat-x top;
	float:left; width:350px; height:20px;
	margin-left:0px;
}
#logoInstitucion {
	text-align:left;
	font: 1pt;
	float:left; width:200px; height:20px;
	margin-left:10px;
	margin-right:12px;
	margin-top:10px;
}
	
#caja{ 
	background: url(imagenes/fondo_difuminado.jpg) norepeat-x top;
	border-style: solid; 
    border-width: 1px; 
    border-color: silver; 
	float: left;
	color:#666666;
	text-align:justify;
	margin-top: 10px; 
	margin-left: 5px; 
	width: 700; 
	height: 80px; 
	padding:3;
	font: 7pt verdana;
} 
#cabeceraListado{ 
	background: url(imagenes/fondo_appl.gif) norepeat-x top;
	border-style: solid; 
	border-width: 0px;
    border-color: silver; 
	float: left;
	color:#999999;
	text-align:justify;
	margin-top: 0px; 
	margin-left: 5px; 
	width: 700; 
	height: 31px; 
	padding-left:15;
	font: 7pt verdana;
} 
#detalleListado{ 
	border-style: solid; 
    border-width: 1px; 
    border-color: silver; 
	float: left;
	color:#999999;
	text-align:justify;
	margin-top: 10px; 
	margin-left: 5px; 
	width: 700; 
	height: auto; 
	padding:3;
	font: 7pt verdana;
} 
#comborecursos{
	clear:left;
	float: left;
	width: 220; 
	height: 10px; 
	margin-top: 22px; 
	margin-left: 5px;
}

#menufichacurso {
	background: url(imagenes/fondo1.gif) norepeat-x top;
	float: left;
	margin-top: -15px; 
	margin-bottom: 5px; 
	width: 470px; 
	margin-left: 116px;
	font: 8pt;
	}
#quickSummary p {
	text-align:center;
	}
#itemscourse{ 
	background: url(http://www.estudiafuera.com/styleEF/spanish/images/spain_fichaCurso.jpg) no-repeat right top;
	clear:left;
	float:left;
	width: 700px; 
	height:400px;
	text-align:left;
	margin-left: 10px;
	}
#itemscourse ul {
	margin: 0px;
	}
#itemscourse li {
	line-height: 3ex; 
	list-style-type:none;
	background: transparent url(imagenes/flecha_orange.gif) no-repeat left; 
	display: block; 
	padding-left: 15px; 
	padding-top: 4px; 
	margin: 5px;
	}	
#otrosProgramas {
	float: left;
	width: 675px; 
	margin-left: 13px;
	text-align:left;
	font: 8pt;
	padding: 10px 10px 10px 0px;
	border-top: thin dotted ;
	border-bottom: thin dotted 
}
#menupiecurso {
	float: left;
	width: 670px; 
	text-align:left;
	margin-left: 13px;
	font: 8pt;
	padding: 10px 10px 10px 0px;
	}
#cajaingles1 {
	background: url(imagenes/norm_right1.gif);
	text-align:left;
	font: bold 9pt;
	color: #000033;
	float:left; width:220px; height:91px;
	margin-left:10px;
	margin-top:5px;
	padding: 15px 10px 0px 15px /*arriba-derecha-abajo-izquierda*/
		}
#cajaingles2 {
	background: url(imagenes/norm_right1.gif);
	text-align:left;
	font: bold 9pt;
	color: #000033;
	float:left; width:220px; height:91px;
	margin-left:0px;
	margin-right:10px;
	margin-top:5px;
	padding: 15px 10px 0px 15px /*arriba-derecha-abajo-izquierda*/
		}
#cajaingles3 {
	background: url(imagenes/norm_right2.gif);
	text-align:left;
	font: bold 9pt;
	color: #000033;
	float:left; width:220px; height:91px;
	margin-left:0px;
	margin-right:10px;
	margin-top:5px;
	padding: 15px 10px 0px 15px /*arriba-derecha-abajo-izquierda*/
		}

#moreprogramsmenu {
	background: url(imagenes/fondo1.gif) norepeat-x top;
	text-align:right;
	font: 7pt;
	float:left; width:680px; height:20px;
	margin-left:12px;
	margin-top:5px;
}

#morePrograms {
	background: url(imagenes/fondo1.gif) norepeat-x top;
	text-align:left;
	font: 7pt;
	float:left; width:84px; height:28px;
	margin-left:12px;
	margin-top:5px;
}
#morePrograms2 {
	background: url(imagenes/fondo2.gif) norepeat-x top;
	text-align:left;
	font: 7pt;
	float:left; width:8px; height:32px;
	margin-left:0px;
	margin-right:10px;
	margin-top:5px;
}

#flash{
	float:left;
	width: 200px;  
	margin-top:4px;
		}
#textoflash{
	float:center; 
	width: 250px; 
	font: 8pt;
	letter-spacing: 0.1pt; 
	text-align:justify;
	margin-top:4px;
	padding: 0px 80px 0px 0px  /*top-left*/
		}
#centro1 {
	background: url(imagenes/caja1.gif);
	float:left; width:210px; height:91px; margin:5px;
	padding: 10px 10px 10px 10px
		}
#centro2 {
	background: url(imagenes/caja2.gif);
	float:left; width:210px; height:91px; margin:5px; 
	padding: 10px 10px 10px 10px
	}
#txtcentros{
	float:left; width:210px;  margin:5px;
	font: 8pt;
	letter-spacing: 0.1pt; 
	text-align:justify;
		}
#footerbg { 
	clear:both; 
	background: url(imagenes/footerbg.jpg);
	float:center; width:800px; height:393px; margin:0px; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px;
	}
#supportingText {
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(imagenes/paper-bg.jpg) top left repeat-y; 
	padding: 10px; 
	margin-top: 150px; 
	width: 130px; 
	}
#linkList h3.select { 
	background: transparent url(imagenes/h3.gif) no-repeat top left; 
	margin: 10px 0px 5px 0px; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(imagenes/h4.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(imagenes/h5.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(imagenes/h6.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 3ex; 
	list-style-type:none;
	background: transparent url(imagenes/cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}	
#extraDiv1 { 
	background: transparent url(imagenes/cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}

/* A continuacion el menu de solapas, que nos servirá  para todos los buscadores */
    #header {
    float:left;
    width:90%;
    font-size:93%;
    line-height:normal;
	font:bold;
    }
	#header ul {
    margin:0;
	padding:0;
    list-style:none;
	font-weight: bold; 
    }
    #header li {
    float:left;
    background:url("norm_right.gif") no-repeat right top;
    margin:0;
	padding:0 0 0 0px;
	font-weight: bold; 
    }
	
	#header a {
    display:block;
	background:url("left.gif") no-repeat left top;
	margin:0;
	font-size:10px;
	color:#666666;
	padding:5px 15px 4px 6px;
    }
	#header #current {
    background-image:url("norm_right_on.gif");
	font:bold;
    }
    #header #current a {
    background-image:url("norm_left_on.gif");
	padding-bottom:5px;
	font:bold;
    }
	