/* CSS Document */

body{
  padding:0px;
  margin:0px;
  font-size: 14px;
  font-family: arial;
  background: url(../images/header_bg.png) repeat-x top;
  color:#555555;
  line-height: 130%;
    background-color:#000000;
}

div{
  overflow: hidden;
}


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

a:hover{
  text-decoration: underline;
}

h1, h2, h3, h4, h5{
  clear: both;
  color:#000000;
}

h1{
  color:#4072A8;
  font-size:18px;
  clear:both;
}


form, input, img{
  margin:0px;
}

a img{
  border:0px;
}

img.right{
  float:right;
  margin:0px 0px 5px 10px;
}

img.left{
  float:right;
  margin:0px 10px 5px 0px;
}

ul, li{
  list-style: none url();
  margin:0px;
  padding:0px;
}




/**************PAGE******/


#header{
  margin:auto;
  position:relative;
  width:986px;
  height:65px;
}

#header #top_menu{
  width:500px;
  height:30px;
  position:absolute;
  left:450px;
  top:30px;
  text-align: right;
}

#header #top_menu ul{
  float:right;
}

#header #top_menu a{
  font-weight:bold;
  font-size:18px;
  margin:0px 18px;
  color:#000000;
  text-decoration: underline;
}

#header #top_menu li{
  float:left;
}


#content_holder{
  width:100%;
  background-image: url(../images/body_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
    background-color:#FFFFFF;
}

#content_holder.homepage{
  background-image: url(../images/body_bg_hp.jpg);
}


#content_holder.homepage #content{
  margin:auto;
  position:relative;
  width:986px;
}

#content_holder #content{
  margin:auto;
  position:relative;
  width:986px;
}

#content_holder #content_text{
  margin:25px 3px 0px 333px;
  position:relative;
  width:600px;
color:#555555;
  padding:25px;
  padding-top:0px;
  background-color:#FFFFFF;
}

#content_text a{
  text-decoration: underline;
  color:#555555;
}

#content_text b{
  color:#000000;
}

#content_text a.red{
  font-size:16px;
  color:#FF0000;
  font-weight:bold;
}

#content_left{
  display:none;
  
}

a#home{
  position:absolute;
  display:block;
  text-decoration:none;
  width:333px;
  height:130px;
}

.text_box{
  margin:0px 0px 15px 0px;
  width:550px;
  height:66px;
  background-image: url(../images/text_box_bg.jpg);
  padding-left:22px;
  padding-top:30px;
  padding-bottom:0px;
  padding-right:10px;
  font-weight:bold;
}


.hp_box{
  height:310px;
  width:276px;
  padding:145px 25px 0px 25px;
  float:left;
  background-repeat: no-repeat;
  color:#555555;
  position:relative;
  font-size:14px;
  margin-bottom:43px;
}

.hp_box a{
  color:#FE001F;
  font-size:16px;
  position:absolute;
  top:402px;
  text-decoration: underline;
  font-weight:bold;
  left:25px;
}

.box2 a{
  top:402px;
}

.hp_box h2{
  color:#000000;
  font-size:16px;
  margin-bottom:15px
} 

.box1{
  background-image: url(../images/box1.png);
  margin-right:4px;
}

.box2{
  background-image: url(../images/box2.png);
  margin-right:4px;

}

.box3{
  background-image: url(../images/box3.png);
}


#iko_registrace{
  margin-top:265px;
  margin-left:692px;
  margin-bottom:38px;
  display:block;
  clear:both;
}

#reg_form input.text{
  width:238px;
  height:20px;
  border:1px solid #ADADAD;
  margin:4px;
}


#footer{
  margin:auto;
  position:relative;
  width:986px;
  color:#555555;
  height:135px;
  padding-top:10px;
  font-size:14px;
  line-height:140%;
}

#footer b{
  margin-bottom:5px;
  display:block;
  color:#FF0000;
}

#footer a{
  display:block;
  color:#FFFFFF;
  text-decoration: underline;
}

#footer .footer_box{
  float:left;
  padding:10px 0px;
}

#footer .footer_box1{
  width:198px;
  margin-left:28px;
}
#footer .footer_box2{
   width:228px; 
}
#footer .footer_box3{
    width:236px;
}
#footer .footer_box4{
  width:173px;  
}
#footer .footer_box5{
  width:115px;  
}


#footer2{
  font-size:12px;
  margin:auto;
  position:relative;
  width:986px;
  color:#AAAAAA;
  height:128px;
  border-top:1px solid #4a4a4a;
}

#footer2 a{
  text-decoration: underline;
  color:#AAAAAA;
}

#footer2 .sponzor{
  float:right;
  margin-top:12px;

}

#footer2 .text{
  float:left;
  margin-top:23px;

}

#footer_holder{
  background-color:#000000;
}


#hra{
  width:986px;
  height:741px;
  padding:3px;
  background-image: url(../images/hra_bg.png);
  background-repeat: no-repeat;
  margin-bottom:20px;
  margin-top:20px;
}

.obrazky a{
  float:left;
  margin:0px;
}