/* CSS Document | Paisajes Marinos Aquadec */
html, body { margin:0; padding:0; font: 86% Verdana, Arial, Helvetica, sans-serif; width:100%; height:100%; }
#background { width:100%; height:100%; background: url(../images/fondoPagina.jpg) top center no-repeat #416e7f; background-attachment: fixed; }

h2 { font-weight: bold; margin: 0; color: #09b9d9; font-size: 110%; }
h3 { font-weight: bold; margin: 0; font-size: 100%; }
h5 { font-weight: bold; margin: 25px 0 10px 0; font-size: 110%; color:#990000; }
h6 { font-weight: bold; margin: 25px 0 10px 0; font-size: 120%; color:#990000; }
p { margin: 10px 0 0 0; }

a:link, a:visited { color: #1f76bb; }
a:hover, a:active { color: #3c455e; }
a.pdf { background:url(../images/PDF_icon.gif) no-repeat center left; padding-left: 16px; }
a.xls { background:url(../images/XLS_icon.gif) no-repeat center left; padding-left: 16px; }
.pdfDiv { position:relative; text-align: center; padding: 20px 0 10px 0; clear:both; }
em { font-style:normal; color: #537d89; font-size: 80%; }
 
#container { position:relative; margin-left:auto; margin-right:auto; top:0px; width:760px; padding-bottom: 40px; margin-bottom:80px; }

	#cabecera { position:relative; height:67px; padding:15px 20px 10px 20px; }
		#logo { float:left; }
			#logo img { border:0; width:190px; height:61px; }
		#menu { float:right; width:450px; text-align:right; }
			#menu ul#idiomas { padding-right: 5px; }
				#menu ul#idiomas li { border:0; padding:0; }
				#menu ul#idiomas a { padding:0; }
				#menu ul#idiomas a img { border:1px solid #96cfda; padding:0; }
				#menu ul#idiomas a:hover img { border:1px solid #fff; padding:0; }
			#menu ul { margin:0; padding:0; }
			#menu ul.normal { margin-bottom:5px; }
				#menu li { display:inline; list-style:none; padding:0 2px; border-right:1px solid #96cfda; }
				#menu li.last { border:0; }
				#menu li a:link, #menu li a:visited { color: #fff; font-weight: bold; padding: 1px 3px; font-size: 86%; text-decoration: none; }
					#menu ul.normal li a:link, #menu ul.normal li a:visited  { font-weight:normal; }
				#menu li a:hover, #menu li a:active { background-color: #007994; }
				#menu li a.current { background-color: #005162; }

		#submenu { padding: 10px; position:relative; float: left; margin: 15px 0px; width: 95%;	}
			#submenu li { float: left; width: 32%; display:inline; padding: 2px 0; }
			#submenu li a:link, #submenu li a:visited { padding: 1px 4px 1px 10px; text-decoration: none; background:url(../images/bullet.gif) no-repeat 3px 6px; }
			#submenu li a.current,  #submenu li a:visited.current { background: #deebf5 url(../images/bulletCurrent.gif) no-repeat 3px 6px; }
			
	#contenido { position:relative; margin-bottom: 2px; }
		#contenidoFlash { height: 211px; margin-bottom: 2px; }
			#contenidoFlashIntro { padding: 15px 510px 15px 20px; background: url(../images/fondoFlash.jpg) no-repeat; color: #fff; }
				#contenidoFlashIntro em { font: 120% Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #fff; }
				#contenidoFlashIntro p { text-align: right; }
		#contenidoTxt { height: 95px; color: #fff; padding: 15px 20px; background: #0c1f27 url(../images/fondoIntro.jpg) no-repeat; }
		#contenidoCabecera { position:relative; height: 80px; margin-bottom: 2px; }
			.quienesSomos { background: url(../images/fondoQuienesSomos.gif) top no-repeat; }
			.trabajosRealizados { background: url(../images/fondoTrabajosRealizados.gif) top no-repeat; }
			.queHacemos { background: url(../images/fondoQueHacemos.gif) top no-repeat; }
			.dondeEstamos { background: url(../images/fondoDondeEstamos.gif) top no-repeat; }
			.productos { background: url(../images/fondoProductos.gif) top no-repeat; }
			.contactar { background: url(../images/fondoContactar.gif) top no-repeat; }
			.notaLegal { background: url(../images/fondoContactar.gif) top no-repeat; }
			.error404 { background: url(../images/fondoContactar.gif) top no-repeat; }
		#contenidoInterior {  position:relative; color: #001822; background-color: #fff; padding: 15px 20px 40px 60px; }
			#contenidoInterior h2 { font-size: 150%;  color: #990000; }
			#contenidoInterior h3 { font-size: 180%; font-weight:normal; color:#990000; margin-top: 10px; padding: 1px 4px; }
			#contenidoInterior h4 { font-size: 90%; margin: 25px 0 0 25px; }

			#contenidoInterior dl,dt,dd { margin:0; padding:0; }
			#contenidoInterior dl { margin-top:25px; }
			/*
			#contenidoInterior dt { width:165px; text-align:right; font-weight: bold; margin-bottom: 10px; }
			#contenidoInterior dd { width:490px; position:relative; top:-39px; left:190px; }
			*/
			#contenidoInterior dl.miembros dt { text-align:left; font-weight: bold; }
			#contenidoInterior dl.miembros dd { position:absoluto; margin-bottom: 30px; margin-top: 10px; }
			#contenidoInterior dl.otrosMiembros dt { text-align:left; font-weight: bold; }
			#contenidoInterior dl.otrosMiembros dd {position:absoluto; margin-bottom: 10px; margin-top: 0; }
			
			#contenidoInterior dl.legal dt { width:165px; text-align:right; font-weight: bold; margin-bottom: 0px; }
			#contenidoInterior dl.legal dd { width:490px; position:relative; top:-14px; left:190px; }
			
			.gallery { margin: 20px auto 0 auto; width: 600px; list-style: none; padding:0; display:block; }
				.gallery li { display: inline; margin:0; padding:0; }
				.gallery img { padding:4px; border: 1px solid #deebf5;  width:100px; height:75px; }
				.gallery a:hover img { padding:4px; border: 1px solid #8fbadd; color: #7fdced; }
				.gallery a:hover { color: #7fdced; }

		#listaProyectos { padding-bottom: 20px; }
			#listaProyectos li { position:relative; display:inline; float:left; width:100px; height:110px; text-align:center; padding:5px; margin:15px; border: 1px solid #deebf5; }
				#listaProyectos li:hover { border: 1px solid #8fbadd; }
				#listaProyectos img { border:0; margin-bottom: 3px; }
				#listaProyectos li a:link, #listaProyectos li a:visited { text-decoration:none; font-size: 86%; font-weight:bold; }

			.gallery img, #listaProyectos img  #acordeon img { background:url(../images/loading.gif) no-repeat center center; }
			
			blockquote { clear:both; padding: 0 60px; }
				blockquote p { text-align:center; font-size: 80%; font-style:normal; }
				blockquote p em { text-align:right; font-size: 160%; font-style:italic; }

		#acordeon { padding-top:25px; clear:both; }
			#acordeon h5 { color:#990000; border-bottom: 2px dotted #dde5e7; padding: 1px 15px; margin:5px; background: url(../images/collapsed.gif) 3px 4px no-repeat; }
/*				#acordeon h5.active { color:#990000; background: url(../images/expanded.gif) 3px 4px no-repeat; }
				#acordeon h5:hover { color:#990000; cursor:pointer; }
				#acordeon h5:hover em { color:#990000; }*/
			#acordeon table {  }
				#acordeon table tr.txt td { padding-bottom: 25px; vertical-align:top; }
				#acordeon  .precio { background-color:#537d89; color:#fff; padding: 0 2px; line-height:160%; font-size:80%; }
			#acordeon em { color:#000; font-style:italic; font-size:100%; }
			#acordeon h5 em { color:#990000; }
/*			#acordeon h5.active em { color:#990000; }*/

		#anclas { position:relative; width:100%; }
			#anclas ul { margin:10px 0; padding:0; float:left; width:100%; list-style-type:none; }
				#anclas li { list-style:none; display:inline; padding:0 2px; float:left; width:49%; }
				#anclas li a:link,
				#anclas li a:visited { padding: 1px 4px 1px 10px; text-decoration: none; background:url(../images/bullet.gif) no-repeat 3px 6px; }
				#anclas a:link em,
				#anclas a:visited em { font-size:100%; color:#1f76bb; }
				#anclas a:hover em,
				#anclas a:active em { color:#3c455e; }
			.topPage { text-align:right; padding-bottom:50px; font-size:86%; }
			
		.columnas { position:relative; float: left; width: 30%; text-align: center; padding: 10px; margin: 15px 0 30px 0; }
		.fotos { position:relative; float: right; width: 120px; padding:30px 0 0 20px; height:590px; }
			.fotos img { margin-bottom: 5px; }

	#banners { clear:both; }
		#banner1 { width: 379px; height: 113px; background: url(../images/bannerProyectos.gif) no-repeat; float: left; }
			#banner1 p { padding: 0 110px 4px 20px; }
		#banner2 { width: 379px; height: 113px; background: url(../images/bannerCatalogo.gif) no-repeat; float: right; }
			#banner2 p { padding: 0 105px 4px 20px; }
			#banner1 h2, #banner2 h2 { padding: 15px 110px 0 20px; color: #5693ad; }
		#banners p { color: #fff; font-weight: bold; font-size: 76%; margin: 0; }
		#banners a:link, #banners a:visited { color: #296984; text-decoration:none; text-transform:uppercase; background-color: #081419; font-weight: bold; font-size: 76%; padding: 1px 4px; margin: 0 15px; }
		#banners a:hover, #banners a:active { color: #081419; background-color: #007994; }
		
		#pie { clear: both; padding:10px; color:#fff; font-size:78%; }
			#pie ul { margin: 0; padding: 0; }
			#pie li { display:inline; list-style:none; }
			#pie a:link, #pie a:visited { color: #fff; padding: 0 2px; }
			#pie a:hover, #pie a:active { background-color: #fff; color: #007994; text-decoration: none; }
			
			#pieIzq { float:left; height:50px; margin-top:20px; }
			#pieDer { float:right; height:50px; margin-top:20px; }
				#pieIzq a:link, #pieIzq a:visited, #pieDer a:link, #pieDer a:visited { color:transparent; padding:0; border:0; text-decoration:none; }
				#pieIzq a:hover, #pieIzq a:active, #pieDer a:hover, #pieDer a:active { background-color:none; color:#fff; text-decoration:none; }
			
.izq { float: left; }
.der { float: right; }
.ctr { text-align: center; }
.salto { clear:both; }
.txtDer { text-align:right; }

/* formularios */
form { margin-top: 30px; }
#formulario { margin: 0 auto; background-color:#e3f7fb; border-collapse:collapse; }
	#formulario td { padding: 10px; vertical-align: top; }
		#formulario tr.botones td { border-top: 1px dotted #09b9d9; padding-top: 15px; }
	.label { text-align: right; font-weight: bold; }
	#formulario em { font-style:normal; color: #063e4f; font-size: 80%; }
	textarea { font: 98% Verdana, Arial, Helvetica, sans-serif; }
	.boton { background-image:url(../images/fondoBoton.gif); border: 0; color:#fff; font-weight:bold; }
	#formulario .col1 { width: 165px; }
	#formulario .col2 { width: 225px; }
	#formulario .col3 { width: 200px; background-color:#daf5f9; }
	.error { color:#ff0000; }
	.colError { font-size: 80%; }
	