@charset "utf-8";
body {margin: 0; padding: 0; width: 100%; background: #f67a28 url(images/back.png) repeat-x;/*f86808*/ font: normal 12px Arial, Helvetica, sans-serif;}
html {padding: 0; margin: 0;}

.main {margin: 0 auto; padding: 0;}
.resize {width: 960px; padding: 0; margin: 0 auto;}
/********** header **********/
.header_resize {margin: 0; padding: 0;}
.header {width: 960px; padding: 0; margin: 0 auto;}
.header_name {margin: 0; padding: 0; background: url(images/back-body.png);}
.header_name_resize {width: 960px; margin: 0 auto; padding: 0;}
.header_name_resize h2 {color: #f9faf7; line-height: 1.8em; font-size: 18px; padding: 10px 0; margin: 0;}
.header_name_resize h1 {color: #f9faf7; line-height: 1.8em; font-size: 30px; padding: 20px 0; margin: 0;}
.header_name_resize h1.uvodni {padding-bottom: 0;}
.header_name_resize img  {float: right; padding: 20px 0 0 0; margin: 0;}
a img {border: 0;}
/* logo */
.logo {padding: 0; margin: 0; width: 300px; float: left;}
/*menu*/
.menu {padding: 0; margin: 0; float: right; height: 50px;}
.menu ul {text-align: center; padding: 0; margin: 0 auto; list-style: none; height: 50px;}
.menu ul li {float: left; margin: 0; padding: 0; border: 0;}
.menu ul li a {float: left; margin: 0; padding: 19px 14px 12px; height: 19px; color: #656257; text-decoration: none; font-size: 14px; background: url(images/back-menu-lighter.png)}
.menu ul li a:hover {color: #fff; background: url(images/back-menu.png);}
.menu ul li a.active {color: #fff; background: url(images/back-menu-darker.png); font-size: 16px; height: 24px;
border-bottom-left-radius: 6px; -moz-border-bottomleft-radius: 6px; -webkit-border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px; -moz-border-bottomright-radius: 6px; -webkit-border-bottom-right-radius: 6px;}

/* body
   .body_resize  {background: url(images/back-body.png); padding: 15px; width: 930px; margin: 0 auto;}
*/
.body_resize  {width: 960px; margin: 0 auto;}
.body {padding: 0; margin: auto 0; border-top: none; color: #515151;}
.body h3 {margin: 15px 0 0;}
.body h2 {font: bold 18px; color: #656257; padding: 5px 0; margin: 15px 0 0;}
.body h1 {font: bold 30px; color: #656257; padding: 5px 0; margin: 25px 0 0;}
.body p {font: normal 12px; color: #515151; line-height: 1.8em; padding: 3px 0; margin: 0;}
.body p span {color: #1d8aae; font: normal 14px; line-height: 1.8em; padding: 5px 0; margin: 0;}
.body a {color: #1f92b3; text-decoration: none;}
.body img, .miniatura {float: left; margin: 10px 15px 5px 0px; padding: 0;}
.body img.floated {float: right; margin: 5px 20px; padding: 0;}
.body blockquote {font: normal 11px; font-style: oblique; padding-left: 50px; margin-left: 0; width: 560px; height: 50px; vertical-align: middle; color: #a0a0a0; line-height: 1.8em; background: url(images/test.gif) no-repeat;}
.right {width: 450px; margin: 10px 5px 10px 0; padding: 0 10px; float: right;}
.body .right {width: 700px; margin: 0 5px 10px 0; padding: 0 20px 15px; float: left; background: #fff url(images/back-body-left.png) repeat-y top left;}
.right.wide {width: 920px;}
.body .right .text {width: 500px; float: left;}
.body .right .text ul {padding-left: 20px;}
.body .right.wide .text {width: 720px;}
.body .right.wide .text-image p {width: 55%; float: left; margin-right: 90px;}
.body .right .text-image p {width: 35%; float: left; margin-right: 50px;}
.body .right ol li, .body .right ul li {line-height: 160%;}
.body .right ul ul {margin-bottom: 15px;}
.body .right strong {color: #5d96a7;}
.left {width: 375px; margin: 10px 8px 10px 0; padding: 0 10px; float: left;}
.body .left {width: 210px; margin: 0 0 10px 0; padding: 0; padding-left: 5px; float: left;}
.body .left .box {width: 100%; float: left;}
.body .left .box h2 {font: bold 18px; color: #656257; padding: 5px 0; margin: 50px 0 0 5px; float: left;}
.body .left.menu-left .box h2 {color: #fff; margin: 0 0 0 5px;}
.body .left .box p {float: left; background: url(images/p-back.png) no-repeat; padding-left: 10px;}
.body .left a {color: #fff;}
.body .left ul {float: left; width: 100%; padding: 0;}
.body .left ul li {display: block; padding: 0; border-bottom: 1px solid #d8cfb0; line-height: 150%;}
.body .left ul li:first-child {border-top: 1px solid #d8cfb0;}
.body .left ul li:hover {background: url(images/back-hover.png);}
.body .left ul li.active {background: url(images/back-hover-darker.png);}
.body .left ul li a {display: block; background: url(images/list-icon2.png) 0 0 no-repeat; padding: 10px 0 10px 15px; font-weight: bold; text-transform: uppercase; color: #656257;}
.body .left ul li.active a {color: #fff; background-position: 0 -75px;}
.body .left ul li a:hover {color: #fff; background-position: 0 -75px;}
.body .left img {width: 210px; height: auto;}
.body .menu-left {width: 190px; padding: 0; margin: 0px 20px 0 -20px; /*background: #000;*/ float: left;}
.body .menu-left ul {margin: 0;}
.body .menu-left ul li {/*background: #fff;*/padding-left: 5px;}  
.body .menu-left ul li a {color: #fff; background-position: 0 -75px;}  
.body .menu-left ul li:first-child {border-top: 0;}
.port {width: 270px; margin: 0; padding: 10px 20px; float: left;}
.port img.port {margin: 10px 0; padding: 0;}
/* FBG */
.FBG_resize {background: #1f92b3; margin: 0; padding: 0;}
.FBG {margin: 0 auto; padding: 10px 0; width: 960px;}
.FBG p {font: normal 11px; line-height: 1.8em; padding: 5px 5px; margin: 0;}
.FBG p span {font: bold 14px;}
.FBG img {float: left; margin: 5px; padding: 0;}
.index {width: 225px; float: left; margin: 10px 0 10px 20px; color: #000;}
.index:first-child {margin-left: 0;}
.index h2 {padding: 15px; padding-top: 20px; margin: 0; background: #fff; color: #656257;
  border-top-right-radius: 6px; -moz-border-topright-radius: 6px; -webkit-border-top-right-radius: 6px;
  border-top-left-radius: 6px; -moz-border-topleft-radius: 6px; -webkit-border-top-left-radius: 6px;}
.index p {font: normal 12px; color: #515151; line-height: 1.8em; padding: 3px 0; margin: 0; padding-left: 10px; background: url(images/p-back.png) no-repeat;}
.index div {padding: 15px;
  border-bottom-right-radius: 6px; -moz-border-bottomright-radius: 6px; -webkit-border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; -moz-border-bottomleft-radius: 6px; -webkit-border-bottom-left-radius: 6px;}
.index a {color: #fff;}
.index a:hover {color: #fff; text-decoration: none;}
/********** contact form **********/
#contactform {margin: 0; padding: 5px;}
#contactform * {color: #605f5f;}
#contactform ol {margin: 0; padding: 0; list-style: none;}
#contactform li {margin: 5px 0; padding: 0; background: none; border: none; display: block; clear: both; height: 30px;}
#contactform li.buttons {margin: 5px 0; clear: both;}
#contactform label {margin: 0; width: 100%; padding: 5px 0; color: #605f5f; font: normal 11px Arial, Helvetica, sans-serif; float: left; clear: both;}
#contactform label span {color: #605f5f;}
#contactform input.text {width: 200px; border: 1px solid #d2d2d2; margin: 0 20px 0 0; padding: 5px; height: 16px; background: #f2f2f2; float: left;}
#contactform textarea {width: 250px; border: 1px solid #d2d2d2; margin: 0 20px 0 0; padding: 5px; background: #f2f2f2; float: left;}
#contactform li.buttons input {padding: 3px 0 3px 0px; margin: 10px 0 0 0; border: 0; color: #FFF; float: left;}

/*************footer**********/
.footer_resize {width: 950px; margin: 0 auto; padding: 2px 10px;}
.footer {padding: 10px 0;  margin: 0;}
.footer p {font: normal 11px  Arial, Helvetica, sans-serif; color: #fff;}
.footer a {font: normal 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 5px; margin: 0;}
.footer p.leftt {text-align: left; width: 50%; margin: 0; padding: 10px 0 5px 0; float: left;}
.footer p.rightt {text-align: right; width: 30%; margin: 0; padding: 10px 0 5px 0; float: right;}

p.clr, .clr {clear: both; padding: 0; margin: 0; background: none;}
li.bg, .bg {float: right; clear: both; border-top: 1px solid #ececec; width: 100%; padding: 0; margin: 5px 0; background: none; line-height: 0;}

ul.galerie {width: 880px; float: left; margin: 10px 0; list-style: none; padding: 0;}
ul.galerie li {float: left; width: 164px; height: 146px; padding: 0; margin: 5px 0; margin-left: 14px; display: inline;}
ul.galerie li:first-child {margin-left: 0;}
ul.galerie li .block {width: 164px; height: 146px; font-size: 1em;}
ul.galerie li .block p {width: 164px; text-align: center;}
ul.galerie li .block a {width: 152px; height: 114px; border: 1px solid #e6e6e6; background: #fff; display: block; padding: 5px; margin: 0; overflow: hidden;}
ul.galerie li .block a:hover {border-color: #b6b6b6;}
ul.galerie li .block a span {width: 152px; height: 114px; display: block; padding: 0; margin: 0; overflow: hidden;}
ul.galerie li .block .thumbnail {margin: 0 auto; display: block; -ms-interpolation-mode: bicubic; height: 114px; width: auto;}

a.miniatura {border: 1px solid #e6e6e6; background: #fff; display: block; padding: 5px; overflow: hidden;}
a.miniatura:hover {border-color: #b6b6b6;}
a.miniatura span {display: block; padding: 0; margin: 0; overflow: hidden;}
a.miniatura img {margin: 0 auto; width: 152px; display: block; -ms-interpolation-mode: bicubic;}
a.miniatura, a.miniatura span {width: 152px; height: 114px;}


a.miniatura.bigger, a.miniatura.bigger span {width: 200px;}
a.miniatura.bigger.uvod, a.miniatura.bigger.uvod span {height: 296px;}
a.miniatura.bigger.uvod img {width: 200px; height: 296px;}
a.miniatura.bigger.profil img {width: 200px;}     
a.miniatura.bigger.profil, a.miniatura.bigger.profil span {height: 266px;}