/* CSS Document */

*{margin:0px; padding:0px; border:none;}

header, nav, section, aside, article, footer, li, {display:block;}

a {text-decoration:none;!important}

img {border-style:none;}

@font-face {
    font-family: 'EuromodeRegular';
    src: url('euromode-webfont.eot');
    src: url('euromode-webfont.eot?#iefix') format('embedded-opentype'),
         url('euromode-webfont.woff') format('woff'),
         url('euromode-webfont.ttf') format('truetype'),
         url('euromode-webfont.svg#EuromodeRegular') format('svg');
    /*font-weight: normal;
    font-style: normal;*/}

/*  -----------------------------------   IMAGENES DE FONDO   --------------------------------- */

body {
	background-color: #0E395A;
}

#home {background-image:url(img/fondohome.png);}
#dragado {background-image:url(img/fondodragado.png);}
#marinas {background-image:url(img/fondomarinas.png);}
#asesoramiento {background-image:url(img/fondoasesoramiento.png);}
#inmobiliario {background-image:url(img/fondoinmobiliario.png);}
#empresa {background-image:url(img/fondohome.png);}
#links {background-image:url(img/fondohome.png);}
#biblioteca {background-image:url(img/fondohome.png);}
/*  -----------------------------------   IMAGENES DE FONDO   --------------------------------- */	


/*  ---------------------------------------   HEADERS   -------------------------------------- */	

#logo{
	top:-10px;
	position:absolute;
	z-index:100;}
	
header{
	width:960px;
	padding-top:30px;
	height:70px;
	margin:0px auto 0px auto;
	position:relative;
}
	
header nav ul li{
	
	display:block;
	font-family:'EuromodeRegular';
	width:150px;
	height:70px;
	float:right;	
}  

/*  ------------------- home ------------------- */	
header nav ul li .home{
	height: 41px;
	width:150px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	padding-top:29px;
	text-align: center;	
}

header nav ul li .home:hover{
	height: 41px;
	width:150px;
	background-image:url(img/hover_home.png);
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFF;
	position:absolute;
	text-align: center center;
}
/*  ------------------- dragado ------------------- */	

#selecdragado {
	background-image:url(img/selec_dragado.png);
}

header nav ul li .dragado{
	height: 41px;
	width:150px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	padding-top:29px;
	text-align: center;	
}

header nav ul li .dragado:hover{
	height: 41px;
	width:150px;
	background-image:url(img/hover_dragado.png);
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFF;
	position:absolute;
	text-align: center;
}

/*  ------------------- inmobiliario ------------------- */

#selecinmobiliario  {
	background-image:url(img/selec_inmobiliario.png);
}

header nav ul li .inmobiliario{
	height: 41px;
	width:150px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	padding-top:29px;
	text-align: center;	
}

header nav ul li .inmobiliario:hover{
	height: 41px;
	width:150px;
	background-image:url(img/hover_inmobiliario.png);
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFF;
	position:absolute;
	text-align: center;
}

/*  ------------------- marinas ------------------- */

#selecmarinas  {
	background-image:url(img/selec_marinas.png);
}

header nav ul li .marinas{
	height: 41px;
	width:150px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	padding-top:29px;
	text-align: center;	
}

header nav ul li .marinas:hover{
	height: 41px;
	width:150px;
	background-image:url(img/hover_marinas.png);
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFF;
	position:absolute;
	text-align: center;
}

/*  ------------------- asesoramiento  ------------------- */

#selecasesoramiento {
	background-image:url(img/selec_asesoramiento.png);
}

header nav ul li .asesoramiento{
	height: 41px;
	width:150px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	padding-top:29px;
	text-align: center;	
}

header nav ul li .asesoramiento:hover{
	height: 41px;
	width:150px;
	background-image:url(img/hover_asesoramiento.png);
	background-repeat:no-repeat;
	font-size:12px;
	color:#FFF;
	position:absolute;
	text-align: center;
}
/*  ---------------------------------------   HEADERS   -------------------------------------- */


/*  ---------------------------------------   SECTION   -------------------------------------- */

section{
	width:1060px;
	background-image:url(img/fondo_section1.png);
	height:460px;
	position:relative;
	margin:0 auto;
}

/*  ------------------- home  ------------------- */

#FlashID{
	
	padding-left:50px;}
	
#provisoria {
	background-image:url(img/fondo_section1.png);}


/*  ------------------- contacto  ------------------- */

#contacto {
	background-image:url(img/fondo_section_contacto.png);
}

#tabla {
	height:275px;
	width:960px;
	padding-left:100px;
	padding-top:60px;
	font-family:'EuromodeRegular';
	font-size:12px;
	color:#0e395a;
}

#tabla h2 {
	font-size:14px;}
	
.boton {
	height:25px;
	width:85px;
	background-image:url(img/botoncontacto.png);
	font-family:'EuromodeRegular';
	font-size:12px;
	color:#0e395a;
}
.boton:hover {
	background-image:url(img/botoncontactohover.png);
}
	
.tabla  {
	min-height:23px;
	border:groove 1px #666;
	font-family:'EuromodeRegular';
	font-size:12px;
}
	
#datoscontactos {
	height: 100px;
	width:960;
	padding-left:100px;
	position:absolute;
	float:left;
	font-family:'EuromodeRegular';
	font-size:12px;
	color:#0e395a;
	margin-top:10px;
}

#datoscontactos h1 {
	font-size:13px}

/*  ------------------- dragado  ------------------- */

#dragado section {
	background-image:url(img/fondo_section_dragado.png);
}

#dragado section aside {
	float:left;
	width:490px;
	height:320px;
	margin-left:70px;
}

#dragado section article h1 {
	font-size:14px;
	color:#0e395a; 
}

#dragado section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	width:410px;
	height:390px;
	text-align:justify;
	line-height:130%;
}	
/*  ------------------- marinas  ------------------- */


#marinas section article h1 {
	font-size:14px;
	color:#0e395a; 
}

#marinas section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	width:430px;
	height:460px;
	line-height:130%;
	
}	

#marinas section aside {
	float:left;
	width:490px;
	height:390px;
	margin-left:70px;
	margin-top:77px;
}	
/*  ------------------- inmobiliario  ------------------- */

#inmobiliario section article h1 {
	font-size:14px;
	
	color:#0e395a; 
}

#inmobiliario section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	width:410px;
	height:460px;
	text-align:justify;
	line-height:130%;
}	

#inmobiliario section aside {
	float:left;
	width:490px;
	height:390px;
	margin-left:70px;
	margin-top:77px;
}	
/*  ------------------- empresa  ------------------- */

#empresa section {
	background-image:url(img/fondo_section_empresa.png);
}

#empresa section article h1 {
	font-size:14px;
	
	color:#0e395a; 
}

#empresa section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	margin-left:80px;
	width:410px;
	height:460px;
	text-align:justify;
	line-height:130%;
}	

#empresa section aside {
	float:left;
	width:490px;
	height:390px;
	margin-left:35px;
	margin-top:77px;
}	
/*  ------------------- links  ------------------- */

#links section {
	background-image:url(img/fondo_section_links.png);
}

#links section article h1 {
	font-size:14px;
	color:#0e395a; 
}

#links section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	width:273px;
	height:460px;
	text-align:justify;
	line-height:130%;
}

#links section article li a {
	color:#000;
}
#links section article li a:hover {
	color:#0e395a;
}

#articulo1 {
		margin-left:80px;
}

#articulo2 {
		margin-left:40px;
		margin-right:40px;
}
/*  ------------------- asesoramiento  ------------------- */

#asesoramiento section {
	background-image:url(img/fondo_section_asesoramiento.png);
}


#asesoramiento section article h1 {
	font-size:14px;
	
	color:#0e395a; 
}

#asesoramiento section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	width:410px;
	height:460px;
	text-align:justify;
	line-height:130%;
	padding-left: 80px;
}	

/*  ------------------- biblioteca  ------------------- */

#biblioteca section{
	background-image:url(img/fondo_section_biblioteca.png);
}

#biblioteca section article h1 {
	font-size:14px;
	
	color:#0e395a; 
}
#biblioteca section article {
	font-family:'EuromodeRegular';
	font-size:12px;
	float:left;
	width:410px;
	height:460px;
	text-align:justify;
	line-height:130%;
	padding-left: 80px;
}	

#biblioteca section article li a {
	color:#000;
}
#biblioteca section article li a:hover {
	color:#0e395a;
}


/*  ---------------------------------------   SECTION   -------------------------------------- */

/*  ---------------------------------------   BOTONERA SEC   -------------------------------------- */

#botonerasec {
	margin: 0 auto;
	display:block;
	font-family:'EuromodeRegular';
	width:910px;
	float:right;
	float:right;
	height:77px;
	padding-right:60px;
}  

#botonerasec ul li {
	display:block;
	float:right;
	font-size:12px;
	text-align:center;
	height:30px;
	margin:15px 15px;	
}
	
#botonerasec ul li a {
	padding-top:15px;
	padding-bottom: 15px;
	color: #0069b4;
	background-image:url(img/botonera_sec.png);

}

#botonerasec ul li a:hover {
	color:#0e395a;
	background-image:url(img/botonera_sec_hover.png);
}



/*  ---------------------------------------   BOTONERA SEC   -------------------------------------- */

/*  ---------------------------------------   FOOTER   -------------------------------------- */

footer {
	width:960px;
	height:40px;
	position:relative;
	margin:10px auto 0px auto;
}

footer nav ul li{
	display:inline;
	list-style-type:none;
	font-family:'EuromodeRegular';
	font-size:12px;
	color:#FFF;
		}
	
footer nav ul li a{
	font-family:'EuromodeRegular';
	font-size:12px;
	color:#FFF;
	margin-right:25px;
	text-align:center
	}
	
footer nav ul li a:hover{
	font-family:'EuromodeRegular';
	font-size:12px;
	color:#39F;
	margin-right:25px;
	text-align:center
	}