body 
{
    font-family:  TAHOMA;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:75%;*font-size:80%;
	}
	a {
		color:BLUE; *color: Black; font-weight:bold;
	}
	
	h1, h2, h3 
	{
	    
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		*margin:.4em 0 .8em 0;
		*padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		 background-image: url(cortada-sinblanco-sinmedio2.JPG) ; 
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 20px 15px;
		margin:0;
		
	}
	#headerh1 {font-size: 25px; *font-size: 26px; color:azure; } 
	/* azure LightGoldenrodYellow Honeydew MintCream AliceBlue Ivory*/
	
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li 
	{
	    font-size: 11px;
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding: 3px 8px;
		text-align:center;
		background:#eee; 
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.4em; 
	}
	#header ul li a:hover {
		background:coral;
		color:#fff;
				}
				
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
		font-size:13px; *font-size:14px;  /* 24-8-10: originales --> 14 y 18  */
		margin-top:-5.7px; *margin-top:-17px; *padding-top:8px;
	}
	
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:darkorange;
		color: IVORY;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask 
	{
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:WHITE;		/* fuera derecha */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:white;		/* center column background colour */
		
	}
	
	.threecol .colleft H2 {   /*MEDIO: descripcion del curso*/
	    *TEXT-ALIGN: LEFT;
		FONT-SIZE:16PX; *FONT-SIZE:16PX;
		margin-bottom: -10PX;
		padding:  .5em 15px 20px 15px; *padding: .9em 15px 20px 15px;
		
	}
		
	.threecol .colleft {
		right:50%; 	*right:50%;			/* MUEVE TOOOODO, DTALIST TB */
		background: WHITE;	/* fuera izquierda */
		
	
	
	}
	.threecol .col1 H1 /*MEDIO: titulo del curso*/
	{
	     TEXT-ALIGN: CENTER; COLOR: BLACK; margin-left:7PX; FONT-SIZE:17PX; font-weight:bold; padding-right:5PX;padding-LEFT:5PX;
	     vertical-align:middle;
	     background-image:URL(-amarillogRAN.GIF);  padding-bottom:28PX; padding-top:6PX; 
	     background-repeat:no-repeat;
	     
	     /*background-image:URL(-ROJOGRAN.GIF); padding-bottom:9PX; padding-top:3PX;*/
	     }
	
	.threecol .col1 {
		width:46%; 			/* MUEVE TODO DRECX,TODO IZKIERDA Y H1 DEL DATALIST: NOOOOO EL DATALIST */
		left:101%; *left:101%;            /* MUEVE EL DATALIST  */
		background:white; 			/* dentro del medio */
	}
	
	.threecol .col2 h2  /* titulos de las cajas de la izkierda*/
	{font-size:12px; *font-size:13px; padding-top:15px; margin-left:-1PX; margin-right:-31PX;color:Maroon;}
	
	.threecol .col2 a:link{font-size:11px; }
	    
	.threecol .col2 {
		width:21%;			/* MUEVE DERECHA Y KITA A IZKIERDA  */
		left:30.5%;	/* MUEVE SOOOOLO IZKIERDA*/
		background:WHITE;
		MARGIN-RIGHT:-28PX;
		PADDING-RIGHT:28PX; 		/* dentro del izkierda */
	}
	
	.threecol .col2 ul li 
	{ 
	    list-style:none;
	    padding-top:10px;
		MARGIN-BOTTOM: 5PX;
		MARGIN-LEFT:-30PX;
		*font-SIZE:12PX;
	}
	
	.threecol .IZK a {color:Black; }
	
	.threecol .IZK
	{   margin-top:14px; 
	    background-image: URL(-amarillo.GIF); BACKGROUND-REPEAT:no-repeat;		
	    font-size:12PX;	*font-size:40px; color: Black;	
	    margin-right: -14PX;
	    }
					
			
			.threecol .IZK a:hover
			{
			    text-decoration:none; 
			    background-color:red;
			    color:White;
			    font-weight:bold;
			    }
		
	.threecol .col3 {
		background:WHITE;     /* dentro derecha */
		width:23%;			/* menos borde margen a la derecha_fondo:  24.5% */
		left:83.49%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	/* Footer styles */
		/* --> */

	
	.tit { font-size:10px;}
	/* --> */
.CAJA1 { font-SIZE:90%; MARGIN-top:1PX; *MARGIN-top:10PX; MARGIN-BOTTOM: 10PX; 
    border: SOLID 2PX DARKORANGE; margin-left:1PX; margin-right: 3PX; *margin-right: 0PX; padding:10PX;}
    
.IMPAR, .PAR {padding: 10PX;}

.IMPAR{ background-color: LEMONCHIFFON;}

.PAR {BACKGROUND-COLOR:WHITE;}

.FIJO{ color: BLUE; font-weight: BOLD; TEXT-ALIGN: justify;}

.DESC { margin-top:30PX; *margin-top:-3PX;}
.DESCTEM { margin-top:30PX; *margin-top:15PX;margin-bottom:10px; *margin-bottom:-10px;}

.DESC H3, .DESC H2, .DESC H1, .DESCTEM H3, .DESCTEM H2,.DESCTEM H1 {COLOR:darkorange; PADDING: 0PX;FONT-SIZE: 16PX;font-weight:bold}

.tem {margin-top:100px;}
.tem H3{ color: Maroon; font-size:15PX; font-weight:bold}


.CAJA2 {  *font-SIZE:90%; MARGIN-top:1PX; 
    border: SOLID 2PX DARKORANGE; margin-left:0PX; margin-right: 3PX; *margin-right: 0PX; 
    padding-top: 1PX; padding-left:10px;padding-right:10px; padding-bottom:10PX;}


.CAJA3 {  *font-SIZE:90%; MARGIN-top:15PX; *MARGIN-top:15PX; 
    border: SOLID 4PX maroon; margin-left:3PX; margin-right: 3PX; *margin-right: 0PX; 
   padding-top: 0px;}

.CAJADERECHA {MARGIN-top:15PX; *MARGIN-top:15PX; 
    margin-left:3PX; margin-right: 3PX; *margin-right: 0PX;    padding-top: 0px;
    BORDER-LEFT: SOLID 4PX MAROON;
    }
    
     
.tem {margin-top:10PX;*margin-top:20PX;}
.tem a {color:blue;BACKGROUND-COLOR:White; MARGIN-LEFT: 200PX;
     font-size: 14PX; font-weight:bold;}
.tem a:hover {BACKGROUND-COLOR:White; color:blue; text-decoration: UNDERLINE; }


.DESCLARG{ margin-top: 10PX;}
.DESCLARG a {color:blue;BACKGROUND-COLOR:White; MARGIN-LEFT: 200PX; font-size: 14PX; font-weight:bold;}
.DESCLARG a:hover {BACKGROUND-COLOR:White; color:blue; text-decoration: UNDERLINE; }



.titulo h5 
{
    text-align:center; color: lemonchiffon; font-weight:bold; font-size:16px;
    background-color:maroon; padding:13px; MARGIN-LEFT:-12PX;MARGIN-right:-12PX;MARGIN-top:0PX;*MARGIN-bottom:11PX;MARGIN-bottom:13PX; }

.contenido{ padding-left:8px; padding-right:8px;}
.enviar {margin-top:25px;
 text-align: center;
 float: none;
}
#BOTONES {padding-left: 10px;}

.DESCLARG .info 
{
    margin-top:10px;*margin-top:20px;
    margin-bottom:10px;*margin-bottom:20px;
    font-size:20px;}
    
    .desclarga {margin-left:-13px;}
    
    
    
#footer{border-top: solid 2px maroon; margin:0px auto;width:100%;text-align:center;color:#666;background-color:#E3E3E3;padding: 0 0 30px 0;}
#footer a{color:#666;}
#footer a:hover{color:#f10;}
#footertop{ text-align:center;background-color:darkorange;font: bold 16px;
 padding:4px 0px 5px 0px;}
#footertop a{color: ivory; }

#footerbundlecontainer a { color:Maroon;}
#footerbundlecontainer{text-align:center;background: #E3E3E3; margin:0; padding-left:14.5%; padding-right:0; padding-top:20px; padding-bottom:0}
.footerbundle{float:left;text-align:RIGHT;margin:0 0 0 18px;padding:0;text-align:CENTER;}
.footerbundle ul{list-style:none; margin:0; padding:0; }
.footerbundle li a{font:normal 10px/12px Verdana, Arial;  color: Red;}
.footerbundle li a:hover {color:#F10; color: Red;}

#copyright a{color: orange; text-decoration: none;}
#copyright a:link {color: orange; text-decoration: none;}

		
	.confirm {border:solid 2px darkorange; margin-top: 17px; padding-bottom: 39px;}