/* CSS Document */

/* Construcciones ALPI
/* Autor: Manuel Ribera
/* Empresa: Entorno Digital - www.entornodigital.es
/* Creado: 26/02/2009
--------------------------------------------------------------------------- */

/* GENERAL
/* ESTRUCTURA
/* HEADER
/* NAV LEFT
/* CENTER
/* NAV RIGHT
/* FOOTER


--------------------------------------------------------------------------- */
/* GENERAL */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ESTRUCTURA
--------------------------------------------------------------------------- */

body {
	margin: 0px;
	text-align:center;
	background-image: url(../images/bg_body2.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#wrapper {
width:900px;
height:auto;
margin:0 auto;
}
#header {
width:900px;
height:190px;
background-image:url(../images/bg_header.jpg);
background-repeat:no-repeat;
}
#content {
width:900px;
height:auto;
float:left;
padding-bottom:10px;
}
html>body #left {
width:425px;
height:auto;
float:left;
padding-top:25px;
}
#left {
width:425px;
height:auto;
float:left;
padding-top:15px;
}
#right {
width:425px;
height:auto;
float:right;
}
#footer {
text-align:right;
width:900px;
height:36px;
float:left;
border-top:solid 1px #007a2d;
padding-botton:20px;
}

/* LEFT
--------------------------------------------------------------------------- */
#tit_obras{
padding-top:4px;
}
.tit_left {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:28px;
font-weight:bold;
text-align:left;
width:405px;
color:#fff;
background-color:#007a2d;
float:left;
margin-bottom:20px;
padding-left:20px;
display:block;
}

#left p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:justify;
color:#333333;
width:425px;
height:auto;
float:left;
padding-bottom:20px;
}
#left img{
float:left;
margin-bottom:10px;
}
.left_direcc{
width:385px;
height:auto;
padding:20px 20px 0px 20px;
float:left;
margin:0px 0px 10px 0px;
background-color:#007a2d;
}
#left .left_direcc p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #fff;
text-align:left;
line-height:18px;
}
.bold{
font-weight:bold;
}
a.btn_email:link, a.btn_email:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #fff;
text-align:left;
line-height:18px;
text-decoration:underline;
}
a.btn_email:hover{
text-decoration:none;
font-weight:bold;
}
.left_delegacion{
width:383px;
height:auto;
padding:10px 20px 0px 20px;
float:left;
margin:0px 0px 10px 0px;
border: solid 1px #007a2d;
}
.tit_delegacion{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:16px;
text-align:justify;
color:#333333;
font-weight:bold;
width:383px;
height:auto;
float:left;
padding-bottom:10px;
cursor:pointer;
}
#left .left_delegacion p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
text-align:left;
line-height:18px;
width: 383px;
}
.documentacion{
width:383px;
height:auto;
padding:20px 20px 0px 20px;
float:left;
margin:20px 0px 10px 0px;
border: solid 1px #cccccc;
background-color:#e5e5e5;
text-align:left;
padding-bottom:10px;
}
.documentacion p{
line-height:16px;
padding-bottom:20px;
}
.tit_documentacion{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
width:383px;
font-weight:bold;
height:auto;
display:block;
border-bottom-style:groove;
border-color: #fff;
border-width: 2px;
padding-bottom:10px;
margin-bottom:10px;
text-align:center;
}
a.btn_pdf:link, a.btn_pdf:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#007a2d;
font-weight:bold;
line-height:21px;
width:350px;
text-decoration:underline;
display: block;
background-image: url(../images/pdf_file.gif);
background-repeat:no-repeat;
padding-left:38px;
}
a.btn_pdf:hover{
color: #000;
text-decoration:underline;
}
.cont_btn_listado{
width:200px;
height:27px;
padding:20px 112px;
float:right;
}

a.btn_listado:link, a.btn_listado:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
text-align:center;
width:200px;
height:27px;
line-height:27px;
text-decoration:none;
background-image:url(../images/btn_listado1.gif);
display:block;
border:solid 1px #007a2d;
}
a.btn_listado:hover{
color: #fff;
text-decoration:none;
background-image:url(../images/btn_listado2.gif);
border:solid 1px #007a2d;
}

/*---DESPLEGABLE---*/

.contenidoItem{
          display:none;
		  width: 383px
       }
 
  
.contenido_desplegable {
	width: 383px;
	float:left;
}



/* RIGHT
--------------------------------------------------------------------------- */
.tit_seccion {
width:425px;
height:auto;
float:left;
border-bottom:solid 1px #000;
}
.right_nav{
background-color:#CCCCCC;
width:385px;
height:auto;
float:left;
margin:10px 0px;
padding:0px 20px;
margin-bottom:20px;
}
.right_nav2{
background-color:#e5e5e5;
background-image:url(../images/bg_nav_right2.gif);
background-repeat:repeat-x;
width:385px;
height:auto;
float:left;
margin:-20px 0px 10px 0px;
padding:10px 20px 0px 20px;
}
.right_nav3{
background-color:#CCCCCC;
background-image:url(../images/bg_nav_right3.gif);
background-repeat:repeat-x;
background-position:top;
width:385px;
height:auto;
float:left;
margin:-10px 0px 10px 0px;
padding:10px 20px 0px 20px;
}
.cont_right_nav{
width:385px;
height:auto;
display:block;
border-bottom-style:groove;
border-color: #fff;
border-width: 2px;
}
.cont_right_nav2{
width:385px;
height:auto;
display:block;
border-bottom-style:groove;
border-color: #037b2d;
border-width: 2px;
}
a.btn_right:link, a.btn_right:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:26px;
line-height:26px;
display:block;
}
a.btn_right:hover{
color:#000;
text-decoration:none;
font-weight:bold;
}
a.btn_obra1:link, a.btn_obra1:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:28px;
line-height:28px;
display:block;
background-image:url(../images/btn_obra1_1.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra1:hover{
color:#000;
text-decoration:none;
background-image:url(../images/btn_obra1_2.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra2:link, a.btn_obra2:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:28px;
line-height:28px;
display:block;
background-image:url(../images/btn_obra2_1.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra2:hover{
color:#000;
text-decoration:none;
background-image:url(../images/btn_obra2_2.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra3:link, a.btn_obra3:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:28px;
line-height:28px;
display:block;
background-image:url(../images/btn_obra3_1.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra3:hover{
color:#000;
text-decoration:none;
background-image:url(../images/btn_obra3_2.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra4:link, a.btn_obra4:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:28px;
line-height:28px;
display:block;
background-image:url(../images/btn_obra4_1.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra4:hover{
color:#000;
text-decoration:none;
background-image:url(../images/btn_obra4_2.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra5:link, a.btn_obra5:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:28px;
line-height:28px;
display:block;
background-image:url(../images/btn_obra5_1.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra5:hover{
color:#000;
text-decoration:none;
background-image:url(../images/btn_obra5_2.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra6:link, a.btn_obra6:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #333333;
text-decoration:none;
text-align:left;
width:385px;
height:28px;
line-height:28px;
display:block;
background-image:url(../images/btn_obra6_1.gif);
background-position:right;
background-repeat:no-repeat;
}
a.btn_obra6:hover{
color:#000;
text-decoration:none;
background-image:url(../images/btn_obra6_2.gif);
background-position:right;
background-repeat:no-repeat;
}

#right img{
float:left;
margin-bottom:10px;
}

/* DELEGACIONES
--------------------------------------------------------------------------- */
#mapa_delegaciones{
width:425px;
height:auto;
float:left;
margin-top:20px;
}

/* LISTADO OBRAS
--------------------------------------------------------------------------- */
#top_container_listado{
width:425px;
height:50px;
float:left;
}
#container_listado{
width:425px;
height:auto;
float:left;
background-image:url(../images/bg_container_listado.gif);
background-repeat:repeat-y;
}
#bottom_container_listado{
width:425px;
height:20px;
float:left;
background-image:url(../images/bottom_container_listado.gif);
background-repeat: no-repeat;
background-position: bottom;
}
a.btn_obra_listado:link, a.btn_obra_listado:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color: #333333;
font-weight:bold;
text-decoration:none;
text-align:left;
width:405px;
height:auto;
display:block;
background-image:url(../images/btn_obra_listado_1.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 0px 10px 20px;
float:left;
}
a.btn_obra_listado:hover{
color:#fff;
text-decoration:none;
background-color:#007a2d;
background-image:url(../images/btn_obra_listado_2.gif);
background-position:top left;
background-repeat:no-repeat;
margin-top:-1px;
}

/* FICHA OBRAS
--------------------------------------------------------------------------- */
#tit_ficha{
font-family:Arial, Helvetica, sans-serif;
font-size:60px;
color: #333333;
text-align:left;
font-weight:bold;
width:900px;
height:auto;
float:left;
border-bottom:solid 1px #333;
margin-bottom:20px;
}
#container_caracteristicas{
width:385px;
height:auto;
float:left;
background-image:url(../images/bg_container_listado.gif);
background-repeat:repeat-y;
padding:0px 20px;
}

#container_caracteristicas p{
width:385px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:left;
color:#333333;
padding-bottom:0px;
}

#container_caracteristicas p.caracteristica{
width:385px;
text-align:left;
font-weight:bold;
color:#007a2d;
padding-bottom:4px;
border-bottom:solid 1px #007a2d;
display:block;
padding-top:30px;
margin-bottom:3px;
}

.fotos_ficha {
width:425px;
height:auto;
float:left;
margin-bottom:-6px;
}
.pie_foto {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
text-align:left;
color:#007a2d;
width:425px;
height:auto;
float:left;
padding:6px 0px 20px 0px;;
}

/* FORM
--------------------------------------------------------------------------- */
#cont_form {
width:900px;
height:auto;
float:left;
padding:0px;
background-color:#007a2d;
}

#cont_form_left {
width:425px;
height:auto;
float:left;
padding:15px 0px;
background-color:#007a2d;
}

#cont_form_right {
width:425px;
height:auto;
float:right;
padding:15px 0px;
background-color:#007a2d;
}

.form_left { 
 width: 100px;
 line-height:22px;
 float:left;
 padding-right:5px;
}
.form_left p {
font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#fff;
 text-align:right;
 width:95px;
 line-height:30px;
 padding-bottom:4px;
}

.form_right { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:bold;
 color:#000;
 text-align:left;
 width: 300px;
 line-height:30px;
 float:left;
}
.form_right p { 
 width: 300px;
 line-height:30px;
 padding-bottom:0px;
 float:left;
}
.form_right input { 
 margin-bottom:10px;
}
.form_right textarea { 
 margin-bottom:10px;
}

.datos_right { 
 float:left;
}

#boton_enviar {
 width: 380px;
text-align:center;
display:block;
float:right;
}

/* NOTICIAS
--------------------------------------------------------------------------- */
#cont_noticia {
width:900px;
height:auto;
float:left;
padding:0px;
border-top:solid 1px #007a2d;
}
a.btn_noticia:link, a.btn_noticia:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#007a2d;
text-align: left;
font-weight:bold;
width:875px;
line-height:20px;
display:block;
border-bottom:solid 1px #007a2d;
padding:10px 0px 10px 25px;
text-decoration:none;
background-image:url(../images/bg_noticias1.gif);
background-position:top left;
background-repeat:no-repeat;
}
a.btn_noticia:hover {
color:#333;
text-decoration:none;
background-image:url(../images/bg_noticias2.gif);
}
#tit_noticia {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#007a2d;
text-align: left;
padding-bottom:20px;
font-weight:bold;
width:900px;
display:block;
}
#fecha_noticia {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#007a2d;
text-align: left;
padding:10px 0px;
width:900px;
display:block;
}
#text_noticia {
width:425px;
height:auto;
float:left;
}
#text_noticia p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333;
text-align: justify;
line-height:16px;
padding-bottom:20px;
}
.foto_noticia{
float:right;
}

/* MAPA
--------------------------------------------------------------------------- */
#mapa{
width:900px;
height:auto;
float:left;
margin-top:20px;
}
a.btn_mapa:link, a.btn_mapa:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:underline;
text-align:left;
display:block;
line-height:24px;
padding-left:10px;
background-color:#007a2d;
margin-top:10px;
}
a.btn_mapa:hover {
color:#fff;
text-decoration:none;
background-color:#007a2d;
}

/* FOTO WIDE
--------------------------------------------------------------------------- */
#img_wide{
width:400px;
height:auto;
float:left;
margin-bottom:10px;
}

/* FOOTER
--------------------------------------------------------------------------- */
a.btn_footer:link, a.btn_footer:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:36px;
color:#007a2d;
text-decoration:none;
margin-left:20px;
}
a.btn_footer:hover{
color:#000;
text-decoration:underline;
}

/* Validación formularios 
----------------------------------------------------------------------------- */
.error { background-color: #FFA28C; border: 1px solid red;  }