@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* END RESET */





/*--------------------------------- BASICS ---------------------------------------*/
body {
background: #5e2459 url(../images/fondo.jpg) repeat-x;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333;
margin:0px 0px 0px 0px;
}

img {
border:none;
}
img.derecha{
margin-right:17px;
.margin-right:12px;
float:right;
clear:both;
}

h1 {
width:770px;
height:150px;
background: url(../images/fonfo_logo2.png) top center no-repeat;
.background: url(../images/fonfo_logo2.gif) top center no-repeat;
margin:auto;
margin-top:0px;
margin-bottom:-10px;
.margin-bottom:0px;
}
h1 a{
	display:block; /* lo muestras en bloque para darle al ancho y alto total de la imagen */
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-indent: -10000px; /* retiro el texto */
	}

/*------------------------------- MENU -------------------------------------*/
#menu {height:44px;
	   margin-top:0px;
	   margin-bottom:0px;
	   margin-left:65px;
	   clear:both;
}

#menu li{
display:inline;
background:#FF0000;
}

#menu li a { float: left; height: 0; padding-top: 44px; overflow: hidden; 
background-image: url(../images/navbar.gif); 
background-repeat: no-repeat;}

#menu li a.btn_home {width:62px;}
#menu li a.btn_home:hover { width:62px; background-position:0px -44px;}
#menu li a.btn_homeactual { width:62px; background-position:0px -44px;}

#menu li a.btn_artazaberri { width:75px; background-position:-62px 0px;}
#menu li a.btn_artazaberri:hover { width:75px; background-position:-62px -44px;}
#menu li a.btn_artazaberriactual { width:75px; background-position:-62px -44px;}

#menu li a.btn_caracteristicas { width:96px; background-position:-137px 0px;}
#menu li a.btn_caracteristicas:hover { width:96px; background-position:-137px -44px;}
#menu li a.btn_caracteristicasactual { width:96px; background-position:-137px -44px;}


#menu li a.btn_calidades { width:69px; background-position:-233px 0px;}
#menu li a.btn_calidades:hover { width:69px; background-position:-233px -44px;}
#menu li a.btn_calidadesactual { width:69px; background-position:-233px -44px;}


#menu li a.btn_personalizacion { width:101px; background-position:-302px 0px;}
#menu li a.btn_personalizacion:hover { width:101px; background-position:-302px -44px;}
#menu li a.btn_personalizacionactual { width:101px; background-position:-302px -44px;}


#menu li a.btn_estado{ width:54px; background-position:-403px 0px;}
#menu li a.btn_estado:hover { width:54px; background-position:-403px -44px;}
#menu li a.btn_estadoactual { width:54px; background-position:-403px -44px;}


#menu li a.btn_condiciones{ width:83px; background-position:-457px 0px;}
#menu li a.btn_condiciones:hover { width:83px; background-position:-457px -44px;}
#menu li a.btn_condicionesactual { width:83px; background-position:-457px -44px;}

#menu li a.btn_localizacion{ width:100px; _width:95px; background-position:-540px 0px;}
#menu li a.btn_localizacion:hover { width:100px;  background-position:-540px -44px;}
#menu li a.btn_localizacionactual { width:100px;  background-position:-540px -44px;}

/* BODY */

#cuerpo {
width:770px;
height:550px;
background:url(../images/fonfo.png) center repeat-y;
_background:url(../images/fonfo.gif) center repeat-y;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#cuerpo h2{
color:#5e2459;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:15px;
}

#cuerpo h3{
color:#5e2459;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-left:15px;
}

#cuerpo h4{
display:none;
}
/*----------------------------- MEDIA FLASH AND IMAGES -------------------------------------*/
#multimedia {
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
width:640px;
}

#multimedia a{
color:#5e2459;
float:right;
margin-right:15px;
margin-top:12px;
font-size:12px;

}

/*-------------------------------- CAJA IZQUIERDA ----------------------------------*/
#caja_izq {
float:left;
clear:left;
width:290px;
padding:0px;
padding-top: 15px;
padding-left:65px;
}

#caja_izq p{
background: url(../images/p_background.png) repeat-x;
_background: url(../images/p_background.gif) repeat-x;
text-align:justify;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
}

#caja_izq a.detalles{
float:right;
clear:left;
display:block;
width:92px;
height:0px;
padding-top:20px;
margin-right:13px;
_margin-right:6px;
overflow:hidden;
background:url(../images/detalles.png);
_background:url(../images/detalles.gif);
}


/*-------------------------------- CAJA DERECHA ------------------------------------*/
#caja_dcha {
float:right;
width:327px;
margin-top:3px;
padding-top: 12px;
padding-right:78px;
}

#caja_dcha p{
background: url(../images/p_background.png) repeat-x;
_background: url(../images/p_background.gif) repeat-x;
text-align:justify;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
}
#caja_dcha img{
margin-top:-4px;
}

#caja_dcha a.detalles{
float:right;
display:block;
width:92px;
height:0px;
padding-top:20px;
overflow:hidden;
background:url(../images/detalles.png);
_background:url(../images/detalles.gif);
}

/*------------------------------- CAJA CENTRAL ---------------------------------------*/

#caja_central {
width:640px;
margin-left:auto;
margin-right:auto;
clear: both;
}

#caja_central h2{
font-size:21px;
}

#caja_central p{
background: url(../images/p_background.png) repeat-x;
_background: url(../images/p_background.gif) repeat-x;
text-align:justify;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
}
#caja_central.small p{
font-size:9px;
}

#caja_central a.detalles{
float:right;
margin-right:10px;
display:block;
width:92px;
height:0px;
padding-top:20px;
overflow:hidden;
background:url(../images/detalles.png);
_background:url(../images/detalles.gif);
}

#caja_central a.descarga_pdf{
float:right;
margin-right:10px;
display:block;
width:92px;
height:0px;
padding-top:20px;
overflow:hidden;
background:url(../images/descarga_pdf.png);
_background:url(../images/descarga_pdf.gif);
}

#caja_central a.detalles360{
float:right;
margin-right:10px;
display:block;
width:92px;
height:0px;
padding-top:20px;
overflow:hidden;
background:url(../images/detalles360.png);
_background:url(../images/detalles360.gif);
}


#caja_central a span{
	width:10em;
	height:8em;
	padding:0.6em 0.6em 0.6em 3.3em;
	float:right;
	background-image:url(../images/btn_visitavirtual.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}


/* ENLACE A INFORMACION */
#enlace_info {
float:right;
clear: right;
padding-top: 10px;
padding-right:78px;
}

#enlace_info a{
font-size:12px;
color:#5e2459;
}

/*------------------------------------ TABLA ------------------------------------------*/
#tabla{
background: url(../images/p_background.png) repeat-x;
_background: url(../images/p_background.gif) repeat-x;
margin-bottom:10px;
}

#tabla th{
padding:10px;
}

#tabla a{
font-weight:bold;
font-size:10px;
color:#5e2459;
}
#tabla tr.fila_gris{
background:#d9d9d9;
}
#tabla td{
padding:5px;
text-align:center;
}
#tabla td.descarga_pdf{
background:#5e2359 url(../images/PDFfondo.jpg);
}
#tabla td.descarga_pdf a{
color:#cd99c9;
text-decoration:none;
}

#tabla tr.fila_gris td.descarga_pdf{
background:#270e24 url(../images/PDFfondo.jpg);
}



.estadoObra1{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_ene11_1.jpg) no-repeat left top;}
.estadoObra2{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_ene11_2.jpg) no-repeat left top;}
.estadoObra3{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_ene11_3.jpg) no-repeat left top;}
.estadoObra4{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_ene11_4.jpg) no-repeat left top;}
.estadoObra5{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_ene11_5.jpg) no-repeat left top;}


.estadoObra6{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_sep10_1.jpg) no-repeat left top;}
.estadoObra7{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_sep10_2.jpg) no-repeat left top;}
.estadoObra8{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_sep10_3.jpg) no-repeat left top;}
.estadoObra9{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_sep10_4.jpg) no-repeat left top;}
.estadoObra10{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_jun10_1.jpg) no-repeat left top;}
.estadoObra11{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_jun10_2.jpg) no-repeat left top;}
.estadoObra12{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_jun10_3.jpg) no-repeat left top;}
.estadoObra13{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra5.jpg) no-repeat left top;}
.estadoObra14{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra6.jpg) no-repeat left top;}
.estadoObra15{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_oct09_1.jpg) no-repeat left top;}
.estadoObra16{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_oct09_2.jpg) no-repeat left top;}
.estadoObra17{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra_oct09_3.jpg) no-repeat left top;}
.estadoObra18{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra1.jpg) no-repeat left top;}

.estadoObra19{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra2.jpg) no-repeat left top;}
.estadoObra20{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra3.jpg) no-repeat left top;}
.estadoObra21{
width:640px;
height:250px;
background:#FFFFFF url(../images/estado_obra4.jpg) no-repeat left top;}


.estadoObra21 a{
padding-right:91px;}


.estadoObra a, .estadoObra1 a, .estadoObra2 a, .estadoObra3 a, .estadoObra4 a, .estadoObra5 a, .estadoObra6 a, .estadoObra7 a, .estadoObra8 a, .estadoObra9 a, .estadoObra10 a, .estadoObra11 a, .estadoObra12 a, .estadoObra13 a, .estadoObra14 a, .estadoObra15 a, .estadoObra16 a, .estadoObra17 a, .estadoObra18 a, .estadoObra19 a, .estadoObra20 a, .estadoObra21 a {
display:block;
padding-top:220px;
}

/*------------------------------------- INFO ----------------------------------------*/


#formulario{
margin-left:15px;
}

#formulario label{
	float: left;
	width:80px;
	margin-bottom:2px;
}

#formulario_input{
	margin-bottom:2px;
}

#comentarios{
	margin-bottom:10px;
	width:240px;
	clear:both;
}

textarea{
.margin-left:-15px;
clear:both;
}

#input.check{
	width:20px;
	float:left;
}

#botones input{
	margin-left:10px;
	float:left;
	width:60px;
}

/* PIE DE PAGINA*/

#pie_pagina {
width:770px;
height:150px;
background:url(../images/fondo_pie.png) top center no-repeat;
_background:url(../images/fondo_pie.gif) top center no-repeat;
margin:auto;
margin-top:0px;
margin-bottom:0px;
}

#pie_pagina a{
float:right;
display:block;
width:282px;
height:0px;
padding-top:64px;
overflow:hidden;
margin-top:104px;
margin-left:304px;
background:url(../images/jaure_pesana.gif) top left;
font-size:0px;
}