@import url(shared.css);
@import url(hs.css);

body { background:url(../images/ui/globalBG.png) top center no-repeat; }
#right { float:left; background:#fff; margin:20px -100px 20px -4px; width:778px; min-height:600px; -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.20); -moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.20); box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.20); }
#left { width:230px; float:left; }
#maskWrap { position:relative; margin:-3px 0 0 -35px; }
#mask { background:url(../images/ui/globalMask.png); width:261px; height:187px; position:absolute; top:0; left:0; }
#maskCrop { width:261px; height:187px; overflow:hidden; }
#maskCrop img { width:261px; }
#leftNavigation ul { width:195px; margin:20px 0 0 33px; border:1px solid #d6d6d6; }
#leftNavigation ul li { border-bottom:1px solid #d6d6d6; background:#fff; padding:15px; }
#leftNavigation ul li a { color:#3d4c9c; }
#page { width:710px; padding:20px; color:#4c4c4c; min-height:600px;  }
#page h1 { color:#2a68a3; border-bottom:1px solid #2a68a3; font-size:24px; padding:0 0 10px 0; margin:0 0 20px 0; }
#page h2 { font-size:16px; padding:0 0 10px 0; margin:20px 0 0px 0; }
#page ul li { list-style:inside; }
.otherNews {margin:10px 0 0 0;}
.otherNews li, .list li {background: url("../images/ui/square.png") 0px 6px no-repeat transparent; height: 25px; padding: 0px 10px; list-style:none!important; border-bottom:1px dotted #676767; margin:0 0 10px 0;}
.otherNews li a { color:#676767; }
.otherNews li span {float:right; }
.gal { margin:10px 0; }
.gal li { float:left; width:140px; height:100px; overflow:hidden; margin:0 15px 10px 0; background:#f2f2f3; padding:8px; border:1px solid #e9e9e9; list-style:none!important; }
.gal li img { border:1px dotted #999; width:140px; }
.project { margin:0 0 20px 0; clear:both; }
.project li { clear:both; list-style:none!important; }
.project li span { width:150px; display:block; float:left; font-weight:bold; }
.arrowlistmenu { width:710px }
.arrowlistmenu a { }
.arrowlistmenu .menuheader { color:#4c4c4c; font-size:13px; font-weight:bold; background:#e8e8e8; cursor:pointer; padding:0 0 0 20px; height:40px; margin:0 0 2px 0; line-height:40px; position:relative; }
.arrowlistmenu .openheader { background:#e8e8e8; color:#2a68a3 }
.arrowlistmenu .menuheader span { background:url(../images/ui/arrowUp.png) 0 2px no-repeat; width:20px; height:11px; }
.arrowlistmenu .openheader span { background:url(../images/ui/arrowDown.png) no-repeat; width:13px; height:11px; }
.categoryitems { margin:0; padding:0; list-style-type:none; background:#d7e5f2; padding:10px 20px; }
.categoryitems h3 { background:url(../images/ui/arrow.jpg) 0 5px no-repeat; margin:10px 0 0 0; padding:0 0 0px 20px; font-weight:bold; }
.categoryitems p { padding:0 0 0 20px; font-size:11px; line-height:15px; }
.categoryitems img { width:120px; float:right; border:1px solid #ccc; padding:2px; margin:0 0 10px 10px; }
/* Contact */

#contact h2 { margin:20px 0 0px 0!important; padding:0px 0 5px 0!important; }
#contact-informations { position:relative; }
#contact-informations h2 { color:#707070; margin:15px 0 0px 0; }
#contact-informations ul li { color:#707070; margin:10px 0; list-style:none; }
#contact-informations ul li a { float:left; color:#707070; margin:0 5px; }
#contact-informations ul li a:hover { color:#204902; }
#contact-informations ul li span { color:#707070; font-weight:bold; width:100px; display:block; float:left; }
.contactform { margin:30px 0 0 0; width:600px!important; }
.contactform li { border:none; margin:20px 0; list-style:none!important; }
.contactform li .form-span { margin:5px 0 0 0; width:100px; font-weight:bold; float:left; font-size:13px; color:#666; }
.contactform li .inputxt { background:#f1f1f1; height: 25px; width: 450px; padding:5px 10px; border:1px dotted #ccc; }
.contactform li .txtarea { background:#f1f1f1; border:1px dotted #ccc; resize:none; height:110px; width: 450px; padding:5px 10px; }
.contactform li .btn { background:#f1f1f1; color:#224c66; font-weight:bold; width:129px; height:39px; border:1px dotted #ccc; display:block; cursor:pointer; float:right; margin-right:35px; }
.select-form { width:315px!important; height:30px!important; }
table { border: none; text-align: left; width:710px; }
table a:link, table a:visited, table a:active { background-color: transparent; color: #000; text-decoration: none; }
table a:hover { background: transparent; color: #000000; text-decoration: underline; }
table, td, th { margin: 0; padding: 0; }
tbody td, tbody th { background-color: #f1f1f1; border-bottom: 2px solid #ccc; border-top: 3px solid #FFFFFF; padding: 9px; }
tbody tr.odd th, tbody tr.odd td { background-color: #fff; border-bottom: 2px solid #ccc; }
tbody tr:hover td, tbody tr:hover th { background-color: #d7e5f2; }
td, th { vertical-align: middle; }
tfoot td, tfoot th { font-weight: bold; padding: 4px 8px 6px 9px; }
thead th { font-weight: bold; line-height: 19px; padding: 0 8px 2px 8px; white-space: nowrap; }

.backHistory {width:60px; height:30px; line-height:30px; display:block; text-align:center; color:#fff; background:#2e3192; margin:20px 0; }


#sitemap ul li {background:url(../images/ui/square.png) 0 5px no-repeat; font-weight:bold; padding:0 0 0 20px; margin:10px 0; list-style:none!important; }
.alt {margin:10px 0 0 -20px; }
.alt li {background:url(../images/ui/sub.png) top left no-repeat!important; padding:0 0 0 20px!important; font-weight:normal!important;}
.child {background:url(../images/ui/sub.png) top left no-repeat!important;  padding:0 0 0 20px!important; font-weight:normal!important;}
#sitemap a {color:#676767;}