/* CSS Document */

*
{
_line-height : 1.2;

}

dfn
{
font-size: 80%;
color: rgb(129,129,129)!important;
}

body
{
text-align: center;
margin: 0;
padding: 0; 
background-image: url(images/bg_body.gif);
font-family: arial;
font-size: 90%;
background-color: #6a8ebb;
}

.conteiner
{
background-image: url(images/bg_body_top.jpg);
background-repeat: repeat-x;
}



#page_top
{
margin-left: auto;
margin-right: auto;
width: 990px;
background-image: url(images/bg_page_top.jpg); 
height: 30px;
text-align: left;
}

#page
{
text-align: left;
margin-left: auto;
margin-right: auto;
width: 990px;
background-repeat: repeat-y;
padding: 0; 
background-image: url(images/bg_main.gif); 
background-color: #ffffff;
}

#page_conteiner
{
position: relative;
left: 9px;
width: 973px;

}


#header
{
background-image: url(images/bg_header.jpg);
height:212px;
overflow: hidden;
position: relative;
top: 0;
background-color: #8bbeff;
background-position: left bottom;

background-repeat: no-repeat;
text-align: center;
}


#header h2
{

margin-left: auto;
margin-right: auto;
width: 412px;
height: 115px;
position: relative;
top: -18px;
_top: -5px;
&top: -5px;

}


#header h2 span
{cursor: pointer;
width: 412px;
height: 115px;
position: absolute;
top: 0;
left: 0;
background-image: url(images/logo.jpg);
background-position: top;
}


h1
{
color: #fdfffe;
margin: 0;
margin-left: 2px;
padding: 0; 
font-size: 80%;
position: relative;
top: 10px;
left: 10px;
z-index: 20;
}

h1 a
{
color: #fdfffe;
}


#left
{
position: relative;
top: -60px;
width: 160px;
float: left;

}
#main2
{
text-align: center;
position: relative;
top: -60px;
left:10px;
width: 630px;
float: left;
text-align: left;

}

#right
{
position: relative;
top: -60px;
width: 160px;
float: right;
}

p
{
font-size: 90%;
text-align: left;
margin-left: 10px;
}

a
{
color: black;
}

strong
{
color: #ffa026;

}


#footer {
  margin-top: 10px;
	font-size: 80%;
	color: white;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 10px;
  padding-bottom: 10px;
  background-color: #edae00;
}
#footer a
{color: white !important;}

img
{
border: 2px #6d6d6d solid;
}

#created {
	float: right;
	color: white;
}


h3
{
font-size: 110%;
margin: 0;
color: #ff9a32;
margin-top: 3px;
}


h3 a 
{

color: #ff9a32;
}

img
{
margin: 4px 
}

hr
{
border: 1px #dedede solid;
}

a:hover
{
color: #ffa026;
text-decoration: underline !important;
}


/******************************** H2 a H3 objekt **********************/

h2.barva1
{
border-left: 5px #858585 solid;
color: #ff9c1d;
padding-left: 10px;
}



h3.barva1
{
color: #ff9c1d;
border-top: 2px #d0d0d0 solid;
padding-top: 10px;

}

h2.barva2
{
border-left: 5px #858585 solid;
color: #8ec1ff;
padding-left: 10px;
}



h3.barva2
{
color: #8ec1ff;
border-top: 2px #d0d0d0 solid;
padding-top: 10px;

}







/******************************** **********************/
small {color:#999999;}

.none {display: none;}

.cleaner {
font-size: 1px;
clear: both;
color:white;
}

.left {float: left;}
.right {float: right;}
/******************************** vert menu **********************/
#vert_menu
{

width: 100%;
position: absolute;
top: 105px;
left: 0;
font-size: 90%;
height: 32px;
background-image: url(images/bg_menu.gif);
background-color: #86888c;
} 

#vert_menu ul
{

margin: 0;
padding: 0; 
}
#vert_menu li
{
position: relative;
top: 4px;
display: block;
float: left;
padding: 4px 8px 2px 8px;
border-right: 1px #8b8b8b solid;
}

#vert_menu a
{

text-decoration: none;
color: #fdfdfd;
}


#vert_menu a:hover
{
color: #ffa026;
text-decoration: underline;
}



#vert_menu li.active
{

background-image: url(images/bg_menu-active.gif);
background-color: #86bbfc;
position: relative;
top: 0px;
display: block;
float: left;
padding: 8px 8px 2px 8px;
height: 21px;
_height: 31px;
border-right: 1px #afc1d7 solid;
background-repeat: repeat-x;
}

/******************************** left menu **********************/

#left ul, #right ul
{
margin: 0; 
padding: 0;
}

#left ul li, #right ul li
{
background-image: url(images/bg_menu_hry.gif);
background-color: #99ccff;
display: block;
width: 160px;
font-size: 90%;
height: 19px;
}

#right ul li
{
background-image: url(images/bg_menu_hry_bw.gif);
background-color: #cccccc;
}

#left ul li a, #right ul li a
{
text-decoration: none;
color: #40474f;
margin-left: 25px;

} 


#left ul li a:hover, #right ul li a:hover
{
color:#ffa129;
}



/******************************** h2 main **********************/

#main2 h2.black, #main2 h2.orange, #main2 h2.blue, #main2_hra h2.black, #main2_hra h2.orange, #main2_hra h2.blue
{
margin-top: 15px;
font-size: 80%;
text-align: left;
border-right: 1px #e4e4e4 solid;
background-repeat: repeat-x;
height: 27px;
padding-top: 5px;
color: #ffffff;
padding-left: 10px;
position: relative;
top: 0;

}

#main2 h2.black span, #main2 h2.orange span, #main2 h2.blue span,#main2_hra h2.black span, #main2_hra h2.orange span, #main2_hra h2.blue span
{
height: 60px;
width: 60px;
background-repeat: no-repeat;
}


#main2 h2.black,#main2_hra h2.black
{
background-image: url(images/bg_main_h2_black.gif);
}


#main2 h2.orange,#main2_hra h2.orange
{
background-image: url(images/bg_main_h2_orange.gif);
}


#main2 h2.blue,#main2_hra h2.blue
{
background-image: url(images/bg_main_h2_blue.gif);
}

/******************************** h2 left rihgt **********************/
#left h2 , #right h2
{

margin: 0; 
font-size:65%;
position: relative;
top: 0;
padding-top: 25px;
width: 160px;
height: 20px;
overflow: hidden;
text-align: left;
_height: 46px;

}
#left h2 span ,#right h2 span 
{
position: absolute;
left: 0;
top: 0;
width: 160px;
height: 46px;
}

/******************************** nahled hra **********************/
.hra a 
{
text-decoration: none;
color: #ff9a32;
}


.hra h3 a
{
color: #ff9a32;
}




.hra
{
text-align: left;
width: 203px;
background-image: url(images/bg_hra_grey.gif);
background-repeat: repeat-y;
float: left;
font-size: 75%;
color: #676767;
height: 65px;
margin: 3px;
overflow: hidden;
}

.novinka .hra
{
background-image: url(images/bg_hra_blue.gif);
}


.hra .right
{
width: 143px;
}
.hra h3
{
font-size: 110%;
margin: 0;
color: #ff9a32;
margin-top: 3px;
}

.hra img
{
margin: 5px;
border: 2px #6d6d6d solid;
}

.hra .pocet_komentaru
{ 
font-size:90%;
color:#a6a6a6;
position: relative;
top: -3px;
}

.hra .pocet_komentaru strong
{color: #676767; }

.hra .mini_hodnoceni
{
border: 0 !important; 
margin: 0; 
}
/******************************** box **********************/

.box
{
background-color: white;
font-size: 80%;
background-image: url(images/bg_box.gif);
background-repeat: repeat-x;
border: 1px #dbdbdb solid;
}

.box a
{
text-decoration: none;
}


input, textarea
{

margin: 5px; 
border: 1px #d1d1d1 solid;
background-image: url(images/bg_input.gif);
background-repeat: repeat-x;
background-position: bottom;
}


.submit
{
background-image: url(images/bg_submit.gif);

}

/***************************************************************** control 01 *****************************************************/
.control01
{
font-size: 80%;
position: relative;
top: -10px;
height: 20px;
border-bottom: 2px #558498 solid;
padding: 5px ;
padding-bottom: 20px;

}

.control01 a
{color: black;}

.control01 a.active
{
font-weight: bolder;
color: black;
text-decoration: none;

}


.control01 label
{
display: inline;

}

/***************************************************************** boxy *****************************************************/
.box01
{

border-top: 1px #ffe2c0 solid;
background-color: #fff5e9;
}

.box02
{
padding: 3px;
background-color:#ffe2c0;
}

.box03
{
font-size: 90%;
background-color: #f2f2f2;
}

.box03 a
{
color: #999999;

}

.hodnoceni
{

}


.hodnoceni a
{
float: left;
width: 19px;
height: 30px;
margin: 3px ;
position: relative;
top: 0;
}

.hodnoceni a span
{
position: absolute;
top: 0;
display: block;
width: 19px;
height: 30px;
}

#hodnoceni_ajax
{
font-size: 80%;
color: #cccccc;
height: 15px;
width: 200px;
position: relative;
left: 80px;
}



#hodnoceni-down
{
float: left;
height: 21px;
width: 101px;
position: relative;
top: 0px;
right: 0px;
}




.hodnoceni02-up
{
background-image: url(images/hodnoceni_hover_up.gif);
height: 21px;
position: absolute;
top: 0;
}

#hodnoceni-down .odkazy
{
float: left;
width: 101px;
position: absolute;
top: 0;
font-size: 70%;
z-index: 10;
}

#hodnoceni-down .odkazy a
{
width: 10px;
display: block;
float: left;
height: 21px;
}

#hodnoceni-down .odkazy a:hover
{
}

/***************************************************************** control 01 *****************************************************/
#page_hra
{
text-align: center;
width: 100%;
height:134px;
background-image: url(images/bg_page_hra.gif);
background-position: bottom;
background-repeat: repeat-x;
}





#header_hra
{
background-position: center top;
background-repeat: no-repeat;
height:150px;
overflow: hidden;
position: relative;
top: 0;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#header_hra h2
{
margin-left: auto;
margin-right: auto;
width: 412px;
height: 115px;
position: relative;
top: -25px;

}


#header_hra h2 span
{cursor: pointer;
width: 412px;
height: 115px;
position: absolute;
top: 0;
left: 0;
background-image: url(images/logo_2.jpg);
background-position: top;
}







#page_conteiner_hra2
{
position: relative;
left: 9px;
width: 535px;

}


#page_hra2
{
text-align: left;
width: 551px;
background-image: url(images/bg_main_hra.gif);
margin-left: auto;
margin-right: auto;
}

.hra_top
{

margin-left: auto;
margin-right: auto;
width: 550px;
background-image: url(images/bg_main_hra_top.gif);
background-repeat: no-repeat;
padding-top: 5px;
}


.game_control
{
background-color: #fc8714;
height: 20px;
color: white;
font-size: 90%;
text-align: center;
}

.game_control a
{
color: white;


}

.game_control small
{
color: #e8e8e8;
}


/**************************************************************** advancedform *****************************************************/



.advancedform h3
{
margin: 0;
padding: 0;
font-size: 100%;
margin-bottom: 5px;
text-align: right;
}


.advancedform p
{

margin: 0;
padding: 0;
color: #999999;

margin-bottom: 5px;
}


.advancedform small
{
margin-left: 5px;
color: black;
}


.advancedform .left
{

display: block !iportant;
float: left;
width: 220px;
margin-right: 10px;
margin-bottom: 10px;
text-align: right;
}

.advancedform .right
{
width: 360px;
text-align: left;

}


.advancedform label p
{
width: 100%;
text-align: right;
}

.advancedform input.text
{
width: 280px;

}

fieldset
{
border: 0;
} 
/**************************************************************** novinky *****************************************************/
#novinky
{
font-size: 90%;
margin-bottom: 20px;
}

#novinky p
{
margin: 0; 
font-size: 100%;
}

#post_news
{
float: left;
position: relative;
top: 0;
 margin-top: 10px;
}

#mailform
{

width: 300px;
height: 40px;
z-index: 20px;
}

#post_news .status
{
display: block;
font-size: 90%;
}
/**************************************************************** list *****************************************************/

ul.ojekt
{
font-size: 90%;
background-color: #dcebfc;
list-style: none;
padding: 0; 
}

ul.ojekt li
{
border-bottom: 4px white solid;
list-style: disc inside;
padding-left: 10px;
}
/**************************************************************** game *****************************************************/

#game_conteiner
{
margin-left: auto;
margin-right: auto;
position: relative;
left: -70px;
_height: 600px;
min-height: 600px;
vertical-align: middle;
}

#game_conteiner object
{

margin-top: 30px;
margin-bottom: auto;
}

/**************************************************************** tlacitko_hrat *****************************************************/


a.tlacitko_hrat
{
position: relative;
top: 5px;
right: 20px;
display: block;
width: 198px;
height: 73px;

}


a.tlacitko_hrat span
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 198px;
height: 73px;
background-image: url(images/tlacitko_hrat_hover.gif);
background-position: top center;
}
a.tlacitko_hrat:hover span
{

background-position: bottom center;
}



.limit_bar
{
font-size: 90%;
}