/*

  Project CSS style
  @version 27.06.2010 14:24:58

*/

body{margin:3em 0em 0em 3em; background:#000000; color:#ffffff;}

h1{font-size:160%; margin-bottom:0;}
h1 a, a{color:#ffffff;}
h2{color:white; font-size:160%;}
h3{font-size:130%;  font-weight:bold; color:white;}
h4{font-size:100%; font-weight:bold;}
p{text-align:justify;}
img{border:1px solid #555555;}
h3, .order{text-transform:uppercase;}


/* Layout */
#box{width:800px; margin-bottom:2em;}


/* Zahlavi */
#header{padding-bottom:0.5em;}
#header, #footer, #content{position:relative;}
#header, #content{margin-bottom:1.5em;}
#header, #content{border-bottom:1px solid #222222;}


/* Navigace */
#menu{position:absolute; right:0; top:26px; width:100%; text-align:right;}
#menu ul{margin:0; margin-bottom:0.5em;}
#menu li{display:inline; margin-left:12px; text-align:right;}
#menu a, #logo p{text-decoration:none; color:#888888;}
#menu a:hover, #menu strong a{color:white;}


/* Obsah */
#content ul li{list-style-type:square;}
#content, #footer{font-size:80%;}
#content{color:#999999; padding-bottom:1.9em; padding-top:0em; position:relative;}

.col{float:left; width:390px; margin-right:20px;}
.end{margin-right:0;}
.order{font-size:125%;text-decoration:none; padding:10px; background:#222222;}
.order:hover{color:grey;}


/* Slideshow + gallerie */
#slideshow{text-align:center;}
#slideshow img{margin:0 auto; display:none;}

#preview, #caption{text-align:center; margin-bottom:2em;;}
#preview img{display:none;cursor:pointer; margin:0px auto;}
#caption{text-align:center;}
#thumbs img, #thumbs a{width:50px; height:50px;display:block;}
#thumbs #active{border:white solid 1px;}
#thumbs a{float:left; margin-right:10px; margin-bottom:10px;}


/* Contact-text */
#contact img{border:0;}


/* ABOUT - columnA + columnB */
#about{width:325px;}
#about img{position:absolute; top:0em; right:0em;}
#about-signature{height:90px; width:750px; background:url('../images/signature.png') right top no-repeat; }

#columnA, #columnB{float:left; width:300px;}
#columnA{margin-right:40px;}
#columnB img{margin-bottom:2em; text-align:right;}


.separator{border:dashed #333333 1px; margin:1.5em 0 1.5em 0;}
.price{font-size:120%; text-align:right; color:white;}
.mecner{float:left; margin-right:2em; margin-bottom:3em; margin-top:4px;}


/* Zapati */
#footer p{margin-bottom:0; color:#666666;}
#langs{position:absolute; right:0; bottom:0;}




/* Zacisteni u cufon textu */
h2, #menu li a, #menu li strong, #submenu li a, #submenu li strong, #logo, h1 a{text-transform:uppercase;text-decoration:none;}


#reference h3{cursor:pointer;}


#banner{position:absolute; top:0; right:-180px;}