

#header h1 {
	font-size:1.2em;
	margin:0;
	padding:0;
}

#header h1 img {
	margin:15px 0 0 20px;
	float:left;
}

#header h1 span {
	margin:45px 20px 0 0;
	font-weight:normal;
	float:right;
}

	#header h1 a span {
		display:none;
	}

#main #h-navigation {
	width:80%;
	margin: auto;
	padding:150px 0 80px 0;
	overflow:auto;
	background:url(../img/background-inicio.gif) no-repeat center center;
}

#main #v-navigation {
	width:200px;
	padding:50px 50px;
	float:left;
}

	#main #h-navigation img, #main #v-navigation img {
		display:block;
	}
	
	#h-navigation-idea, #h-navigation-redes, #h-navigation-sistemas, #h-navigation-proyectos, #h-navigation-productos {
		float:left;
		width:20%;
	}
			
		#h-navigation ul, #v-navigation ul {
			padding:0;
			margin:0 15px 0 0;
			font-size:1.2em;
		}
		
			#h-navigation ul li, #v-navigation ul li {
				margin:5px 0 5px 0;
				list-style:none;
			}
		
			#main #h-navigation ul li a, #main #v-navigation ul li a {
				text-decoration:none;
				color:#000;
			}
			
				#main #h-navigation ul li a.active, #main #v-navigation ul li.active {
					font-weight:bold;
				}
			
			#main #h-navigation #h-navigation-idea ul, #main #v-navigation #v-navigation-idea ul {
				border-top:2px solid #333333;
			}
				
				#main #h-navigation #h-navigation-idea ul a:hover, #main #v-navigation #v-navigation-idea ul a:hover {
					color:#333333;
				}
			
			#main #h-navigation #h-navigation-redes ul, #main #v-navigation #v-navigation-redes ul {
				border-top:2px solid #9E281E;
			}
				
				#main #h-navigation #h-navigation-redes ul a:hover, #main #v-navigation #v-navigation-redes ul a:hover {
					color:#9E281E;
				}
			
			#main #h-navigation #h-navigation-sistemas ul, #main #v-navigation #v-navigation-sistemas ul {
				border-top:2px solid #3366FF;
			}
				
				#main #h-navigation #h-navigation-sistemas ul a:hover, #main #v-navigation #v-navigation-sistemas ul a:hover {
					color:#3366FF;
				}
			
			#main #h-navigation #h-navigation-proyectos ul, #main #v-navigation #v-navigation-proyectos ul {
				border-top:2px solid #006600;
			}
				
				#main #h-navigation #h-navigation-proyectos ul a:hover, #main #v-navigation #v-navigation-proyectos ul a:hover {
					color:#006600;
				}
			
			#main #h-navigation #h-navigation-productos ul, #main #v-navigation #v-navigation-productos ul {
				border-top:2px solid #FF9900;
			}
				
				#main #h-navigation #h-navigation-productos ul a:hover, #main #v-navigation #v-navigation-productos ul a:hover {
					color:#FF9900;
				}

#main #content {
	font-size:1.1em;
	margin:0;
	padding:50px 100px 0 300px;
	min-height:400px;
	background:url('../img/background-interior.gif') no-repeat top right;
}

	#main #content p {
		margin:3px 0 7px 0;
		padding:0;
		text-align:justify;
	}
	
		#main #content a {
			text-decoration:none;
		}
	
			#main #content a:hover {
				color:#333;
			}
	
		
		.ficha {
			overflow:auto;
			margin:10px 0 25px 0;
			padding:5px 0;
			border-top:1px solid #9E281E;
		}
	
		.ficha .bio {
			width:75%;
			float:left;
		}

		.ficha .pic img {
			margin:0 0 0 25px;
			padding:5px;
			border:1px dotted #9E281E;
		}
		
		
#suscribe {
	clear:both;
	width:80%;
	font-size:1.3em;
	margin: auto;
	padding:60px 0 50px 0;
}	

	#suscribe a {
		text-decoration:none;
	}
	

#footer span {
	margin:0;
	font-weight:bold;
}

	#footer p {
		margin: 1px 0 0 0;
	}

	#footer a {
		text-decoration: none;
	}

		
img {
	border:none;
}

ul {
	/*list-style: none;*/
	margin: 0;
	padding: 0;
}

#mapa-web ul li {
	list-style: none;
	margin: 5px 0 5px 15px;
}

	#mapa-web ul#mapa-menuitem1 li a:hover {
		color:#333;
	}

	#mapa-web ul#mapa-menuitem2 li a:hover {
		color:#9E281E;
	}

	#mapa-web ul#mapa-menuitem3 li a:hover {
		color:#3366FF;
	}

	#mapa-web ul#mapa-menuitem4 li a:hover {
		color:#006600;
	}

	#mapa-web ul#mapa-menuitem5 li a:hover {
		color:#FF6600;
	}

/* Formulario de Contacto */


form#contactform {
	margin:0 0 30px 20px;
	padding:0;
	width:350px;
	float:left;
}

	form#contactform input, form#contactform textarea {
		font-size:110%;
		font-family: Helvetica, Arial, sans-serif;
		color:#9E281E;
		margin-top:10px;
		width:300px;
	}
	
	form#contactform textarea {
		height:100px;	
	}
	
	form#contactform input#submit {
		width:90px;
		background-color:#9E281E;
		color:#fff;
		margin-left:25px;
		padding:5px 0 0 0;
	}
	
	form#contactform ul {
		padding:5px;
		background-color:#333;
		border:2px dotted #fff;
	}
	
	form#contactform ul li {
		color:#ddd;
		margin:0;
		padding:0;
	}
	
	form#contactform dl label dt {
		margin:10px 0 0 0;
	}
	
	form#contactform dl label dt em {
		padding:5px;
		color:#ddd;
		background-color:#333;
		border:2px dotted #fff;
	}

#contactinfo {
	padding:15px 0 0 0;
	margin-left:350px;
}

	#contactinfo ul {
		margin:0;
		padding:0 15px;
	}

	#contactinfo ul li {
		font-size:.9em;
		list-style:none;
	}
	
dt {
	font-size:110%;
}

dd {
	margin:0 0 0 25px;
	padding:0;
	height:auto;
}

label {
}

	
/* Muestra tooltip */
	
div#tooltip {
	position: absolute;
	border: 1px solid #F6BE68;
	padding:5px 10px;
	background-color:#FFF5CC;
	width:300px;
}

img.tooltip {
	cursor:help;
}	
