html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	font-size:62.5%;
	font-family: Arial, sans-serif;
	background: #E9EAE2 url(../img/body-fondo.gif) repeat-y center 0;
	text-align: center;
	color: #000;
}

/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0;margin: 0;}

fieldset {border: 0;}

p {margin: 1em 0;}

.hidden, .invisible {display: none;}
.clear {clear: both;}


/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper {
	width: 762px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 0 2px;
}

#top {width: 472px; height: 99px; background: url(../img/top-fondo.jpg?new=1) no-repeat; border-bottom: 1px solid #B6C3C3; padding: 23px 0 0 290px;}
	#top h1 a {display: block; width: 441px; height: 74px; text-indent: -9000px; background: url(../img/top-logo-grande.png) no-repeat; margin-left:14px; margin-top:14px; }
	
#botonera {display: block; width: 762px; height: 58px; border: 1px solid #B6C3C3; border-width: 1px 0; margin: 2px 0; background: url(../img/botonera.png) no-repeat;}
	#botonera li {display: block; float: left;}
	#botonera li a {display: block; margin-right: 1px; text-indent: -9000px; background: url(../img/botonera.png) no-repeat; height: 58px; overflow:hidden;}
	
	#botonera #nosotros-btn a {width: 129px;}
	#botonera #nosotros-btn a:hover, #botonera #nosotros-btn .seleccionado {background-position: 0 -58px;}
	#botonera #servicios-btn a {width: 127px; background-position: -130px 0;}
	#botonera #servicios-btn a:hover, #botonera #servicios-btn .seleccionado {background-position: -130px -58px;}
	#botonera #novedades-btn a {width: 85px; background-position: -258px 0;}
	#botonera #novedades-btn a:hover, #botonera #novedades-btn .seleccionado {background-position: -258px -58px;}
	#botonera #obras-btn a {width: 144px; background-position: -344px 0;}
	#botonera #obras-btn a:hover, #botonera #obras-btn .seleccionado {background-position: -344px -58px;}
	#botonera #proyectos-btn a {width: 141px; background-position: -489px 0;}
	#botonera #proyectos-btn a:hover, #botonera #proyectos-btn .seleccionado {background-position: -489px -58px;}
	#botonera #contacto-btn a {width: 131px; background-position: -631px 0; margin-right: 0;}
	#botonera #contacto-btn a:hover, #botonera #contacto-btn .seleccionado {background-position: -631px -58px;}
	
#contenido {background: url(../img/fondo-cont.jpg) repeat-y;}
	#col-flash {width: 488px; float: left; margin-right: 1px;}
	#col-a {width: 129px; float: left; margin-right: 1px;}
	#col-b {width: 127px; float: left; margin-right: 1px;}
	#col-c {width: 230px; float: left; margin-right: 1px;}
	#col-d {width: 141px; float:left; margin-right: 1px;}
	#col-e {width: 131px; float: right;}
	.fondo-e {background: url(../img/cont-e.jpg) no-repeat; min-height: 398px;}
		
		.decoracion-e {width: 131px; height: 20px; background-color: #0E2A4F; display: block; border-top: 1px solid #B6C3C3;}
		#col-e ul {margin: 12px 3px;}
			#col-e li {margin-bottom: 3px;}
			#col-e li a {display: block; border: 1px solid #0E2A4F; background: #fff url(../img/bullet-azul.gif) no-repeat 7px; padding: 3px 0 3px 17px; font-size: 0.9em; text-transform: uppercase;}
			#col-e li a:hover {background-color: #E9EAE2;}
			
	
	#contenido {font-size: 1.2em;}
	#contenido h2 {font: normal 1.2em "Arial Black", arial, sans-serif; background-color: #3AB6E9; padding: 0 0 1px 0; text-align: center; color: #fff; text-transform: uppercase; border-top: 1px solid #B6C3C3;}
	#contenido .margen {margin: 0 10px;}
	#contenido h3 {font-weight: bold; font-size: 1em; background: url(../img/flecha-1.gif) no-repeat 0 17px; padding: 13px 0 2px 0; text-indent: 14px; border-bottom: 1px solid #EFCCBB; margin-bottom: 5px;}
	#contenido h3 a {color: #000; }
	#contenido h4 {font-size: 1em; font-weight: bold; color: #626260; background-color: #F4F4F0; border: 1px solid #D7D9D0; padding: 1px 0 1px 0.6em; margin-bottom: 3px;}
	
	#contenido li a {color: #000; font-weight: bold;}
	#contenido li a:hover {color: #333;}
	
	#col-grande, #col-chica {width: 500px; float: left; background-color: #fff; min-height: 348px; position: relative; padding-bottom: 50px;}
	#col-chica {width: 372px;}
		
		.margen ul {margin: 0.2em 0 0.8em 0; color: #333333; line-height: 1.5;}
			.margen li {background: url(../img/flecha-1.gif) no-repeat 0 5px; padding-left: 14px;}
		.margen .staff li {font-weight: bold; }
		.margen .staff li em {font-weight: normal; font-style: normal; }
		.margen .secundario li {color: #999999; background: url(../img/flecha-2.gif) no-repeat 0 5px; padding-left: 14px;}
		
		.margen h5 {font-size: 1.2em; border-bottom: 1px solid #C9571E; color: #C9571E;}
		.margen blockquote {margin: 0; padding: 0 10px; background-color: #E6E9E2; border: 1px solid #B5C2C2; }
		
		.margen .ul-novedades {clear: both; padding: 1em 10px 0.5em 10px; background-color: #F5F5F5; margin: 1em 0 0 0;}
			.margen .ul-novedades li {padding-left: 0; font-weight: normal; text-indent: 14px; background-image: url(../img/flecha-2.gif); line-height: 1.2; padding-bottom: 5px; }
		
		.margen .mas {font: italic bold 11px Arial, sans-serif; color: #899090; padding-bottom: 4px; border-bottom: 1px solid #C9571E; display: block; margin: 5px 0;}
		.margen .mas:hover {color: #000;}
		
		.margen .galeria {overflow: hidden; margin: 0 0 10px -5px; clear: both;}
			.margen .galeria li {background: none; padding: 0; float: left; margin: 2px 5px; }
			.margen .galeria li img {border: 1px solid #8C8C8C; padding: 1px;}
		
		.separacion {clear: both; display: block; height: 1px;  border-bottom: 1px solid #C9571E; margin-bottom: 0.8em; }
		.thumb-obras {padding: 1px; border: 1px solid #8C8C8C; float: left; margin: 0 10px 8px 0;}
		.intro-obras {margin: 0; padding-top: 5px; margin-bottom: 0.8em;}
			.intro-obras .mas {border: 0;}
		#contenido .obras .h4-obras {border-bottom: 1px solid #F2C3CB; padding-bottom: 2px; width: 335px;}
		#contenido .obras .h4-obras a {color: #000;}
		#contenido .obras .h4-obras a:hover {color: #333333;}
		#contenido .titulo-listado { display:block; clear:both; font:bold 13px Arial; color:#666; margin-bottom:10px; }
		.ul-obras {clear: both; padding: 0.2em 0;}
			.ul-obras li {border-bottom: 1px solid #C7591A; padding: 3px 0 3px 14px; background-position: 0 9px;}
		
		.submenu {background-color: #F4F5F0; padding: 10px; position: absolute; bottom: 0; width: 352px;}
		.submenu.grande {width: 480px;}
			.submenu ul {border-top: 1px solid #C9571E; padding-top: 15px;}
			.submenu li {color: #404040; display: block; font-weight: bold; font-size: 0.9em;}
				.submenu li a {background: url(../img/bullet-celeste.gif) no-repeat right 3px; padding-right: 14px; color: #404040;  }
				.submenu li a:hover {text-decoration: underline; }
		
		.obras {padding: 13px 0 0 0;}
			#contenido .obras h3 {background:#899090; border:0; color:#FFFFFF; float:left; font-family:Arial; font-size:10px; font-weight:normal; margin:0 10px 1px 0; padding:3px; text-indent:0; width:112px;}
			#contenido .obras .h3-docs {text-indent: 0; background: #ACB1B1; text-transform: none; padding: 3px 0 3px 8px;}
			#contenido .obras h4 {float: left; font-size: 1em; clear: right; color: #000; border: 0; background: transparent url(../img/flecha-1.gif) no-repeat 0 7px; padding: 3px 0 0 14px; }
			#contenido .obras .tit-coment {clear: both; background: none; padding: 6px 0 3px 0; border-bottom: 1px solid #EFCCBB; width: 480px;}
			.autor {color: #B83D00;}
		#respondeComent {margin: 5px 0; color: #007CC2; height: 15px; display: block; font: italic bold 11px Arial, sans-serif; background: url(../img/respuesta-blanco.gif) no-repeat; height: 16px; padding-left: 20px; }
			
			.obras .menu {display: block; clear: both; background-color: #E9EAE2; border: 1px solid #B0B3A1; font-weight: bold; color: #B83D00; font-size: 0.9em; text-transform: uppercase; padding: 2px 4px; margin: 1px 0;}
			.obras .menu a {color: #4D4D4D;}
			.obras .menu a:hover {color: #000;}
				.obras .cerrar-sesion {display: block; float: right; text-transform: none; background: url(../img/cerrar-btn.gif) no-repeat right 0; padding-right: 18px;}
			.obras .fotos {margin: 1em 0; padding: 7px 7px 3px 7px; border: 1px solid #B0B3A1; background-color: #E9EAE2; overflow: hidden;} 
				.obras .fotos li {background: none; padding: 0; float: left; margin: 7px;} 
				.obras .fotos img {border: 1px solid #FFFFFF; } 
			.obras .ul-docs {clear: both; padding: 0.3em 0; border-top: 1px solid #EFCCBB; }
			#contenido .obras .ul-docs li {background: none; padding: 3px 0; border-bottom: 1px solid #ccc;}
			#contenido .obras .ul-docs li a {font-weight: normal; color: #4C4C4C; background: url(../img/zip.gif) no-repeat; padding: 0 0 0 20px;}
			#contenido .obras .ul-docs li a:hover {color: #000;}
			
		.form-proyectos {background: #E9EAE2 url(../img/llave.gif) no-repeat 3px 6px; border: 1px solid #B0B3A1; width: 270px; float: left;}
			.form-proyectos fieldset {padding: 3px;}
			.form-proyectos legend {color: #575C5C; padding: 3px 0 2px 20px;}
			.form-proyectos label {width: 45px; margin-bottom: 4px; padding: 1px 6px 1px 0; display: block; float: left; background-color: #F4F5F0; border: 1px solid #CACCBE; text-align: right; font-size: 0.9em;}
			.form-proyectos .text-input {float: left; width: 202px; margin: 0 0 0 3px; background: #F4F5F0; border: 1px solid #CACCBE; padding: 2px 2px 1px 2px; font-size: 0.9em;}
			.form-proyectos .clave {width: 136px; margin-right: 3px;}
		.aviso {background-color: #E9EAE2; border: 1px solid #B0B3A1; width: 180px; padding: 12px 10px 13px 10px; color: #61270A; float: left; margin: 0 0 0 5px;}
		.aviso a {color: #C9571E; text-decoration: underline;}
		
		.form-contacto {background-color: #E9EAE2; border: 1px solid #B0B3A1; margin: 1em 0;}
		.form-contacto fieldset {padding: 5px;}
		.form-contacto label {width: 45px; margin-bottom: 4px; padding: 1px 6px 1px 0; display: block; float: left; background-color: #f4f5f0; border: 1px solid #caccbe; text-align: right; font-size: 0.9em;}
		.form-contacto .text-input {float: left; width: 275px; margin: 0 3px; background-color: #f4f5f0; border: 1px solid #caccbe; padding: 2px 2px 1px 2px; font-size: 0.9em;}
		.form-contacto textarea {font: normal 12px Arial, sans-serif; width: 329px; padding: 0 3px; height: 49px; border: 1px solid #caccbe; background-color: #f4f5f0;}
		
		.form-comentarios {background-color: #E9EAE2; border: 1px solid #B0B3A1; width: 478px;}
			.form-comentarios fieldset {padding: 3px;}
			.form-comentarios legend {display: none;}
			.form-comentarios label {width: 45px; margin-bottom: 4px; padding: 1px 6px 1px 0; display: block; float: left; background-color: #f4f5f0; border: 1px solid #caccbe; text-align: right; font-size: 0.9em;}
			.form-comentarios .text-input {float: left; width: 340px; margin: 0 3px; background-color: #f4f5f0; border: 1px solid #caccbe; padding: 2px 2px 1px 2px; font-size: 0.9em;}
			.form-comentarios textarea {font: normal 12px Arial, sans-serif; width: 460px; padding: 0 3px; height: 49px; border: 1px solid #caccbe; background-color: #f4f5f0;}
		#nuevoComent {display: block; margin: 5px 0; color: #007CC2; font: italic bold 11px Arial, sans-serif; background: url(../img/comentario-blanco.gif) no-repeat; padding-left: 18px; }
		
		.paginador {clear: both; font-size: 0.9em; width: 150px; margin: 0 auto; }
			.paginador span, .paginador a {margin: 0 10px 0 0; float: left; color: #8B8C88; display: block; background-color: #F4F5F0; padding: 1px 2px; border: 1px solid #E7E7E4; width: 58px; text-align: center; }
			.paginador a {color: #000; border-color: #CACCBE;}
			.paginador a:hover {background-color: #CFD0CA; }
			
#top-pie {height: 26px; width: 762px; background: url(../img/pie-fondo-top.png) no-repeat; overflow: hidden;}
	#mapa-sitio, #osmosis {display: block; float: left; text-indent: -9000px; }
	#mapa-sitio {background: url(../img/mapa-btn.png) no-repeat; width: 99px; height: 10px; margin: 8px 0 0 15px;}
	#mapa-sitio:hover {background-position: 0 -10px;}
	#copyright {display: block; float: left; color: #fff; width: 301px; height: 9px; margin: 6px 0 0 42px; font: bold 11px Arial; text-transform: uppercase;}
	#osmosis {background: url(../img/osmosis.png) no-repeat; width: 208px; height: 10px; margin: 8px 0 0 68px;}

 #pie {height: 77px; width: 762px; background: #fff url(../img/pie-contacto.png) no-repeat right 0;}
	#pie-1 { width:489px; float:left; display: inline; position:relative; }
		#pie-1 address { background: url(../img/flecha-1.gif) no-repeat 0 3px; padding-left:18px; margin-left:41px; margin-top:15px; font-style:normal; font-size:11px; color:#000; }
		address a { font-weight: bold; text-decoration: none; color:#000;}
	#pie-2 a.contacto {display:inline; float:left; height:24px; left:48px; overflow:hidden; position:relative; text-indent:-9000px; top:21px; width:100px; }
		#pie-2 a:hover.contacto { background: url(../img/pie-contacto.png)  no-repeat; background-position: -152px -98px; }
	#pie-2 a.novedades { display:inline; float:left; height:22px; left:26px; overflow:hidden; position:relative; text-indent:-9000px; top:23px; width:104px;}
		#pie-2 a:hover.novedades {background: url(../img/pie-contacto.png)  no-repeat; background-position: -26px -100px; }

 /*#pie div {height: 77px; float: left; }
	#pie-1 {width: 257px; background: url(../img/pie-1.png) no-repeat; margin-right: 1px;}
	#pie-2 {width: 230px; background: url(../img/pie-2.png) no-repeat; color: #fff;}
	address {font-style: normal; font-size: 1.1em; line-height: 1.2; padding: 9px 0 0 67px;}*/