/* common */
HTML, BODY {color: #333; font: 16px/1.3em Arial}

H1 {margin: 0 0 20px; color: #e17225; font: normal 1.5em Arial}
H2 {margin: 0 0 20px; color: #e17225; font: normal 1.5em Arial}
H3 {margin: 0 0 5px; color: #30911a; font: normal 1.2em Arial}
.pceudo-h1 {margin: 0 0 20px; color: #e17225; font: normal 1.5em Arial}

A {color: #30911a; text-decoration: underline}
A:hover {text-decoration: none}

.clear {width: 100%; clear: both; overflow: hidden; display: block; height: 1px; }
.thumb {font-size: 0; letter-spacing: -1px}

.nav {margin: 0; padding: 0; list-style: none}
.nav LI {display: inline-block; margin: 0; padding: 0}

.list {padding: 0 !important; background: none !important}

.picto {position: relative}
.picto * {position: relative}
.picto SPAN {display: block; position: absolute; width: 10px; height: 5px; top: 7px; left: -12px; background: url(picto.png)}

.pager {margin: 0 !important; padding: 0 !important; background: none !important; text-align: right; font-size: 0; letter-spacing: -1px}
.pager LI {display: inline-block !important; font-size: 15px}
.pager LI.control {margin-right: 10px}
.pager LI A {display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle}
.pager LI.active A {background: url(bg-pager-active.png); color: #fff; text-decoration: none}

#carrier {position: relative; width: 980px; margin: 0 auto; padding: 425px 0 0; background: url(bg-carrier.png) repeat-x}
#carrier .extra-bg {position: absolute; top: 390px; left: 0; width: 100%; height: 135px; background: url(bg-extra.png) repeat-x}
#carrier .extra-bg.bottom {position: absolute; top: auto; bottom: 145px; left: 0; width: 100%; height: 135px; background: url(bg-extra-bottom.png) repeat-x}

#content {position: relative; float: right; width: 656px; min-height: 200px; margin: 0 30px 0 0; padding: 0 0 70px; z-index: 1000; font-size: .95em}
#content .img-wrapper {display: inline-block}
#content .img-wrapper IMG {display: none}
#content P {margin: 0 0 25px}
#content UL {margin: 0 0 25px; padding: 25px 20px 25px 40px; background: #e9e9e9; list-style: none}
#content UL LI {dwisplay: block}
#content UL.picto SPAN {width: 15px; left: -22px; background-position: 0 -15px}

#sidebar {position: relative; float: left; width: 230px; margin: 0 0 0 30px; padding: 0 0 70px; z-index: 1000}
#sidebar .title {margin: 0 0 10px; color: #30911a; font-size: 1.5em}
#sidebar .news {border-bottom: 1px dotted #666; color: #595959; font-size: .75em; line-height: 1.6em; margin-bottom: 20px;}
#sidebar .news LI {position: relative; display: block; margin: 0 0 20px; padding: 10px 0 0 50px; border-top: 1px dotted #666}
#sidebar .news LI A {display: block; margin: 0 0 10px; font-size: 1.1em}
#sidebar .news LI SPAN {display: block; position: absolute; width: 35px; height: 25px; top: 5px; left: -3px; padding: 13px 7px 0; background: url(bg-news-date.png) no-repeat}
#sidebar .news LI EM {display: none}
#sidebar .picto {display: block; text-align: right; margin: 0px 0 40px; font-size: .75em}
#sidebar .picto span {background: url("picto.png") repeat scroll 0 0;display: block;height: 5px; position: absolute;right: 75px;top: 8px;width: 10px;left: auto;}
#sidebar .callback-link {font-size: 1.4em; height: 50px; line-height: 50px; vertical-align: middle; background: url(callback.png) no-repeat left bottom; color: #fff !important; text-align: center !important; margin-bottom: 20px;}
#sidebar .callback-link .autoPadDiv {text-align: center !important}
#sidebar .callback-link a {text-decoration:none; color:#fff; display:block; width: 100%; height: 100%; text-align: center}
#sidebar .news.sub {border-bottom: 0px dotted #666; border-top: 1px dotted #666;margin-top: 15px;padding-top: 12px; margin-bottom:50px}
#sidebar .news.sub A {display: block; margin:0 0 5px; font-size: 1.1em; padding-left:20px; background: url(submenu.gif) no-repeat 0 8px}
#sidebar .news.sub A.active {color:#747474; text-decoration: none}

#header {position: absolute; top: 0; left: 0; width: 100%; height: 390px; background: url(bg-header.png) repeat-x left bottom}
#header .logo {position: absolute; top: 25px; left: 15px}
#header .pceudo-h1 {position: absolute; top: 48px; left: 300px; color: #37a010; font-size: 1.8em}
#header .pceudo-vcard {position: absolute; top: 35px; right: 15px}
#header .pceudo-vcard .tel {margin: 0 0 7px; padding: 0 0 15px; border-bottom: 1px solid #e5e5e5; color: #37a010; font-size: 1.5em}
#header .pceudo-vcard  SPAN {color: #999; font-size: .8em}
#header .pceudo-vcard  A {margin: 0 0 0 20px; color: #666; font-size: .8em}
#header .pceudo-vcard .picto SPAN {width: 15px; height: 15px; top: 3px; left: -20px; background-position: 0 -20px}
#header .main {position: absolute; width: 100%; height: 40px; top: 130px; left: 0; background: url(bg-nav-main.png) repeat-x; font-size: 0; letter-spacing: -1px}
#header .main LI {padding: 0 2px 0 0; background: url(bg-nav-main-li.png) repeat-y right top; font-size: 16px}
#header .main A {display: block; height: 40px; line-height: 40px; vertical-align: middle; padding: 0 15px; color: #fff; font-size: .95em; text-decoration: none}
#header .main .active A,
#header .main A:hover {background: url(bg-nav-main-a.png) repeat-x}
#header .srv {position: absolute; right: 15px; top: 135px}
#header .srv A {display: block; width: 27px; height: 27px; background: url(icons.png)}
#header .srv .mail A {background-position: -30px 0}
#header .srv .sitemap A{background-position: -60px 0}
#header .srv A:hover {background-position: 0 -30px}
#header .srv .mail A:hover {background-position: -30px -30px}
#header .srv .sitemap A:hover {background-position: -60px -30px}
#header .pic {position: absolute; top: 190px; left: -20px; font-size: 0; letter-spacing: -1px; white-space: nowrap}
#header .pic LI {margin: 0 0 0 20px; font-size: 16px}
#header .pic A {display: block; width: 210px; height: 35px; line-height: 35px; vertical-align: middle; margin: 120px 0 0; padding: 0 10px; background: url(bg-nav-pic-a.png) right top; color: #fff; font-size: .9em; white-space: nowrap; text-decoration: none}
#header .pic .active A,
#header .pic A:hover {background-position: 100% -35px}

#footer {position: relative; clear: both; height: 115px; padding: 30px 160px 0 310px; background: url(bg-footer.png) repeat-x; color: #fff; font-size: .75em}
#footer A {color: #dcff9e}
#footer A:hover {color: #fff}
#footer .pceudo-vcard {position: absolute; top: 30px; right: 20px; text-align: center}
#footer .pceudo-vcard .tel {font-size: 1.3em}
#footer .pceudo-vcard .tel SPAN {font-size: .75em}
#footer .copy {position: absolute; top: 30px; left: 30px}
#footer .copy A {display: block; width: 0; white-space: nowrap}
#footer .nav {clear: both; vertical-align: top}
#footer .nav LI {display: block; margin: 0 0 5px; background: none !important}
#footer .pic {position: absolute; top: 30px; right: 190px; z-index: 1000}
#footer .picto SPAN {top: 7px; background-position: 0 -5px}
#footer .picto A:hover SPAN {top: 7px; background-position: 0 -10px}


/* form */
.form {clear: both}
.form .title {height: 50px; line-height: 50px; vertical-align: middle; margin: 0 !important; background: #7bc11f url(bg-form-title.png) repeat-x left bottom; color: #fff !important; text-align: center}
FORM {width: 200px; padding: 1px 15px 15px; background: #5aa319 url(bg-form.png) repeat-x left bottom}
.formmes form {width: 450px; padding: 0; background: none}
.formmes form input, .formmes form textarea {border: 1px solid #cacaca; font-size: 14px; padding: 5px;margin-bottom: 0; margin-left:0}
.formmes form input#captcha-input {width: 130px; margin-top:10px}
.formmes .img-wrapper {height: 50px; left: 120px; padding: 0; position: absolute; width: 200px;z-index: -1;}
.formmes form input#submit {display: block; width: 135px; height: 80px; line-height: 45px; background: url(submit_green.png); color: #fff; text-shadow: none; border:0; font-size:18px; padding-bottom:32px}

FORM DT {display: none}
FORM DD {margin: 0 0 5px; padding: 0 20px 0 0; line-height:0px}
INPUT {border: 0; background: #fff url(bg-input.png) repeat-x left bottom; color: #333; font: 1em Arial}
INPUT[type="text"] {width: 100%; height: 20px; padding: 5px 10px; line-height: auto; vertical-align: middle; margin-bottom: 3px}
INPUT[type="submit"] {display: block; width: 127px; height: 51px; line-height: 51px; vertical-align: middle; margin: 15px 0 0 40px; background: url(bg-input-submit.png); color: #3c6d14; cursor: pointer; font-size: 1.2em; text-shadow: 1px 1px 0 #fff}
TEXTAREA {width: 100%; height: 100px; padding: 5px 10px; background: #fff url(bg-textarea.png) repeat-x left bottom; border: 0;  resize: none; color: #333; font: 1em Arial}

.errors {color: #f99; list-style: none; margin: 0; padding: 0; font-size: .75em}
.success {color: #333; font-size: .95em}
.text-placeholder {color: #333 !important}


/* special */
.index #carrier {padding-top: 800px}
.index #carrier .extra-bg {top: 765px; left: 0; width: 100%; height: 135px; background: url(bg-extra.png) repeat-x}
.index #header {height: 765px}
.index #header .pic {top: 170px; padding: 400px 0 0; background: url(index/1.jpg) no-repeat 20px 5px}

.project .list {margin: 0 15px !important}
.project .list LI {margin: 0 0 50px}
.project .unit{margin: 0 -15px; padding: 15px; overflow: hidden; background: #e9e9e9}
.project .unit .img {float: left; width: 235px}
.project .unit .img .main {display: block; width: 215px; height: 120px; background: #87b1d1}
.project .unit .img .thumb {margin: 0 0 0 -5px; overflow: hidden}
.project .unit .img .thumb A {display: block; float: left; width: 105px; height: 75px; margin: 5px 0 0 5px; overflow: hidden}
.project .unit .text {overflow: hidden}

.equipo .list {margin: 0 -10px !important; font-size: 0; letter-spacing: -1px}
.equipo .list A {display: inline-block !important; width: 215px; vertical-align: top; margin: 0 0 35px 10px; font-size: 16px}
.equipo .list A .span {display: block; width: 215px; height: 120px; margin: 0 0 5px; font-size: 1.2em}
.equipo .list A .txt {display: none}

.equip .list {margin: 0 -10px !important; letter-spacing: -1px}
.equip .list .el {display: block; clear:both; width: 100%; overflow: hidden; margin-bottom: 35px;}
.equip .list a {display: block !important; vertical-align: top; margin: 0 0 10px 0px; font-size: 18px}
.equip .list .span a {display: block !important; width: 215px; vertical-align: top; margin: 0 0 10px 0px; font-size: 18px}
.equip .list .span {display: block; width: 215px; height: 120px; margin: 0; font-size: 1.2em; float:left;}
.equip .list .txt {float: left; width:445px; margin-left:15px; font-size: 14px; text-align: justify}
#ftitle {text-align: left}

.equip h1 {padding-right:220px}
.equip .list.inner {margin:0 -10px 0 0 !important;}
.equip .list.inner .el {display: block; overflow: hidden; margin-bottom: 35px;width: 215px;margin: 0 10px 20px 0px;float:left;clear:none;}
.equip .list.inner .el.last {margin-right:0}
.equip .list.inner .span {display: block; width: 215px; height:120px; margin: 0 0 7px 0; font-size: 1.2em;}
.equip .list.inner .span a {height:120px;}
.equip #download {position: absolute; right:0; top:5px; padding-left:25px; background:url(word.jpg) no-repeat 0 2px}
.halfmes {width:395px; min-height: 10px; display: block; float: left; margin-right:20px;}
.equip_photo {width:240px; display: block; float: left;}
.equip_photo .pic_230 {margin:0 0 20px 10px}
.equip_photo .pic_70 {margin-left:8px; margin-bottom: 2px; border:1px solid #bcbcbc;}


.fullmes {margin-top:20px;}
.fullmes table {width:100%; font-size:13px}
.fullmes table thead {background:#e9e9e9; color:#666;}
.fullmes table thead td {border:0; font-weight:bold}
.fullmes table td {border:1px solid #e9e9e9;padding:10px 12px}

.fullmes table.lister {width:auto; font-size:14px}
.fullmes table.lister td {padding:0 10px 0 0; border:0}

.post .list {margin: 0 0 0 25px !important}
.post .list LI  {margin: 0 0 15px}
.post .list A {display: block; width: 0; white-space: nowrap}
.post .list .picto SPAN {width: 15px; left: -25px; background-position: 0 -15px}

.news .list {margin: 0 0 0 50px !important}
.news .list LI {position: relative; margin: 0 0 40px}
.news .list A {display: block;}
.news .list SPAN.newsDate {display: block; position: absolute; width: 35px; height: 25px; top: -5px; left: -53px; padding: 13px 10px 0; background: url(bg-news-date.png) no-repeat; color: #595959; font-size: .7em}
.news .list SPAN EM {display: block; color: #298518; font-style: normal}

.contact .list {margin: 0 !important}
.contact .list LI {position: relative; margin: 0 0 15px; padding: 0 0 0 120px}
.contact .list SPAN {display: block; position: absolute; width: 115px; top: 0; left: 0; font-weight: 600;  text-align: right}
.contact .map {width: 100%; height: 230px}

.sitemap #content UL {background: none; margin: 0; padding: 0}
.sitemap #content UL LI {display: block !important; background: none !important}

.post .list LI {display: block !important}


.certificate-list {list-style:none; display: block; overflow:hidden; padding:0;}
.certificate-list li {float:left; margin:0 30px 30px 0}