body{
	margin: 0 auto;
	text-align:center;
	font-size: 10pt;	
	font-family: Verdana;
	background: url("fondo.jpg") repeat-x;
}

/************/
/*	Capas   */
/************/

#contenedora{
	width:800px;
	margin: 0 auto;	
	border: solid black 1px;
	background-color: white;
}
#cabecera{
	width:800px;
	clear:both;
	height:150px;
	text-align:left;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	background-image: url(cabecera.jpg);
	background-repeat:no-repeat;
	padding-top:75px;
	margin-bottom:-75px;
	padding-left:10px;
}

#menuHorizontal{
	width:780px;
	height:35px;	
	clear:both;
	background-image: url(bordeHorizontal1.jpg);
	background-repeat:repeat-x;
	border-color:#6f6e73;
	line-height: 80%;
	margin-left:10px;
	margin-right:20px;
	padding-top:5px;
	font-size: 11pt;
}
#menuHorizontal1{	width:80px;		}
#menuHorizontal2{	width:125px;	}
#menuHorizontal3{	width:230px;	}
#menuHorizontal4{	width:155px;	}
#menuHorizontal5{	width:95px;		}
#menuHorizontal6{	width:95px;		}

#cuerpo{
	float:left;
	width:800px;
}
	
#cuerpoIzq{
	width:200px;
	height:100%;
	float:left;
	text-align:left;
	margin-top:10px;
	margin-left:5px;
}

#menuVertical{
	padding:14px;
	font-size: 11pt;
}

.menuVerticalSupIzq{background: url(bordeMenuVerticalSupIzq.jpg) 0 0 no-repeat}
.menuVerticalSupDer{background: url(bordeMenuVerticalSupDer.jpg) 100% 0 no-repeat} 
.menuVerticalInfIzq{background: url(bordeMenuVerticalInfIzq.jpg) 0 100% no-repeat}
.menuVerticalInfDer{background: url(bordeMenuVerticalInfDer.jpg) 100% 100% no-repeat}
.sup{background: url(bordeMenuVerticalHor.jpg) 0 0 repeat-x;padding-top:3px;}
.inf{background: url(bordeMenuVerticalHor.jpg) 0 100% repeat-x;padding-bottom:3px;}
.izq{background: url(bordeMenuVerticalVer.jpg) 0 0 repeat-y;padding-left:3px;}
.der{background: url(bordeMenuVerticalVer.jpg) 100% 0 repeat-y;padding-right:3px;}

#cuerpoDer{	
	width:500px;
	float:left;
	margin-top:10px;
	border-color:#6f6e73;
	margin-left:10px;
	padding-left:40px;
	text-align:left;
	padding-bottom:40px;
	margin-bottom:-20px;
	background-image: url(bordeVertical1.jpg);
	background-repeat:repeat-y;
}

#datosTecnicos{
	float:left;
	clear:both;
	margin-top: 10px;
	text-align:left;
}

#imagen,#show{
	clear:both;
	margin: 10px 0px;	
	text-align:center;
}

#descripcion{
	clear:both;
	text-align:justify;
}
	
#pie{
	height:40px;
	clear:both;
}	
#pieIzq{
	width:205px;
	height:15px;
	float:left;
	background-color:#b3d9f0;
}

#pieDer{
	width:570px;
	height:15px;
	float:left;
	background-color:#707173;
	margin-left:25px;	
	font-size: 9pt;
	line-height: 200%;
}

/********************/
/*  Menu vertical   */
/********************/

.tituloMenu{
	font: bold;
	display: block;
	padding-top:25px;
}

.menuVertical{
	margin: 0 auto;
	padding: 0;
}		
				
.menuVertical li{
	list-style: none;			
}
			
.menuVertical li a{
	display:block;	
	color: #6f6e73;
	text-decoration: none;
}
		
#activo a{
	font-weight: bold;
	font-size:10pt;
	color: #7ac5e4;
	margin-left:5px;
}

/***************************/
/* Formulario inscripcion	*/
/***************************/
#formuContacto
{
	 text-align: right;
}

#capaFormuIzq
{
	 float:left;
	 width:30%;
	 margin:5px;
}
#capaFormuIzq div, #capaFormuDer div
{
	 height:40px;
}

#capaFormuDer
{
	 float:left;
	 width:60%;
	 margin:5px;
}
input[type='text']
{
	width:100%;
	border: solid 1px #6f6e73;
	display:block;
}
textarea
{
	width:100%;
	border: solid 1px #6f6e73;
}


/************/
/*  Varios  */
/************/

.imagen
{
	max-width: 500px;	
	width: expression(this.width > 500 ? 500: true);
	max-height: 375px;	
	height: expression(this.height > 375 ? 375: true);
}

#cabecera img{
	border:0;
}

#cabecera a{
	text-decoration:none;
	color:black;
}

#cuerpoDer p{
	margin: 0px;
}

.titulo1
{
	text-transform: uppercase;
	text-align:left;
	font: 14pt arial;
	color: #009fe1;
	display:block;
}
.titulo2
{
	text-transform: uppercase;
	text-align:left;
	font: 11pt arial;
	color: #009fe1;
	display:block;
}

.titulo3
{
	text-transform: uppercase;
	text-align:center;
	font: 13pt arial;
	color: #009fe1;
	display:block;
}

.imagen-enlace{
	text-align:center;
	width:50%;
	height:140px;
	float:left;
	line-height: 170px; /*"centra" las imágenes veritcalmete. Necesita un espacio   en el div para funcionar*/
}

.imagen-enlace img{
	border:none;
	max-width: 130px;	
	width: expression(this.width > 130 ? 130: true);
	
}

.imagen-enlace img:hover {
	max-width: 150px;	
	width: expression(this.width > 150 ? 150: true);
}