/* Links */
a {
	color: #6699FF;
	text-decoration: none;
}
a:hover {
	color: #3333FF;
	text-decoration: underline;
}
a:visited {
	color: #97429D;
}

a img {
	border: 1px solid #6699FF;


}
a:hover img {
	border-color: #3333FF;
}



/* Headers */
h1, h2, h3 {
	color: #330102;
	padding: 15px 0px 5px;
	margin: 0;
	line-height: 1.2em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
h1, .home  h2 {
	font: normal 2em "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #FF6600;
	text-align: center;
	text-transform: none;
	margin-bottom: 0.7em;
	letter-spacing: -0.5px;
	margin-top: 0px;
	padding-top: 0px;
}
.home h2 {
	padding-top: 0.5em;
}
h2, h1.icono       {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #669900;
	font-weight: normal;
}
h3, body.serv  h2  {
	font: bold normal 1.2em "Trebuchet MS", Tahoma, Arial, sans-serif;
	color: #FF3300;
	text-transform: none;
}
h4 {
	font-weight: bold;
}
p, ul, dl {
	margin: 10px 0px 20px;

}
strong {
	font-weight: bold;
	color: #669900;
}

.datos_contacto {
	margin-top: 35px;
}

dt {
	clear: both;
	text-align: right;
	float: left;
	font-weight: bold;
	width: 100px;
}

dd {
	float: left;
	padding-left: 1em;
	width: 70%;
}

ul, ol {
	margin: 0px 20px 10px;
	padding: 0 20px 10px;
}
ul {
}

/* Images */
img {
	border-top: 5px solid #99bb36;
}
img a {
}

img.float-right {
	margin: 5px 0px 5px 15px;
	clear: right;
}
img.float-left {
	margin: 5px 15px 5px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #EBEBEB;
	background: #F0F0F0;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #F0F0F0;

	font-weight: normal;
	font-size: 17px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555;
}

/* start - table */

table {
	border-collapse: collapse;
	border: 1px solid #FAA430;
	margin-bottom: 30px;
	margin-left: 10px;
	font-size: 0.9em;
	padding-right: 10px;
}

caption {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding-bottom: 1em;
	text-transform: uppercase;
	color: #EE4E00;
}

col {
	border-right: 1px solid #FAA430;
}
#lugarCol {
	text-transform: uppercase;

}
thead tr {
	background-color: #FAA430;
	height: 35px;
}
thead tr:hover {
	background-color: #FA970A;
}
thead th {
	font-weight: bold;
	text-align: center;
	color: #330000;
	border-right: 1px solid #FFFFFF;
}
th.ultima, td.ultima  {
	border-right-style: none;
	text-align: left;
	padding-left: 1.2em;
}
#promocionCol {
	text-align: center;
}

th, td {
	padding: 0.3em 0.85em;
	border-right: 1px solid #FAA430;
}
.fondo {
	background: #FAF3DE;
}

tr:hover {
	background-color:#FDDEB5;
	color: #000000;
}
* {
	margin: 0px;
	padding: 0px;
}

	
	
	
	
	body  {
	font: 62.5%/200% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #333;
    }
#container  {
	width: 942px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF url(../imagenes/fondo-container.jpg)  repeat-y left top;
	margin: 25px auto 30px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	font-size: 1.35em;
	position: relative;
    } 
#header  {
	background: url(../imagenes/fondo-cabecera.jpg) no-repeat left top;
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	height: 290px;
	position: relative;
    } 
    .home h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
	text-indent: -5000px;
	position:absolute;
    }
#logo {
	position: absolute;
	top: 18px;
	left: 24px;
}
#logo img {
	border-style: none;
}
#idiomas {
	position: absolute;
	top: 18px;
	right: 20px;
}
#idiomas img {
	border-style: none;
}
#telefono {
	position: absolute;
	left: 673px;
	top: 195px;
	color: #006BC4;
	font-size: 0.9em;
	border-top: 1px dotted #000000;
	width: 225px;
	font-weight: bold;
	height: 32px;
	padding-left: 15px;
}
#telefono a {
	color: #006BC4;
	padding-left: 10px;
}
#cajaproyectos {
	position: absolute;
	width: 215px;
	left: 689px;
	top: 66px;
	font-size: 0.85em;
	line-height: 1.2em;
	height: 110px;
	clip: rect(0px,auto,auto,auto);
	padding-bottom: 10px;
	overflow: hidden;
}
.proyecto a {
	color: #000000;
}

#cajaproyectos h2 {
	position: absolute;
	text-indent: -5000px;
}
#cajaproyectos    p   {
	margin: 0;

}
#cajaproyectos .cliente {
	font-weight: bold;
}
#cajaproyectos .enlaceproyecto {
	margin-bottom: 0.5em;
}
#cajaproyectos .titulo {
display:block;
}





#navbar {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 235px;
	left: 24px;
	background: #9ABB36;
	width: 891px;
}
#navbar li {
	list-style: none;
	float: left;
}
#navbar   li   a  {
	display: block;
	padding: 3px 12px;
	font: bold 1.1em/25px 'Trebuchet MS', Tahoma, Helvetica, Arial, Geneva, Sans-serif;
	text-decoration: none;
	color: #35511A;
	border-right: 1px solid #42651f;
}
#navbar a:hover, #navbar a:focus, #navbar a:active {
	color:#000000;
}
#navbar li ul {
	display: none;
	background: #CBDE8F;/*coger el color de fondo de current*/
	border-top: 1px solid #FFFFFF;
	width: 18em;
}
#navbar a.current, body.home .navhome, body.nuestros_servicios .navservicios, body.proyectos .navproyectos, body.proyecto .navproyectos, body.clientes .navclientes, body.quienes .navquienes, body.contacto .navcontacto, body.enlaces .navenlaces {
	color: #000;
	background-color: #FFFFFF;
}
#navbar li:hover ul, #navbar li.hover ul, #navbar li.current:hover ul, #navbar li.current.hover ul  {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
#navbar li:hover li, #navbar li.hover li {
	float: none;
}
#navbar li:hover li a, #navbar li.hover li a, #navbar li#current li a {
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	border-right-style: none;
	font: normal 0.9em/1.4em Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;

}
* html body ul.navbar li:hover li a, * html body ul.navbar li.hover li a, * html body ul.navbar li#current li a {
	height: 1%;
}
#navbar li li a:hover {
	color: #FFFFFF;
	background: #9ABB36;
}
#mainContent  {
	margin: 0 19px 0 0;
	width: 610px;
	float: left;
    } 
.home #mainContent {
	background: url(../imagenes/fondo-main-home.jpg) no-repeat left top;
	margin-left: -5px;
	padding: 10px 20px 0px 20px;
	width: 610px;
}
#sidebar {
	width: 250px;
	float: right;
	position: relative;
	top: -10px;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

#sidebar1  {
	width: 230px;
	float: right;
	top: -10px;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
    }

#sidebar1   ul.servicios {
	padding: 0px;
	list-style: none;
	margin: 0px;
}

#sidebar1 .servicios li {
	float: left;
	width: 115px;

}
#sidebar1 .servicios li a {
	float: left;
	list-style: none;
	height: 60px;
	line-height: 120%;
	padding-top: 90px;
	text-align: center;
	color: #666666;
	background: url(../imagenes/impacto-ambiental.jpg) no-repeat center top;
	display: block;
	width: 90%;
	padding-right: 5px;
	padding-left: 5px;

}
#sidebar1  .servicios  li  a.territorio {
	background: url(../imagenes/planificacion-territorio.jpg) no-repeat center 10px;
	border-right: 1px solid #ebebeb;
}
#sidebar1   .servicios   li   a.impacto {
	background: url(../imagenes/impacto-ambiental.jpg) no-repeat center 10px;
	border-right: 1px solid #ebebeb;
}
#sidebar1   .servicios   li   a.consultoria {
	background: url(../imagenes/consultoria-ambiental.jpg) no-repeat center 10px;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	height: 90px;
}
#sidebar1   .servicios   li   a.ingenieria {
	background: url(../imagenes/ingenieria-ambiental.jpg) no-repeat center 10px;
}
#sidebar1   .servicios   li   a.estudios {
	background: url(../imagenes/estudios.jpg) no-repeat center 10px;
	border-top: 1px solid #ebebeb;
}
.home  #sidebar1  h2  a, .nuestros_servicios #sidebar1 h2 a {
	color: #60952B;
	margin-bottom: 15px;
	letter-spacing: -0.5px;
	margin-top: 0px;
	text-align: center;
}
.navegar {
	background: url(../imagenes/fondo-lateral.jpg) no-repeat 0px top;
	text-align: center;
	padding: 20px 15px 0px;
}
.navegar img {
	border-style: none;
}
.navegar  h2, .proyecto .navegar h3 {
	margin: 0px 0px 15px;
	padding: 0px;
	color: #333333;
	text-transform: none;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
.navegar ul {
	list-style: none none outside;
	text-align: left;
	margin: 0px;
	line-height: 130%;
	padding: 0px;
}
.navegar li {
	margin-bottom: 0.7em;
	padding-left: 20px;
	text-indent: -9px;
}
.navegar a {
	font-weight: bold;
	color: #666666;
	text-indent: -11px;
}
.navegar  a.activo, .navegar a.activo strong{
	color: #D95700;
}



#footer  {
	background:url(../imagenes/fondo-pie.jpg)  repeat-y left bottom;
	height: 140px;
	color: #FFFFFF;
	padding-top: 10px;
	position: relative;
    } 
#content_footer {
	background: url(../imagenes/remate-pie.jpg) no-repeat left bottom;
	padding-right: 24px;
	padding-left: 24px;
	height: 100%;
}
.nav-footer {
	width: 500px;
}


.nav-footer li {
	padding-right: 20px;
	float: left;

}
.nav-footer li li {
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	float: none;
	margin-left: 95px;
	width: 380px;
	position: relative;
	top: -20px;
}
#footer .foot_servicios     {
	clear: left;
}

#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: underline;
}
#datos         {
	width: 380px;
	text-align: left;
	position: absolute;
	top: 10px;
	right: 14px;
	height: 125px;
}
.datos_contacto {
}

.datos_contacto     li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.resto {
	clear:both;
	display: block;
	padding-top: 10px;
}
.resto a {
	margin-right: 10px;
}
a.foot_dossier      {
	background: url(../imagenes/pdf.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-bottom: 25px;
	line-height: 30px;
	padding-top: 10px;
}

.diseno {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 378px;




}
.diseno a img {
	border-style: none;
	margin-bottom: -5px;
	margin-left: 10px;
}
#footer  p  {
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 10px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


/*Contacto____________________________________________________________________________________*/

dt {
	width: 8em;
	text-align: right;
	clear: both;
	float: left;
}
form {
	width: 240px;

}
.col-twothree #form1 {
	padding: 0 15px 0px 0px;
}

fieldset {
	padding: 10px 30px 20px 20px;
}
legend {
	float: right;
	color: #333333;
	font-weight: bold;
}



#form1  p.centrar  {
	padding-top: 1em;
	clear: both;
}

input, select, checkbox, textarea{
	width: 100%;
	border: 1px solid #7F9DB9;
	padding: 0.2em;
	font: 1em Arial, Helvetica, sans-serif;
}
input:focus, select:focus, checkbox:focus, textarea:focus {
	background: #EBEBEB;
}


.button {
	background: #ebebeb;
	border: 1px solid #7F9DB9;
}
label {
	display: block;
	padding-top: 0.7em;
}
fieldset#opcion    {
	padding: 0;
	margin: 10px 0px -10px;
	border-style: none;
	background: transparent;
}
#opcion     legend {
	float: left;
	width: 9em;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	padding: 0;
	margin-left: -5px;
}
#opcion   div {
	float: left;
	padding-left: 120px;
	margin-top: -18px;

}
#opcion  input {
	display: inline;
	border-style: none;
	width: 20px;
}
#opcion   label {
	display: inline;
	width: 3em;
	float: none;
}
#opcion   p {
	margin: 0em 0 1em;
}
.col1, .col2 {
	float: left;
	width: 47%;
	margin-bottom: 20px;
}
.col2 {
	padding-left: 40px;
}
.col1 p {
	margin-left: 0px;
}
#submit {
	width: 5em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#submit:hover, #Submit:focus {
	background: #7F9DB9;
}
#submit:active {
	background: #3333CC;
	color: #FFFFFF;
	margin-top: 10px;
}

/*fin contacto_____________________________________________________________________________________*/

#content {
	float: left;
	padding-right: 24px;
	padding-left: 24px;
	margin-bottom: 20px;
}

#mapa iframe {
	width: 425px;
	margin-top: 20px;
}
#mapa   a {
	margin-top: 5px;
	display: block;
}

.col-one, .col-onetwo, .col-two, .col-three, .col-twothree, .col-four, .col-five, .col-ancha {
	padding-top: 20px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.center {
	text-align: center;
	margin: 0 auto;
}
p.center  {
	margin-top: 10px;
}



/* clearing */
.clearer { clear: both; }
/*.clear {
	display:block;
}*/
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: ".";
	}
.navegar a {
	font-weight: normal;
}

.navegar a strong {
	font-weight: bold;
	color: #666666;

}
.proyecto  h1 {
	font-size: 1.5em;
	text-align: left;
	width: 420px;
}
.proyecto    h2.cliente {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0.5em;
	border: 2px dotted #CCCCCC;
	width: 150px;
	margin-left: 20px;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 0px;
	clear: right;
	float: right;
}
.proyecto   .cliente   strong {
	margin-bottom: 5px;
	display: block;
	color: #FF6600;
}
.proyecto #mainContent img {
	float: right;
	clear: right;
	margin-left: 15px;
	margin-top: 5px;
}
.titulo .fecha {
	color: #FFFFFF;
	background: #FF6600;
	line-height: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
}
.navegar .fecha {
	padding-right: 2px;
	padding-left: 13px;
	float: right;
}
.clientes   #content  h2 {
	clear: left;
	margin-bottom: 0.5em;
	text-align: center;
	border-bottom: solid 1px #60952B;
}

.clientes   #content  ul {
margin:0;
padding:0;
}
.clientes     #content    li    {
	list-style: none;
	float: left;
	margin: 0px 27px 10px 0px;
	padding: 0px;
	width: 100px;
	height: 110px;
	text-align: center;
	line-height: 1.2em;
	vertical-align: bottom;
	font-size: 0.9em;
}
.clientes  #content  img {
	margin-top: 10px;
	border-style: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.clientes   #content   a  img {
	border:none;
	outline:none;
}

.clientes #sidebar a {
	font-size: 1.2em;
	line-height: 1.4em;

}
.clientes #content a {
	color: #666666;
}
.clientes #content li.ultima {
	margin-right: 0px;
}
.sinborde {
	border-style: none;
}
.enlaces ul {
	margin-left: 190px;
}
.mapaweb ul {

}
.hojas {
	border-style: none;
	position: absolute;
	top: -14px;
	right: 3px;
}
.icono {
	padding-left: 50px;
	background: url(../imagenes/ico-impacto.gif) no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;

}
.ingenieria {
	background: url(../imagenes/ico-ingenieria.gif) no-repeat;
}
.consultoria  {
	background: url(../imagenes/icon-consultoria.gif) no-repeat;
}
.tecnicas {
	background: url(../imagenes/ico-tecnicas.gif) no-repeat;
}
ul.organismos {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.mapaweb #mainContent ul {
	list-style: none;
	margin-right: auto;
	margin-left: auto;
	width: 300px;
	font-size: 0.9em;
	line-height: 1em;
}
.mapaweb #mainContent ul ul {
	padding-left: 40px;
}
.mapaweb #mainContent ul li li a {
	display: block;
}