@import "css_genericos.css";
@import "css_form.css";

* { padding:0; margin:0; }
body{
	height:100%;
	background:#333 url(../images/general/fondo.jpg) repeat-x;
	font-family:Tahoma,Arial,Helvetica,sans-serif;color:#333;font-size:12px;
}
#nonFooter{
	position:relative;
	width:779px;
	margin:0px auto;
}
#footer{
	width:719px;
	float:left;
	height:50px;
	padding:15px 40px 15px 20px;
	border-top:1px solid #afd24a;
	font-family:Arial, Helvetica, sans-serif;color:#afd24a;font-size:11px;text-align:right;
	clear:both;
}
	#footer p{margin:0; padding:0;}
/*************************/
#banner{
	width:779px;
	float:left;
	height:76px;
	background:transparent url(../images/general/banner_logo.jpg) no-repeat;
	font-family:Tahoma,Arial,Helvetica,sans-serif;color:#003300;font-size:11px;font-weight:900;
	clear:both;
}
	#navigation {
		list-style:none;
		float:right;
		background:transparent url(../images/general/banner_boton_borde.jpg) left no-repeat;
		padding-left:2px;
	}
	
	#navigation li {
		float:left;
		cursor:pointer;
	}
	
	#navigation a * {
		display:none;
	}
	
	#navigation a,
	#navigation a .hover {
		height:41px;
		position:relative;
		display:block;
		background:transparent url(../images/general/banner_boton_fondo.jpg) 0 0 no-repeat;
	}
	
	/* individual navigation items */
	#navigation a.inicio {
	  background-position: 0 0;
	  width: 100px;
	}
	
	#navigation .highlight a.inicio:hover,
	#navigation a.inicio .hover {
	  background-position: 0 -41px;
	  width: 100px;
	}
	
	#navigation a.trabajos {
	  background-position: -100px 0;
	  width: 100px;
	}
	
	#navigation .highlight a.trabajos:hover,
	#navigation a.trabajos .hover {
	  background-position: -100px -41px;
	}
	
	#navigation a.contactos {
	  background-position: -200px 0;
	  width: 100px;
	}
	
	#navigation .highlight a.contactos:hover,
	#navigation a.contactos .hover {
	  background-position: -200px -41px;
	}
/*************************/
#banner_pie{
	width:779px;
	float:left;
	height:290px;
	background:transparent url(../images/general/img.jpg) no-repeat;
	clear:both;
}
/*************************/
#contenedor{
	width:719px;
	float:left;
	margin:0 40px 5px 20px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;color:#eee;font-size:11px;text-align:justify;
	display:inline;
}
	#contenedor #bar_izq{
		width:360px;
		float:left;
	}
	#contenedor #bar_der{
		width:305px;
		float:right;
		padding-left:27px;
		display:inline;
		border-left:1px solid #2e2e2e;
	}
	#contenedor .titulo{font-family:Tahoma, Arial, Helvetica, sans-serif;color:#fff;font-size:26px;text-align:left;}
	#contenedor .destacado_azul{font-family:Arial, Helvetica, sans-serif;color:#6ab2a2;font-size:11px;text-align:justify;}
	#contenedor .boton{
		height:23px;
		float:right;
		margin:0 0 10px 0;
		padding:0 12px;
		background-color:#191919;
		line-height:23px;
		font-family:Arial, Helvetica, sans-serif;color:#99cc33;font-weight:900;font-size:11px;text-align:center;
		cursor:pointer;
	}
		#contenedor .boton:hover{text-decoration:underline;}
	#contenedor .img_texto{
		float:left;
		border:5px solid #FFF;
		margin:0 10px 10px 0;
	}
	#contenedor .img_trabajos{
		float:left;
		border:5px solid #FFF;
		margin:10px 40px 20px 0;
	}
	#contenedor .lista_trabajos{
		float:left;
		width:200px;
		margin:10px 0;
		list-style-image:url(../images/trabajos/tilde.jpg);
	}
		#contenedor .lista_trabajos li{
			padding-bottom:10px;
		}
/*************************/
#footer #pieizq{
	width:270px;
	float:left;
}
#footer .float_left{
	float:left;
}
#footer .img_pie{
	float:left;
	margin:0 10px 0 0;
}
#footer .img_vivaweb{
	float:right;
	border:0;
}