/*************************************
Generales
**************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	vertical-align: baseline;
}

html { background: #ff9c00 url(../images/fond-baj.gif) repeat-x bottom; }

body { background: url(../images/cabefond.gif) repeat-x top; }

#bandaprin {background: url(../images/imacabe-a.jpg) no-repeat 50% 135px;}

#bandacont {background: url(../images/imacabe-b.jpg) no-repeat 50% 135px;}

#bandamigo {background: url(../images/imacabe-c.jpg) no-repeat 50% 135px;}

#general {
	width: 780px;
	margin: 0 auto;
	background: url(../images/sombra-contenido.gif) repeat-y center;
}

img, fieldset, input, button { border: none; }

hr, legend { display: none; }

option { padding: 0 5px; }

h3.interior {
	display: block;
	height: 22px!important;
	background: #fdab00 url(../images/fond-dest.gif);
	padding: 4px 10px 0;
	font-size: 15px;
	color: #FFF;
}

/********************
Fin de generales
********************/


/********************
Cabecera: logo + funcionalidades
********************/
#cabecera {
	position: relative;
	height: 320px;
	overflow: hidden;
	background: url(../images/cabefond.gif) repeat-x top;
}

	/********************
	Logo
	********************/
	#cabecera h1 {
		float: left;
		width: 209px;
		height: 134px;
		padding-left: 12px;
	}
	
	#cabecera h1 a {
		text-indent: -9999px;
		display: block;
		height: 100%;
		overflow: hidden;
		background: url(../images/logo.gif) no-repeat left;
	}
	
	
	/********************
	Fin: Logo
	********************/

	/********************
	Funcionalidades
	********************/
	#cabecera .favami {
		float: right;
		width: 116px;
		height: 44px;
		margin-top: 42px;
		margin-right: 30px;
	}
	
	#cabecera .favami li {
		float: left;
		
	}
	
	#cabecera .favami li a {
		text-indent: -9999px;
		display: block;
		height: 22px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.fav a {
		width: 116px;
		background-image: url(../images/b-ad-fav.gif);
	}
	
	.amigo a {
		width: 116px;
		background-image: url(../images/b-env-amigo.gif);
		margin-top: 0px;
	}
	
	#cabecera .favami li a:hover { background-position: bottom; }
	/********************
	Fin: funcionalidades
	********************/

#cabecera p span { color: #F99015; }



/********************
Menu
********************/
.menu {
	position:absolute;
 	top: 106px;
	left: 230px;
}

.menu li {
	position: relative;
	z-index: 100;
	float: left;
	padding: 0 10px 0 10px;
	height: 20px;
	background: url(../images/separador-menu.gif) no-repeat bottom right;
}

.menu li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top;
}

.menu li span {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom;
}

.menu .empresa {
	width: 66px;
	height: 20px;
	background-image: url(../images/b-empresa.gif);
}

.menu .servicios {
	width: 72px;
	height: 20px;
	background-image: url(../images/b-servicios.gif);
}

.menu .proyectos {
	width: 132px;
	height: 20px;
	background-image: url(../images/b-proyectos.gif);
}

.menu .contacto {
	width: 74px;
	height: 20px;
	background-image: url(../images/b-contacto.gif);
}

.menu .mapa {
	width: 76px;
	height: 20px;
	background-image: url(../images/b-mapa.gif);
}

.menu .actual {
	width: 76px;
	height: 20px;
	background-image: url(../images/b-mapa.gif);
}

.menu li:hover a, .menu li.over a { background-position: bottom; }


/********************
Fin del menu
********************/

/********************
Fin de la cabecera
********************/


/********************
Banner
********************/
#banner {
	margin: 135px 0;
	height: 185px;
	width: 780px;
	
}

#banner h2 {
	text-indent: -9999px;
	display: block;
	height: 100%;
	background-repeat: no-repeat;
}

#banner .inicio {
		background: url(../images/imacabe-a.jpg) 50% 0;
	
}

#banner .contacto {
		background: url(../images/imacabe-b.jpg) 50% 0;
	
}

#banner .amigo {
		background: url(../images/imacabe-c.jpg) 50% 0;
	
}

/********************
Fin del banner
********************/


/********************
Contenido
********************/
#contenido {
	padding: 25px 13px 0px 13px;
	background: url(../images/cuadro-sup.gif) no-repeat top;
}

#limite {
	overflow: hidden;
	padding: 0 14px 10px 13px;
}

#principal {
	position: relative;
	overflow: hidden;
	float: left;
	width: 462px;
	background: url(../images/principal-bottom.gif) no-repeat bottom;
}

#principal #extra {
	min-height: 490px;
	padding: 0 10px 57px;
	background: url(../images/principal-bottom.gif) no-repeat bottom;
}

#textbaj {
	width: 450px;
	height: 70px;
	padding: 13px;
	margin: 0 0 12px;
	background: #FFF;
}

#textbaj p {
	margin-right: 25px;
}

#servconte{
	margin: 30px 10px 50px;;
}

#servconte h3{
	font-size: 14px;
	margin: 15px 0 2px;
	color: #e28c04;
}

	/********************
	Historial
	********************/
	.historial {
		width: 423px;
		height: 19px;
		padding: 9px 10px 0;
		background: url(../images/fundo-padroes.gif) repeat-y left;
	}
	
	.bottom {
		position: absolute;
		bottom: 17px;
		left: 10px;
		margin-bottom: 2px;
	}
	
	.historial h6 {
		color: #B3B2B2;
		height: 10px;
		font-weight: normal;
		float: left;
		padding-left: 10px;
		background: url(../images/bullet-cinza.gif) no-repeat left center;
	}
	
	.historial span {
		float: right;
		height: 10px;
		padding-right: 10px;
		background: url(../images/bullet-voltar.gif) no-repeat right center;
	}
	
	.historial a { color: #F37800; }
	
	.historial a:hover { text-decoration: underline; }
	/********************
	Fin: historial
	********************/

	/********************
	Titulo
	********************/
	#extra h2 {
		margin-bottom: 10px;
		padding: 9px 10px 8px;
		background: url(../images/fundo-padroes.gif) repeat-y left;
	}
	
	#extra h2 span {
		color: #ea9104;
		font-size: 1.5em;
		text-transform: uppercase;
		display: block;
		padding-left: 5px;
		
	}
	/********************
	Fin de Titulo
	********************/
/********************
Fin de contenido
********************/


/********************
Lateral
********************/
#lateral {
	float: right;
	width: 262px;
}

#rural, #contacto {
	padding-bottom: 8px;
	background: url(../images/sombra-box-lateral.gif) no-repeat 98% bottom;
}

#lateral .limite {
	padding: 10px;
	padding-bottom: 0;
	border: 1px solid #e7dbcf;
	border-bottom: none;
}

#lateral h3 {
	margin-bottom: 10px;
	padding-bottom: 7px;
	background: url(../images/separador-titulo-lateral.gif) no-repeat bottom;
}

#lateral h3 span {
	text-indent: -9999px;
	display: block;
	height: 25px;
}

#lateral h4 {
	font-size: 1.1em;
	margin: 0 0 8px 12px;
}

#lateral p {
	line-height: 140%;
	padding: 0 17px 0 15px;
}

	/********************
	lateral rural
	********************/
	#rural {margin-bottom: 3px;}
	
	#rural .limite { 
		height: 266px;
		background: url(../images/fondlat-sup.jpg) repeat-x bottom; 
	}
	
	#rural h3 span {
		width: 205px;
		height: 16px;
		margin: 15px 0 0 15px;
		background: url(../images/fra-especialistas.gif);
	}
	
	#rural img {
		display: block;
		width: 204px;
		height: 78px;
		margin: 0 auto 10px;
		border: 6px solid #FFF;
	}
	
	#rural h4 a:hover {
		color: #F37800;
		text-decoration: underline;
	}
	/********************
	Fin lateral rural
	********************/

	
	/********************
	Contacto
	********************/
	#contacto .limite { height: 240px; }
	
	#contacto h3 span {
		width: 236px;
		height: 108px;
		background: url(../images/fra-murcia.jpg) no-repeat 10px;;
	}
	
	#contacto ul { padding: 15px 12px; }
	
	#contacto li {
		color: #F37800;
		margin-bottom: 3px;
		font-size: 12px;
		background: none;
	}
	
	#contacto li strong {
		color: #7F7F7F;
		width: 150px;
		text-align: right;
	}
	
	#contacto a {
		font-size: 12px;
	}
	/********************
	fin de contacto
	********************/
/********************
fin de lateral
********************/


/********************
Pie
********************/
#pie {
	width: 754px;
	height: 48px;
	margin: 0 auto;
	padding: 0 16px;
	background: url(../images/cuadro-inf.gif) no-repeat bottom;
}


	/********************
	Presupuesto
	********************/
	#presupuesto a {
		float: left;
		margin-left: 10px;
		text-indent: -9999px;
		width: 189px;
		height: 31px;
		background: url(../images/b-solicite.gif) top;
	}
	
		
	#presupuesto a:hover {
		background: url(../images/b-solicite.gif) bottom;
	}
	
	
	/********************
	Fin: presupuesto
	********************/
	
	/********************
Fin de pie
********************/
#sombra {
	width: 754px;
	height: 62px;
	margin: 0 auto;
	background: url(../images/sombra.gif) no-repeat top;
}