* { padding: 0; margin: 0; }
body { background: #0D161A url('../images/pattern_hugo.jpg'); color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
a { color: #FFC52F; }
p { margin-top: 20px; }
h2 { margin-bottom: 20px; }
body.portfolioDetail { overflow: hidden; }
img { -ms-interpolation-mode: bicubic; }

h1.logo { display: block; position: absolute; left: 28px; top: 14px; z-index: 100; margin: 0; }
h1.logo a { background: url('../images/logo-mini.png'); width: 126px; height: 38px; display: block; }
h1.logo span { display: none; }
h1.logo small { display: none; }
body.home h1.logo { display: block; position: absolute; top: 50%; left: 50%; margin-left: -227px; margin-top: -95px; }
body.home h1.logo a { background: url('../images/logo.png'); width: 455px; height: 189px; }
.zlute { color: #FFC52F; }
.nadpis { color: #12262F; background: #FFC52F; font-size: 11px; font-weight: normal; display: inline; text-transform: uppercase; padding: 0 2px; }
.odsadit { margin-left: 20px; }
#content ul { margin-left: 20px; list-style-image: url('../images/bullet.png'); }
textarea.content { width: 480px; height: 600px; }
.clear { clear: both; }
.hidden { display: none; }

#menu { position: absolute; top: 0; left: 0; width: 100%; height: 54px; z-index: 20; overflow: hidden; font-size: 11px; }
body.portfolioDetail #menu[id] { background: url('../images/alpha-pixel.png'); }
#menu ul { list-style: none; margin: 35px 0 0 230px; width: 470px; float: left; display: inline; }
#menu ul li { float: left; display: inline; }
#menu ul a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; margin-right: 20px; }
#menu ul a:hover { background: #FFC52F; color: #000000; }
#menu form { width: 200px; margin: 18px 0 0 20px; float: left; display: inline; }
#menu form input { width: 200px; background: #0B171A; border: 1px solid #BF9423; color: #FFFFFF; }
#menu #languageSwitch { float: right; margin-right: 20px; line-height: 15px; margin-top: 35px; text-decoration: none; color: #FFFFFF; }
#menu #languageSwitch:hover { color: #12262F; background: #FFC52F; }

#content { margin: 0 0 0 26px; width: 470px; padding: 154px 0 100px 0; }
#segments { background: url('../images/segments.png'); width: 137px; height: 34px; float: right; display: inline; margin: 12px 12px 0 0; }
#mainImage { position: absolute; top: 0; left: 0; }
#mainImageContainer { visibility: hidden; position: absolute; top: 0; left: 0; z-index: -2; overflow: hidden; width: 100%; height: 100%; }
body.portfolioDetail #allBlocks { display: block; visibility: visible; }
.block { background: #000000; width: 26%; height: 26%; z-index: 5; }

#portfolio { margin: 170px 0 0 30px; }
#portfolio .item { float: left; display: inline; width: 143px; height: 150px; margin-right: 65px; font-size: 11px; margin-bottom: 60px;  }
#portfolio .item div.fixHeight { height: 111px; }
#portfolio .item div.border { background: none; padding: 0; margin: 0; float: left; display: inline; }
#portfolio .item p { text-transform: uppercase; margin: 10px 4px 0 4px; }
#portfolio .item a.link { border: none; margin: 4px; display: block; }
#portfolio .item img { border: none; padding: 0; margin: 0; display: block; }

a.next { background: url('../images/arrow-right.png'); width: 47px; height: 74px; z-index: 30px; display: block; position: absolute; top: 48%; right: 10px; }
a.prev { background: url('../images/arrow-left.png'); width: 47px; height: 74px; z-index: 30px; display: block; position: absolute; top: 48%; left: 10px; }
a.next:hover { background-position: 0 -74px; }
a.prev:hover { background-position: 0 -74px; }
a.next span, a.prev span  { display: none; }
a#infoButton { background: url('../images/info.gif'); width: 16px; height: 16px; float: left; display: inline; margin-right: 10px; display: none; }
a#infoButton span { display: none; }

#infoBox { z-index: 20px; position: absolute; top: 64px; right: 10px; cursor: move; width: 400px; z-index: 15; }
#infoBox[id] { background: url('../images/alpha-pixel.png'); }
#infoBox table { margin: 5px 0 5px 0; clear: both; }
#infoBox table td { padding: 2px 5px; }
#infoBox a.close { float: right; display: inline; background: url('../images/close-icon.png'); width: 17px; height: 17px; cursor: pointer; }
#infoBox a.close span { display: none; }
#infoBox div p { margin: 0; }
#infoBox div.shortText { margin: 0; }
#infoBox div.fullText { margin: 0; display: none;}

#photoInfoBox { position: absolute; left: 0; bottom: 0; padding: 7px 30px; z-index: 15; }
#photoInfoBox[id] { background: url('../images/alpha-pixel.png'); }

#photoThumbs { position: absolute; left: 30px; bottom: 40px; height: 75px; } 
#photoThumbs .smallItem { float: left; display: inline; width: 96px; height: 67px; margin-right: 15px; }
#photoThumbs .smallItem div.fixHeight { height: 70px; }
#photoThumbs .smallItem div.border { background: none; padding: 0; margin: 0; display: inline; float: left; }
#photoThumbs .smallItem div.active { background: #FFC52F; }
#photoThumbs .smallItem p { text-transform: uppercase; margin: 10px 0 0 0; }
#photoThumbs .smallItem a.image { border: none; margin: 4px; display: block;  }
#photoThumbs .smallItem img { border: none; padding: 0; margin: 0; display: block; }

#contentAdmin { margin: 100px 0 0 20px; }
#infoBoxAdmin { width: 600px; }
#infoBoxAdmin[id] { background: url('../images/alpha-pixel.png'); }
#infoBoxAdmin table.form { margin: 5px 0 5px 0; clear: both; }
#infoBoxAdmin table.form td { padding: 2px 5px; }
#infoBoxAdmin td.wysiwyg td { padding: 0; }
input.text { border: 1px solid #FFC52F; background: #000000; width: 400px; color: #FFC52F; }
input.submit { border: 1px solid #FFC52F; background: #FFC52F; color: #000000; }
a.submit { border: 1px solid #FFC52F; background: #FFC52F; color: #000000; text-decoration: none; font-size: 14px; }
select.select { border: 1px solid #FFC52F; background: #000000; width: 400px; color: #FFC52F; }

div.articleListItem { margin-bottom: 40px; }
div.articleListItem a.follow { font-size: 10px; text-decoration: none; }
div.articleListItem a.follow:hover { color: #12262F; background: #FFC52F; }

div.articleDetail .info { margin-bottom: 20px; font-size: 11px; }
div.articleDetail .perex { margin-bottom: 20px; font-weight: bold; }

div.articleEdit .perex { margin-bottom: 20px; font-weight: bold; }
div.articleEdit textarea.textarea { width: 500px; height: 200px; background: #000000; border: 1px solid #FFC52F; color: #FFC52F; }
div.articleEdit textarea.wysiwyg { width: 600px; height: 600px; }

#loader { z-index: 20000; width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; background: #0A2333; opacity: 0.6; display: none; }
#loader div { width: 32px; height: 32px; margin-left: 16px; margin-top: 16px; background: url('../images/ajax-loader.gif'); }
#detailContainer a.hidden { display: none; }
.adminEdit { position: absolute; margin-top: -16px; margin-left: 20px; }

div.message { margin: 20px 0; }
div.message .info { color: #FFC52F; }
div.message .text { margin: 0; font-size: 0.9em; color: #e0e0e0; }

div.reply { margin-top: 40px; } 
div.reply input.name { width: 200px; padding: 2px 0; color: #FFFFFF; background: url('../images/alpha-pixel.png'); display: block; border: none; } 
div.reply textarea.text { width: 460px; margin: 3px 0; color: #FFFFFF; background: url('../images/alpha-pixel.png');  height: 100px; clear: both; border: none; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }