@charset "UTF-8";
/* CSS Document */
a {outline:none}
*{margin:0; padding:0;}

body {background:url(../images/body.jpg) repeat-x left top #3B5018; color:#666666; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.wrapp {width:942px; margin:0px auto; background:url(../images/tot-sus.jpg) no-repeat center 11px; padding-bottom: 50px;}
h1 {height:36px; color:#401300 ; text-align:left; padding: 35px; background:url(../images/icon.gif) no-repeat 35px 25px;}
h1 a small {font-size: 18px; padding-left: 70px; line-height: 16px!important}
h1 a, h1 a:hover {color:#401300; padding-left: 70px; text-decoration:none; line-height: 24px}
.content {background:url(../images/tot.jpg) repeat-y right top; float:left;}

/* Left column */
.left {width:264px; background:#e3d88c url(../images/top-lm.jpg) no-repeat left top; float:left; padding-top:55px;}
.left .wrappMeniu {float: left; width: 264px; background:transparent url(../images/bottom-lm.jpg) no-repeat left bottom; padding-bottom: 50px}
.left ul li a {font-weight:bold}
.left ul, .left ul li  {list-style:none; }
.left a {font-weight:bold}

 a.head {color:#5c7238; text-decoration: none; width: 264px; height: 24px; line-height:24px;  display:block; font-size:12px;}
 a.head:hover {text-decoration:none}
 a.headselected {color:#842802; text-decoration: none; background:url(../images/mover.jpg) repeat-y center top; text-decoration: none; width: 264px; height: 24px; line-height:24px;  display:block; font-size:12px;}
ul.meniu li {background:url(../images/bm.gif) no-repeat center bottom; padding: 1px 0 10px 0; width: 264px; margin-left:0px!important}
ul.meniu li:last-child, ul.meniu li.last { background:none}
ul.meniu {width: 264px; background:url(../images/r-lm.jpg) repeat-y left top;}

ul.sub {width: 220px; background:url(../images/mover.jpg) repeat-y center top; padding-bottom: 10px; margin-left: 20px; display:none;}
ul.sub li {background:none!important;  margin-left:0px; padding: 2px 0 !important; width:220px; }
ul.sub li a {color:#5c7238; text-decoration: none; font-size:11px; height:14px; line-height:14px; display:inline!important}
ul.sub li a:hover {color:#842802; text-decoration: none; font-size:11px}
 ul.sub li a.subselected {color:#842802; text-decoration: none; font-size:11px}

/* Common */
a {color:#5c7238; text-decoration:none}
a:hover {color:#842802; text-decoration:underline}
 
p {font-size:12px; margin:4px 0; line-height: 17px; text-align:justify;}
p:after {height:20px;}
p a {font-weight:bold;}
 
.contact p {font-size:15px; font-weight:bold; margin: 18px 0 8px 0; color:#842802; line-height:16px;}
.contact p:after {height:20px;}
.contact p a {font-weight:bold;}

h3 {font-size:15px; font-weight:bold; margin: 18px 0 8px 0; color:#842802; line-height:16px; }
h2 {font-size:24px; font-weight:bold; margin: 10px 0 8px 0;  color:#842802}

img.border {border:4px solid #e3d88c; margin: 5px 0;}

/* Main  */

.main, .header { float:right; text-align:left}
.main {width:644px; background:#fff; padding:16px;}
.main .ingust { width: 305px; margin:15px 10px 0 0px; float: left;}
.main .ingust p {margin: 10px 0; font-size:11px; clear: both}

div.breadcrumb {width:642px; float: left; background:#ece6cc; padding:14px 14px 14px 22px; color:#842802; font-size:11px; text-align:left;}

/* Main - galerie */

ul.galerie {list-style: none; margin-left:100px}
ul.galerie li {float: left; margin-right: 10px;}
ul.galerie li a {display:block; width: 200px; height: 180px; background:url(../images/chenar_galerie.gif) no-repeat -202px top; text-align:center; padding:34px 0;}
ul.galerie li a:hover {background:url(../images/chenar_galerie.gif) no-repeat left top; text-decoration:none}
ul.galerie li a img {width:120px; height: 120px; margin: 5px 0; border:1px solid #e3d88c;}
ul.galerie li a span {display:block; padding: 10px 20px; font-size: 11px; width: 160px;}
table tr td {padding: 4px 4px 4px 4px;}
ul.list {clear: both; margin-left:50px;text-align:justify;}
ol.list {clear: both; margin-left:50px;text-align:justify;}
ul.list li {font-size:12px; line-height:17px;}
ol.list li {font-size:12px; line-height:17px;}
/* Main - chenar imagine */

span.imageWrapp {background:url(../images/im_left_top.gif) no-repeat left top; padding: 20px 0px 0px 8px; bord/er:1px solid red; float: left; margin: 0px 7px -6px -7px;  font-size:11px;}
span.imageWrapp span {float:left; background:url(../images/im_right_bottom.gif) no-repeat right bottom; padding: 10px 18px 26px 10px;  bord/er:1px solid black }
span.imageWrapp span img {margin: 0px 0px 5px 0px; border:1px solid #e3d88c;}
span.imageWrapp span:after {content:inherit; clear:both;}
span.imageWrapp span a:hover img {margin: 0px 0px 5px 0px; border:1px solid #D0C182;}


/* formular */

input { border:none; background-color: none; padding: 8px 18px!important;  font-size: 11px;  font-family: Arial, Helvetica, Sans-Serif;}
textarea {border:none!important; background-color: none!important; padding: 8px 18px!important; font-size: 11px;  font-family: Arial, Helvetica, Sans-Serif;}
.form-validate input {background:url(../images/input.gif) no-repeat left -1px; width: 380px; height: 18px; overflow: hidden; padding: 5px;}
.form-validate input.on {background:url(../images/input.gif) no-repeat left -34px; width: 380px; height: 18px; overflow: hidden; padding: 5px;}
.form-validate textarea {background:url(../images/textarea.gif) no-repeat left -215px; width: 380px; height: 197px; overflow: hidden; border:none; background-color: none; padding: 5px;}
.form-validate textarea.on {background:url(../images/textarea.gif) no-repeat left -1px; width: 380px; height: 197px; overflow: hidden; border:none; background-color: none; padding: 5px;}
.form-validate input.submit {background:url(../images/submit.gif) no-repeat left -1px; width: 166px; height: 28px; text-align: center; font-weight: bold;}
.form-validate input.submitOn {background:url(../images/submit.gif) no-repeat left -34px; width: 166px; height:28px; text-align: center; cursor:pointer; font-weight: bold;}
.form-validate label {width: 520px; float: left; clear:left}
.form-validate  p {margin: 10px 4px 0px 4px; float: left; clear: left; }

/* Footer */

div.footer {width:100%; height: 260px;padding-top: 30px;  background:url(../images/footer.jpg) repeat-x left top;}
div.footer a {color:#aaa565; text-decoration:none}
div.footer a:hover {color:#e3d88c; text-decoration:none}

div.logos {width:942px; margin: 0px auto 10px auto; color:#aaa565; padding-bottom: 10px }
div.logos p {padding:20px 10px; float: left; clear: left; width: 110px; text-align:right; height: 64px; font-size: 18px; line-height: 64px;}
div.logos ul {float: right; list-style:none; width: 800px}
div.logos ul li {float:left; width:255px; padding: 5px; text-align:left; }
div.logos ul li a {cursor:pointer; width: 255px; height: 110px; background:url(../images/chenar_footer.gif) no-repeat left top; display:block; overflow:hidden; vertical-align:middle}
div.logos ul li a:hover {width: 255px; background:url(../images/chenar_footer.gif) no-repeat left -112px; display:block; overflow:hidden}
div.logos ul li a img {float: left; margin: 24px 24px 20px 16px; border:none; vertical-align:middle}
div.logos ul li a span {display:block; padding:45px 0; float: left; width: 150px; font-size: 11px;}

div.bottom {width:100%; background:#373c10; clear: both; padding: 5px}
div.bottom ul.links {width: 650px; margin: 0px auto;}
div.bottom ul.links li {display:inline!important; padding: 0px 10px!important;  border-left:1px solid #747644; border-right:1px solid  #747644; margin-left:-6px!important; height:12px!important; background:#373C10}
div.bottom ul.links li a {font-size:12px; }

div.bottom p.copy {width: 100%; text-align:center; background:#373c10; padding:3px 0px 10px 0; color:#747644}