/* 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 */

body {
	font: 8pt/16pt verdana;
	color: #555753;
	background: #fff url(tras.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;		
	}
p { 
	font: 11px verdana; 
	margin-top: 10px; 
	text-align: justify;
	line-height: 15px;
	}
h1 { 
	font: italic normal 11px verdana; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #FFFFFF;
	}
h2 {
	font: normal bold 11px verdana;	
	margin-bottom: 10px;
	color: #7D775C;
	}
h3 { 
	font: normal bold 10px verdana; 
	letter-spacing: 1px; 
	margin-bottom: 4px; 
	margin-top: 4px;
	color: #F58035;
	}
h4 { 
	font: normal bold 9px verdana; 
	letter-spacing: 1px; 
	margin-top: 10px; 
	padding-bottom: 6px;
	margin-left: 25px;
	color: #FFFFFF;
	}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #9C9B9B;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #9C9B9B;
	}
a:hover, a:active {    
	text-decoration: none; 
	color: #EA753A;
	}


/* specific divs */
#cabecera {
	position: absolute;	
	width: 100%;
	height: 322px;
	top: 0px;
	left: 0px;
	background: url(fondo.gif) no-repeat left;
}

#pie {
	position: inherit;
	width: 498px;
	height: 30px;
	margin: 0px 255px;
	top: 0px;
	background: url(cierre.gif) no-repeat bottom left;
}
#navegacionpie {
	font-weight: normal;
	text-decoration: none;	
	color: #9C9B9B;
	font: 9px Verdana;
	margin-top: 0px;
	margin-left: 260px;	
}
.navegacionpie:link {
	font-weight: normal;
	text-decoration: none;
	color: #B7A5DF;	
}

.navegacionpie:visited {
	font-weight: normal;
	text-decoration: none;
	color: #D4CDDC;
}

.navegacionpie:hover, navegacionpie:active { 
	text-decoration: underline; 
	color: #9685BA;
}
.telefono {
	font-weight: bold;
	text-decoration: none;
	color: #EA753A;
	font: 9px Verdana;		
}
.textoresaltado {
	font-weight: normal;
	text-decoration: none;
	color: #EA753A;
	font: 9px Verdana;		
}
.textoresaltado2 {
	font-weight: normal;
	text-decoration: none;
	color: #EA753A;
	font: 11px Verdana;		
}
.textopeque {
	font-weight: normal;
	text-decoration: none;
	color: #555753;
	font: 9px Verdana;
	margin-bottom: 2px;		
}
#navegacioncabecera {
	font-weight: normal;
	text-decoration: none;
	color: #9C9B9B;
	font: 9px Verdana;
	width: 520;
	margin-top: 70px;
	margin-left: 600px;	
	}
.navegacioncabecera:link {
	font-weight: normal;
	text-decoration: none;
	color: #9C9B9B;	
	}
.navegacioncabecera:visited {
	font-weight: normal;
	text-decoration: none;
	color: #9C9B9B;
	}
.navegacioncabecera:hover, navegacionpie:active { 
	text-decoration: none; 
	color: #686868;
	}
#homologado {
	background: url(homologado.gif) no-repeat center;
	padding: 10px 0px 15px 0px;
	width: 520px; 
	height: 35px;	
	}
#homologado h1 span {
	display:none
	}
#homologado150 {
	background: url(homologado150.gif) no-repeat center;
	padding: 10px 0px 15px 0px;
	width: 520px; 
	height: 55px;	
	}
#homologado150 h1 span {
	display:none
	}
#contenido {
	background: url(tras.gif) no-repeat top left;
	padding: 350px 0px 15px 250px;
	width: 520px; 
	margin: 0px;
	}
#datos {
	background: url(tabla.gif) no-repeat top;	
	width: 500px; 
	height: 585px;
	margin: 0px;
	}
#mapa {
	background: url(mapa.gif) no-repeat top;	
	width: 500px; 
	height: 630px;
	margin: 0px;
	}
#contenidohome {
	background: url(tras.gif) no-repeat top left;
	padding: 350px 0px 15px 190px;
	width: 580px; 
	margin: 0px;
}

#bloqueanuncio { 	
	width: 500px;
	padding: 0px 10px 0px 10px;
	}
#anuncio {
	clear:both; 
	margin: 20px 30px 20px 10px; 
	width: 160px; 
	float: left;
	}
#bloqueindice { 	
	width: 440px;
	padding: 0px 10px 0px 10px;
	}
#indice1 {
	position: absolute; 
	top: 350px; 
	left: 200px;
	width: 195px;
	}
#indice1 ul {
	margin: 0px;
	padding: 10px 0px 0px 5px;
	list-style: none;
}
#indice1 li {	
	display: block;
	font-size: 9px;
	padding-bottom: 5px;
	line-height: 10px;
	text-align: left;		
}
#indice2 {	
	position: absolute; 
	top: 350px; 
	left: 395px;
	width: 190px;	
	}
#indice2 ul {
	margin: 0px;
	padding: 10px 0px 0px 5px;
	list-style: none;
}
#indice2 li {	
	display: block;
	font-size: 9px;
	padding-bottom: 5px;
	line-height: 10px;
	text-align: left;		
}
#indice3 {
    position: absolute; 
	top: 350px; 
	left: 615px;
	width: 150px; 
	}
#logo {
	margin-left: 10px;		
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#logo h1 { 
	background: transparent url(logo.gif) no-repeat top left; 
	margin-top: 35px; 
	width: 172px; 
	height: 65px; 
	float: left;
	}
#logo h1 span {
	display:none
	}
#sumario {
   margin-left: 0px; 
	position: absolute; 
	top: 100px; 
	left: 520px;	
	width: 220px;
	}
#sumario p {
	font: normal 11px verdana;
	color: White;
	text-align: left;
	line-height: 22px;
}
#preambulo {

   clear: right; 
   padding: 0px 10px 0px 10px;	
   margin-top: 10px;		
   margin-bottom: 15px;   
   width: 500px;
	}
#titulo {
    margin-top: 0px;     
	margin-bottom: 10px;			
	}
#titulo h1 {  
   background: transparent url(tit_centro.gif) no-repeat top left;
   width: 174px; 
   height: 11px;      
	}
#titulo h1 span {
	display:none
	}
#titulo2 {
    margin-top: 0px;  
	margin-bottom: 10px;			
	}
#titulo2 h1 {  
   background: transparent url(tit_masters.gif) no-repeat top left; 
   width: 174px; 
   height: 11px;       
	}
#titulo2 h1 span {
	display:none
	}
#titulo3 {
    margin-top: 0px;   
	margin-bottom: 10px;			
	}
#titulo3 h1 {  
   background: transparent url(tit_cursos.gif) no-repeat top left; 
   width: 174px; 
   height: 11px;           
	}
#titulo3 h1 span {
	display:none
	}
#titulo4 {
    margin-top: 0px; 
	margin-bottom: 10px;			
	}
#titulo4 h1 {  
   background: transparent url(tit_profesores.gif) no-repeat top left; 
   width: 174px; 
   height: 11px;         
	} 	
#titulo4 h1 span {
	display:none
	}  
#titulo5 {
    margin-top: 0px; 
	margin-bottom: 10px;			
	}
#titulo5 h1 {  
   background: transparent url(tit_practicas.gif) no-repeat top left; 
   width: 174px; 
   height: 11px;         
	} 	
#titulo5 h1 span {
	display:none
	} 
#titulo6 {
    margin-top: 0px; 
	margin-bottom: 10px;			
	}
#titulo6 h1 {  
   background: transparent url(tit_contacto.gif) no-repeat top left; 
   width: 174px; 
   height: 11px;         
	} 	
#titulo6 h1 span {
	display:none
	} 
#titulo7 {
    margin-top: 0px; 
	margin-bottom: 10px;			
	}
#titulo7 h1 {  
   background: transparent url(tit_inscripcion.gif) no-repeat top left; 
   width: 174px; 
   height: 11px;         
	} 	
#titulo7 h1 span {
	display:none
	} 	
#navegacion {	
	position: absolute; 
	top: 375px; 
	left: -25px;
	width: 220px; 
	}
#menu div.barraMenu, 
#menu div.barraMenu a.botonMenu {
	font: 10px verdana, sans-serif;
	
} 
#menu div.barraMenu {
	text-align: left;			
} 
#menu div.barraMenu h3 {
	text-align: left;	
} 
#menu div.barraMenu h3 span {
	display:none
	}
#menu div.barraMenu li {
	line-height: 2.5ex; 
	list-style-type: none;	
	display:block; 
	padding-top: 1px; 
	margin-bottom: 1px;
	margin-top: 0px;
	top:0px
	}
#menu div.barraMenu a.botonMenu {
	background: url(boton.gif) no-repeat left top;
	cursor: pointer;	 
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #988F5E;	
} 

#menu div.barraMenu a.botonMenu:hover { 
background: url(boton_r.gif) no-repeat left top;
} 

#menu div.barraMenu a.botonMenu:active { 
background: url(boton_r.gif) no-repeat left top;
color: #988F5E; 
}

#subapartados {
	clear: right;	
	margin-top: 10px;		
	width: 500px;
}
#subapartados ul {		
	list-style: none;
}
#subapartados li {
	line-height: 15px;
	display: block;
	font: normal normal 10px verdana; 
	padding: 0px 0px 0px 0px;	
	margin-bottom: 0px;	
}
#subapartados li a:link { 
	color: #555753;
	}
#subapartados li a:visited {
	color: #555753;
	}
#subapartados2 {   
	clear: right;	
	margin-top: 2px;			
	width: 490px;			
}
#subapartados2 ul {		
	list-style: url(cuadrado.gif);
	list-style-position: outside;	
}
#subapartados2 li {		
	display: block;
	font: normal normal 11px verdana;
	padding: 0px 0px 0px 0px;		
	line-height: 15px;
	text-align: justify;		
}
#subapartados3 {
	clear: right;	
	margin-top: 0px;
	margin-left: 40px;		
	width: 420px;
}
#subapartados3 ul {
	list-style: url(punto.gif);
	list-style-position: outside;		
}
#subapartados3 li {	
	display: block;
	font: normal normal 11px verdana;
	padding-bottom: 2px;
	line-height: 15px;
	text-align: justify;		
}
#subapartados4 {
	clear: right;	
	margin-top: 0px;
	margin-left: 40px;		
	width: 420px;
}
#subapartados4 ul {
	list-style: url(punto.gif);
	list-style-position: outside;
}
#subapartados4 li {	
	display: block;
	font: normal normal 11px verdana;
	padding-bottom: 10px;
	line-height: 15px;
	text-align: left;		
}
#linea {
	border-bottom: 1px solid #D6D6D6;	
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#linea1 {
	border-bottom: 1px solid #D6D6D6;
	font-size: 8px;
	margin-bottom: 6px;
	padding: 10px 0px 0px 0px;
}
#linea2 {
	background: url(linea.gif) no-repeat bottom;
	margin-bottom: 6px;
	padding: 12px 0px 0px 0px;
}

#extraDiv1 { 
	background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}