*{
  margin:0;
  padding:0;}


body{
  background-image:url('../images/background.jpg');
  background-position: center top;
  background-repeat:no-repeat;
  background-attachment: scroll;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size:13px;
  background-color:#094E77;}
  
h1, h2, h3{
  font-weight:normal;}
  
h1{
  font-size:25px;
  line-height:25px;
  margin-top:5px;}

h1 a,
h1 a:link,
h1 a:visited{
  color:white;
  text-decoration:none;}
  
h1 a:hover{
  color:#CCFFFF;}

h2{
  font-size:20px;
  color:#CCFFFF;
  border-left:3px solid #CCFFFF;
  padding-left:5px;
  line-height:18px;}  
  
h3{
  font-weight:bold;
  color:#CCFFFF;
  margin-top:15px;
  margin-bottom:0px;}

h4{
  margin-top:10px;
  margin-bottom:-5px;
}

h2 a{
  text-decoration:none;}

h2 a:hover{
  color:white;}
  
h2 strong{
  font-weight:normal;}
  
strong strong{
  font-weight:normal;
}

strong{
  color:#CCFFFF;}
  
h1 strong{
  font-weight:normal;
}

a,
a:link,
a:visited{
  color:#CCFFFF;}
  
a:hover{
  text-decoration:none;}
  
strong.podnadpis{
  font-size:15px;
  color:#CCFFFF;
  font-weight:normal;}
  
menu{
  list-style-type:none;}
  
#stranka{
  width:900px;
  margin:auto;
  color:white;
  position:relative;}
  
#horni{
  background-image:url('../images/transparent/white_10.png');
  overflow:hidden;
  padding:15px 0 8px 5px;}
  
#horni menu li a{
  display:block;
  float:left;
  background-repeat:no-repeat;
  height:80px;
  margin:0 15px 0 15px;
  border:none;}
  
#horni menu li.keyboard a{
  margin-left:10px;
}

#horni menu li a img{
  border:none;}
  
#horni menu li span{
  display:none;}
  
#horni menu li.o-mne{
  &margin-top:-15px;}
  
#horni menu li.blog{
  &margin-top:0px;}
  
#horni menu li.fotky{
  &margin-top:-15px;}
  
#horni menu li.keyboard{
  &margin-top:-15px;}

.white_30_bottom{
  height:10px;
  background-image:url('../images/transparent/white_10_bottom.png');
  background-repeat:no-repeat;}
   
.black_30_top{
  margin-top:10px;
  margin-bottom:0px;
  height:10px;
  background-image:url('../images/transparent/black_30_top.png');
  background-repeat:no-repeat;}
   
.black_30_bottom{
  margin-bottom:10px;
  height:10px;
  background-image:url('../images/transparent/black_30_bottom.png');
  background-repeat:no-repeat;}
   
.black_40_top{
  height:10px;
  background-image:url('../images/transparent/black_40_top.png');
  background-repeat:no-repeat;}
   
.black_10_top{
  height:10px;
  background-image:url('../images/transparent/black_10_top.png');
  background-repeat:no-repeat;
  width:200px;
  float:right;
  margin-top:5px;}
   
.black_10_bottom{
  height:10px;
  background-image:url('../images/transparent/black_10_bottom.png');
  background-repeat:no-repeat;
  width:200px;
  float:right;}
   
#hlavni{
  background-image:url('../images/transparent/black_30.png');
  padding:0 15px 0 15px;
  overflow:hidden;
}
  
#paticka{
  background-image:url('../images/transparent/black_40.png');
  padding:0 15px 7px 15px;
  overflow:hidden;
  clear:both;}
  
#paticka #paticka_left{
  float:left;}
  
#paticka #paticka_right{
  float:right;}
  
.tooltip{
  border:1px solid #000033;
  color:#000033;
  background-color:white;
  padding:1px 4px 1px 4px;}
  
.clanek p{
  margin:10px 0 10px 0;
  text-align:justify;
  line-height:18px;}
  
#hlavni #obsah{
  width:650px;
  float:left;
  min-height:700px;}
  
#hlavni #sloupec{
  background-image:url('../images/transparent/black_10.png');
  width:200px;
  float:right;}
  
.clanek p.uvod{
  background-image:url('../images/transparent/uvod.png');
  padding:10px 15px 10px 15px;}
  
h2{
  margin:15px 0 10px 0;}
  
.clanek img{
  max-width:650px;
  height:auto;
  border:4px solid black;
  margin-top:5px;
  margin-bottom:5px;}

#sloupec menu{
  margin:10px 10px 20px 10px;}
  
#sloupec menu li a{
  background-repeat:no-repeat;
  padding-left:35px;
  line-height:20px;
  height:20px;
  display:block;
  width:0;
  margin-bottom:2px;}
  
#sloupec menu li.software a{
  background-image:url('../images/icons/kategorie_software.png');}
  
#sloupec menu li.hardware a{
  background-image:url('../images/icons/kategorie_hardware.png');}
  
#sloupec menu li.zabava a{
  background-image:url('../images/icons/kategorie_zabava.png');}
  
#sloupec menu li.cestovani a{

  background-image:url('../images/icons/kategorie_cestovani.png');}
  

#sloupec menu li.hudba a{
  background-image:url('../images/icons/kategorie_hudba.png');}
  
#sloupec menu li.webdesign a{
  background-image:url('../images/icons/kategorie_webdesign.png');}
  
#sloupec menu li.internet a{
  background-image:url('../images/icons/kategorie_internet.png');}
  
#sloupec menu li a,
#sloupec menu li a:link,
#sloupec menu li a:visited{
  color:white;
  text-decoration:none;}
  
#sloupec menu li a:hover,
#sloupec menu li a:visited:hover{
  color:#CCFFFF;}  
  
.clanek .lista{
  clear:both;
  height:30px;
  line-height:30px;
  text-align:center;
  background-image:url('../images/transparent/lista.png');
  background-repeat:no-repeat;}
  
.clanek .lista span{
  background-repeat:no-repeat;
  padding-left:20px;
  margin:0 5px 0 5px;
  color:#99AABB;
  text-decoration:none;}
  
.clanek .lista span.autor{
  background-image:url('../images/icons/user.png');}
  
.clanek .lista span.datum{
  background-image:url('../images/icons/calendar.png');}
  
.clanek .lista span.precteno{
  background-image:url('../images/icons/chart_pie.png');}
  
.clanek .lista span.komentare{
  background-image:url('../images/icons/comments.png');}

form#vyhledavani{
  float:right;
  margin:50px 20px 0 0;
  &margin-top:30px;
  &margin-right:10px;}
  
form#vyhledavani .input{
  border:none;
  background-color:transparent;
  background-image:url('../images/transparent/input.png');
  width:145px;
  height:19px;
  padding-top:3px;
  padding-left:5px;
  padding-right:5px;
  margin-bottom:3px;
  font-size:13px;}
  
form#vyhledavani .submit{
  border:none;
  width:30px;
  height:30px;
  margin-left:6px;
  margin-bottom:-7px;}
  
#paticka span{
  color:#99AABB;}
  
.hidden{
  display:none;}
  
hr{
  background:none;
  border:none;
  border-top:1px solid white;
  margin-top:15px;
  clear:both;}
  
table{
  border-collapse:collapse;}

table th{
  text-align:left;
  background-color:#073F5F;
  font-weight:bold;}
  
table td,
table th{
  padding:7px 20px 7px 8px;
  border:1px solid #094E77;}
  
#tweet{
  padding:0 20px 0 15px;}
  
#tweet ul{
  list-style-type:none;}
  
#tweet ul li{
  margin-bottom:10px;}

#tweet ul li em{
  font-size:11px;
  font-style:normal;
  color:#99AABB;}
  
#sloupec h2{
  border:none;
  margin:0 20px 5px 10px;
  font-size:16px;}
  
#komentare{
  margin-top:20px;
  margin-bottom:10px;
}

#komentare form{
  margin-top:40px;
  clear:both;}

#komentare label span{
  display:none;}
  
#komentare label{
  display:block;
  width:21px;
  height:23px;
  float:left;
  margin-right:9px;
  background-repeat:no-repeat;}
  
#komentare label.jmeno{
  background-image:url('../images/komentare/form_jmeno.png');}

#komentare label.mail{
  background-image:url('../images/komentare/form_mail.png');}

#komentare label.web{
  background-image:url('../images/komentare/form_web.png');}
  
#komentare input#jmeno,
#komentare input#mail,
#komentare input#web{
  width:310px;
  height:16px;
  background-color:transparent;
  border:none;
  background-image:url('../images/komentare/input.png');
  background-repeat:no-repeat;
  margin-bottom:5px;
  padding:3px 5px 3px 5px;
  color:white;
}

#komentare textarea{
  width:340px;
  height:78px;
  background-color:transparent;
  border:none;
  background-image:url('../images/komentare/textarea.png');
  background-repeat:no-repeat;
  margin-bottom:10px;
  padding:5px;
  color:white;
  font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size:13px;
  overflow:auto;
}

#komentare input.submit{
  padding:0 10px 0 10px;
  background-color:transparent;
  color:white;
  border:none;
  width:80px;
  height:24px;
  background-image:url('../images/submit.png');
  background-repeat:no-repeat;
}
  
.comment{
  clear:both;
  width:420px;
  margin-top:0;
  margin-bottom:20px;
  overflow:hidden;
}

.comment.sudy{
  float:right;}

.comment a img{
  border:none;
  width:50px;
  height:50px;
  float:left;
  display:block;}
  
.comment.sudy a img{
  float:right;}
  
.comment .comment_inner{
  width:361px;

  float:right;
  background-image:url('../images/komentare/komentar_top_left.png');
  background-repeat:no-repeat;
}
  
.comment.sudy .comment_inner{
  float:left;
  background-image:url('../images/komentare/komentar_top_right.png');
}
  

.comment .comment_text{
  border:1px solid transparent;
  margin-top:31px;
  &margin-top:33px;
  margin-left:-1px;
  &margin-left:0;
  background-image:url('../images/komentare/komentar.png');
  background-repeat:repeat-y;
  &background-image:none;
  &background-color:#1F4A65;
  &margin-left:12px;
  &margin-right:1px;}
  
.comment.sudy .comment_text{
  margin-left:-12px;
  &margin-left:-11px;
  &margin-left:1px;
  &margin-right:12px;
}
  
.comment p{
  padding:10px 10px 3px 25px;
  clear:both;
  line-height:18px;
  margin-top:-31px;
  &padding-left:10px;
  &padding-right:10px;}
  
.comment.sudy p{
  padding-left:25px;
  padding-right:25px;
  &padding-left:10px;
  &padding-right:10px;}
  
.comment p strong{
  font-weight:normal;
  text-transform:uppercase;}
  
.comment .comment_bottom{
  background-image:url('../images/komentare/komentar_bottom.png');
  background-repeat:no-repeat;
  background-position:bottom;
  width:361px;
  height:15px;
  margin-top:-8px;}
  
.comment.sudy .comment_bottom{
  margin-left:-11px;}
  
.denik-fotka{
  border:1px solid #99aabb;
  padding:5px 10px 0 10px;}
  
.clanek ul{
  margin-left:13px;}
  
.clanek ol{
  margin-left:20px;
  &margin-left:23px;}
  
.clanek ol li{
margin-bottom:5px;}
  
.clanek .popisek{
  font-size:12px;
  color:#99aabb;
  margin-top:0;}
  
.noborder,
.clanek img.noborder{
  border:none;}
  
dl dt{
  display:block;
  width:60px;
  float:left;
  font-weight:bold;}
  
#player{
  margin-top:15px;}
  
.clanek h2{
  clear:left;}

h1.matthew{
  background-image:url('../images/transparent/matthew.png');
  background-repeat:no-repeat;
  width:155px;
  height:33px;
  position:absolute;
  left:688px;
  top:34px;
  &top:34px;
}

h1.matthew span{
  display:none;}

.directo{
 margin-top:10px;
}

.directo a{
  text-decoration:none;
}

.lista a,
.lista a:link,
.lista a:visited{
  color:#99AABB;}

ul.keyboard{
  list-style:none;
  margin-left:0;
}

ul.keyboard li a{
  display:block;
  background-image:url("/images/key.png");
  background-repeat:no-repeat;
  width:340px;
  height:33px;
  line-height:33px;
  margin-bottom:5px;
  text-decoration:none;
  padding-left:10px;
}

ul.keyboard li a:hover{
  background-image:url("/images/key_hover.png");
}

ul.keyboard li a em{
  color:#99AABA;
}


.fotky_uvod a,
.fotky_uvod a:link,
.fotky_uvod a:visited,
.fotky_galerie a,
.fotky_galerie a:link,
.fotky_galerie a:visited{
  background-image:url("/images/foto/background.png");
  background-repeat:no-repeat;
  padding:0 5px 0 5px;
  overflow:hidden;
  display:block;
  float:left;
  margin-right:16px;
  margin-bottom:15px;
}

.fotky_galerie a,
.fotky_galerie a:link,
.fotky_galerie a:visited{
  background-image:url("/images/foto/nahled_background.png");
  overflow:hidden;
  margin:0 10px 10px 0;
}

.fotky_uvod a.posledni,
.fotky_galerie a.posledni{
  margin-right:0;
}

.fotky_uvod a:hover{
  background-image:url("/images/foto/background_hover.png");
}

.fotky_galerie a:hover{
  background-image:url("/images/foto/nahled_background_hover.png");
}

.fotky_uvod a img,
.fotky_galerie a img{
  border:none;
}  

.fotky_galerie{
  margin-top:10px;
}

.fotky_slideshow img.fotka{
  background-image:url("/images/foto/foto_background.png");
  background-repeat:no-repeat;
  padding:10px;
  border:none;
  width:630px;
  height:420px;
}

.fotky_slideshow a img{
  border:none;
}

.navigace{
  margin-top:10px;
  clear:both;
}

.sipka_left{
  float:left;
}

.sipka_right{
  float:right;
}

strong a{
  text-decoration:none;
}

strong a:hover{
  color:white;
}

.kontakty{
  width:230px;
  height:200px;
  float:left;
  background-image:url("/images/o-mne/pozadi_omne.png");
  background-repeat:no-repeat;
  padding:25px 15px 20px 15px;
}
.kontakty img{
  margin:0;
  margin-top:12px;
  margin-bottom:-10px;
}

.kontakty strong{
  font-weight:normal;    
  margin-left:10px;
  font-size:14px;
}

#nejnovejsi-clanky{
  margin-top:15px;
}

#nejnovejsi-clanky h1{
  margin-top:15px;
}

#nejnovejsi-clanky p{
  margin-top:5px;
}

table.nomargin *{
  margin:0;
  padding:0;
  border:none;
}

table.nomargin{
  border:none;
}

table.nomargin td{
  padding-bottom:0px;
}

#sloupec .reklama{
  margin:0 5px 0 15px;
}

#sloupec .reklama p{
  margin-bottom:3px;
}