/* General
---------------------------------------------------------------*/
html *{
	padding: 0;
	margin: 0;
}
body{
	background: #30551b;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
abbr{
	border-bottom: none;
}
h3{
	font-size: 1.2em;
}
h4{
	font-size: 1em;
}
a{
	color: black;
}
.centrado{
	text-align: center;
}
	
/* Contenedor
---------------------------------------------------------------*/
#contenedor{
	position: relative;
	width: 940px;
	margin: auto;
}
/* Cabecera
---------------------------------------------------------------*/
#cabecera{
	width: 940px;
	height: 155px;
	background: #30551b url(../imagenes/cabecera.jpg) no-repeat;
}
#cabecera h1{
	position: relative;
	top: 18px;
	width: 509px;
	height: 116px;
	display: inline;
}
#cabecera h1 a img{
	border: 0;
}
#cabecera ul{
	position: absolute;
	top: 25px;
	left: 480px;
	font-size: 1.1em;
	font-weight: bolder;
}
#cabecera ul a{
	text-decoration: none;
	color: #89101e;
}
#cabecera li{
	display: inline;
	list-style: none;
}
#cabecera p{
	position: relative;
	top: 20px;
	left: 5px;
	font-weight: bolder;
	color: white;
}
#cabecera p span.telefono{
	font-size: 1.3em;
}
/* Contenido
---------------------------------------------------------------*/
#contenido{
	margin-top: 10px;
}
/* Para solucionar el problema con los divisores del título en los menús se pone la fuente a 1px */
* html .borde-superior, * html .borde-inferior{
	font-size: 1px;
}
/* Navegación principal
---------------------------------------------------------------*/
#nav-principal{
	margin-left: 10px;
	float: left;
	width: 150px;
}
#nav-principal-menu{
	background: white url(../imagenes/fondo-navegacion.jpg) repeat-y;
	color: white;
}
#nav-principal h3{
	background: url(../imagenes/fondo-tit-navegacion.jpg) no-repeat bottom;
	height: 30px;
	margin-top: 5px;
	padding-left: 10px;
}
#nav-principal h3.colaboradores{
	height: 45px;
}
#nav-principal .borde-superior{
	background: white url(../imagenes/fondo-sup-navegacion.jpg) no-repeat top;
	height: 3px;
}
#nav-principal .borde-inferior{
	background: white url(../imagenes/fondo-inf-navegacion.jpg) no-repeat bottom;
	height: 3px;
}
#nav-principal li{
	list-style: none;
	margin: 5px 0 5px 10px;
}
#nav-principal #nav-principal-menu a:link, #nav-principal #nav-principal-menu a:active, #nav-principal #nav-principal-menu a:visited{
	padding-left: 15px;
	background: url(../imagenes/imagen-lista.jpg) top left no-repeat;
	color: white;
	text-decoration: none;
}
#nav-principal #nav-principal-menu a:hover{
	background: url(../imagenes/imagen-lista-hover.jpg) top left no-repeat;
}
#nav-principal #colaboradores{
	background: white url(../imagenes/fondo-colaboradores.jpg) repeat-y;
	margin-top: 3px;
}
#nav-principal #colaboradores h3{
	color: black;
	height: 45px;
}
#nav-principal #colaboradores li{
	list-style: none;
	margin: 15px 0 15px 0;
	text-align: center;
}
/* Navegación secundaria
---------------------------------------------------------------*/
#nav-secundaria{
	float: left;
	margin-left: -930px;
	width: 200px;
	background: white url(../imagenes/fondo-secundaria.jpg) repeat-y;
}
#nav-secundaria h3{
	font-size: 1.2em;
	background: url(../imagenes/fondo-tit-secundaria.jpg) no-repeat bottom;
	height: 30px;
	margin-top: 5px;
	padding-left: 10px;
}	
#nav-secundaria .borde-superior{
	background: white url(../imagenes/fondo-sup-secundaria.jpg) no-repeat top;
	height: 3px;
}
#nav-secundaria .borde-inferior{
	background: white url(../imagenes/fondo-inf-secundaria.jpg) no-repeat bottom;
	height: 3px;
}
#nav-secundaria dl{
	margin: 5px 0 5px 10px;
}
#nav-secundaria dt{
	color: #89101e;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 5px;
}
#nav-secundaria dd{
	padding-bottom: 10px;
	background: white url(../imagenes/divisor-navegacion-secundaria.jpg) left bottom no-repeat;
}
#nav-secundaria dd p{
	margin-bottom: 5px;
}
#nav-secundaria dd p.mas-informacion{
	font-size: 0.9em;
	margin: 5px 5px 0 0;
	font-weight: bold;
}
#nav-secundaria dd p.mas-informacion a{
	color: #89101e;
}
/* Navegación secundaria interior */
#nav-secundaria ul{
	list-style: none;
	margin: 5px 0 5px 10px;
}
#nav-secundaria li{
	color: #89101e;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: white url(../imagenes/divisor-navegacion-secundaria.jpg) left bottom no-repeat;
}
#nav-secundaria li a{
	text-decoration: none;
	color: #89101e;
	background: white url(../imagenes/flecha.jpg) center right no-repeat;
	display: block;
	margin-right: 20px;
	padding-right: 10px;
}
#nav-secundaria li a:hover{
	background: white url(../imagenes/flecha-sobre.jpg) center right no-repeat;
}
/* Principal
---------------------------------------------------------------*/
#principal{
	text-align: center;
	float: left;
	margin-left: 215px;
	width: 560px;
	background: white url(../imagenes/fondo-principal.jpg) repeat-y;
}
/* Para solucionar el error de posicionamiento con los divs en IE */
* html #principal{
	display: inline;
}
#principal p, #principal h3, #principal h4{
	margin: 5px 10px 5px 10px;
	text-align: justify;
}
#principal h4{
	margin-top: 15px;
	margin-bottom: 15px;
}
#principal .borde-superior{
	background: white url(../imagenes/fondo-sup-principal.jpg) no-repeat top;
	height: 3px;
	margin-bottom: 7px;
}
#principal .borde-inferior{
	background: white url(../imagenes/fondo-inf-principal.jpg) no-repeat bottom;
	height: 3px;
	margin-top: 7px;
}
#principal .descatado ul, #principal .descatado ol{
	margin-left: 15px;
}
/* Pie
---------------------------------------------------------------*/
#pie{
	position: relative;
	top: 10px;
	padding: 1px;
	clear: both;
	background: white url(../imagenes/fondo-pie.jpg) repeat-y;
	text-align: right;
	color: black;
}
/*Debido a un problema con el margen superior en IE se configura el top como 0 */
* html #pie{
	top: 0;
}
/* Títulos de las páginas interiores
---------------------------------------------------------------*/
#contenido.interior #principal {
	text-align: left;
	position: relative;
}
#contenido.interior #principal h2 {
	margin-left: 10px;
	margin-bottom: 20px;
	width: 540px;
	height: 107px;
	position: relative;
}
#contenido.interior h2 span{
	position: absolute;
	width: 100%;
	height: 100%;
}
#contenido.interior h2.oficios span{
	background: url(../imagenes/oficios.jpg) no-repeat;
}
#contenido.interior h2.carnet-alumno span{
	background: url(../imagenes/carnet-alumno.jpg) no-repeat;
}
#contenido.interior h2.quienes-somos span{
	background: url(../imagenes/quienes-somos.jpg) no-repeat;
}
#contenido.interior h2.oposiciones span{
	background: url(../imagenes/oposiciones.jpg) no-repeat;
}	
#contenido.interior h2.cursos-a-distancia span{
	background: url(../imagenes/cursos-a-distancia.jpg) no-repeat;
}
#contenido.interior h2.profesionales span{
	background: url(../imagenes/cursos-profesionales.jpg) no-repeat;
}
#contenido.interior h2.funcion-social span{
	background: url(../imagenes/funcion-social.jpg) no-repeat;
}
#contenido.interior h2.contacto span{
	background: url(../imagenes/contacto.jpg) no-repeat;
}
#contenido.interior h2.novedades span{
	background: url(../imagenes/novedades.jpg) no-repeat;
}
#contenido.interior h2.carnet-alumno span{
	background: url(../imagenes/carnet-estudiante.jpg) no-repeat;
}
#contenido.interior h2.como-llegar span{
	background: url(../imagenes/como-llegar.jpg) no-repeat;
}
#contenido.interior h2.empleo span{
	background: url(../imagenes/empleo.jpg) no-repeat;
}
#contenido.interior h2#aviso-legal{
	height: auto;
}
/* Interiores
---------------------------------------------------------------*/
#contenido.interior h3
#contenido.interior p{
	margin-top: 15px;
	margin-bottom: 15px;
}
#contenido.interior div.descatado{
	background: #9ac284;
	margin: 15px;
	padding: 5px 10px 10px 10px;
}
#contenido.interior #principal ul{
	margin-left: 30px;
}
/* Sección Oficios
---------------------------------------------------------------*/
p.oficios{
	width: 250px;
}
img.oficios{
	position:relative;
	left: 275px;
	margin-left: 25px;
	bottom: 150px;
}
div#img-oficios{
	position: relative;
}
img#administrativa{
	position: relative;
	left: -190px;
}
img#foto-tunning{
	position: absolute;
	left: 253px;
	top: 282px;
}
/* Sección Oposiciones
---------------------------------------------------------------*/
#principal.oposiciones{
	position: relative;
}
#principal.oposiciones p{
	width: 250px;
}
img.oposiciones{
	position: absolute;
	left: 310px;
	top: 140px;
}
/* Sección Cursos a distancia
---------------------------------------------------------------*/
#principal.cursos-a-distancia{
	position: relative;
}
#principal.cursos-a-distancia p{
	width: 250px;
}
img.cursos-a-distancia{
	position: absolute;
	left: 310px;
	top: 140px;
}
#principal.cursos-a-distancia div.descatado p{
	width: auto;
}
/* Sección Función social
---------------------------------------------------------------*/
#principal.funcion-social p{
	width: 250px;
}
#principal.funcion-social img{
	position: relative;
}
#principal.funcion-social img.funcion-social{
	left: 295px;
	bottom: 170px;
}
#principal.funcion-social img.cear{
	left: -150px;
}
#principal.funcion-social img.cruz-roja{
	left: 295px;
	bottom: 75px;
}
#nav-secundaria.funcion-social a, #nav-secundaria.funcion-social a:hover{
	background: none;
	cursor: default;
}
/* Sección Contacto
---------------------------------------------------------------*/
#principal.contacto #formulario-de-contacto{
	margin: 10px;
}
#principal.contacto #formulario-de-contacto fieldset{
	border: none;
}
#principal.contacto #formulario-de-contacto label{
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}
#principal.contacto #formulario-de-contacto input, #principal.contacto #formulario-de-contacto textarea{
	margin-top: 2px;
	margin-bottom: 2px;
	width: 200px;
}
#principal.contacto #formulario-de-contacto textarea{
	width: 250px;
	height: 100px;
}
#principal.contacto #formulario-de-contacto input.checkbox{
	width: auto;
}
#principal.contacto #formulario-de-contacto input.buttom{
	width: 100px;
}
#principal.contacto #formulario-de-contacto label.checkbox{
	line-height: 15px;
}
/* Quienes somos */
#principal.quienes-somos p.estrecho{
	width: 250px;
}
#foto-aula, #foto-fachada{
	position: absolute;
	right: 45px;
}
#foto-aula{
	top: 150px;
}
#foto-fachada{
	top: 350px;
}
/* Destacados portada
---------------------------------------------------------------*/
h3.destacados-portada{
	background: url(../imagenes/sol-verde.jpg) center left no-repeat;
	color: #89101e;
	line-height: 35px;
	padding-left: 15px;
}
ul.destacados-portada{
	list-style: none;
	height: 160px;
}
ul.destacados-portada li{
	display: block;
	width: 25%;
	float: left;
	color: #89101e;
	font-weight: bolder;
	margin-bottom: 20px;
}
ul.destacados-portada li a{
	color: #89101e;
	text-decoration: none;
}
ul.destacados-portada li img{
	border: 0;
	position:relative;
	top: 5px;
	left: 4px;
}
/* Como llegar
---------------------------------------------------------------*/
#principal.como-llegar img{
	margin-top: 20px;
	margin-left: 115px;
	margin-bottom: 20px;
	border: 0;
}
/* Campo oculto del formulario de más información
---------------------------------------------------------------*/
#mas-curso{
	display: none;
}