/* RESET --------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline
}

body {line-height: 1}

:focus {outline: 0}

ol, ul {list-style: none}

table { border-collapse: collapse; border-spacing: 0}
blockquote, q { quotes: "" ""}

input, textarea { margin: 0; padding: 0}
a {text-decoration:none;}

a.info {color:#538d19 !important; font-weight:bold !important; font-size:13px !important; margin:5px 0px 0px 0px !important; display:block !important; width:auto !important;}
a.info:hover {color:#77d817 !important;}
a.infoSmall {color:#538d19 !important; font-weight:bold !important; font-size:12px !important; margin:5px 0px 0px 0px !important; display:block !important; width:auto !important;}
a.infoSmall:hover {color:#77D817 !important}

.floatLeft  { float: left; }
.floatRight  { float: right; }
.cleaner { clear: both; }

/* GENERAL-------------------------*/
body {background:#0b0b0b url(../img/home/img-banner.jpg) no-repeat 0px 35px; font:12px Arial, Verdana, sans serif; color:#FFFFFF; }

/*HOME-----------------------------*/
#header { width: 100%; background: url(../img/home/banner-grey.png) repeat-x 0px 35px; height: 1%;}

.languageBar {width:820px; height:25px; margin:0px auto; text-align:right; padding:10px 0px 0px 0px; background: #0b0b0b; }
.languageBar ul.languages {position:relative; float:right; text-align:left; }
.languageBar ul.languages li {position:relative;  padding:0px 0px 5px 5px;  float:left;}
.languageBar ul.languages li:hover ol, .languageBar ul.languages a:hover ol {visibility: visible;}
.languageBar ul.languages a.drop {color:#868181; /*background: url(../img/home/arrow-language.gif) no-repeat right 5px;*/ display:block;}
.languageBar ul.languages ol li a {color:#868181; display:block;}
.languageBar ul.languages a  span{background: url(../img/home/arrow-language.gif) no-repeat 2px 5px; width:12px; height:12px; float:right; position:absolute;}
.languageBar ul.languages a:hover {color:#3e3f3d;}
.languageBar ul.languages ol { visibility: hidden; position: absolute; margin:5px 0px 0px 0px; background:#0b0b0b; right:0px; border-bottom:1px solid #333432; padding:0px 14px 0px 0px;}
.languageBar ul.languages a.england {/*background:url(../img/home/gb.png) no-repeat 0px 2px;*/ padding:0px 0px 0px 0px;}
.languageBar ul.languages a.espanol{/*background:url(../img/home/ar.png) no-repeat 0px 2px;*/ padding:0px 0px 0px 0px;}
.languageBar ul.languages a.italiano {/*background:url(../img/home/it.png) no-repeat 0px 2px;*/ padding:0px 0px 0px 0px;}

.mainHeader { width: 820px; margin: 0px auto; height: 1%; }
.mainHeader h1 {background:url(../img/home/logo.png) no-repeat 0px 20px; width:199px; height:100px; text-indent:-5000px; float:left; }
.mainHeader h1 a  { width: 199px; height:100px; display:block;}

.mainHeader .mainNav ul { float:right; margin:40px 0px 0px 0px; text-align:right; margin-right:-95px;}
.mainHeader .mainNav ul li { display:inline; margin:0px 0px 0px 15px;}
.mainHeader .mainNav a:link, .mainHeader .mainNav a:visited {font-size:15px; color:#FFFFFF;  height:15px; padding:0px 0px 5px 0px; float:left; margin:0px 15px 0px 0px;}
.mainHeader .mainNav a:hover {font-size:15px; color:#FFFFFF; border-bottom:4px solid #FFFFFF; height:15px; padding:0px 0px 5px 0px;}
.mainHeader .mainNav a.here { border-bottom:4px solid #FFFFFF; height:15px; padding:0px 0px 5px 0px; }

.content { width: 100%; background:#333630 url(../img/home/shadow-header.png) repeat-x bottom; } 
.mainContentHome { width: 100%; background:#333630 url(../img/home/shadow-header.png) repeat-x bottom; margin: 100px 0px 0px 0px; padding-bottom:30px; }
.mainContent { width: 820px; margin: 0px auto; } 
.mainContent .mainCol { float:left; width:590px; margin:30px 0px 20px;}
.mainContent .mainColHome { float:left; width:540px; margin:30px 0px 20px;}
.mainContent .mainCol h2, .mainContent .mainColHome  h2 {font-size:44px; letter-spacing:-2px; line-height:37px; margin:100px 0px 0px 0px; }
.mainContent .mainCol h2 span, .mainContent .mainColHome  h2 span { font-size:26px; }
.mainContent .mainCol h3, .mainContent .mainColHome  h3 { font-size:26px; margin:0px 0px 10px 0px; }
.mainContent .mainCol p { padding: 0px 10px 0px 0px; }
.mainContent .sideCol { width: 200px; float: left; margin:30px 0px 0px 0px; }
.mainContent .sideColHome { width: 250px; float: right; margin:30px 0px 0px 0px; }
.mainContent .sideCol h3 {font-size:18px; margin:0px 0px 15px 20px;}
.mainContent .sideCol ul {margin:0px 0px 0px 20px;}
.mainContent .sideCol ul li { padding:0px 0px 0px 0px; }
.mainContent .sideCol ul li a{color:#fff; font-size:13px; font-weight:bold; }
.mainContent .sideCol ul li a:hover{color:#fff; font-size:13px; font-weight:bold;}

.sideContentHome { background:#191918; border-top:1px solid #343534; border-bottom:1px solid #343534; height:285px; }

.mainContent .mainCol .sectionLists { float:left; width:295px; margin-top: 0px;  }
.mainContent .mainCol .sectionLists h3 {color:#363535; font-size:18px; background: url(../img/home/arrow-grey.png) no-repeat left 0px; padding:0px 0px 0px 25px; margin:0px 0px 15px 0px;}
.mainContent .mainCol .sectionLists ul li { margin: 2px 0px; }

.mainContent .mainCol .sectionLists dl { width: 95%; margin-bottom: 10px; }
.mainContent .mainCol .sectionLists dl dt a { color:#538d19; font-size:15px; }
.mainContent .mainCol .sectionLists dl dt a:hover { color:#77d817; }
.mainContent .mainCol .sectionLists dl dd.date { padding-bottom: 5px; font-size: 11px; color: #FF9600; }  
.mainContent .mainCol .sectionLists dl dd.vermas { padding: 10px 0px; }
.mainContent .mainCol .sectionLists dl dd.more { margin-bottom: 20px; }
.mainContent .mainCol .sectionLists dl dd a { color:#538d19; font-size: 11px; }
.mainContent .mainCol .sectionLists dl dd a:hover { color:#77d817; }

.mainContent .sideCol dl { margin:0px 0px 15px 20px;}
.mainContent .sideCol dl dd  {margin:0px 0px 10px 0px; color:#679a32;}
.mainContent .sideCol dl dt  {color:#5d5b5b;}
.mainContent .sideCol p { margin:5px 0px 0px 0px; height:40px; border-top:1px solid #1a1918; width:180px; background: url(../img/home/background-contact.png) repeat-x; display:block; padding:15px 0px 0px 20px; }
.mainContent .sideCol p a {background:url(../img/home/contact-letter.png) no-repeat top left; font-size:18px; color:#d0d3d0; padding:0px 0px 0px 55px; height:35px; display:block;}

#footer { background: #0B0B0B; width:820px; margin:10px auto; }
#footer ul { width:820px;  margin:0px auto; padding:20px 0px;  }
#footer li  {display: inline; margin:0px 10px 0px 0px;}
#footer li a {color:#9f9898;}
#footer li a:hover {text-decoration:underline;}
#footer p {float:left;}
#footer a.webmaster {color:#666; float:right;}

/*Areas-------------------------*/
.mainContent ul.contentNav {margin:0px; }
.mainContent ul.contentNav li {position:relative; padding:3px 0px;}
.mainContent ul.contentNav li a {font-size:13px; color:#cfcece; background: url(../img/home/square-grey.gif) no-repeat 0px 5px; padding:0px 0px 0px 12px; border-bottom:1px solid #989898; text-decoration:none; display:block;}
.mainContent ul.contentNav li a:hover {font-size:13px; color:#FFFFFF; background: url(../img/home/square-white.gif) no-repeat 0px 5px; padding:0px 0px 0px 12px; border-bottom:1px solid #FFFFFF;}
.mainContent ul.contentNav li a.here{font-size:13px; color:#FFFFFF; background: url(../img/home/square-white.gif) no-repeat 0px 5px; padding:0px 0px 0px 12px; border-bottom:1px solid #FFFFFF;}
.mainContent ul.contentNav li ul li  {padding:3px 20px;}
.mainContent ul.contentNav li ul li a {font-size:12px; color:#60ad14; background:none; padding:0px; text-decoration:none; border:0px; white-space:nowrap;}
.mainContent ul.contentNav li ul li a:hover {font-size:12px; color:#7fef10; background:none; padding:0px; text-decoration:underline; border:0px; white-space:nowrap;}
.mainContent ul.contentNav li ul li a.here{font-size:12px; color:#7fef10; background:none; padding:0px; text-decoration:underline; border:0px; white-space:nowrap;}
.mainContent ul.contentNav li ul li ul li a {font-size:12px; color:#FFFFFF; background:none; padding:0px; text-decoration:none; border:0px; white-space:nowrap;}
.mainContent ul.contentNav li ul li ul li a:hover {font-size:12px; color:#FFFFFF; background:none; padding:0px; text-decoration:underline; border:0px; white-space:nowrap;}
.mainContent .mainInside { float:left; width:580px; margin:30px 0px 30px 30px;}
.mainContent .mainInside2 { float:left; width:820px; margin:30px 0px 30px 0px;}
.mainContent .mainInsideStatics { float:left; width:580px; margin:30px 40px 30px 0px;}
.mainContent .mainInsideNarrow { float:left; width:610px; margin:30px 10px 30px 0px;}
.mainContent img { }
.slideshow {border:2px solid #fff;}
.imgProyectos img {border:2px solid #fff;}
.mainContent img.main {margin:0px 0px 20px 0px;}
.mainContent .mainInsideNarrow ul {color:#FF9600; list-style:square; padding:0px 0px 20px 15px;}
.mainContent .mainInsideNarrow ul li ul{color:#FFFFFF; list-style:square; }
.mainContent .mainInsideNarrow ul li ul li ul{color:#CCCCCC; list-style:square; }
.mainContent .mainInside h3, .mainContent .mainInside2 h3, .mainContent .mainInsideNarrow h3, .mainContent .mainInsideStatics h3 { color:#ff9600; font-size:20px; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px;}
.mainInsideStatics h3.titleContacto  { color:#ff9600; font-size:20px; padding:0px 0px 0px 0px; background:none; margin:0px 0px 20px 0px;}
.mainContent .mainInsideNarrow h4 { color:#6BBD1A; font-size:18px; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; }
.mainInsideStatics h5{ color:#6BBD1A; font-size:18px; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; }
.mainContent .mainInsideNarrow h4 span  {font-size:15px; display:block;}
.mainContent .mainInside p, .mainContent .mainInside2 p, .mainContent .mainInsideNarrow p , .mainContent .mainInsideStatics p{margin:0px 0px 20px 0px; font-size:14px; line-height:18px;}
.mainContent .mainInside2 .areasIntro {background: url(../img/areas/background-areas.png) repeat-x; padding:20px;  border-top:1px solid #ff9600;}
.mainContent .mainInside2 .areasIntro a.planificacion {display:block; width:140px; height:250px; background: url(../img/areas/img-planificacion.jpg) no-repeat; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.planificacion:hover {display:block; width:140px; height:250px; background: url(../img/areas/img-planificacion.jpg) no-repeat 0px -250px; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.arquitectura {display:block; width:140px; height:250px; background: url(../img/areas/img-arquitectura.jpg) no-repeat; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.arquitectura:hover {display:block; width:140px; height:250px; background: url(../img/areas/img-arquitectura.jpg) no-repeat 0px -250px; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.infraestructura {display:block; width:140px; height:250px; background: url(../img/areas/img-infraestructura.jpg) no-repeat; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.infraestructura:hover {display:block; width:140px; height:250px; background: url(../img/areas/img-infraestructura.jpg) no-repeat 0px -250px; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.ambiente {display:block; width:140px; height:250px; background: url(../img/areas/img-ambiente.jpg) no-repeat; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.ambiente:hover {display:block; width:140px; height:250px; background: url(../img/areas/img-ambiente.jpg) no-repeat 0px -250px; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.productivo {display:block; width:140px; height:250px; background: url(../img/areas/img-productivo.jpg) no-repeat; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a.productivo:hover {display:block; width:140px; height:250px; background: url(../img/areas/img-productivo.jpg) no-repeat 0px -250px; border:1px solid #fff; }
.mainContent .mainInside2 .areasIntro a {color:#fff; margin:5px 0px; display:block; height:30px;}
.mainContent .mainInside2 .areasIntro a:hover {color:#ff9600; font-size:13px;}
.mainContent .mainInside2 .areasIntro p {font-size:12px; line-height:15px; border-top:1px solid #c7c7c7; padding:5px 0px 0px 0px; margin:0px;}
.mainContent .mainInside2 .areasIntro div.cols {width:145px; float:left; margin:0px 10px 0px 0px; text-align:center;}
.mainContent .mainInside .sideCol {width:200px;}
.mainContent .mainInside2 h5.nuestras {color:#161716; font-size:14px; background:#ff9600; width:100px; padding:5px;}
.mainContent .mainInside .sideCol {width:200px;}
.mainContent .sideCol ul.imgProyectos {margin:0px 0px 30px 30px;}
.mainContent .sideCol ul.imgProyectos li{display:inline; padding:0px; margin:0px 2px 2px 0px;}
.mainContent .sideCol h4 { color:#6bbd1a; font-size:15px; padding:0px 0px 0px 30px; margin:0px 0px 20px 0px; line-height:24px;}
.mainContent .sideCol ul.projects { background:url(../img/areas/list-proyectos.png) repeat-x; border-top:1px solid #6bbd1a; height:400px; padding:20px 5px 0px 10px;}
.mainContent .sideCol ul.projects  li {margin:10px 0px;}
.mainContent .sideCol ul.projects a {font-size:12px;}
.mainContent .sideCol ul.projects a:hover   {font-size:12px;  color:#FF9600;}
.mainContent h4.proyecto {font-size:15px; color:#FF9600; display:inline; margin:0px 0px 30px 0px; float:left; padding:0px 0px 0px 0px; font-weight:bold;}
.mainContent a.todos {display:block; float:right; padding:3px 8px; background:#538d19; border:1px solid #6baf27; color:#FFFFFF;}
.mainContent a.todos:hover {display:block; float:right; padding:3px 8px; background:#78c52b; border:1px solid #6baf27; color:#FFFFFF;}
.mainContent p.proyecto {margin:0px 0px 20px 0px;}
.mainContent div.ficha {/*background:url(../img/areas/title-ficha.gif) no-repeat 5px 10px;*/  padding:0px 0px 0px 0px; margin-bottom:20px;}
.mainContent div.ficha .leftSide {position:relative; /*background:url(../img/areas/background-ficha.png) repeat-y;*/ padding:10px 10px 10px 10px; width:180px; height:250px; float:left;}
.mainContent div.ficha .leftSide a {display:none; position:absolute; bottom:15px; right:0px; background:url(../img/areas/pdf.png) no-repeat; width:40px; height:35px;}
.mainContent div.ficha .leftSide dl dt {color:#656565; border-bottom:1px solid #e1e2e1;}
.mainContent div.ficha .leftSide dl dd {margin:0px 0px 10px 0px;}
.mainContent div.ficha .rightSide {margin:0px 0px 0px 200px; height:270px;}
.mainContent div.ficha .rightSide a {background:#383b35; display:block; float:left; padding:5px; margin:5px 0px 0px 5px;}
.mainContent div.ficha .rightSide a:hover {background:#333530;}
.mainContent div.ficha .rightSide img {border:0px;}
.mainContent div.ficha p  {font-size:100%;}
.mainContent div.ficha  h5 {font-size:16px; color:#FF9600; margin:0px 0px 10px 0px;}

ul.sideNav li  {margin-bottom:10px;}
ul.sideNav li a{font-size:15px; color:#6BBD1A; padding-left:30px; }
ul.sideNav li a:hover{font-size:15px; color:#7FEF10; padding-left:30px; }

.mainContent .sideCol ul.sideNav  {margin-top:20px; padding-left:10px;}
.mainContent .sideCol ul.sideNav li  {margin-bottom:10px;}
.mainContent .sideCol ul.sideNav li a{font-size:15px; color:#6BBD1A; padding:0px; }
.mainContent .sideCol ul.sideNav li a:hover{font-size:15px; color:#7FEF10; padding:0px;}
.mainContent .sideCol .pdf {padding-left:30px;}

.areaViewer {text-align:right; height:18px; clear:both; border-bottom:1px solid #FF9600; padding-right:15px; width:565px;}
.areaViewer a.left  {display:block; width:10px; height:13px; background:url(../img/viewer-left.png) no-repeat; float:right;  margin:0px 5px 0px 0px;}
.areaViewer a.left:hover  {display:block; width:10px; height:13px; background:url(../img/viewer-left.png) no-repeat 0px -13px; float:right;  margin:0px 5px 0px 0px;}
.areaViewer a.right  {display:block; width:10px; height:13px; background:url(../img/viewer-right.png) no-repeat; float:right;}
.areaViewer a.right:hover  {display:block; width:10px; height:13px; background:url(../img/viewer-right.png) no-repeat 0px -13px; float:right;}

.mainContent .mainInsideNarrow ul.areasBottom   {padding:0px; margin-top:50px;}
ul.areasBottom li   {display:inline; background:none; padding:0px; margin:0px 20px 0px 0px;}
ul.areasBottom li   a   {color:#fff; font-size:15px;}
ul.areasBottom li   a:hover   {color:#FF9600; font-size:15px;}

/* Servicios -------------------------*/
ul.servicios {color:#FF9600; width:350px; list-style:square; padding:0px 0px 0px 20px; margin:0px 0px 20px 0px; font-size:14px;}
ul.servicios  li {margin:5px 0px;}

/*Clientes --------------------------*/
ul.clientes li { border:1px solid #fff; display:block; float:left;  margin:0px 10px 10px 0px; position:relative; text-align:center; width:100px; height:90px; background:#fff; line-height:90px;}
ul.clientes li img {vertical-align:middle;}
ul.catClientes  li {margin:5px 0px;}
ul.catClientes  li a{color:#fff; font-size:14px; }
ul.catClientes  li a:hover{color:#FF9600; font-size:14px; }

/*Contacto -------------------------*/
form {background:#2E302C; border: 1px solid #242522; width:500px; padding:30px 30px 10px 30px; float:left; margin:0px;}
form  label{ width:110px; display:block; float:left; text-align:right; margin:0px 15px 0px 0px; font-size:14px;}
form  input{margin:0px 0px 5px 0px; background:#FFFFFF url(../img/form.gif) repeat-x scroll left top; border:1px solid #FFFFFF; height:25px; width:250px;}
form textarea { width:250px; height:120px; background:#FFFFFF url(../img/form.gif) repeat-x scroll left bottom; border:1px solid #FFFFFF;}
p.contact {}
form  input.button {width:80px; height:30px; background: #6BBD1A url(../img/btn-contact.png) repeat-x left bottom; color:#FFFFFF; border:1px solid #6BBD1A; padding:0px; text-align:center; font-weight:bold; cursor:pointer; margin:15px 0 0 125px; font-size:13px;}
form span {color:#6BBD1A; margin:0px 0px 0px 3px;}
form p.requeridos  {color:#6BBD1A; display:block; padding:40px 0px 0px 120px;}
.mainContent ul.contacts strong {font-weight:bold; padding-top:5px;}
.mainContent ul.contacts  a {color:#fff; font-size:12px; font-weight:bold;}
.mainContent ul.contacts a:hover {color:#fff;}
.mainContent ul.contacts {float:left; margin:0px 15px 20px 0px;}
.mainContent ul.contacts ul {margin:10px 0px;}
.mainContent ul.contacts ul li.title {color:#FF9600; font-size:12px;}
.mainContent ul.contacts li.title {color:#FF6C00; padding:0px 0px 5px 0px;}
label.error {}

/* NEWS */
.newsarticle { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.newsarticle div.newsimg { float: left; width: 60px; margin-right: 10px; }
.newsarticle dl { float: right; width: 500px; }
.newsarticle dt a { color:#538d19; font-size:16px; }
.newsarticle dt a:hover { color: #77d817; }
.newsarticle dd.date { padding-bottom: 10px; font-size: 11px; color: #FF9600; }  
.newsarticle dd.vermas { padding: 10px 0px; }
.newsarticle dd a { color:#538d19; font-size: 11px; }
.newsarticle dd a:hover { color:#77d817; }

.newsdetail h4 { color:#538d19; font-size:26px;  }
.newsdetail p.date { font-size: 11px; }
.newsdetail img { float: right; margin: 0px 0px 10px 10px; }

.mainContent .sideCol dl.news {margin:0px 0px 30px 30px;}
.mainContent .sideCol dl.news dt{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.mainContent .sideCol dl.news dt a { color:#538d19; font-size:16px; }
.mainContent .sideCol dl.news dt a:hover { color: #77d817; }
.mainContent .sideCol dl.news dd.date { padding-bottom: 0px; font-size: 11px; color: #FF9600; }
.mainContent .sideCol dl.news dd { color: white; }
.mainContent .sideCol dl.news dd.vermas { padding: 0px 0px 30px; }
.mainContent .sideCol dl.news dd a { color:#538d19; font-size: 11px; }
.mainContent .sideCol dl.news dd a:hover { color:#77d817; }