html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset { margin: 0; padding: 0; border: 0; }
body { font: 80%/2 "trebuchet ms", tahoma, verdana, sans-serif; background: white url('images/back.png') repeat-x; color: #505050; text-align: center; border-top: 8px solid #575757; }

hr { visibility: hidden; clear: both; }
.noscreen { display: none; }

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }



.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

h1, h2, h3 { position: relative; overflow: hidden; line-height: 16px; }
h1 span, h2 span, h3 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('images/images.png'); }

h1 strong { font-size: 50%; font-weight: normal; }

h2.contact-form { width: 195px; height: 26px; left: 5px; margin: 30px 0 20px 0; color: white; }
h2.contact-form span { background: url('images/kontaktni-formular.png'); }

h3.co-nabizim { width: 86px; height: 16px; }
h3.co-nabizim span { background: url('images/co-nabizim.png'); }

h3.co-necekejte { width: 106px; height: 19px; color: white; }
h3.co-necekejte span { background: url('images/co-necekejte.png'); }

div.headingBack1, div.headingBack2 { padding: 8px 8px 8px 15px; margin: 20px 0 8px -20px; _margin-left: 0; position: relative; }
div.headingBack1 { background: #39bffe; }
div.headingBack2 { background: #6c6c6c; }

div.headingBack1 div.right, div.headingBack2 div.right { position: absolute; right: -9px; top: -12px; width: 9px; height: 46px; }
div.headingBack1 div.right { background: url('images/headingBack1right.png'); }
div.headingBack2 div.right { background: url('images/headingBack2right.png'); }

#page { text-align: left; width: 890px; margin: auto; background: -white; padding-top: 58px; }

#header { margin: 0 25px 60px; position: relative; }
#header h1 { color: #505050; font-weight: normal; float: left; width: 323px; height: 62px; overflow: hidden; position: relative; line-height: 0.9em; }
#header h1 span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('images/logo.png') }
#header h1 div { font-size: 50%; }

#header #login { color: #959595; font-size: 90%; position: absolute; right: 0; top: -40px; }

#info { float: right; width: 400px; }
#info span, a { color: black; }

#thumbnails { width: 890px; }

#thumbnails .thumbnail { float: left; width: 270px; height: 235px; margin: 12px; margin-bottom: 20px; display: inline; opacity: 0.6; filter: alpha(opacity=60); position: relative; }
#thumbnails .thumbnail:over { opacity: 0.8; filter: alpha(opacity=80); }
#thumbnails .thumbnail a { display: block; width: 100%; height: 100%; }
#thumbnails .thumbnail a img { border: 0; }
#thumbnails .thumbnail .info { display: none; position: absolute; width: 300px; height: 400px; left: -15px; top: -15px; background: black; color: white; font-size: 90%;  }


div.error { background: #e93030; color: white; font-size: 12px; line-height: 29px; height: 29px; position: relative; left: -25px; margin-bottom: 25px; width: 500px; padding-left: 25px; }
div.error span { position: absolute; left: -9px; top: 0px; width: 9px; height: 43px; background: url('images/errorLeft.png'); }

div.success { background: #64bf27; color: white; font-size: 12px; line-height: 29px; height: 29px; position: relative; left: -25px; margin-bottom: 25px; width: 500px; padding-left: 25px; }
div.success span { position: absolute; left: -9px; top: 0px; width: 9px; height: 43px; background: url('images/successLeft.png'); }


#thumbnails .thumbnail .show { display: block !important; z-index: 0; }
#thumbnails .thumbnail hr { display: none; }




#thumbnail { background: #f3f3f3; position: relative; min-height: 265px; _height: 265px; margin-bottom: 20px; }
#thumbnail img { position: absolute; left: 15px; top: 15px; }
#thumbnail .info { padding: 15px 15px 15px 310px; }

#bigPreview { text-align: center; }

a.back { font-size: 90%; padding: 5px; position: relative; top: -10px; left: 5px; }
a.next { font-size: 90%; padding: 5px; position: relative; top: -10px; left: -5px; float: right; }

#contact .in { background: #f3f3f3; padding: 25px 0 25px 25px; }
#contact label, input, textarea { font: 90% "trebuchet ms", tahoma, verdana, sans-serif; border: 0; }
#contact label { color: #505050; margint-bottom: 5px; font-size: 100%; }
#contact input { width: 210px; margin: 5px 0 15px 0; padding: 6px 4px 6px 30px; }
#contact input#submit { width: auto; background: #6c6c6c; border: 0; color: #f2f2f2; font-size: 90%; height: 25px; width: 65px; cursor: pointer; margin: 0; text-align: center; padding: 0; }
#contact textarea { width: 485px; max-width: 485px; max-height: 300px; height: 130px; overflow: auto; margin-top: 5px; background: white; padding: 4px; }

#contact form { position: relative; width: 493px; padding: 0;}
#contact form div.clearfix { margin-top: 10px; }
#contact form div.clearfix span.fl { font-size: 90%; margin-left: 2px; display: inline; }
#contact form div.clearfix input.fr { margin-right: 2px !important; display: inline; }

#contact input#name { background: white url('images/icon-name.png') 8px center no-repeat; }
#contact input#email { background: white url('images/icon-email.png') 8px center no-repeat; }

#contact ul { padding-right: 25px; }
#contact li { list-style: none; padding-left: 16px; background: url('images/bullet.png') left center no-repeat; }


#footer { text-align: right; margin: 30px 5px 40px; font-size: 85%; }
#footer .fr { min-height: 26px; _height: 26px; padding-left: 48px; background: url('images/small-logo.png') left center no-repeat; }