/* HTML tags */
body {font:0.9em Arial, Helvetica, sans-serif; line-height:1.458em; background:#fff url(../img/body.png) repeat-x 0 0; margin: 0; padding: 0}
a {color:#ec5908; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}
p {font:0.9em Arial, Helvetica, sans-serif; line-height:1.458em; margin-bottom:10px; color:#4d4d4d;}
h1, h2, h3 {color:#234160;}
h1 a, h2 a, h3 a {color:#234160; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h1 a:focus, h2 a:focus, h3 a:focus {text-decoration:underline;} 
h1 {font-size:1.2em; margin-bottom:10px; padding-bottom:10px; width:100%; border-bottom:1px solid #ff7e00;}
h2 {font-size:1.2em; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ff7e00;}
h3 {margin-bottom:5px;}

/* Layout */
#mother {position:relative; margin:0 auto; width:960px;}
#header {height:170px; position:relative; background:url(../img/header.jpg) no-repeat 0 100%;}
#content {}
#col-side {float:left; width:360px; margin-top:223px;}
#col-content {float:right; display:inline; overflow:hidden;}
.front-page {background:url(../img/front-page.jpg) no-repeat 0 0;}
.front-page #col-content {background:url(../img/content-front.png) repeat-x 0 184px; width:520px; margin:40px 0 10px 0; padding:0 40px; }
.sub-page {background:url(../img/sub-page.jpg) no-repeat 0 0;}
.sub-page #col-content {background:#fff url(../img/content-sub.jpg) repeat-x 0 1px; width:450px; margin:0 0 10px 0; padding:0 40px 0 0;}
.post {margin-bottom:30px; overflow:hidden;} 
#footer {background:#EB822A url(../img/footer-bg.png) no-repeat 0 0; height:35px; padding:0 20px;}

/* Header */
#nav-skip {position:absolute; left:-999em; top: 0;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:960px; background:#fff; z-index:10; text-align:center; color:#666;}

#logo {float:left; margin:63px 0 0 0;}

#site-nav {float:right; width:auto; margin-top:20px; font-size:0.8em;}
#site-nav li {float:left; margin-left:10px; border-left:1px solid #666; line-height:1em;}
#site-nav li a {margin-left:10px; padding-left:20px; color:#666; text-decoration:none;}
#site-nav li a:hover, #site-nav li a:focus {color:#ec5908; text-decoration:underline;}
#site-nav li.home {border-left:none;}
#site-nav li.home a {background:url(../img/home.png) no-repeat 0 2px;}
#site-nav li.sitemap a {background:url(../img/sitemap.png) no-repeat 0 3px;}
#site-nav li.print a {background:url(../img/print.png) no-repeat 0 3px;}

#search-box {position:absolute; top:60px; right:1px; width:243px; height:21px;}
#search-box fieldset {border:none; position:relative;}
#search-box input, #search-box select, #search-box label {vertical-align:middle; display:inline-block;}
#search-box input.txt {float:left; color:#666; font-size:12px; height:19px; padding:2px 5px 0 10px; width:193px; border:none; line-height:19px; background:#fff url(../img/search-box.png) no-repeat 0 0;}
#search-box input.submit {float:left; line-height:21px; height:21px; width:35px; color:#fff; border:none; cursor:pointer; font-size:10px; text-indent:-999em; background:url(../img/submit-btn.png) no-repeat 0 0;}
#search-box input.submit:hover, #search-box input.submit:focus {background-position:0 -21px;} 

.nav {margin:0; padding:0; position:absolute; bottom:0; right:0;}
.nav ul {position:absolute; top:-999em; width:150px;}
.nav a {display:block; position:relative; padding:12px 15px; text-decoration:none; line-height:20px; color:#234160;}
.nav li a {background:url(../img/nav-divider.jpg) no-repeat left center;}
.nav li a#first { background:none;}
.nav li:hover {visibility:inherit;}
.nav li {float:left; position:relative; background:#F68A30 url(../img/nav-li.jpg) repeat-x 0 0;}
.nav li:hover ul, .nav li.sfHover ul {left:0; top:44px; z-index:99;}
.nav li:hover li ul ul.nav li.sfHover li ul {top:-999em;}
.nav li:hover, .nav li.sfHover, .nav li.active {background:#F68A30 url(../img/nav-li-active.jpg) repeat-x 0 0;}
.nav ul li {width:100%; background-image:none; font-size:0.9em; border-top:1px solid #D67526;}
.nav ul li a {padding:7px 10px; background:none;}
.nav ul li:hover, .nav ul li a:hover, .nav ul li:focus, .nav ul li a:focus {background:#DE7824;}

/* Content */
#prologue {margin:0 50px 110px 80px; height:120px;}
#prologue h1 {font-weight:bold; margin-bottom:10px; border:none; font-size:1.275em; border-bottom:1px solid #ff7e00;}

#news {position:relative; background:#0F2E43 url(../img/news-bg.jpg) no-repeat 0 0; padding:0 20px 10px 20px; width:320px;}
#news h2 {color:#fff; font-size:1.5em; margin-bottom:20px; border:none;}
#news img {float:left; border:1px solid #636363; margin:0 20px 7px 0; position:relative; z-index:10;}
#news p.heading {font-weight:bold; color:#fff; margin-bottom:5px; font-size:0.9em;}
#news p.heading a {color:#fff;}
#news p.heading strong {display:block; color:#b5c9d6;}
#news p {color:#b5c9d6; font-size:0.8em; margin-bottom:15px;}
#news a {font-weight:bold; color:#fff;}
#news .divider {font-size:1px; height:1px; clear: both; overflow:hidden; display:block; width:100%; background:#13202e; border-bottom:1px solid #304760; margin-bottom:20px;}
#news .cor {position:absolute; bottom:0; _bottom:-1px; width:6px; height:6px; background:url(../img/news-corner.png) no-repeat 0 0; display:block; overflow:hidden;}
#news .L {left:0;}
#news .R {right:0; background-position:-6px 0;}

#contact {width:250px; height:130px; background:url(../img/map.png) no-repeat 0 0; margin:30px 0; padding:45px 0 0 110px;}
#contact table {font-size:0.8em; color:#4d4d4d; text-align:left;}
#contact table tr {line-height:15px;}
#contact table tr .fst {width:60px;}
#contact table h3 {font-size:1.4em; margin-bottom:5px; line-height:25px;} 
#contact table strong {color:#234160; padding-right:20px;}

#breadcrumb, #paging {font-size:0.875em; line-height:1.6em; color:#b5c9d6; background:#1d3346 url(../img/breadcrumb.png) repeat-x 0 0; margin:30px 0; padding:3px 20px;}
#breadcrumb a {color:#b5c9d6; text-decoration:none; font-weight:bold;}
#breadcrumb a:hover, #breadcrumb a:focus, #paging a:hover, #paging a:focus {text-decoration:underline;}
#paging {margin:0 0 30px 0;}
#paging a {color:#b5c9d6; text-decoration:none;}
#paging a.active {font-weight:bold;}

.post .date {color:#234160;}
.post ul {font-size:0.9em; color:#4d4d4d; margin:15px 0 20px 15px;}
.post ul li {list-style:circle;}
.post table {font-size:0.9em; color:#4d4d4d; margin:15px 0 15px 1px;}
.post table th, .post table td {padding:0 8px; border:1px solid #D2C7B9;}
.post table th {background:#E9E4DC;}

.photo {float:left; margin:0 20px 5px 0;}
.photo p {margin:0; padding:0; line-height:0;}
.photo img {display:block; border:1px solid #d2c7b9; padding:5px;}
.photo a {display:block; text-decoration:none;}
.photo a span {display:block; cursor:pointer; text-decoration:none; width:156px; height:100%; margin:4px 0 0 0; padding:3px 5px; overflow:hidden; background:#1f374d; line-height:1.458em; color:#b5c9d6; border:1px solid #dacebf; text-align:center;}
#photogallery {margin:40px 0 0 0; overflow:hidden;}
#photogallery .photo {margin:0 0 10px 0;}
#photogallery .center {margin:0 26px 10px 26px;}
#photogallery .photo a span {width:120px;}

#atts {margin:40px 0 0 0; overflow:hidden;}
#atts p {float:left; width:200px; margin:0 0 25px 0; cursor:pointer; display:block;}
#atts p.snd {margin-left:40px; margin-right:0; _margin-left:20px;}
#atts p a {position:relative; display:block; width:155px; padding:3px 0 0 5px; height:45px; margin-left:60px; color:#b5c9d6; line-height:14px; text-decoration:none; background-color:#1f374c;}
#atts p a:hover, #atts p a:focus, #atts p a:focus  {text-decoration:none; background-position:0 -48px;}
#atts p a span.type {display:block; height:15px; color:#83b0cd; position:absolute; bottom:0; left:0; background-color:#fff; width:160px;}
#atts p a .ico {position:absolute; top:0; left:-60px; width:48px; height:48px; cursor:pointer;}
#atts .xls {background:url(../img/att/xls.png) no-repeat 0 0;}
#atts .xlsx {background:url(../img/att/xlsx.png) no-repeat 0 0;} 
#atts .doc {background:url(../img/att/doc.png) no-repeat 0 0;}
#atts .docx {background:url(../img/att/docx.png) no-repeat 0 0;}
#atts .ppt {background:url(../img/att/ppt.png) no-repeat 0 0;}
#atts .pptx {background:url(../img/att/pptx.png) no-repeat 0 0;}
#atts .pdf {background:url(../img/att/pdf.png) no-repeat 0 0;}
#atts .rtf {background:url(../img/att/rtf.png) no-repeat 0 0;}
#atts .zip {background:url(../img/att/zip.png) no-repeat 0 0;}
#atts .jpg {background:url(../img/att/jpg.png) no-repeat 0 0;}
#atts .mp3 {background:url(../img/att/mp3.png) no-repeat 0 0;}
#atts .att {background:url(../img/att/att.png) no-repeat 0 0;}  

#atts .xls:hover, #atts .xls:focus, #atts .xlsx:hover, #atts .xlsx:focus, #atts .doc:hover, #atts .doc:focus,
#atts .docx:hover, #atts .docx:focus, #atts .ppt:hover, #atts .ppt:focus, #atts .pptx:hover, #atts .pptx:focus,
#atts .pdf:hover, #atts .pdf:focus, #atts .rtf:hover, #atts .rtf:focus, #atts .zip:hover, #atts .zip:focus,
#atts .jpg:hover, #atts .jpg:focus, #atts .mp3:hover, #atts .mp3:focus, #atts .att:hover, #atts .att:focus 
{background-position:0 -48px;}

.form {background:#0F2E43 url(../img/form-bg.jpg) no-repeat 0 0; position:relative; padding:45px 20px 30px 20px; margin:30px 0 0 0; width:410px;} 
.form label {float:left; width:135px; font-size:0.9em; padding-left:10px; line-height:16px; color:#b5c9d6; height:30px;}
.form input {float:left; width:250px; height:18px; background:#fff url(../img/input.png) no-repeat 100% 0; padding:2px 5px; border:none; font-size:0.9em; color:#333; position:relative; z-index:1; margin:0 0 15px 0;}
.form .divider {font-size:1px; height:1px; clear: both; overflow:hidden; display:block; width:100%; background:#13202e; border-bottom:1px solid #304760; margin:7px 0 13px 0;}
.form input#code {margin-left:30px; width:130px;} 
.form .code {z-index:1; float:left; margin:1px 0 20px 0;}
.form textarea {width:250px; height:80px; padding:7px 5px 5px 5px; border:none; font-size:0.9em; background:#fff url(../img/textarea.png) no-repeat 100% 0; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#333;}
.form p.required-text {float:left; font-size:0.8em; line-height:30px; color:#b5c9d6; margin:0;}
.form .submit-btn {float:right; width:140px; height:30px; padding:0; background:url(../img/submit.png) no-repeat 0 0; cursor:pointer; color:#b5c9d6; margin:0 5px 0 0;}
.form .submit-btn:hover, .form .submit-btn:focus {color:#ec5908;}
.form .required {font-weight:bold;}
.form .warning {background:url(../img/warning.png) no-repeat 100% 50%;} 
.form p.error {position:absolute; top:5px; left:25px; background:url(../img/error.png) no-repeat 0 50%; padding:0 0 0 25px; color:#D44D24; font-weight:bold; z-index:10;}
.form p.success {position:absolute; top:5px; left:25px; background:url(../img/success.png) no-repeat 0 50%; padding:0 0 0 25px; color:#A2B684; font-weight:bold; z-index:10;}
.form .cor {position:absolute; bottom:0;width:6px; height:6px; background:url(../img/news-corner.png) no-repeat 0 0; display:block; overflow:hidden;}
.form .L {left:0;}
.form .R {right:0; background-position:-6px 0;}

.sitemap li ul {margin:5px 0 10px 15px}

.contactTable {margin-top:0!important;}
.contactTable th, .contactTable td {border:none!important; padding:0 8px 0 0!important;}

/* Footer */
#footer p {line-height:35px; color:#fdd4ac; margin:0;}
#footer a {font-weight:bold; text-decoration:none; color:#fdd4ac;}
#footer a:hover, #footer a:focus {text-decoration:underline;}
#footer p strong {color:#fff;}

/* EU COOKIE, 2017-02-17 */
div.eu-cookies {position: fixed; left: 0; bottom: 0; width: 100%; color: rgb(255, 255, 255); background: rgba(255, 126, 0, 0.9) ; z-index: 1000; padding: 4px 0 5px 0; font: 0.75em/normal Arial, Helvetica, sans-serif;text-align: center;}
div.eu-cookies button {background: rgb(29, 51, 70); color: rgb(255, 255, 255); font: 0.875em/normal Arial, Helvetica, sans-serif; border: 0; padding: 3px; margin: 3px 0 3px 15px; border-radius: 2px; cursor: pointer;}
div.eu-cookies button:hover {color: rgb(29, 51, 70); background: rgb(255, 255, 255);}