/* CSS Document */

body {
 background: url('../img/background.png') #000;
 color: #fff;
 padding: 0px;
 margin: 0px;
 text-align: center;
 font-family: verdana, arial, times new roman !important;
 font-size: 0.8em;
}

h1{
  margin: 0px 0px 1em 1em;
  font-size: 18px;
  border-bottom: 1px solid #bbb;
  color: #333;  
}

img{
  border: 0px;
}

table{
  font-size: 1em;
  color: #000;  
}
td{
  vertical-align: top;
  border-bottom: 1px solid #666600;  
  padding: 5px;
}

a{
  text-decoration: none;
  font-weight: bold;
  color: #000000; 
}

a:hover{
  text-decoration: none;
  font-weight: bold;
  color: #666600; 
}

#page {
 margin: 0px auto;
 margin-top: 10px;
 padding: 0px;
 padding-bottom: 10px;
 width: 1000px;
 height: auto;
 text-align: left;
 background-color: #000;
}

#logo {
 background: url('../img/back-heading.jpg') no-repeat #000;
 margin: 0px;
 padding: 0px;
 width: 1000px;
 height: 280px; 
}

#logo-text {
 margin: 0px;
 padding: 10px 0px 10px 170px;
 width: 310px;
 height: 86px;
}

#navig {
 margin: 130px 0px 15px 180px;
 padding: 0px;
 width: 750px;
 height: 85px;
}

#navig li {
 padding-top: 5px;
}

#navig a{
  text-decoration: none;
}
#navig img{
  border: none;
}

#navig a:hover {
 color: #d53511;
}



#content {
 clear: both;
 padding: 0px;
 margin-bottom: 0px;
 background-color: #000;
 color: #fff;
}

#content-left{
  float: left;
  padding-left: 17px;
  padding-top: 0px;
  width: 213px;
  margin-right: 14px;
  margin-left: 0px;
  margin-bottom: 10px;
  margin-top: 12px;
  font-size: 12px;
}

/* left box */
#content-left .box{
  width: 210px;
  margin-bottom: 10px;
  background: url('../img/box_small_middle.png') repeat-y;
}

#content-left .box .box-head{
  background: url('../img/box_small_top.png') no-repeat;
  height: 31px;
  font-size: 15px;
  text-transform: uppercase;
  padding: 6px 0px 0px 1em;
  color: #eee;
}

#content-left .box .box-foot{
  background: url('../img/box_small_bottom.png') no-repeat;
  height: 2px;
}

#content-left .box .box-text{
  font-size: 10px;
  padding: 0px 10px 5px 10px;
  color: #000;
}

#content-right{
  float: right; 
  padding-right: 17px; 
  padding-top: 0px; 
  width: 213px;  
  margin-left: 14px;
  margin-bottom: 14px;
  margin-top: 12px;
}

/* right box */
#content-right .box{
  width: 210px;
  margin-bottom: 10px;
  background: url('../img/box_small_middle.png') repeat-y;
}

#content-right .box .box-head{
  background: url('../img/box_small_top.png') no-repeat;
  height: 31px;
  font-size: 15px;
  text-transform: uppercase;
  padding: 6px 0px 0px 1em;
  color: #eee;
}

#content-right .box .box-foot{
  background: url('../img/box_small_bottom.png') no-repeat;
  height: 2px;
}

#content-right .box .box-text{
  font-size: 10px;
  padding: 0px 10px 5px 10px;
  color: #000;
}


#content-center {
  margin: 7px auto;
  margin-top: 12px;
  color: #bababd;
  float: left;
  width: 498px;
  min-height: 300px;
}

/* center box */
#content-center .box{
  width: 510px;
  margin-bottom: 10px;
  background: url('../img/box_middle.png') repeat-y;
}

#content-center .box .box-head{
  background: url('../img/box_top.png') no-repeat;
  height: 31px;
  font-size: 15px;
  text-transform: uppercase;
  padding: 6px 0px 0px 1em;
  margin: 0px;
  color: #eee;
}

#content-center .box .box-foot{
  background: url('../img/box_bottom.png') no-repeat;
  height: 2px;
}

#content-center .box .box-text{
  font-size: 12px;
  padding: 0px 10px 5px 10px;
  color: #000;
}

div.cleaner {
  clear: both;
  text-align: center;
}

div.cleaner a{
  color: #fff;
}



#box{
  background: url('../img/box.png');
  padding: 20px 10px 10px 10px;
  color: #000;
  width: 480px;
}

.oranzova {
 color: #d53511;
 font-size: 0.7em;
 font-weight: bold;
}

.velkaoranzova {
  color: #d53511;
  font-weight: bold;
  font-size: 1.4em;
}

.w90{
  width: 90px;
  text-align: left;
}
.vice{
  font-size: 0.8em;
  color: #808080;
}

.tmavePismo{
  color: #666600; 
}

.tdimg{
  vertical-align: middle;
}

.fotos{
 background-color: #fff;
} 

.fotos td, .links td {
        width: 25%;
        color: #888888;
        height: 100px;
        text-align: center;
        padding: 5px;
        border: 1px solid #333;
        background-color: #eee;
        vertical-align: middle;
}

.fotos td img{
  border: 1px solid #333;
}

.fotos td a:hover img{
  border: 1px solid #666;
}

img.border{
  border: 1px solid #333;
}

td.ramecek{
        width: 25%;
        color: #888888;
        height: 100px;
        text-align: center;
        padding: 5px;
        border: 1px solid #333;
        background-color: #eee;
        vertical-align: middle;
        margin: 3px;
}

td.bezramecku{
  border: 0px;
}