/* Styles of HTML elements */

* {
  font-family: "Helvetica Neue","Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #3f3f3f;
}

body{
  background: #eee url('/design/images/body-background.gif') top repeat-x;  
}

img{
  border: 0px;
}

a{
  color: #DF0000;
  text-decoration: none;  
}

a:hover{
  text-decoration: underline;
}

input, select, textarea{
  border: 1px solid #aaa;
}

/* Styles of basic page elements*/

div#main{
  background: #fff;
  width: 1000px;
  margin: 25px auto 0px auto;
}

div#header, div#upperlinks, div#breadcrumbs, div#content, div#footer{
  width: 950px;
  margin: 0px auto 0px auto;
}

div#header{
  height: 90px;
}

div#upperlinks{
  height: 35px;
  background: #000;
}

div#breadcrumbs{
  background: #ffffff;
  
  overflow: hidden;
}

div#content{
  background: #ffffff;
  padding-bottom: 10px;
}

div#content-left{
  float: left;
  width: 600px;
  padding: 0px 8px 0px 12px;
}

div#content-right-content{
  padding: 8px;
}

div#content-right-content-header{
  font-size: 13px;
  color: #2B3E69;
  font-weight: bold;
}

div#content-right{
  float: right;
  width: 310px;
  margin-right: 8px;
}

div#content-bottom{
  background: #eee;
  margin-top: 20px;
}

/* Special & Repetition styles */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

input.bordered-input{
  border: 1px solid #8f8f8f;
}

*.noborder{
  border: 0px;
}

*.hidden{
  display: none;
}

span.red{
  color: #ff0000;
}
.missing-field{
  background: #FFD0D0;
}

*.clearance{
  clear: both;
}

*.rightened{
  text-align: right;
}

/* Misc */

div#footer-breakline{
  background: #eee;
  height: 10px;
  clear: both;
  margin-bottom: 15px;
  margin-top: 15px;
}

div.footer-content-line{
    text-align: center;
    margin-bottom: 8px;
}

span.footer-divider{
  margin: 0px 2px 0px 2px;
}

ul#upperlinks-content-links{
  margin: 0px;
  padding: 0px;
}

ul#upperlinks-content-links li{
  display: inline;
  list-style-type: none;
  float: left;
  height: 35px;
  position: relative;
  margin: 0px;
  padding: 0px;
}


ul#upperlinks-content-links li h2{
  margin: 0px;
  padding: 0px;
}

ul#upperlinks-content-links li a{
    color: #ccc;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    float: none!important;
    height: auto!important;
    line-height: 24px;
    padding: 5px 20px;
}

ul#upperlinks-content-links li a:hover{
  color: #fff;
  background: #333;
}

span.footer-tag{
  margin-right: 15px;
}

span.footer-tag strong{
  color: #999;
}

div#logo{
  float: left;
  margin: 18px 0px 0px 15px;
}

div#content-left h1{
  color: #DF0000;
  letter-spacing: 0.02em;
  font-size: 23px;
  font-weight: normal;
  margin: 0px 0px 12px 0px;
  padding: 0px;
}

div#content-left h1 span{
  letter-spacing: 0.02em;
  font-size: 23px;
  font-weight: normal;
  display: block;
}

p#subpage-desc{
  text-align: justify;
  margin-bottom: 25px;
  line-height: 16px;
}

div.list-item-image{
  float: left;
  padding: 8px;
  background: #eee;
  border: 1px solid #ddd;
  width: 128px;
  height: 128px;
}

div.list-item{
  margin-bottom: 20px;
}

div.list-item-content{
  float: left;
  margin-left: 12px;
  width: 440px;
  text-align: justify;
}

div.list-item-content p{
  line-height: 18px;
  font-size: 12px;
}

div.list-item-content h3{
  margin: 6px 0px 0px 0px;
  padding: 0px;
}

div.list-item-content h3 a{
  font-size: 13px;
}

div.list-item-content h3 a:hover{
  text-decoration: none;
  color: #000;
}
div#subpage-menu h4{
  color: #000;
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  margin-left: 20px;
}

div.subpage-menu-content{
  padding: 8px;
}

div.subpage-menu-content ul li{
  list-style-type: none;
  background: url('/design/images/li.gif') 0px 2px no-repeat;
  padding-left: 15px;
  margin-bottom: 8px;
  line-height: 16px;
}

div.subpage-menu-content ul{
  padding: 0px;
  margin-left: 25px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div.subpage-menu-content ul li h3 a{
  font-size: 12px;
  font-weight: normal;
}

div.list-item-tools{
  font-size: 11px;
}

div.subpage-menu-content ul li h3#selected-category a{
  font-weight: bold;
}

*.neviditelny{
  display: none;
  width: 1px;
  height: 1px;
}

*.required-field{
  color: #ff0000;
}

div.notification{
  font-weight: bold;
  margin-bottom: 20px;
}

div.notification-error{
  color: #ff0000;
}

div.notification-success{
  color: #4DAF40;
}

div#subpage-classic-content{
  padding: 10px 10px 0px 30px;
}

div.gallery-listing-item{
  float: left;
  width: 146px;
  margin-right: 5px;
}

div.gallery-listing-lastitem{
  margin-right: 0px;
}

div.gallery-listing-image{
  border: 1px solid #ddd;
  background: #eee;
  padding: 8px;
}

div.gallery-listing-link{
  text-align: center;
}

div.gallery-listing-link h3 a{
  color: #df0000;
}

div.gallery-listing-link h3 a:hover{
  color: #000;
  text-decoration: none;
}

div.gallery-listing-breaker{
  clear: both;
  margin-bottom: 18px;
}

.cervena, .cervena *{
  color: #df0000;
}

.cervena-bold{
  color: #df0000;
  font-weight: bold;
}

.casovy-priebeh{
  font-size: 14px;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom: 10px;
}

span.small{
  font-size: 11px;
}

div#footer-partners{
  margin: 20px 0px 10px 0px;
}

div.footer-partners-item{
  float: left;
  margin-right: 15px;
}

div.breadcrumbs-item{
  float: left;
}

div.breadcrumbs-item *{
  font-size: 11px;
  color: #888;
}

div.breadcrumbs-item a{
  text-decoration: underline;
}

div.breadcrumbs-item-separator{
  float: left;
  margin: 0px 4px 0px 4px;
}

div.breadcrumbs-item strong{
  color: #888;
}

div#breadcrumbs-item-home{
  background: url('/design/images/breadcrumbs-home.gif') 0px 1px no-repeat;
  padding-left: 18px;
}

div#breadcrumbs-holder{
  margin: 18px 0px 0px 15px;
  height: 30px;
}

div#main-upperseparator{
  height: 25px;
}

div#join-us{
  float: right;
  padding-top: 20px;
}

div#join-us img{
  vertical-align: middle;
  margin-left: 8px;
}

span#join-us-header{
  margin-right: 12px;
  font-weight: bold;
}

span.conversion{
  color: #999;
  font-size: 10px;
}

span.category-count{
  font-weight: normal;
  margin-left: 5px;
}
