/* CSS Document */
body {
color:#333333;

font-family: Trebuchet MS;
font-size:13px;
text-align:center;
margin:0px;
}

.news_red {
color:#4CAB28;
text-decoration:underline;
}
.news_red:hover{
color:#4CAB28;
text-decoration:none;
}
.h2_news {
font-size:120%;
padding:0px;
margin:0px;
line-height:150%;
}
.h3_zpravy_odjinud {
font-size:100%;
padding:0px;
margin:2px;
}
.h1_hra {
font-size:150%;
padding:0px;
margin:0px;
color:#0D1C76;
}
.a_zaj {
color:#0D1C76;
text-decoration:underline;
}
.a_zaj:hover{
color:#0D1C76;
text-decoration:none;
}


.header {
margin:0px auto;
width:100%;
height:88px;
text-align:left;
background-image:url(../img/header_bg.png);
background-repeat: repeat-x;
}

.header_wrapper{
width:960px;
height:88px;
margin:0px auto;
}

.header_cz{
background-image:url(../img/logo_left.png);
background-repeat: no-repeat;
width:90px;
height:88px;
float: left;
}

.header_wrapper h1{
margin-top: 0;
font-size:49px;
font-family: trebuchet MS;
padding-top: 16px;
float: left;
}

.header_wrapper h1 a{
color:#fff;
text-decoration:none;
}

.header_desc{
color:#fff;
height:88px;
float: right;
text-align: right;
padding-top: 15px;
}

.header_buttons{
margin-top: 10px;
}

.btn-header{
font-size: 12px;
}

.menu {
margin:0px auto;
width:100%;
height:58px;
text-align:left;
background-image:url(../img/menu_bg.png);
background-repeat: repeat-x;
}

.btn-active{
  color: #ffffff;
  background-color: #f18322;
  border-color: rgba(0, 0, 0, 0.25);
}


.menu_wrapper{
width:960px;
height:58px;
margin:0px auto;
text-align: center;
padding-top: 15px;
}

.btn-menu{
font-size: 15px;
}

.clear{
clear: both;
}

.box1{
width: 300px;
height: 110px;
float: left;
margin-top: 15px;
margin-right: 10px;
}

.box2{
width: 302px;
float: left;
margin-left: 20px;
padding-top: 10px;
margin-bottom: 10px;
}

.box3{
width: 300px;
height: 110px;
float: right;
margin-top: 15px;
}

.wrapper {
margin:0px auto;
width:960px;
text-align:left;
}

.box-title{
color: #f16022;
font-weight: bold;
font-size: 27px;
text-align: center;
padding-top: 15px;
margin-bottom: 10px;
}

.select-game{
width: 250px;
margin: 0 auto;
}

.search-game{
width: 250px;
margin: 0 auto;
}

.btn-search{
float: right;
position: relative;
top: -37px;
right: 25px;
}

.login_box{
margin: 0 auto;
}

.login_box_top{
width: 302px;
height: 10px;
background-image:url(../img/login_box_top.png);
}

.login_box_mid{
width: 302px;
background-image:url(../img/login_box_mid.png);
}

.login_box_bottom{
width: 302px;
height: 12px;
background-image:url(../img/login_box_bottom.png);
}

.login_box_fb_login{
font-weight: bold;
margin-left: 30px;
color: #787778;
position:relative; 
top: -5px;
}

.login-left{
float: left;
}

.btn-login{
margin-top: 10px;
margin-left: 15px;
}

.btn-reg{
float: right;
padding-top: 15px;
padding-right: 38px;
font-weight: bold;
text-decoration: underline;
}

.title_square{
margin:0px auto;
width:960px;
background-color: #f3f3f3;
text-align:left;
margin-bottom: 15px;
margin-top: 10px;
}

.title_square h1{
font-size: 27px;
text-align: center;
font-weight: bold;
color: #f16022;
padding-top: 6px;
padding-bottom: 6px;
margin: 0 auto;
}

.line {
margin:0px auto;
padding:5px 0 5px 0;
width:982px;
height:24px;
text-align:left;
}

.headline {
margin:0px auto;
text-align:center;
width:982px;
padding:5px 0 5px 0;
background-color:#0D1C76;
border-bottom:5px solid #4CAB28;
color:#4CAB28;
line-height:180%;
}
.headline a {
color:white;
text-decoration:none;
font-size:110%;
font-weight:bold;
}
.headline a:hover {
text-decoration:underline;
}







.middle {
margin:0px auto;
width:960px;
text-align:left;
}

.kategorie_div {
margin:15px;
}
.autor_div {
margin:15px;
}
.autori_posledni {
margin:10px 0 10px 0;
}
.search_div {
margin:10px;
}
.poslat_div {
border-top:1px solid black;
border-bottom:1px solid black;
margin-top:20px;
padding:10px;
}
.poslat_div_box {
display:inline;
margin-right:10px;
}
.poslat_div_box img {
position:relative;top:8px;
margin-right:10px;
border:none;
}
.poslat_form {
margin-top:28px;
}







/*  right  */
/*
.search_box {
background-image:url("http://personalista.teenmania.eu/img/search-box.gif");
background-repeat:no-repeat;
height:80px;
}
*/
.input_text_search {
width:130px;
border:1px solid black;
text-indent:5px;
margin:12px 0 12px 40px;
}
.input_submit_search {
border:1px solid #0189F8;
background-color:#56B3FE;
color:white;
margin:12px 0 12px 5px;
}
.input_submit {
border:1px solid #0189F8;
background-color:#56B3FE;
color:white;
}




.list {
margin-right:6px;
position:relative;
top:3px;
}
.list_text {
color:#0E92FE;
font-weight:bold;
}

.box_right {
border:1px solid #D2D9FB;
background-color:#F0FAFF;
margin:4px 10px 8px 10px;
padding:5px 0 5px 0;
}
.box_right_obsah {
margin:10px;
}
.box_left {
border:1px solid #0189F8;
background-color:#98D0FE;
margin:4px 5px 8px 5px;
padding:6px 0 6px 0;
font-weight:bold;
color:black;
padding-left:5px;
}
.box_left_obsah {
margin:10px;
}
.box_left a {
text-decoration:none;
line-height:160%;
font-weight:bold;
color:black;
}
.box_left a:hover {
text-decoration:underline;
}

.ol_nejctenejsi {
position:relative;
right:10px;
}
.li_nejctenejsi {
margin-bottom:5px;
}
.li_nejctenejsi a {

}


.nejctenejsi_perex {
font-size:90%;
line-height:140%;
}
.zpravy_odjinud {
margin:10px 0 10px 0;
}








.footer {
margin:0px auto;
width:100%;
height:61px;
text-align:left;
background-image:url(/img/footer_bg.png);
background-repeat: repeat-x;
}

.footer-wrapper{
margin:0px auto;
width:960px;
height:61px;
}

.footer-left{
margin-top: 20px;
color: #fff;
float: left;
font-size: 12px;
}

.footer-right{
margin-top: 15px;
color: #fff;
float: right;
font-size: 12px;
}




/*************************************************************************/


.news_hry {
width:320px;
height: 280px;
float:left;
border: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
/*background-image:url(../img/box_hover.png);
background-position:bottom right;
background-repeat:no-repeat;*/
/*padding:0 0 5px 0;
padding:1px;
}
.news_nadpis {
/*border-left:3px solid #0099FF;*/
/*margin-left:4px;*/
}

.news_hry:hover { 
/*background-image:url(../img/box_hover.png);
background-position: center center;*/

border: 1px #bfbfbf solid;
border-bottom: 1px #a7a7a7 solid;
-moz-box-shadow: 1px 3px 5px rgba(0,0,0,.12);
-webkit-box-shadow: 1px 3px 5px rgba(0,0,0,.12);
box-shadow: 1px 3px 5px rgba(0,0,0,.12);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.news_hry_div {
margin:10px;
}


.btn-hodnoceni{
font-size: 12px;
cursor: default;
}

.game-title{
position: relative;
top: 3px;
}

.game-tags{
margin-top: 5px;
margin-bottom: 5px;
}

.game-tags a{
text-decoration: none;
}

.game-category{
margin-top: 3px;
}

.game-category a{
color: #086b86;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
}

.game-info{
color: #cd5353;
font-size: 13px;
font-weight: normal;
}

.game-info a{
color: #cd5353;
font-size: 13px;
text-decoration: underline;
font-weight: normal;
}

.game-desc{
font-size: 11px;
font-weight: normal;
}

.news_nadpis  {
margin-top: 5px;
}

.news_nadpis a {
font-size:130%;
font-weight:bold;
color:#000;
margin-top: 10px;
margin-left: 5px;
}

.news_nadpis a:hover {
text-decoration: underline;
}


.spustit_hru {
font-size:110%;

}




.hraci {
border:1px solid #FFCE9D;
width:234px;
float:left;
background-image:url(../img/bcg-news.png);
background-position:bottom right;
background-repeat:no-repeat;
margin:0 0 2px 4px;
}
.hraci_div {
margin:6px;
font-size:90%;
}

.hraci_nadpis a {
font-size:130%;
font-weight:bold;
text-decoration:none;
color:#0099FF;
}
.img_nahled_hraci {
height:80px;
float:left;
margin:0 10px 2px 2px;
border:2px solid #f3f3f3;
}


.xhraci {
margin:4px 0 0 0;
/*background-color:#F0FAFF;*/
background-image:url(../img/bcg-news.png);
background-position:bottom right;
background-repeat:no-repeat;
border:1px solid #98D0FE;
}
.xhraci_div {
/*border-right:1px solid #FFCE9D;*/
width:153px;
height:100%;
float:left;
margin:4px 0 2px 4px;
font-size:90%;
}
.xhraci_nadpis a {
font-size:130%;
font-weight:bold;
text-decoration:none;
color:#0099FF;
}
.ximg_nahled_hraci {
width:130px;
float:left;
margin:0 10px 2px 2px;
border:2px solid #f3f3f3;
}

.nahodne_top {
margin:0 15px 0 15px;
}


.kategorie_hry_left {
float:left;
width:48%;
border-top:1px solid #0D1C76;
margin:5px 0 5px 0;
padding:0 0 5px 0;
}
.kategorie_hry_right {
float:right;
width:48%;
border-top:1px solid #0D1C76;
margin:5px 0 5px 0;
padding:0 0 5px 0;
}


.kategorie_nadpis {
border-left:3px solid #4CAB28;
text-indent:8px;
margin:10px 0 5px 0;
}
.kategorie_nadpis a {
font-size:120%;
font-weight:bold;
text-decoration:none;
color:#4CAB28;
}
.img_nahled_kategorie {
width:100px;
float:left;
margin:0 10px 2px 2px; 
}

/* SCROLLING */

#next{
text-align: center;
font-size: 20px;
}


/*
.hra_div {
margin:15px;
}
.hra_nadpis {
margin:25px 0 3px 0;
padding-bottom:5px;
border-bottom:2px solid #4CAB28;
}
.hra_perex {
margin:25px 0 25px 0;
font-weight:bold;
}
.hra_hra {
float:left;
}
*/

.hra_popis {
/*clear:both;*/
float:left;
width:400px;
line-height:150%;
margin-right:10px;
}
.hra_info {
float:left;
width:220px;
line-height:150%;
}

.next-games{
text-align:center; 
margin-top:10px;
}

/* ANIMACE */

.animace{
position: absolute;

}

.img_nahled_news {
width:300px;
height: 120px;
}

.playSWF{
position: absolute;
width: 300px;
height: 120px;
top: 5px;
}

.SWFhref{
position: absolute;
width: 300px;
height: 120px;
}

.thumb{
width:300px;
height:120px;
margin-top: 5px;
}

/* USER PROFILE */

.user_left{
float: left;
height: 100%;
text-decoration: none;
}

.user_left a{
text-decoration: none;
}

.user-avatar{
width:80px;
border:1px solid #f16022;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 5px;
}

.user-menu{
float: left;
}

.user-logout{
text-align: center;
margin-left: 40px;
text-decoration: none;
}

.user-logout a{
text-decoration: none;
}

.logout{
text-decoration: none;
}

.logout a{
text-decoration: none;
}

.tip{
position: relative;
top: -3px;
left: 16px;
color: red;
}


.left_ads{
  float: left;
  width: 160px;

}

.mid_game{
  float: left;
  width: 620px;
  height:100%;
  margin-left: 10px;
}

.right_ads{
  float: right;
  width: 160px;
}

.mid_game_info{
  background-color: #f3f3f3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;    
}

.mid_game_info_button{
  float: left;
  margin-left: 4px;
  position: relative;
  top: 3px;
}

.mid_game_desc{
  background-color: #f3f3f3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  float: left;
  margin-bottom: 15px;  
  height:100%;
}

.mid_game_info_social{
  float: left;
  margin-left: 8px;
}

.mid_game_info_rating{
  float: right;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.mid_game_desc_left{
  float: left;
  width: 360px;
  padding: 10px 20px 10px 20px;
}

.mid_game_desc_border{
  float: left;
  width: 1px;
  height: 100px;
  background-color: #c7c7c7;
}

.mid_game_desc_right{
  padding-top: 10px;
  float: right;
  width: 250px;
  padding-left: 10px; 
  height:100%;
  color:#484747;
}

.mid_game_comments{
  background-color: #f3f3f3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  float: left;
}

.mid_game_info_rating_znamky{
  display: inline;
  font-size: 16px;
}

.mid_game_info_rating_procenta{
  display: inline;
}

.send_message{
  width:100%;
  font-weight: bold;
  font-size: 110%;
}

.add_friend{
font-size: 80%;
float:right;
display: inline;
}