/* ============================

			ACUAM 2008
						
			NARANJA #ff6600
			VERDE #4fa800
============================= */

html{margin:0px; padding:0px; border:0px;}

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

body {
		margin:5px 0px 0px 0px;
		background:#bfba9f;
		font-family:"trebuchet MS", arial, helvetica, sans-serif;
		font-size:11px;
		color:#333;
}

a {color:#4fa800; text-decoration:none;}

a:hover {text-decoration:underline;}

h1 { font-size:12px; margin:0px 0px 15px 0px; color:#555555}

h2 {font-size:16px; padding:10px 0px 0px 15px;}

h3 {margin: 10px 0px 5px 0px; font-size:12px;}

.verde {color:#4fa800;}

.imgright {float:right; margin:0px 0px 0px 0px;}

.limpiafloats {clear:both;}

/* ===== CABECERA ======= */

#cabecera {margin:0px auto 0px auto; width:970px; height:80px; background:url(../img/bg-cabecera.jpg) no-repeat;}

#areaclientes {position:absolute; margin:25px 25px 0px 740px; width:100px; height:15px; font-size:10px; color:#888888; text-align:right;}
#areaclientes a {color:#888888;}

#areaclientes2 {position:absolute; margin:20px 25px 0px 740px; width:200px; height:15px; font-size:10px; color:#888888; text-align:right;}
#areaclientes2 a {color:#888888;}

#menu {position:absolute; margin:55px 25px 0px 450px; width:500px; height:25px;}

#menu ul {list-style:none;}

#menu li {float:right; border-left:1px #4fa800 solid; display:inline-block; border-left:1px #4fa800 solid; }

#menu a {color:#333333; background:#FFFFFF; height:25px; padding:0px 10px 0px 5px; display:block;}

#menu a {display:inline-block; !important }

#menu  a:hover {background:#4fa800; color:#FFFFFF; text-decoration:none}

#menu_activo {height:25px; padding:0px 10px 0px 5px; background:#4fa800; color:#FFFFFF;}

#logo {position:absolute; margin:20px 0px 0px 25px; width:235px; height:50px;}

/* ===== FLASH ======= */

#flash {margin:0px auto 0px auto; width:970px; height:245px; background:url(../img/bg-banda.jpg) repeat-y;}

#flash_pelicula {margin:0px 0px 0px 25px; width:920px; height:230px;}

/* ===== CONTENIDO ======= */

#contenido {margin:0px auto 0px auto; width:970px; background:url(../img/bg-banda.jpg) repeat-y;}

/* ============ HOME ===========*/

#contenidohome {width:920px; margin:0px 0px 0px 25px;}

#colabora {width:120px; margin:0px 0px 0px 25px; }

#dondeestamos {float:right; width:160px;  margin:0px 13px 0px 0px;}

#casospracticos {float:right; width:150px;  margin:0px 13px 0px 0px;}

#noticias {float:right; margin:0px 25px 0px 0px; width:450px; display:inline}

#noticias_flash {width:450px; height:120px}

#flashcolabora {width:120px; height:120px;}

/* ===== ACUAM ======= */

#acuamcontent { margin:0px 0px 0px 25px; width:920px; line-height:18px; display:table;}

#acuamcontent h1 {color:#4fa800; margin:0px 0px 10px 0px; font-size:16px;}

/* ===== EQUIPO ACUAM ======= */

#colequipo li {float:left; width:290px; height:250px; margin:0px; list-style:none; background:url(../img/bg-equipo.gif)}

.equipocontenido {width:260px; margin:7px 0px 0px 15px;}

/* ============ SERVICIOS ===========*/

#servicios {
	height:366px;
	margin-left: 170px;
	background: url(../img/fondo_servicios.jpg) no-repeat;}

#listaservicios li {float:left; width:380px; margin:20px 30px 10px 30px; list-style:none;}

#listaservicios a img {border:5px solid #CCCCCC}

#listaservicios  a:hover img {border:5px solid #4fa800}

#lista10 li {width:200px; margin:5px 20px 5px 20px; list-style:none;}

.lista10cont {width:250px; margin:5px 0px 0px 10px; float:none}
.lista10cont ul { margin:0px; background:none; float:none}
.lista10cont li { margin:0px; width:300px; height: 20px; padding:0px; background:none; float:none; }

#lista4 li {float:left; width:400px; height:150px; margin:20px 20px 10px 20px; list-style:none; background: url(../img/bg-servicios4.gif)}
#lista4a li {float:left; width:400px; height:170px; margin:20px 20px 10px 20px; list-style:none; background: url(../img/bg-servicios4a.gif)}

.lista4cont {width:380px; margin:5px 0px 0px 10px;}
.lista4cont ul { margin:0px; background:none; float:none}
.lista4cont li { margin:0px; width:300pxt; height: 20px; padding:0px; background:none; float:none; }
.servicioslegales {float: right; width:290px; height:330px; margin:0px 0px 0px 20px; list-style:none; background:url(../img/bg-servlegal.gif) no-repeat}
.servicioslegales2 {width: 270px; margin:20px 0px 0px 10px; line-height:20px;}




/* ============ TRABAJOS ===========*/

#n1 {width:220px; height:231px; margin:0px 0px 0px 0px; background:url(../img/bg-trabajos.gif)}

#n1 h3 {font-size:12px;}

#n2 {width:220px; height:231px; float:right; margin:0px; background:url(../img/bg-trabajos.gif)}

#n3 {width:220px; height:231px; float:right; margin:0px 0px 0px 13px; background:url(../img/bg-trabajos.gif)}

#n4 {width:220px; height:231px; float:right; margin:0px 0px 0px 13px; background:url(../img/bg-trabajos.gif)}

.muestra {width:200px; position:absolute; margin:10px 0px 0px 10px;}

.muestra a {color:#ff6600}

.resultados {color:#ff6600}

/* ========== CLIENTES ========== */

#clientes1 {width:420px; height:405px; margin:0px 0px 0px 20px; background:url(../img/bg-clientes.gif); color:#666666;}

#clientes1 a {color:#000000}
#clientes2 {width:420px; height:405px; margin:0px 20px 0px 0px; background:url(../img/bg-clientes.gif); float:right; color:#666666;}
#clientes2 a {color:#000000}

.clientescontenedor {width:400px; padding:5px 0px 0px 10px;}

/* ============ NOTICIAS ===========*/

#noticiascontenedor {width:690px; margin:0px; min-height:242px;}

#noticiashacemos {float:right; width:200px; display:table;}

#noticiashacemos a {color:#333}

#noticiashacemos ul {margin:0px 0px 0px 40px; list-style:none; font-size:12px; font-weight:bold}

#noticiashacemos li {margin:10px 0px 10px 0px; list-style:url(../img/flecha-naranja.gif) inside; border-bottom:1px #CCCCCC solid;}

.noticia_cont1 {width:670px; height:64px; margin:0px; background:url(../img/bg-noticias-acuam.gif);}

.noticia_cont2 {width:670px; height:64px; margin:0px;}

.noticiafecha { position:absolute; width:65px; margin:10px; color:#4fa800; font-size:13px;}

.noticiacuerpo { position:absolute; width:430px; margin:10px 0px 0px 100px;   font-size:13px;}

.noticiavermas { position:absolute; width:70px; margin:20px 0px 0px 580px; font-size:12px;}

.noticiavermas a {color:#333333}

#paginacion {margin:20px auto 0px auto; width:200px; height:30px; text-align:center}

#paginacion a { padding:3px; color:#444; background:#e1dfd6;}

#paginacion a:hover {background:#444; color:#e1dfd6; text-decoration:none}

#paginacion a:active {background:#444; color:#e1dfd6; text-decoration:none}

#noticiatitulo {width:670px; height:64px; margin:0px; background:url(../img/bg-noticias-acuam.gif);}

#noticiatitulo2 {position:absolute; width:530px; margin:10px 0px 0px 100px; font-weight:bold; font-size:13px;}

#noticiacontenido {width:570px; height:64px; margin:10px 0px 0px 100px; height:100px; font-size:13px;}

#noticiavolver {margin:20px auto 0px auto; width:200px; height:30px; text-align:center}

#noticiavolver a { padding:3px; color:#444; background:#e1dfd6;}

#noticiavolver a:hover {background:#444; color:#e1dfd6; text-decoration:none}

#noticiavolver a:active {background:#444; color:#e1dfd6; text-decoration:none}

/* ============ CONTACTO ===========*/

#formulariocontacto { margin:0px 0px 0px 25px; width:518px; height:353px; background:url(../img/bg-formcontacto.gif)}

#formulariocontent {margin:10px 0px 0px 15px; width:480px; height:300px;}

#formulariocontent input  {border:1px #4fa800 solid; font-size:11px; height:15px; width:220px; margin:0px; display:inline}

#formcol2 {float:right; margin:0px 0px 0px 15px;}

#formulariocontent textarea {border:1px #4fa800 solid; margin:0px; font-size:11px; font-family:"trebuchet MS", arial, helvetica, sans-serif}

#enviar {
			font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
			margin: 10px 0px 0px 0px;
			font-size:14px; 
			font-weight:bold; 
			color:#FFFFFF; 
			background:#4fa800; 
			line-height:25px
			}

#enviar:hover {background:#FFFFFF; color:#4fa800;}

#acuamania { float:right; margin:0px 25px 0px 0px; background:url(../img/bg-acuamania.gif); width:371px; height:192px; display:inline}

#acuamaniacontent {margin:10px 0px 0px 15px; width:340px; height:130px;}

#acuamaniacontent input {border:1px #4fa800 solid; font-size:11px; height:15px; width:150px; margin:0px; display:inline}

#acuamanialcol2 {float:right; margin:50px 15px 0px 0px; width:130px; display:inline}

#enviaracuamania {
			font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; 
			margin: 10px 0px 0px 0px;
			font-size:14px; 
			font-weight:bold; 
			color:#FFFFFF; 
			background:#4fa800; 
			line-height:25px
			}

#enviaracuamania:hover {background:#FFFFFF; color:#4fa800;}

#empleo { position:absolute; margin:218px 0px 0px 575px; width:371px; height:133px; background:url(../img/bg-empleo.gif)}

#empleocontent {margin:0px 0px 0px 15px; width:340px;}

#gracias {width:371px; height:133px; margin:0px auto 0px auto; background:url(../img/bg-empleo.gif)}

/* ========   PIE  ===========================    */

#piehome {margin:0px auto 0px auto; width:972px; height:189px; background:url(../img/fondo_pie.jpg);}

#piehome div.uno { width:120px; float:left; padding:37px 0px 0 45px;}
#piehome div.dos { width:150px; float:left; padding:37px 0px 0 0px;}
#piehome div.tres { width:170px; float:left; padding:37px 0px 0 0px;}
#piehome div.cuatro { width:130px; float:left; padding:37px 0px 0 0px;}
#piehome div.cinco { width:110px; float:left; padding:37px 0px 0 0px;}
#piehome div.seis { width:215px; float:left; padding:70px 0px 0 30px;}

#piehome h4 {color:#524630; font: 11px Verdana, Geneva, sans-serif; margin:0 0 5px; font-weight:bold;}

#piehome li { line-height:120%; list-style:none; color:#FFF}


#piehome a {color:#ffffff;}

#pie {margin:0px auto 0px auto; width:970px; height:55px; background:url(../img/bg-piehome.jpg); padding:15px 0px 0px 0px; text-align:center; font-size:1em; color:#777;}

#pie a {color:#777;}