/* General ------------------------------- */

*
{
	margin:0;
	padding:0;
}

html, body
{
	height:100%;  
	margin:0;
	padding:0;
}

body {
	font-family:Arial;

	position:relative;
	min-width:950px;
	min-height:575px;
}

#contenedor 
{
	width:950px;
	height:575px;
	
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-288px;
	margin-left:-475px;
	
	background-color:#FFF;
	
}

a 
{
	outline: none;
	text-decoration: none;
	color:#FFF;
}

img
{
	border:none;
}




/* Clases ------------------------------------- */

.tachado
{
	text-decoration:line-through;
}

.relativos
{
	position:relative;
}

.absolutos
{
	position:absolute;
}

.limpiar
{
	clear:both;
}

.rojo
{
	color:red;
}

.amarillo
{
	color:yellow;
}
.azul
{
	color:blue;
}

.negrita
{
	font-weight:bold;
}

.rojo-derecha
{
	color:red;
	text-align:right;
	font-style:italic;
	font-weight:bold;
}

.tamanio_medio
{
	font-size:medium;
}


/* Titulo ------------------------------------------ */


#exterior-titulo
{
	display:table;
	position:relative;	
	height:38px;
	width:100%;
/*
	background-color:red;
*/
}

#centro-titulo
{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}

#titulo
{
	margin-left:40px;
/*
	background-color:blue;
*/
}

#destacado
{
	float:right;
/*
	background-color:green;
*/
	font-size:small;
	color:blue;
}


#cabecera
{
	z-index:5;
}

/* Logo ------------------------------------------ */

#logo
{
	left:0px;
	height:80px;
	width:80px;
	z-index:4;
	background-image: url(../imagenes/comunes/diana.png);
}



/* Cuerpo ------------------------------------------ */

#contenedor-cuerpo
{
	height:76px;
	width:902px;

	background-color:#FFF;

	z-index:3;

	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin-left:40px;
/*
	background-color:green;
*/
}

#borde-cabecera
{
	background-image:url(../imagenes/comunes/borde-cabecera.png);
	right:0;
	top:0;
	height:80px;
	width:8px;
}



#seniales
{
	height:40px;
	width:800px;
	margin-top:3px;
	margin-left:0px;
}

#seniales img
{
	margin-left:70px;
}


#carnets
{
	right:10px;
	height:50px;
	width:160px;
	margin-top:0px;
	font-size:small;
	color:#111;
	
}

/* Barra navegacion ------------------------------- */

#barra-nav
{
	z-index:1;
	top:46px;
	height:24px;
	background-color:#000;
	width:908px;
	font-size:small;
	background-image:url(../imagenes/comunes/rayitas.png);
	color:#FFF;
}

#linea-sup, #linea-inf
{
	height:1px;
	width:100%;
	background-color:#FFF;
}

#linea-sup
{
	top:2px;
	z-index:2;
}

#linea-inf
{
	bottom:2px;
	z-index:2;
}



/* Botones ------------------------------- */

#exterior-botones
{
	display:table;
	position:relative;
	height:24px;
	background-color:black; 
	width:840px;


}

#centro-botones
{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}


ul.menu
{
	width:100%;
	list-style-type:none;
	padding:0;
	margin-left:10px;
	
}

ul.menu li
{
	float:left;
	margin-left:30px;
	padding-left:20px;
	
	background-image:url(../imagenes/comunes/rayita.png);
	background-repeat:no-repeat;
	background-position:left center;


	
}

ul.menu li a:link, ul.menu li a:visited
{
	text-decoration:none;
}


ul.menu li a
{
	color:#FFF;
}


ul.menu li a:hover { color:yellow; }
ul.menu li a:active { color:red; }


/* Hacer que al pulsar un boton se mantenga de color rojo cuando valla a ese enlace Hay que ponerle un Id al boton y al body de la pagina con la que enlazo ------------------------------- */

#body-instalaciones #bot-instalaciones, 
#body-inicio #bot-inicio, 
#body-vehiculos #bot-vehiculos, 
#body-horarios #bot-horarios, 
#body-profesores #bot-profesores, 
#body-contacto #bot-contacto,
#body-enlaces #bot-enlaces
{
	color:red;
}


/* Barra laterla ------------------------------- */

#lateral
{
	bottom:25px;
	left:0px;
	height:470px;
	background-color:#000;
	width:80px;
	z-index:1;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
	
	background-image:url(../imagenes/comunes/calle-lateral.png)
	
}


#linea-izq, #linea-drch
{
	height:100%;
	width:2px;
	background-color:#FFF;
}

#linea-izq
{
	left:4px;
	z-index:2;
}

#linea-drch
{
	right:4px;
	z-index:2;
}

#matricula
{
	top:120px;
	left:6px;
	padding-top:5px;
	padding-bottom:5px;
	width:68px;
	border-top:solid #FFF 2px;
	border-bottom:solid #FFF 2px;
	overflow:hidden;
	color:yellow;
}

#practicas
{
	top:325px;
	left:6px;
	padding-top:5px;
	padding-bottom:5px;
	width:68px;
	border-top:solid #FFF 2px;
	border-bottom:solid #FFF 2px;
	overflow:hidden;
	font-size:smaller;
}



/* Pie ------------------------------- */

#exterior-pie
{
	z-index:10;
	display:table;
	height:20px;
	width:100%;
	background-color:#FFF;
	
	bottom:0px;
	
}

#centro-pie
{
	display:table-cell;
	vertical-align:middle;
	position:relative;
}


#contenido-pie
{
	background-color:#000;
	width:920px;
	color:#AAA;
	text-align:right;
	font-size:small;
	padding-right:20px;
	z-index:5;

}

#relleno-pie
{
	background-color:#000;
	width:940px;
	height:20px;
	left:0;
	z-index:1;
	
}

#logo-pie
{
	z-index:6;
	height:20px;
	width:20px;
	background-image:url(../imagenes/comunes/diana-pie.png);	
	right:0px;
	bottom:0px;
}



/* Creditos Visualrender ------------------------------- */

#creditos
{
	bottom:-15px;
	left:0px;
	z-index:10;

	font-size:x-small;
	color:#666;
}

#creditos-negro
{
	color:#000;
}