/* CSS Principal SYSCON */

@import url(estilos.css); /* Estilos de enlaces y textos */

/*** Elementos básicos ***/

body {
margin:0 auto;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif
}

img { border:none }
p { margin:0; padding:0}
form {margin:0}

input {
border: 1px solid #990000;
height:18px;
color: #4c4c4c;
}

textarea {
border: 1px solid #990000;
height:161px;
overflow:auto;
color: #4c4c4c;
}
/***** Paginado  *********/
#paginado {
}

#paginado ul {
margin:0;
padding:0;
}

#paginado li {
display: inline;
color: #4c4c4c;
font-weight:bold;
padding: 0 2px 0 2px;
}

#paginado li a {color:#990000; text-decoration:none}
#paginado li a:hover {color:#4c4c4c; text-decoration:none}


/*** Elementos comunes ***/

#contenedor {
widht:952px;
height:580px;
margin:20px
}

#cabecera {
height: 175px;
width:951px;
background: url(../images/fondo_cabecera.jpg) top left no-repeat;
border-right:1px solid #999999;
}

#cabecera #logo {
position:absolute;
height:157px;
border-bottom:1px solid #999999;
margin: 0 0 0 694px;
}

#cabecera #menu {
position:absolute;
width: 677px;
height: 34px;
background: url(../images/menu/fondo_menu.gif);
margin: 133px 0 0 0;
}

	/* Menu de la web */
	
	a#b_contacto {
	display:block;
	width:72px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_contacto.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_contacto:hover {
    background-position:0 -34px;
    }
	
	a#b_enlaces {
	display:block;
	width:72px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_enlaces.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_enlaces:hover {
    background-position:0 -34px;
    }
	
	a#b_obras {
	display:block;
	width:57px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_obras.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_obras:hover {
    background-position:0 -34px;
    }
	
	a#b_presupuestos {
	display:block;
	width:90px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_presupuestos.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_presupuestos:hover {
    background-position:0 -34px;
    }
	
	a#b_servicios {
	display:block;
	width:71px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_servicios.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_servicios:hover {
    background-position:0 -34px;
    }

	a#b_empresa {
	display:block;
	width:82px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_laempresa.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_empresa:hover {
    background-position:0 -34px;
    }

	a#b_home {
	display:block;
	width:41px;
	height:34px;
	text-indent:-9999px;
	background:url(../images/menu/b_home.gif) top left no-repeat;
	float:right;
	margin-left:5px;
    }
	a#b_home:hover {
    background-position:0 -34px;
    }
	
#contenido {
height: 392px;
width: 951px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}


/*** Elementos de home ***/

#banner_home {
position:absolute;
width:383px;
height:393px;
background: url(../images/banner_home.jpg) no-repeat
}

#home_texto {
position:absolute;
width:143px;
height: 355px;
margin: 7px 0 0 401px;
padding-top:20px;
}

#home_obras {
position:absolute;
margin: 7px 0 0 552px;
width: 390px;
height:375px;
background: #999999;
}

#home_obras #caja_imagen {
position:absolute;
width: 192px;
height: 373px;
border: 1px solid #999999;
background: #4c4c4c;
}

#home_obras #caja_imagen .imagen_obra {
padding:10px;
width: 173px;
height: 166px;
border-bottom:1px solid #999999;
color:white;
}

#home_obras #caja_texto {
position:absolute;
width:174px;
height: 355px;
margin-left: 194px;
padding:10px;
}

#home_obras #caja_texto #enlace {
position:absolute; 
width:174px; 
margin-top:340px; 
text-align:right
}

#home_obras #caja_texto h3 {
font-size:14px;
color:white;
font-weight:bold;
margin:0;
padding:0
}

/*** Elementos de Empresa ***/

#banner_empresa {
position: absolute;
width:313px;
height: 393px;
background-image: url(../images/la_empresa/banner_empresa.jpg);
z-index:0;
}

#empresa_texto {
width:644px;
height: 370px;
z-index:1px;
position:absolute;
padding:10px;
}

#empresa_texto .cabecera {
width:100%;
height: 30px;
}

#empresa_texto .columna1 {
width: 300px;
height:148px;
text-align:justify;
line-height:14px;
position:absolute
}

#empresa_texto .columna2 {
width:300px;
height:342px;
position:absolute;
text-align:justify;
line-height:14px;
margin: 0 0 0 341px;
}

#foto_empresario {
position:absolute;
width:257px;
height: 409px;
margin: 158px 0 0 694px;
background:url(../images/la_empresa/foto_empresario.jpg) no-repeat;
}

/*** Elementos de Servicios ***/

#banner {
position: absolute;
width:161px;
height: 393px; 
background-image: url(../images/servicios/fondo_izquierda.gif);
z-index:0;
}

#servicios_texto {
width:125px;
height: 370px;
z-index:1px;
position:absolute;
padding: 0px 0px 10px 10px;
line-height: 14px;
}

#servicios_texto .cabecera {
width:100%;
margin-bottom:15px;
}

#foto_servicios {
position:absolute;
width:135px;
height: 197px;
margin: 175px 0 0 800px;
background:url(../images/servicios/lema_servicios.gif) no-repeat;
z-index:4;
}

#menu_servicios {
width: 249px;
height: 352px;
position:absolute;
margin: 17px 0 0 135px;
z-index:4;
}

#contenido_servicios {
width:551px;
height:359px;
background: url(../images/servicios/fondo_servicios.gif) no-repeat;
position:absolute;
z-index: 3;
margin:17px 0 0 383px;
}

#contenido_servicios .caja_texto {
position:absolute;
width:199px;
height:357px;
margin: 1px 0 0 1px;
padding: 0 40px;
}

#contenido_servicios .caja_imagen {
position:absolute; 
width:254px;
height:120px;
margin: 238px 0 0 296px;
}



	a.servicios {
	display:block;
	width:210px;
	height:31px;
	background:url(../images/servicios/boton_servicios.gif) top left no-repeat;
	padding-right:39px;
	margin-bottom:10px;
    }
	a.servicios:hover {
    background-position:0 -31px;
    }



/*** Elementos de Presupuestos ***/
a.boton {
	display:block;
	width:100px;
	height:20px;
	background:url(../images/presupuestos/boton.gif) top left no-repeat;
	color:white;
	text-align:center;
	text-decoration:none;
	float:left;
	margin-right:10px;
    }
	a.boton:hover {
    background-position:0 -21px;
	text-decoration:none;
    }
	
#foto_presupuestos {
position:absolute;
width:117px;
height: 180px;
margin: 165px 0 0 820px;
background:url(../images/presupuestos/banner_presupuesto.gif) no-repeat;
z-index:4;
}

#banner_presupuestos {
position: absolute;
width:160px;
height: 393px; 
background-image: url(../images/presupuestos/lateral_presupuestos.gif);
z-index:0;
}



#formulario_presupuestos {
position:absolute;
width: 397px;
height: 321px;
margin: 12px 0 0 278px;
}	

#select01 {
	border: 1px solid #990000;
	width: 285px;
	line-height:19px;
}
#select01 a { 
	width: 283px;
	height: 19px;
	display: block;
	text-decoration: none;
	color: #4D4D4D;
	padding-left: 3px;
}
#select01 a:hover {
	display: block;
	background-color: #FFE0CC;
}

#desplegable {
margin: -1px 0px 0px 0px;
	width: 257px;
	position: absolute;
	border: 1px solid #990000;
	padding: 0px 5px 0px 3px;
	background-color: #ffffff;
	line-height:19px;
}
#desplegable a {
	text-decoration: none;
	width: 257px;
	color: #4D4D4D;
	padding: 0px;
	margin: 0px;
}
#desplegable a:hover {
	background-color: #ffffff;
	width: 257px;
	color: #990000;
}

#desplegable_sombra { 
	width:268px;
	height: 174px;
	position:absolute;
	background: #CCCCCC;
	margin: 2px 0 0 2px;
}

/*** Elementos de Enlaces ***/

#banner_enlaces {
position: absolute;
width:159px;
height: 393px;
background-image: url(../images/enlaces/lateral_enlaces.jpg);
z-index:0;
}

#enlaces_cab {
width:97px;
height: 370px;
z-index:1px;
position:absolute;
padding:10px;
}

#enlaces_cab .cabecera {
width:100%;
margin-bottom:15px;
}

#contenido_enlaces {
width:724px;
height: 380px;
position:absolute;
margin: 10px 0 0 205px;
}

#contenido_enlaces .caja {
width: 723px;
height: 82px;
border: 1px solid #999999;
background: #999999;
margin-bottom:7px;
}


/*** Elementos de Contacto ***/

#contacto_form {
width:168px;
height: 350px;
z-index:1px;
position:absolute;
padding:10px;
margin: 3px 0 0 10px
}

#contacto_form .cabecera {
width:100%;
margin-bottom:15px;
}

#mapa {
width: 700px;
height: 350px;
border:1px solid #999999;
position:absolute;
margin: 20px 0 0 230px;
}


/*** Elementos de Obras ***/

#lista_obras {
width:349px;
height: 339px;
position:absolute;
margin: 10px 0 0 20px;
}

#lista_obras .cabecera {
width:100%;
margin-bottom:15px;
}

#lista_obras h3 {
color: #6d6d6d;
font-family: Tahoma;
font-weight:200;
font-size:14px;
margin: 0 0 5px 0;
}

#lista_obras h3 a {color: #6d6d6d; text-decoration:none}

#lista_obras .caja {
height: 64px;
width:337px;
border: 1px solid #990000;
margin-bottom:7px;
padding:5px;
}

#lista_obras .caja:hover {
background: #e5e5e5;
}


#lista_obras .caja_activo {
height: 64px;
width:337px;
border: 1px solid #990000;
margin-bottom:7px;
padding:5px;
background: #e5e5e5;
}

#lista_obras .caja_activo:hover {
background: #e5e5e5;
}



#contenido_obras {
width: 546px;
height: 364px;
background: #999999;
margin: 4px 0 0 385px;
position:absolute;
border:1px solid #999999;
}

#contenido_obras h3 {
margin: 0 0 5px 0;
padding:0;
font-size:16px;
font-weight:500;
color:white;
}



#contenido_obras #texto {
width:289px;
height: 344px;
float:left;
padding:10px;
}

#contenido_obras #texto #ficha {
position:absolute;
margin-top:200px;
}

#contenido_obras #texto #ficha p {
margin: 2px 0 2px 0
}

#contenido_obras #galeria {
width: 237px;
height: 364px;
background: #4c4c4c;
float:right;
}

#contenido_obras #galeria #miniatura {
position:absolute;
width: 237px;
height:162px;
margin-top: 221px;
border-top:1px solid #999999;
}

#miniatura .contenido {
position:absolute;
margin: 10px 0 0 9px
}

#miniatura .paginado {
position:absolute;
width:237px;
height:12px;
margin-top:59px;
}

	a.foto_mini_on {
		display:inline;
		border:1px solid red;
		float:left;
		margin:2px
   }
	
	
	a.foto_mini {
		display:inline;
		border:1px solid white;
		float:left;
		margin:2px
	}
	a.foto_mini:hover {
        border: 1px solid #990000;
    }




#paginado_blanco {
}

#paginado_blanco ul {
margin:0;
padding:0;
}

#paginado_blanco li {
display: inline;
color: #cccccc;
font-weight:bold;
padding: 0 2px 0 2px;
}

#paginado_blanco li a {color:#cccccc; text-decoration:none}
#paginado_blanco li a:hover {color:#990000; text-decoration:none}

/*** Banner ***/

#emodel {
position:absolute; 
margin: 570px 0 0 907px; 
width:50px;
font-size:9px;
}

#emodel a {color:#990000}