/* Estilo.css */

/* Cuidado: hay valores absolutos */
body
{
	position:fixed;
	margin:0;
	border:0;
    /* width: 100%; */
    /* height: 100%; */
    width: 1016px;
    max-width:1016px;
    height: 600px;
    max-height:600px;
	/* Esto quita las barras de desplazamiento */
	overflow: hidden;
	/* overflow: auto; */

/* 
    color: black;
    background-color: white;
	 background: url(http://www.juntadeandalucia.es/averroes/~escuelatic20/fondo1.png);
    background-repeat: no-repeat;
*/

	font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
   /* font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* font-size: 14pt; */
	/* text-align:center; */
	background: url(http://www.juntadeandalucia.es/averroes/~escuelatic20/img/fondo4.png) top left no-repeat;
	background-color:#00753b; /* verde */
}

div.cabecera {
/* Versión fixed */
	position:fixed;
	top:7.5em;

	left:14em; 
	/* margin-top:150px; */
	margin-right:auto; 
	width: 620px;
	/* width:60%; */ 
	/* height: 188px; */
	height:5%;
}

p.corporativo {
	float:right;
  	text-align:right; 
  	font-family:Helvetica,Arial,sans-serif; 
  	/* width:643px; */ 
  	background-color:white; 
  	color:rgb(0, 102, 0);
  	width:60%;
  	/* opacity:0.5; */
}

img.logo_junta {
	padding:0;
	border:0;
	margin:1px;
  	width: 90px; 
  	height: 65px;
  	/* position:absolute; */
	float:left;
  	margin-left:-7em;
  	margin-top:-3em;
}

img.logo_ministerio {
  	width:220px; 
  	height:45px;
 	margin:0;
	padding:0;
	border:0;
  	position:absolute;
	top:-2em;
	left:-1em;
  	right:auto;
  	/* margin-left:-4em; */
  	/* margin-top:-5.5em; */  	
}

ul {
    list-style-image: url(http://www.juntadeandalucia.es/averroes/~escuelatic20/img/cross_hand.png);
    margin: 1.5em 1.5em 1.5em 1.5em;
    padding: 5px;
}

ul ul { list-style-image:  url(http://www.juntadeandalucia.es/averroes/~escuelatic20/img/cross_hand.png) }
ul ul ul { list-style-image:  url(http://www.juntadeandalucia.es/averroes/~escuelatic20/img/cross_hand.png) }
ul ul ul ul { list-style-image:  url(http://www.juntadeandalucia.es/averroes/~escuelatic20/img/cross_hand.png) }


/* 
	Esto es de Bert Bos 
	http://www.w3.org/Style/Examples/007/menus.html
*/
div.indice {
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	position: absolute;
	top:auto;
	left:auto;
	bottom:0em;
	width:12em;
	right:0em;
	z-index: 101;
}

@media screen { 
	div.indice {position: fixed;}
}


div.indice p {
	margin: 0;
	padding: 0.3em 0.3em;
	font-family: Arial, sans-serif;
	/* background: #900; */
	background: #a9b6b7;
	border: thin outset #a9b6b7;
	color: white;
}

div.indice a, div.indice em {
	display: block; 
	/* margin 0 0.5em; */
}
div.indice a, div.indice em {
	/* border-top: 2px groove #900; */
	border-top: 2px groove #a9b6b7;
}
div.indice a:first-child {
	border-top: none;
}
div.indice em {
	color: #CFC;
}
div.indice a:link {
	text-decoration: none;
	color: white;
}
div.indice a:visited {
	text-decoration: none;
	/* color: #CCC; */
	color: white;
}
div.indice a:active, div.indice a:hover {
	/* background: black; */
	color: black;
}

div.texto {
	margin: 0;
	border: 0px;
   /* border-collapse: collapse; */
	padding:2px; 
   /* height:50%; */
   height:320px;
   /* width:69%; */
	width: 700px;
  	background: url(http://www.juntadeandalucia.es/averroes/~escuelatic20/img/new_face_of_learning.png) top right repeat;
   position:fixed;
	/* position:absolute; */
	/* position:relative; */
	/* position:fixed; */
	top:12em;
   left:9em;
   margin-right:auto;
	/* margin-top:10em; */
	/* margin-bottom:5em; */ 

	/* De http://www.webreference.com/programming/css_frames/2.html */
	overflow:auto;
	/* Se fuerza con overflow:scroll */

}

/*
@media screen { 
	div.texto {position:relative;}
}
*/
div.texto p {
	text-align:justify;
}

div.texto li { 
	margin-left: 0.5em; 
	margin-bottom: 1.5em; 
}

div.texto a:visited { color:rgb(0, 102, 0) }
div.texto a:link { color:rgb(0, 102, 0) }
div.texto a:hover { color:red; text-decoration: underline }
div.texto a:active { color:red; text-decoration: underline }

a {text-decoration: none}

div.navegacion {
	/* width:830px; */
	width:90%;
	text-align:right;
}

/* Las flechas de siguiente, anterior... */
img.navegacion {
	border: 0px solid; 
	height: 15px; 
	width: 15px;
	vertical-align: middle;
}

div.pie {
  	position:absolute;
	top:auto;
	left:20em;  	
  	bottom:0;
  	right:auto;
}

img.logo_ministerio_pie {
  	width:265px; 
  	height:60px;
}
/* 
  	position:absolute;
	top:auto;
	left:10em;  	
  	bottom:0;
  	right:auto;
*/
	/* float:right; */
  	/* margin-left:-10px; */
  	/* margin-top:-5.5em; */
/*
}
*/

img.icono {
  	width:32px; 
  	height:32px;
 	margin:0;
	padding:0;
	border:0;
	vertical-align:middle;
}