/******** General ********/

html {
height: 100%;
}


BODY { 
	background-color: #f6f6f6; 
	font-family:  Arial, Helvetica, Trebuchet MS, sans-serif;
	font-size: 0.7em;
	line-height:14px;
	margin:0px 0px 0px 0px;
	color:#8b8a89;
	text-align: left;
	background-image:url(../images/az_fondo.gif);
	}

	
img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

ul{
	margin:0px;
	padding:0px;
	}
li{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}


/******** Enlaces ********/
a {
	color:#3f464d;
	text-decoration: none;
}

a:hover{
	color: #fc7619;
	text-decoration: none;

}


/******** Enlaces y parrafo ********/
h1 {
	display:none;
	}

h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	color:#d66101;
	}
	
h3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	color:#d66101;
	}

h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight:900;
	text-align: center;
	padding:7px 0px 7px 0px;
	margin:20px 0px 0px 0px;
	color:#ffffff;
	background-color:#ec711c;
	}

h5 {
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight:900;
	text-align: left;
	padding:7px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	color:#676766;
	}
	

	
/******** Capas principales ********/

#cabecera{ 
	width: 580px;
	height: 56px;
	padding: 27px 0px 0px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#mapa{ 
	width: 640px;
	height: 480px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#desarrollo{ 
	width: 580px;
	height: 505px;
	padding: 0px 0px 35px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#desarrollo_resto{ 
	width: 580px;
	height: 600px;
	padding: 0px 0px 15px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}
	
#izquierda{ 
	width: 274px;
	height: 487px;
	padding: 18px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:left;
	}
	
#izquierda_general{ 
	width: 130px;
	height: 487px;
	padding: 18px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:left;
	}

#menu{ 
	width: 274px;
	height: 173px;
	padding: 27px 0px 0px 0px;
	margin:auto;
	text-align:left;
	}	
	
#menu_pq{ 
	width: 130px;
	height: 173px;
	padding: 27px 0px 0px 0px;
	margin:auto;
	text-align:left;
	}
	
#bienvenida{ 
	width: 246px;
	height: 267px;
	padding: 20px 20px 0px 8px;
	margin:auto;
	text-align:left;
	}
	
#txt_general{ 
	width: 123px;
	height: 267px;
	padding: 20px 0px 0px 7px;
	margin:auto;
	text-align:left;
	}
	
#derecha{ 
	width: 306px;
	height: 505px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:right;
	}
	
#derecha_general{ 
	width: 450px;
	height: 505px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:right;
	}
	
.gf_arriba_pq{ 
	width: 306px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:right;
	background-image:url(../images/gf_sombraarriba_pq.gif);
	background-repeat:no-repeat;
	}
	
.gf_arriba_gr{ 
	width: 450px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:right;
	background-image:url(../images/gf_sombraarriba_gr.gif);
	background-repeat:no-repeat;
	}

#trabajos{ 
	width: 266px;
	height: 310px;
	padding: 0px 20px 0px 20px;
	margin:auto;
	text-align:left;
	float:right;
	background-color:#f3f3f3;
	background-image:url(../images/gf_fondo_pq.gif);
	background-repeat:no-repeat;
	}	

#listacompleta{ 
	width: 404px;
	height: 500px;
	padding: 20px 15px 0px 15px;
	margin:auto;
	text-align:left;
	overflow: auto;
	}
	
#listatrabajo{ 
	width: 404px;
	height: 455px;
	padding: 20px 15px 0px 15px;
	margin:auto;
	text-align:left;
	overflow: auto;
	}
	
#listaclientes{ 
	width: 404px;
	height: 440px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	overflow: auto;
	}
	
#desarrollo_secciones{ 
	width: 404px;
	height: 460px;
	padding: 20px 15px 0px 15px;
	margin:auto;
	text-align:left;
	overflow: auto;
	}
	
#desarrollo_empresa{ 
	width: 404px;
	height: 275px;
	padding: 20px 15px 0px 15px;
	margin:auto;
	text-align:left;
	}
	
#fotos{ 
	width: 434px;
	height: 185px;
	padding: 10px 0px 0px 0px;
	margin:auto;
	text-align:left;
	}
	
#formula_envio{
	width: 404px;
	padding:0px 0px 0px 0px;
	float:left;
	clear:both;
	}		
	
#info{ 
	width: 404px;
	height: 105px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	clear:both;
	text-align:left;
	}	
	
	
#localizacion_izq{ 
	width: 202px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	float:left;
	text-align:left;
	}	
	
#direccion_der{ 
	width: 202px;
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	float:left;
	text-align:left;
	}
	
#gf_telefono{ 
	width: 404px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	clear:both;
	text-align:right;
	}			

#listaindex{ 
	width: 100%;
	height: 250px;
	padding: 5px 0px 0px 0px;
	margin:auto;
	text-align:left;
	overflow: auto;
	}	
	
#desarrollo_general{ 
	width: 434px;
	height: 550px;
	padding: 0px 8px 0px 8px;
	margin:auto;
	text-align:left;
	float:right;
	background-color:#f3f3f3;
	background-image:url(../images/gf_fondo_gr.gif);
	background-repeat:no-repeat;
	}
		
.gf_debajo_pq{ 
	width: 306px;
	height: 18px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:right;
	background-image:url(../images/gf_sombraabajo_pq.gif);
	background-repeat:no-repeat;
	}
	
.gf_debajo_gr{ 
	width: 450px;
	padding: 18px 0px 0px 0px;
	//margin-top: -32px;
	text-align:left;
	float:right;
	background-color:#f6f6f6;
	background-image:url(../images/gf_sombraabajo_gr.gif);
	background-repeat:no-repeat;
	}
	
#recuadros{ 
	width: 306px;
	height: 115px;
	padding: 35px 0px 0px 0px;
	margin: auto;
	text-align:left;
	clear:both;
	}	
	
#recuadro_izq{ 
	width: 134px;
	height: 100px;
	padding: 15px 0px 0px 0px;
	margin:auto;
	text-align:center;
	float:left;
	background-color:#ffffff;
	background-image:url(../images/gf_fondo_recuadros.gif);
	background-repeat:no-repeat;
	}
	
#recuadro_der{ 
	width: 134px;
	height: 100px;
	padding: 15px 0px 0px 0px;
	margin:auto;
	text-align:center;
	float:right;
	background-color:#ffffff;
	background-image:url(../images/gf_fondo_recuadros.gif);
	background-repeat:no-repeat;
	}
	
#copy{ 
	width: 550px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	background-image:url(../images/az_fondo_copy.gif);
	}
	
.gf_copy_izq{ 
	width: 10px;
	height: 44px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:left;
	background-image:url(../images/gf_copy_izq.gif);
	background-repeat:no-repeat;
	}
	
.gf_copy_der{ 
	width: 10px;
	height: 44px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	float:right;
	background-image:url(../images/gf_copy_der.gif);
	background-repeat:no-repeat;
	}
	
	
#copy2{ 
	width: 550px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin:auto;
	text-align:left;
	clear:both;
	}	
	
#masfotos{display:none;}

/***** Botones menu inicio *****/

ul#main-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul#main-nav li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 23px;
	}

ul#main-nav li.inicio a {
	display: block;
	background: url(../images/bt_inicio.gif) no-repeat 0% 0%;
	width: 274px;
	height: 23px;
	}


ul#main-nav li.empresa a {
	display: block;
	background: url(../images/bt_empresa.gif) no-repeat 0% 0%;
	width: 274px;
	height: 23px;
	}
	
ul#main-nav li.servicios a {
	display: block;
	background: url(../images/bt_servicios.gif) no-repeat 0% 0%;
	width: 274px;
	height: 23px;
	}
	
ul#main-nav li.trabajos a {
	display: block;
	background: url(../images/bt_trabajos.gif) no-repeat 0% 0%;
	width: 274px;
	height: 23px;
	}
	
ul#main-nav li.clientes a {
	display: block;
	background: url(../images/bt_clientes.gif) no-repeat 0% 0%;
	width: 274px;
	height: 23px;
	}
	
ul#main-nav li.contacto a {
	display: block;
	background: url(../images/bt_contacto.gif) no-repeat 0% 0%;
	width: 274px;
	height: 23px;
	}
	

/***** Botones menu general *****/
ul#main-nav li.inicio_pq a {
	display: block;
	background: url(../images/bt_inicio_pq.gif) no-repeat 0% 0%;
	width: 130px;
	height: 23px;
	}


ul#main-nav li.empresa_pq a {
	display: block;
	background: url(../images/bt_empresa_pq.gif) no-repeat 0% 0%;
	width: 130px;
	height: 23px;
	}
	
ul#main-nav li.servicios_pq a {
	display: block;
	background: url(../images/bt_servicios_pq.gif) no-repeat 0% 0%;
	width: 130px;
	height: 23px;
	}
	
ul#main-nav li.trabajos_pq a {
	display: block;
	background: url(../images/bt_trabajos_pq.gif) no-repeat 0% 0%;
	width: 130px;
	height: 23px;
	}
	
ul#main-nav li.clientes_pq a {
	display: block;
	background: url(../images/bt_clientes_pq.gif) no-repeat 0% 0%;
	width: 130px;
	height: 23px;
	}
	
ul#main-nav li.contacto_pq a {
	display: block;
	background: url(../images/bt_contacto_pq.gif) no-repeat 0% 0%;
	width: 130px;
	height: 23px;
	}
	

/******** Lista menu rapido ********/
#txt_general ul {
	margin: 0px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	}

#txt_general li {
	width: 123px;
	padding: 0px 0px 0px 0px;
	}

#txt_general li a{	
	color: #635f54; 
	display: block;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	}	

#txt_general li a:hover {
	color:#eb711a;
	font-weight:bold;
	}
	
#txt_general li a.selected {
	color: #eb711a;
	font-weight:bold;
	}	
	
	
/******** Listas ********/
/******** Lista copy ********/
#copy ul{
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 98px;
	vertical-align: middle;
	text-align: center;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	}

#copy ul li{
	padding:0;
	margin: 0;
	display: inline;
	}

#copy ul li a{
	height: 20px;
	float: left;
	padding: 15px 0px 0px 4px;
	text-decoration: none;
	color:#b3afaf;
	font-size:1.0em;
	font-weight:100;
	}

#copy li a:hover {
	color: #cb5726;
	}
	
#copy li a.selected {
	color: #cb5726;
	}
	
/******** Lista copy2 ********/
#copy2 ul{
	border: 0;
	margin: 0;
	padding: 3px 0px 0px 198px;
	vertical-align: middle;
	text-align: center;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}

#copy2 ul li{
	padding:0;
	margin: 0;
	display: inline;
	}

#copy2 ul li a{
	height: 20px;
	float: left;
	padding: 0px 0px 0px 4px;
	text-decoration: none;
	color:#b5afaf;
	font-size:1.0em;
	font-weight:100;
	}

#copy2 li a:hover {
	color: #cb5726;
	}
	
#copy2 li a.selected {
	color: #cb5726;
	}
	

/******** Lista trabajos ********/

.listacompleta ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

.listacompleta li {
	clear:both;
	padding:10px 0px;
	}

.listacompleta li a{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#6e6e6e;
	}	

.listacompleta li a:hover {
	color:#d66101;
	text-decoration:none;
	}
	
.listacompleta img{
	float:left;
	padding: 0px;
	margin: 0px 20px 8px 0px;
	border: 2px solid #e2e1e1;
	}
	

/******** Lista clientes ********/

.listaclientes ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

.listaclientes li {
	clear:both;
	padding:0px 0px;
	}

.listaclientes li a{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#6e6e6e;
	}	

.listaclientes li a:hover {
	color:#d66101;
	text-decoration:none;
	}
	

/******** Lista trabajos index ********/

.listaindex ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	}

.listaindex li {
	clear:both;
	padding:6px 0px;
	}

.listaindex li a{
	margin:15px 0px 8px 0px;
	padding: 0px 10px 0px 0px;
	color:#6e6e6e;
	}	

.listaindex li a:hover {
	color:#d66101;
	text-decoration:none;
	}
	
.listaindex img{
	float:left;
	padding: 0px;
	margin: 0px 20px 40px 0px;
	border: 2px solid #e2e1e1;
	}
	

	
/******** Clases ********/
.tecla {text-decoration: underline;}
.raya {text-decoration: underline;}
.nomostrar{display:none;}
.txt_centro{
	text-align:center;
	font-size: 1.3em;
	}
	
.txt_gris{
	color:#c1c1c1;
	}
	
	
.txt_fecha{
	font-size: 1.0em;
	color:#d66101;
	padding: 0px 0px 5px 0px;
	}
	
.txt_titular{
	font-size: 1.1em;
	color:#6e6e6e;
	font-weight:bold;
	}
	
.txt_naranja {
	font-size: 1.2em;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	text-align:left;
	color:#d66101;
	}
	
.txt_naranja2 {
	font-size: 1.3em;
	text-align: left;
	padding:0px 0px 0px 25px;
	margin:0px 0px 5px 0px;
	text-align:left;
	color:#d66101;
	background-image:url(../images/ico_mano.gif);
	background-repeat:no-repeat;
	}
	
.txt_naranja_normal {
	text-align: left;
	color:#d66101;
	}
	
.txt_mas{
	font-size: 0.8em;
	color:#1a6398;
	}
	
.indice_not{
	color:#bb9955;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	}
	
.paginacion{
	padding: 50px 0px 0px 0px;
	float:right;
	}
	
.paginacion2{
	padding: 30px 0px 0px 0px;
	float:right;
	}
	
.txt_grisoscuro_ico{
	color:#cfcfcf;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
	background-image:url(../images/ico_cuadrado.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	}
	
	
#masfotos{display:none;}

#fot_noticias{ 
	width: 390px;
	padding: 0px 0px 10px 0px;
	margin:auto;
	float:left;
	clear:both;
	}
	
.recuadro_fotos{
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: dashed 1px #b9b9b6;
	}
	
.recuadro_fotos_pq{
	background-color:#EEF1E8;
	padding:2px 2px 2px 2px;
	margin: 0px 2px 2px 0px;
	}
	
.recuadro_fotos_gr{
	background-color:#cbc9c7;
	padding:5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	}
	
.linkmasfotos{
padding:7px 10px 8px 40px;
margin:10px 20px 20px 0px;
background-image: url(../images/ico_masfotos.gif);
background-repeat:no-repeat;
font-size:90%;
}

/******** Menu servicios********/
	
.arrowlistmenu{
	width: 425px; /*width of accordion menu*/
	float:left;
	}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	margin:0px 0px 25px 0px;
	cursor: hand;
	cursor: pointer;
	background-image: url(../images/ico_flecha.gif);
	background-repeat:no-repeat;
	background-position: 2px 0px;
	padding: 0px 20px;
	}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../images/ico_flecha.gif);
	background-repeat:no-repeat;
	background-position: 2px 0px;
	background-color:#e9eae5;
	}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	display: inline;
	}

.arrowlistmenu ul li a{
	padding:0;
	margin: 0;
	padding: 2px 0;
	width: 425px;
	text-decoration: none;
	}

.arrowlistmenu ul li a:visited{
	color: #A70303;
	}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	}
	

/******** Formularios ********/

form{
margin: 0px;
padding: 0px 0px 0px 0px;
	}

input {
  	border: 1px solid #c6d8e6;
	background-color:#ffffff;
    font-size: 1.0em;
    color: #707070;
	padding:2px;
	}
	
select {
  	border: 1px solid #c6d8e6;
	background-color:#ffffff;
    font-size: 1.0em;
    color: #707070;
	padding:1px;
	}
	
textarea{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
	color: #707070;
	background-color:#ffffff;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	border: 1px solid #c6d8e6;
	} 
	
.boton{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #6D7274;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	text-decoration: none;
	}


	

/******** Parrafos ********/

p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	line-height:14px;
	}
	
	
/******** Efecto fotos ********/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}