/* CSS Document */
/*http://coda.co.za/portfolio/web/sites/news*/
*{margin:0;padding:0;}
html,body{text-align:center;margin:0;padding:0;} 

a{color:#FFF;text-decoration:none;}
a:hover{color:#FFF;text-decoration:underline;}
img {
border:0;
margin:0;
padding:0;}

body {
  background-color:#eaeade;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  margin:0px;
  text-align: center;
}

h1{
font: 15px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#8fbe00;
margin-bottom:5px;
}

h2 {
font: 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-bottom:10px;
font-weight:bold;
padding-left:10px;
}

h3 {
font: 16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color:#8fbe00;
font-weight:normal;
margin-bottom:3px;
}

p {
font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color:#003300;
font-weight:normal;
}

p a {
color:#003300;
text-decoration:underline;
}

p a:hover {
color:#003300;
text-decoration:underline;
}

blockquote {
padding-left:20px;
}

/*body de la principal*/
#contenedor_cuerpo {
width:960px;
text-align:center;
margin: 0px auto;
padding: 0px;
}

#cabecera {
width:960px;
margin-left:auto;
margin-right:auto;
height:129px;
}
#logo{
margin:0px auto;
margin-left:30px;
_margin-left:10px; /* Para Internet Explorer 6 */
float:left;
} 
#menu {
float: right;
margin: 0;
_margin-left:90px; /* Para Internet Explorer 6 */
margin-top:50px;
padding: 0;
	}

/*Menu*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #eaeade; /*menu strip background*/

}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.boton, .aerobuttonmenu a.boton_on { /*aero button CSS*/

display: block;
float: left;
font: 15px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.boton:link, .aerobuttonmenu a.boton:visited, .aerobuttonmenu a:active, .aerobuttonmenu a.boton_on{

color: #444141; /*button text color*/
}

.aerobuttonmenu a.boton span, .aerobuttonmenu a.boton_on span{

/*background: transparent url('../imagenes/aeroright.gif') no-repeat top right;*/
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.boton:hover, .aerobuttonmenu a.boton_on{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
background: transparent url('../imagenes/aeroleft.gif') no-repeat top left;
}

.aerobuttonmenu a.boton:hover span, .aerobuttonmenu a.boton_on span{ /* Hover state CSS (for text) */
color: #FFF;
background: transparent url('../imagenes/aeroright.gif') no-repeat top right;
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}




/******** Disposición B ********/
/******** Dos columnas: Columna izquierda pequeña y columna derecha grande ********/


#columna_B1{
width:680px;
margin:0px auto;
height:376px;
float:left;
background-image:url(../imagenes/principal_destacados.jpg);
background-repeat:no-repeat;
} 

#columna_B1 h1, #columna_B1 p  {
text-align:left;
padding:0 0 0 8px;
text-decoration:none;

}
p.noticias {
font-size:17px;
margin-left:20px;
margin-top:50px;
margin-bottom:5px;
color:#FFFFFF;
}
p.destacamos {
font-size:17px;
margin-left:20px;
color:#FFFFFF;
}
.titulares {
font-size:14px;
padding-left:30px;
line-height:30px;
color:#8fbe00;
}



ul.lista { list-style-image:url(../imagenes/simbolo.gif);
list-style-position:outside;
font-size:13px;
padding-left:30px;
color:#FFF;
text-align:left;
}

p.trabajo {
font-size:15px;
margin-left:30px;
margin-top:25px;
color:#434040;
text-decoration:none;
}
p.trabajo a {
font-size:15px;
color:#434040;
text-decoration:none;

}
p.trabajo a:hover{
font-size:15px;
color:#434040;
text-decoration:underline;
}


#columna_B2{
width:280px;
float:right;
padding:80px 0px 0px 0px;
} 

#columna_B2 h1 {
padding:80px 0px 0px 0px;
line-height:0px;
text-align:left;
color:#8fbe00;
font-size:25px;
font-weight:bold;
}
#columna_B2 p {
text-align:left;
color:#8fbe00;
font-size:20px;
font-weight:bold;
}

.centro {
font-size:30px;
padding-left:60px;
font-weight:bold;
line-height:20px;
letter-spacing:2px;
}

.formacion {
font-size:30px;
padding-left:60px;
font-weight:bold;
line-height:25px;
}
.formacion01 {
font-size:25px;
padding-left:2px;
font-weight:bold;
letter-spacing:-2px;
line-height:25px;
}
.frases {
padding-top:7px;
color:#444141;
font-size:13px;
font-weight:normal;
line-height:17px;
text-align:left;
}



/******** Disposición Aulatis ********/
/******** Una columna ********/



#columna_aulatis{
width:960px;
float:left;
background-image:url(../imagenes/aulatis01.jpg);
background-repeat:no-repeat;
background-position:bottom;
height:521px;
} 

.frase_aulatis01 {
padding:0 80px 0 80px;
text-align:justify;
color:#444141;
font-size:13px;
line-height:17px;
}

.frase_aulatis02 {
padding:0 80px 0 80px;
text-align:justify;
color:#444141;
font-size:13px;
line-height:17px;
}

.frase_aulatis03 {
padding:0 80px 0 310px;
text-align:justify;
color:#444141;
font-size:13px;
line-height:17px;
}
.frase_aulatis04 {
padding:0 80px 0 550px;
text-align:justify;
color:#444141;
font-size:13px;
line-height:17px;
}
.frase_aulatis05 {
padding:0 80px 0 630px;
line-height:17px;
}

/******** Contacto antiguo (no se usa ya) ********/



#columna_contacto{
width:960px;
margin:0px auto;
height:520px;
float:left;

} 


/******** Disposición Contacto ********/




#columna_contacto01{
width:960px;
float:left;
padding-bottom:10px;
} 

#columna_contactoB1{
width:540px;
margin:0px auto;
float:left;
padding-left:20px;
padding-top:15px;
} 

#columna_contactoB2{
width:400px;
_width:385px; /*Hack para IE6.0*/
float:right;
text-align:left;
padding:15px 0px 0px 0px;
} 

#columna_contactoB2 p{
text-align:left;
color:#8fbe00;
font-size:13px;
font-weight:bold;
padding-top:15px;
padding-left:35px;
} 

.borde_google {
border:2px;
border-color:#8fbe00;
border-style:solid;
}



/******** Disposición C ********/
/******** Una sola columna ********/

#columna_C1{
width:960px;
margin:0px auto;
float:left;
margin-bottom:6px; /*Espacio por debajo del menu*/
color:#444141;
} 

#columna_C1 h1, #columna_C1 p  {
text-align:justify;
font-size:11px;
text-align:right;
color:#444141;
}
/*Utilizado en el listado de cursos*/
#columna_C1 h2 {
text-align:left;
font-size:14px;
color:#8FBE00;
}

p.secciones {
color:#444141;
font-size:12px;
margin-bottom:10px;
margin-top:10px;
}
p.secciones a{
color:#444141;
font-size:12px;
}
p.secciones a:hover{
color:#444141;
font-size:12px;
}
p.localizacion {
text-align:right;
font-size:11px;
text-align:right;
color:#444141;
}

p.gonzalo {
text-align:right;
color:#8e8e80;
font-size:11px;
padding-top:10px;
text-decoration:none;
}
p.gonzalo a {
color:#8e8e80;
font-size:11px;
text-decoration:none;
}
p.gonzalo a:hover {
font-size:11px;
color:#444141;
text-decoration:underline;
}

ul {
margin:0;
margin-left:20px;
padding-left:45px;
line-height:1.5em;

}

ul li {padding-left: .2em;}

ul.ok { list-style-image:url(../imagenes/simbolo.gif);
list-style-position:outside;
padding-left:40px;
}

ul li.principal {padding-left: .2em;
width:320px;}


/**Disposicion D**/



#columna_D1{
width:960px;
float:left;
padding-left:20px;
padding-right:10px;
} 

#columna_D1 p{
font: 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height: 20px;
margin-bottom:20px;
padding-left:20px;
} 

/**Disposicion Oposicion**/

#columna_opos01{
width:660px;
float:left;
} 

#columna_opos01 h1{
font: 19px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
margin-bottom:20px;
padding-left:28px;
font-weight:bold;
background:url(../imagenes/flecha_curso.gif) no-repeat left center;
} 

#columna_opos01 h2{
font: 15px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin-bottom:14px;
padding-left:25px;
font-weight:bold;
color:#444141;
} 

#columna_opos01 p{
font: 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height: 20px;
margin-bottom:14px;
padding-left:35px;
color:#444141;
} 

ul.opos li {
font: 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-top:10px;
list-style-position:outside;
list-style-image:url(../imagenes/item.gif);
}


#columna_opos02{
width:275px;
float:left;
padding-left:20px;
padding-right:5px;
} 


/** Pie **/
#contenedor_pie{
width:100%;
background-color:#8fbe00;
height:130px;
float:left;
} 

#pie {
width:960px;
margin-left:auto;
margin-right:auto;
}

#pie h1, #pie p {
text-align:right;
color:#FFFFFF;
}

/*Listado de cursos y oposiciones*/

ul.menu_cursos {

list-style:none;
margin:0;
padding:0;
padding-left:30px;
}

ul.menu_cursos li {
border-bottom:1px dotted #7c7c7c;
font: 13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
text-align:left;
padding: .2em 0 .2em .99em;
background:url(../imagenes/flecha.gif) no-repeat left center;
}

ul.menu_cursos li a {
color:#444141;
padding-left:5px;

}

ul.menu_cursos li a:hover{
padding-left:5px;
display:block;
text-decoration:none;
color:#FFF;
background-color:#8fbe00;

}

ul.menu_cursos li a.menu_on{
padding: .2em 0 .2em .5em;
display:block;
text-decoration:none;
color:#FFF;
background-color:#8fbe00;
}

#migas_pan {
width:960px;
background-color:#8FBE00;
background-image:url(../imagenes/barra.gif);
margin-bottom:20px;
}
#migas_pan p {
font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height: 20px;
padding-left:10px;
color:#FFF;
}


/*Botón para el formulario de contacto*/
	.boton01 {
	margin-left:268px;
	margin-top:4px;
	color:#464140;
	font-weight:bold;
	}
	
/*Disposición pie parte de arriba página principal*/

#ancho_100 {
width:100%;
text-align:center;
background-color:#8fbe00;
height:145px;
float:left;
margin: 0px auto;
padding: 0px;
}
#columna_P {
width:960px;
margin:0px auto;
margin-bottom:6px; /*Espacio por debajo del menu*/
color:#444141;
} 

/*Usado únicamente en la principal*/
#columna_P1_principal {
width:680px;
margin:0px auto;
float:left;
background-image:url(../imagenes/pie_arriba.jpg);
height:145px;
background-repeat:no-repeat;
} 
/*Fin*/
#columna_P1 {
width:680px;
margin:0px auto;
float:left;
height:145px;
background-repeat:no-repeat;
} 


#columna_P2{
width:280px;
float:right;
} 

#columna_P2 h1, #columna_P2 p {
padding:2px 0 0 8px;
text-align:right;
color:#FFFFFF;
}

p.contacto {
margin-top:5px;
font-size:24px;
letter-spacing:-2px;

}
p.telefono {
line-height:30px;
font-size:34px;
font-weight:bold;
}
p.horario {
font-size:14px;
letter-spacing:-1px;
font-weight:bold;
}
p.mail {
margin-top:10px;
font-size:17px;
color:#FFFFFF;
}

.info {
float:left;
padding-left:100px;
margin-top:10px;
}



/*Disposicion en el pie de la página*/
#columna_E {
width:960px;
margin:0px auto;
float:left;
margin-bottom:6px; /*Espacio por debajo del menu*/
color:#444141;
} 
#columna_E1{
width:400px;
margin:0px auto;
float:left;
padding-top:15px;

} 

#columna_E2{
float:right;
padding:10px 0px 0px 0px;
text-align:justify;
font-size:11px;
text-align:right;
color:#444141;
} 

p.espaciado {
font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color:#003300;
font-weight:normal;
margin-bottom:10px;
}

ul.aviso_legal li {
font: 12px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding-top:10px;
color:#003300;
font-weight:normal;

}

.noticias {
color:#FFF;
line-height:1.2em;
}