/* Hoja de estilo standard para el comienzo de la aplicación */

/* Generales */
body {
	margin-left: 0px;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../imagenes/fondo.jpg);

	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}
td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}

A:link IMG { border: none;}
A:visited IMG { border: none;}
A:active IMG { border: none;}

A {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: "Lucida Sans Unicode"; TEXT-DECORATION: none}
A:hover {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #BA1D14; FONT-STYLE: normal; FONT-FAMILY: "Lucida Sans Unicode"; TEXT-DECORATION: none}

A.RES {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #BA1D14; FONT-STYLE: normal; FONT-FAMILY: "Lucida Sans Unicode"; TEXT-DECORATION: none}
A.RES:hover {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: "Lucida Sans Unicode"; TEXT-DECORATION: none}

A.ATITULO {FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #BB170D; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif}
A.ATITULO:hover {FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #000000; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif}

A.IMAGEN {background-color:#CCCCCC;}
A.IMAGEN:visited {background-color:#CCCCCC;}
A.IMAGEN:hover {background-color:#AE9090;}

A.IMAGEN IMG { background-color:#CCCCCC; border: 8px solid #CCCCCC; }
A.IMAGEN:visited IMG { background-color:#CCCCCC; border: 8px solid #CCCCCC; }
A.IMAGEN:hover IMG { background-color:#AE9090; border: 8px solid #AE9090; }


#pagina{
	width: 780px;
	margin-left:auto;
	margin-right:auto;
}
/* Dentro de pagina */
	#cabecera
	{
		height:  266px; 
		width:  100%;
		font-size:30px;
		color: #CECECE;
		background: transparent url(../imagenes/contenido_arriba.gif) no-repeat bottom;
	}
	#cuerpo{
		width:  100%;
		float:left;
	}
	/* Dentro de cuerpo */
		#izquierda{
			position: relative;
			float:left;
			width: 255px;
			margin-top: 10px;
			margin-left: 20px;
		}
		#contenido{
			width: 425px;
			margin-left: 345px ;
			margin-top: 10px;
		}
		#pie{
			width: 425px;
			margin-left: 345px ;
			margin-top: 10px;
		}

/* Menus */
#izquierda div.menu1{
	width: 295px;
	background: white url(../imagenes/menu_arriba.gif) top left no-repeat;
}
#izquierda div.menu2{
	width: 295px;
	background: white url(../imagenes/menu_centro.gif) left repeat-y;
}
#izquierda div.menu3{
	width: 295px;
	background: white url(../imagenes/menu_abajo.gif)  bottom left no-repeat;
}
#izquierda div.menu2 div{
	width: 280px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	background: transparent;
	padding-bottom: 5px;
	font-size: 10px;
}
/* Contenido */
#contenido div.contenido1{
	width: 415px;
	background: white url(../imagenes/contenido_arriba.gif) top left no-repeat;
}
#contenido div.contenido2{
	width: 415px;
	background: white url(../imagenes/contenido_centro.gif) left repeat-y;
}
#contenido div.contenido3{
	width: 415px;
	background: white url(../imagenes/contenido_abajo.gif)  bottom left no-repeat;
}
#contenido div.contenido2 div{
	width: 400px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: transparent;
	font-size: 10px;
}
/* Pie */
#pie div.contenido1{
	width: 415px;
	background: white url(../imagenes/contenido_arriba.gif) top left no-repeat;
}
#pie div.contenido2{
	width: 415px;
	background: white url(../imagenes/contenido_centro.gif) left repeat-y;
}
#pie div.contenido3{
	width: 415px;
	background: white url(../imagenes/contenido_abajo.gif)  bottom left no-repeat;
}
#pie div.contenido2 div{
	width: 400px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9px;
}

#titulo{
	width: 400px;
}
#profesor{
	width: 400px;
}
#descripcion{
	width: 400px;
}
#horarios{
	width: 400px;
}
#precios{
	width: 400px;
}
/* Cajas de Textos */
.CajaTexto
{
	border-top: 2px solid #CECECE;
	border-left: 2px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	font-size: 12px;
	color: #000080;
}

/* Botones */
.Boton
{
	text-align: center;
	background: #CECECE;
	margin-bottom: 10px;
	text-decoration: none;
	border-bottom: 2px solid #CECECE;
	border-right: 2px solid #CECECE;
	font-size: 10px;
}

/* td */
.horariotitulo
{
	font-family: verdana, sans-serif;
	font-size: 10px;
	height: 5px;
}
.horariorelleno
{
	background: #555555;
	height: 5px;
}
.horariovacio
{
	background: #AAAAAA;
	height: 5px;
}
.estilomenu
{
	font-family: sans-serif, Verdana, Arial;
	font-size: 8pt;
	color: white;
}
.Titulo {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	TEXT-TRANSFORM: uppercase;
	LINE-HEIGHT: 26px;
	FONT-STYLE: normal;
	FONT-FAMILY: "Lucida Sans Unicode";
	color: #BB170D;
}
.Titulo2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	TEXT-TRANSFORM: uppercase;
	LINE-HEIGHT: 26px;
	FONT-STYLE: normal;
	FONT-FAMILY: "Lucida Sans Unicode";
	color: #000000;
}
.Titulo2derecha {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	TEXT-TRANSFORM: uppercase;
	LINE-HEIGHT: 26px;
	FONT-STYLE: normal;
	FONT-FAMILY: "Lucida Sans Unicode";
	color: #000000;
	TEXT-ALIGN: right;
}

.textomapafinal {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #BB170D; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.textomapafinalderecha {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #BB170D; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right;
}
.textomapainicio {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #666666; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.textomapainicioderecha {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: uppercase; COLOR: #666666; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right;
}
.textomapagaleria {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: normal; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif;text-align: left;vertical-align: top;
}
.textocontenido {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	TEXT-TRANSFORM: none;
	COLOR: #666666;
	LINE-HEIGHT: 16px;
	FONT-STYLE: normal;
	FONT-FAMILY: "Lucida Sans Unicode";
	border-top-width: thin;
	padding-right: 16px;
	padding-left: 8px;
	text-align: left;
}
.punteado{
	background-color: #FFFFFF;
	font-family: verdana, arial;
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 220px;
} 
.RES {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #BA1D14; FONT-STYLE: normal; FONT-FAMILY: "Lucida Sans Unicode"; TEXT-DECORATION: none}
.RESCURSIVA {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #BA1D14; FONT-STYLE: italic; FONT-FAMILY: "Comic Sans MS,Lucida Sans Unicode"; TEXT-DECORATION: none}
