/** GENERAL *************/
/************************/

html, body { 
	background-color:#015093;
	height:100%;
    font-family: verdana, arial, sans-serif;
    font-size: 1em;
	margin:0 auto;
    outline: 0;
}

p { margin-top: 1em; line-height:1.4em;}

a { color:#FFFFFF; text-decoration:none; }
a:hover { color:#FF9933; text-decoration:none; }

h1 { font-size:1.5em; margin-bottom:20px; }

ul {
	margin:20px;
}

.Listado li {
	list-style:circle;
	margin:2px 0px 2px 30px;
}

.SubListado li {
	border:1px solid #333333;
	background-color:#f3f3f3;
	color:#015093;
	list-style:none;
	margin:-8px 30px 2px 3px;
	padding:8px;
	text-align:justify;
}

form { margin:30px 0px 20px 0px; }

dl { margin:15px 0px 0px 10px; overflow:auto }

.Centro { text-align:center; }

/** CABECERA ************/
/************************/

	#Rayas {
		background-image:url(../imagenes/rayas_cabecera.jpg);
		height:80px;
	}
	
	#Menu {
		background-color:#015093;
		font-size:1em; 
		height:66px;
		margin:0 auto;
		position:relative;
		top:40px;		
		width:898px;
		}
		#Menu li {
			background-color:#076EB9;
			color:#FFF;
			cursor:pointer;
			display:block;
			float:left;
			font-weight:bold;
			height:60px;
			line-height:60px;
			margin:3px;
			margin-right:0px;
			text-align:center;
			width:176px;
		}
		#Menu li:hover {
			border-bottom:6px solid #81AE39;
			height:54px;
			line-height:60px;
		}
		#Menu .Activo{
			background-color:#81AE39;
			margin-right:0px;
			height:52px;
			width:168px;
			border:4px solid #FFF;
			line-height:52px;
		}
		
		#Menu .Activo:hover{
			background-color:#81AE39;
			margin-right:0px;
			height:52px;
			width:168px;
			border:4px solid #FFF;
			line-height:52px;
		}
		
		#Menu a {
			color:#FFFFFF;
			text-decoration:none;
			display:block;
		}


/** CUERPO **************/
/************************/

	#Contenedor {
		height: auto!important;
		height:100%;
		margin:0 auto;
		min-height:100%;
		text-align:center;
	}
	 
	#Contenido { 
		background-color:#015093; 
		color:#FFFFFF;
		font-size:0.75em;
		height:100%; 
		padding-top:65px; 
		text-align:left;
		width:890px;
		margin:0 auto;
		overflow:visible;
	}

	#Columna_Izq {
		float:left; 
		width:232px;
	}

	#Columna_Izq_Min {
		float:left; 
		width:170px;
	}

	#Columna_Der {
		float:left; 
		width:650px;
	}

	#Form_Contacto {
		margin-left:135px;
	}
	
	.Relleno {
		margin:3px;
	}
	
	.Titulo_Tecnologias {
		background-color:#0099FF;
		font-weight:bold;
		height:20px;
		line-height:20px;
		margin:20px 0 0 0;
		padding:3px;
		text-align:center;
	}
	.Tecnologias {
		margin:10px 0 10px 0;
		padding:0;
		text-align:center;
	}
	
	.Img_Tecno {
		border:3px solid #000000;
		cursor:help;
		margin:0 3px 3px 0;
	}
	
	.Respuesta {
		background-color:#f3f3f3;
		border:2px solid #076EB9;
		color:#000000;
		margin:40px 130px 20px 0;
		padding:10px;
		text-align:center;
	}
	
	.Respuesta a {
		color:#076EB9;
		text-decoration:none;
	}
	
	.Respuesta a:hover {
		color:#FF6633;
		text-decoration:none;
	}
	
	.Rojo { color:#FF0000; } 
	
/** PIE *****************/
/************************/
	#Logo {
		position:relative;
		text-align:right;
		top:20px;
		width:98%;
	}
	
	#Pie {
		background-image:url(../imagenes/cesped.jpg);
		background-repeat:repeat-x;
		height:127px;
		margin-top: auto;		
		}
	
		#Pie #Letras {
			position:relative;
			top:65px;
			color:#FFF;
			font-weight:bold;
			font-size:0.75em;
			margin-left:10px;
			font-style:italic;
		}