html, body{
  color:#7f7f7f;
  background:#000;
  margin:0;
  padding:0;
  font-family:Palatino,"Palatino Linotype","Book Antiqua", serif;
  font-size:16px;
  text-align:center;
  height:100%;
}

:first-child{
  margin-top:0;
}


/* divs ----------------------------------------------------------------- */

div{
  background:transparent;
  color:inherit;
  border:none;
  border-collapse:collapse;
}

div.root{
  background:#fff;
  height:auto;
  min-height:100%;
  position:relative;
  width:980px;
  margin: 0 auto;
}

div.main{
  width:980px;
  height:100%;
  margin:0 auto;
  background:transparent;
  text-align:justify;
  padding-bottom:100px; /* MUSI BYT STEJNE JAKO div.footer.height !!!*/
}

div.top{
  display:block;
  margin: 0px 0px 0px 40px;
}

div.menu{
  display:table;
  float:right;  
  background:#808080;
  width:400px;
  margin-top:100px;
  vertical-align:middle;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  font-size:13px;
  text-align:left;
}

div.content{
  margin-top:20px;
}

div.core{
  margin:20px 40px 40px 40px;
  line-height:1.5em;
}


div.super-footer{ /* sazebni obrazec zapati */
  display:table-cell;
  width:100%;
  height:100px;
  margin:0 auto;
  position:absolute;
  bottom:0;
  vertical-align:bottom;
  background:#404040;
}

div.footer{
  padding-top:40px;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  font-size:15px;
  line-height:1.5em;
}

div.blog{ /* pouzdro pro 1 zpravu */
  margin:0 0 30px 0; /* style_ie.css! */
  padding:0;
  background:transparent;
  height: 1%; /* ie hack */
}

div.blog-date{ /* datum zpravy */
  font-size:12px;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  margin:0;
}

div.blog-text{ /* text zpravy */
  margin-top:1em;
}

div.twitter-images{
  margin: 0 auto 2em auto;
  text-align:center;
  clear:both;
}

div.film-list{
  margin-top:1.2em;
  padding-left:30px;;
}

div.film-list-title{
  font-size:1.15em;
}

div.film-list-info{
  font-size:0.9em;
  margin-left:1.5em;
}

div.gallery{ /* pouzdro pro skupinu super-thumb */
  margin-top:30px;
  border:none;
}

div.super-thumb{
  display:inline-table;
  width:292px !important;
  height:292px !important;
  vertical-align:top;
  overflow:hidden;
  border:none;
  margin:0 5px 8px 0;
  background:#000;
}

div.thumb{ /* nahled v kolekci */
  padding:22px;
  text-align:center;
  font-size:0.9em;
  line-height:1.2em;
}

div.collection-navi-left{
  display:inline-table;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  font-size:80px;
  color:#ddd;
  vertical-align:middle;
  margin-right:20px;
}

div.collection-navi-right{
  display:inline-table;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  font-size:80px;
  color:#ddd;
  vertical-align:middle;
  margin-left:20px;
}

div.image{ /* pro jakykoliv obrazek */
  vertical-align:middle;
  text-align:center;
  margin-top:30px;
}

div.twitter-feed{
  border-style:solid;
  border-color:#000;
  border-width:2px 0 0 0;
  margin:100px 136px 50px 136px;
  padding-top:20px;
}


div.tweet-date{
  font-size:0.8em;
  color:#000;
}

div.tweet-text{
  margin:6px 0 25px 0;
}

div.awards{
  text-align:center;
  margin:50px auto 0px auto;
}

div.award{
  border:solid 0px black;
  display:inline-block;
  background-image:url("pix/design/award.png");
  background-repeat:no-repeat;
  background-position:top;
  width:230px !important;
  height:95px !important;
  padding-top:15px;
  text-align:center;
  font-size:0.8em;
  line-height:1.35em;
  font-variant:small-caps;
}

/* headers and text ----------------------------------------------------------------- */

h1{
  display:block;
  width:67%;
  color:#fff;
  background:#bb0000;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  font-size:16px;
  font-weight:normal;
  margin:0px 0 20px 0;
  padding:2px 0 2px 40px;
  text-align:left;
}

h2{
  display:block;
  clear:both; /* nutne pro div.thumb */
  width:67%;
  color:#fff;
  background:#808080;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  font-size:16px;
  font-weight:normal;
  text-align:left;
  margin:30px 0 0 0;
  padding:1px 0 1px 30px;
}

h3{
  color:#000;
  background:inherit;
  font-size:1.2em;
  font-weight:normal;
  text-align:left;
  margin:1em 0 0 0;
}

h3:first-letter{
  color:#bb0000;
  background:inherit;
}

b{

}

em{
  font-style:normal;
  font-weight:bold;
  padding:0.2em;
  color:#FFF;
  background:#bb0000;
}

strong{
  font-style:normal;
  font-weight:normal;
  background:inherit;
  font-size:1.1em;
  letter-spacing:0.1em;
}

small{
  font-size:0.8em;
  margin:0;
  padding:0;
}



/* img ----------------------------------------------------------------- */

img.header{ /* "Vidu Gunaratna" */
  border:none;
  background:transparent;
  clear:none;
}



/* a ------------------------------------------------------------------ */

a.menu{
  display:table-cell;
  width:auto;
  color:#fff;
  background:transparent;
  text-decoration:none;
  border:0;
  padding:2px 15px;
  text-align:center;
}

a.menu:hover{
  color:#fff;
  background:#bb0000;
  text-decoration:none;
}

a.lang{
  display:table-cell;
  color:#fff;
  background:transparent;
  text-decoration:none;
  padding:2px 15px;
  border-left:5px solid #fff;
  text-align:center;
}

a.lang:hover{
  color:#fff;
  background:#bb0000;
  text-decoration:none;
}


/* *********************** */


div.intro-image{
  display:block;
  position:relative;
  bottom:auto;
  top:50px;
  width:100%;
  min-height:380px;
  margin:auto;
}

img.intro{
  display:block;
  background:#000;
  margin:auto;
  padding:3px;
}

img.awards{
  border:none;
}

div.blog-image{
  display:block;
  float:left;
  margin:0 10px 10px 0;
  padding:3px;
  border:solid 1px #888;
  background-color:transparent;
}

div.contextcol-image{
  margin:0 0 1.5em 0;
  padding:2px;
  border:none;
  background-color:#fff;
  text-align:center;
}

div.imagetitle{ /* nazev fotky */
  background:transparent;
  padding:0;
  color:#000;
}

div.imagedesc{ /* popis */
  font-size:0.85em;
}

div.film-info{
  margin-top:1em;
}

div.film-teaser{
  text-align:center;
  margin:0 0 30px 0;
  border:none;
}

div.film-images{
  padding-top:1em;
  text-align:center;
  clear:both;
}

div.login{
  background:#FFF;
  padding-top:2em;
  padding-bottom:10em;
}

div.adminbar{
  overflow:hidden;
  clear:left;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  margin-bottom:0.5em;
  border-top:solid 1px #dadada;
  text-align:right;
  font-size:0.8em;
}

div.inputcap{
  display:block;
  width:12em;
  background:#7f7f7f;
  color:#FFF;
  margin-top:1em;
  padding:0.15em 0.32em;
  border:none;
  font-size:0.9em;
}

div.message{
  background:#bb0000;
  color:#FFF;
  margin-bottom:1em;
  padding:0.2em;
}

div.confirm{
  overflow:hidden;
  clear:both;
  font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
  border-top:solid 1px #888;
  margin-bottom:0.5em;
  text-align:center;
  font-size:1em;
}

a{
  color:#000;
  background:inherit;
  text-decoration:none;
  vertical-align:inherit;
}

a:hover{
  color:#FFF;
  background:#bb0000;
  text-decoration:none;
}

a.thumb{
  color:#7f7f7f;
  background:inherit;
}

a.thumb:hover{
  color:#FFF;
  background:transparent;
}

a.cart{
  color:#FFF;
  background:#bb0000;
  text-decoration:none;
  padding:0.1em 0.6em 0.1em 0.6em;
  margin:0;
}

a.navi{
  display:table-cell; /* style_ie.css !*/
  color:#000;
  background:transparent;
}

a.navi:hover{
  color:#bb0000;
  background:transparent;
}

a.footer{
  color:#fff;  
}

a.footer:hover{
  color:#fff;
  background:#bb0000;
}

a.twitter-follow-button{
  text-align:center;
  width:50px;
}

a.admin{
  padding:0.5em;
  color:#fff;
  background:#888;
  margin-left:0.5em;
}

a.admin:hover{
  background:#bb0000;
}

a.skype{
  color:#fff;
  background:transparent;
  border:none;
}

img{
  border:solid 1px #BBBBBB;
  padding:0;
  margin:0;
  vertical-align:middle;
}


img.framed{ /* fotka, fraktal,... */
  border:solid 30px #000;
  padding:2px;
  background:#fff; /* barva okraje */
  text-align:center;
}

img.photoblog{ /* twitter photo blog*/
  border:solid 10px #000;
  padding:0px;
  background:#fff; /* barva okraje */
  text-align:center;
}

img.blog{ /* obrazek ve zprave */
  border:none;
}

img.thumb{ /* obrazek v div.thumb */
  display:block;
  clear:both;
  margin:auto auto 0.25em auto;
}

img.context{ /* obrazek v pravem sloupci */
  border:none;
}

img.film{
  margin:2px 0px;
  padding:0px;
  border:solid 1px #888;
}

img.admin{
  border:solid 2px #bb0000;
}

img.skype{
  border:none;
}

ul{
  margin:0 0 1.5em 2.5em;
  padding:0;
}

li{
  display:list-item;
  list-style:square outside;
  text-align:justify;
  line-height:1.5em; /* ma to smysl */
}

address{ /* adresa v kontaktech */
  font-style:normal;
  line-height:1.5em;
}

form{
  margin:0;
  padding:0;
}

input{
  border:solid 1px #7f7f7f;
  background:#EEE;
  color:#000;
  padding:0.2em;;
  margin:0;
  vertical-align:baseline;
  font-family:Palatino,"Palatino Linotype","Book Antiqua", serif;
  font-size:1.1em;
}

input.submit{ /* odesilaci tlacitko */
  margin-top:1.5em;
}

textarea{
  display:block;
  width:100%;
  height:16em;
  border:solid 1px #7f7f7f;
  background:#EEE;
  color:#000;
  padding:0.2em;
  margin:0;
  vertical-align:middle;
  font-size:1.1em;
  font-family:Palatino,"Palatino Linotype","Book Antiqua", serif;
  line-height:1.4em;
}

textarea.address{ /* adresa v objednavce */
  width:20em;
  height:6em;
}

select{
  font-family:Georgia,serif;
  font-size:inherit;
  vertical-align:middle;
  padding:0;
}

table{
  border-collapse:collapse;
}

table.order{
  border:solid 1px #7f7f7f;
  width:100%;
}

th{
  padding:0.15em;
  text-align:center;
}

th.order{
  background:#bb0000;
  color:#FFF;
}

td{
  border:solid 1px #DDD;
  padding:0.15em
}

td.order-total{
  background:#DDD;
  color:#000;
  font-size:1.15em;
  font-weight:bold;
  padding:0.1em;
}

td.order-total#price{
  text-align:right;
}

td.price{
  text-align:right;
}

hr.cleaner { /* ukoncuje matersky blok az za dolni hranou float bloku */
  display:block;
  clear:left;
  height:0px;
  margin:1px 0 0 0;
  padding:0;
  border:none;
  visibility: hidden;
}