/*.clear {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1px; } */

BODY{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #3D3D3D;
	margin: 0px;
	background: White;
}
TD, TR{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
}

a:link, a:active, a:visited {
	font-weight: normal;
	color: #494949;
	text-decoration: underline;
}
a:hover {
	color: #01AEFD;
}

ul {
	padding: 5px 0px 20px 12px;
	margin: 0px 0px 0px 5px;
	
}

li {
	font-weight: normal;
	color: #383838;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-indent: 0;
	list-style: none;
	list-style-image: url(img/li.gif);
}

h1 {
	font-size: 130%;
	font-weight: bold;
	color: #03ADFC;
	text-align: left;
	padding: 5px 0px 10px 0px;
	margin: 0;
}

.h1top {
	font-size: 22px;
	font-weight: bold;
	color: white;
	padding: 0;
	margin: 0;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #35CA12;
}
.h2o:link, .h2o:active, .h2o:visited {
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #35CA12;
	text-decoration: none;
}
.h2o:hover {
	color: #03ADFC;
}

h3 {
	color: White;
	font-size: 17px;
	font-weight: normal;
	font-family: Tahoma;
	margin: 0px 0px 0px 0px;
	padding: 13px 0px 0px 12px;
}

hr{
	color: #9B9B9B;
	height: 1px;
}

form{
	margin: 0;
	padding: 0;
}

/* Struktura webu */

#telo {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#maintop {
	width: 999px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: White;
}

#mainobsah {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: #EFFAFF url(img/obsah-topbg.png) repeat-x top;
}
#mainobsahin {
	width: 1005px;
	margin: 0px auto 0px auto;
}
#mainobsahinin {
	margin-left: 3px;
	padding: 25px 0px 0px 0px;
}

#mainbot {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: #9D9FA1;
	min-height: 100px;
}
#mainbotin {
	width: 999px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#col-levo {
	width: 253px;
	position: relative;
	float: left;
	left: -738px;
}
#l-main {
	margin-left: 0px;
	margin-top: 0px;
	/* background: url(img/levo-bg2.png) repeat-y; */
}


#col-obsah {
	width: 738px;
	position: relative;
	left: 266px;
	float: left;
}

#col-clear {
	clear: both;
}
/* hlavicka */

#topgrafika {
	height: 162px;
	background: url(img/online-hry.jpg);
}
#topgrafikal {
	width: 766px;
	height: 162px;
	float: left;
}
#topgrafikar {
	width: 233px;
	height: 162px;
	float: right;
}

#topmenu {
	height: 30px;
}
.toph1 {
	position: relative;
	top: -70px;
	left: 213px;
	width: 530px;
}
.tophome {
	position: relative;
	top: 0px;
	left: 0px;
	width: 196px;
}
.topfunkce {
	padding: 17px 0px 0px 20px;
}
.topfunkce2 {
	padding: 10px 0px 0px 20px;
}
.topfunkce3 {
	margin-top: 37px;
	padding: 0px 0px 0px 18px;
}

.topfunkceo:link, .topfunkceo:active, .topfunkceo:visited {
	color: black;
	font-size: 115%;
	text-decoration: none;
}
.topfunkceo:hover {
	color: #01ADF9;
}

.tophledatform {
	border: 1px white solid;
	color: #03ADFC;
	width: 120px;
	font-size: 12px;
}


/* Hlavni menu */

#mid-menu {
	text-align: center;
	padding: 5px 0px 0px 0px;
}

ul.hlavni { margin: 0; padding: 0; list-style: none; display: inline; font-size: 0.91em;  }
#hornav li { position: relative; display: inline; }
#hornav li a {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 0px 15px;
	text-align: left;
	overflow: hidden;
	color: #595959;
	text-decoration: none;
	border-right: 1px solid #03AE18;
}
#hornav li a:hover {
	color: #03ACFF;
}




/* LEVE MENU */

.menu1 {
	margin-bottom: 10px;
}
.menu1-top {
	padding: 15px 0px 0px 30px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	height: 29px;
	background: url(img/lmenubgtop.png) no-repeat;
}
.menu1-topbg {
	height: 9px;
	background: url(img/lmenubgmid.png);
}
.menunejtopbg {
	height: 20px;
	background: url(img/lmenubgmid.png);
}

.menu1-main {
	padding-bottom: 5px;
	background: url(img/lmenubgmid.png) repeat-y;
}

.menu1-main0 a, .menu1-main0 a:visited, .menu1-main0 a:active {
	text-decoration: none;
	min-height: 22px;
	text-align: left;
	color: #424242;
	display: block; /*text-indent: 20px;*/
	padding: 5px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: normal;
	text-decoration: none;
	background: url(img/lmenuico.png) no-repeat 0px 5px;
}

.menu1-main0 a:hover {
	padding: 5px 0px 0px 35px;
	color: #03ACFF;
}


.menu1-main1 a, .menu1-main1 a:visited {
	text-decoration: none;
	height: 18px;
	text-align: left;
	color: #424242;
	display: block; /*text-indent: 20px;*/
	padding: 5px 0px 3px 45px;
	margin: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: normal;
	text-decoration: none; /* background: url(img/menu1-ico2.png) no-repeat left bottom;  */
}

.menu1-main1 a:active {
	color: #424242;
}

.menu1-main1 a:hover {
	color: #09AFFC;
}


.menu1-main2 a, .menu1-main2 a:visited {
	text-decoration: none;
	height: 18px;
	text-align: left;
	color: Black;
	display: block; /*text-indent: 20px;*/
	padding: 5px 0px 0px 22px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: Bold;
	text-decoration: none;
	background: url(img/menu1-ico.png) no-repeat left bottom; 
}

.menu1-main2 a:active {
	color: Black;
}

.menu1-main2 a:hover {
	color: #4569F0;
}

.menu1-bot {
	height: 14px;
	background: url(img/lmenubgbot.png);
}


.menuanketa {
	margin-bottom: 10px;
}
.menuanketatop {
	padding: 15px 0px 0px 30px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	height: 29px;
	background: url(img/lmenubgtop2.png) no-repeat;
}
.menuanketamain {
	padding: 0px 15px 5px 30px;
	background: url(img/lmenubgmid.png) repeat-y;
}


.menutext {
	margin-bottom: 10px;
}
.menutexttop {
	padding: 15px 0px 0px 30px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	height: 29px;
	background: url(img/lmenubgtop2.png) no-repeat;
}
.menutextmain {
	padding: 0px 15px 5px 30px;
	background: url(img/lmenubgmid.png) repeat-y;
}


.menunej {
	margin-bottom: 10px;
}
.menunejtop {
	padding: 15px 0px 0px 30px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	height: 29px;
	background: url(img/lmenubgtop2.png) no-repeat;
}
.menunejmain {
	padding: 0px 15px 5px 15px;
	background: url(img/lmenubgmid.png) repeat-y;
	
}

/* OBSAHOVA CAST */

#obsah {
	padding: 0px 1px 10px 1px;
}

.obsahtop {
	height: 12px;
	background: url(img/textbgtop.png);
}
.obsahmid {
	background: url(img/textbgmid.png) repeat-y;
	min-height: 350px;
}
.obsahbot {
	height: 20px;
	background: url(img/textbgbot.png);
}

.texthlavni {
	padding: 0px 24px 0px 32px;
	margin-right: 5px;
	background: url(img/textbgtop2.png) no-repeat top right;
}

.textvrch {
	padding-top: 10px;
}


.navigaceo:link, .navigaceo:active, .navigaceo:visited {
	color: #32D20C;
	font-size: 100%;
	text-decoration: underline;
}
.navigaceo:hover {
	color: #01ADF9;
}

.textnapdnejnovejsi {
	margin: 20px 0px 0px 0px;
	background: url(img/textbgnadpisy.png) no-repeat top;
	height: 31px;
	color: white;
	padding: 10px 0px 20px 14px;
	font-size: 120%;
	font-weight: bold;
}

.textstrankovani {
	margin: 20px 0px 20px 0px;
	background: url(img/textbgnadpisy.png);
	height: 31px;
	color: white;
	padding: 10px 0px 0px 14px;
	font-size: 120%;
	font-weight: bold;
}

.vypisstrankovani {
	font-size: 13px;
	color: black;
	margin-right: 5px;
}
.vypisstrankovani:link, .vypisstrankovani:active, .vypisstrankovani:visited {
	font-size: 13px;
	color: #03adfc;
	margin-right: 5px;
}
.vypisstrankovani:hover {
	color: black;
}

/* HRA VYPIS */

.vypishra {
	margin-bottom: 20px;
}
.vypl {
	float: left;
	width: 175px;
}
.vypr {
	width: 500px;
	float: right;
}
.clear {
	clear: both;
}

.hraimg {
	width: 153px;
	height: 118px;
	background: url(img/hraimgbg.png);
}
.imghra {
	border: 1px solid #0FB1FC;
	margin: 10px 0px 0px 10px;
}
.imghra2 {
	border: 1px solid #0FB1FC;
	margin: 7px 0px 0px 8px;
}
.imghratit {
	border: 1px solid #0FB1FC;
}
.hranej {
	width: 99px;
	padding-bottom: 20px;
}
.hranejimg2 {
	width: 99px;
	height: 77px;
	background: url(img/hraimgbg2.png);
}
.hranejtext {
	text-align: center;
	padding: 2px;
}
.hrapopis {
	color: #313030;
	min-height: 35px;
}
.hradatal {
	width: auto;
	float: left;
}
.hradatar {
	width: 157px;
	float: right;
}
.hradatarubriky {
	color: #03ADFC;
	padding-bottom: 2px;
}
.hradatahodnoceni {
	color: #03ADFC;
}

.select-tridit {
	font-size: 10px;
	color: #0DB821;
	background-color: White;
	border: 1px solid #06AEFC;
}

.spanhralo {
	color: #03ADFC;
}

/* PATKA */

.patkal {
	float: left;
	width: 263px;
}
.patkar {
	float: right;
	width: 736px;
}
.patkataoxtxt {
	color: white;
	padding-top: 12px;
}

.webonlinehry {
	padding: 20px 0px 0px 36px; 
}
.webprojekty {
	padding: 10px 0px 0px 36px; 
}
.webpartneri {
	padding: 10px 0px 0px 36px; 
}

.pato:link, .pato:active, .pato:visited {
	color: white;
}
.pato:hover {
	color: Black; 
}

.patopr {
	color: white; 
	margin: 0px 5px 0px 5px;
}

/* HRA DETAIL */

.dethrymain {
	margin: 0px auto 0px auto;
	width: 667px; 
}

.dethryhra {
	padding: 20px 0px 20px 0px;
	text-align: center; 
}

.dethryfunkce {
	width: 667px;
	background: #DAFFD1;
	font-size: 12px;
}
.dethryfunkce2 {
	margin-top: 20px;
	width: 667px;
	background: #DAFFD1;
	font-size: 12px;
}
.dethryfunkcetop {
	background: url(img/dethrabgtop.png);
	height: 11px;
}
.dethryfunkcebot {
	background: url(img/dethrabgbot.png);
	height: 11px;
}
.dethrynazev {
	float: left;
	width: auto;
	padding-left: 15px;
}
.dethryhodnoceni {
	float: right;
	width: 240px;
	text-align: right;
	padding-right: 15px;
}
.dethryrubriky {
	float: left;
	width: auto;
	padding-left: 15px;
}
.dethryhralo {
	float: right;
	width: 240px;
	text-align: right;
	padding-right: 15px;
}
.dethrynadpis {
	color: #03ADFC;
	padding-left: 15px;
	padding-right: 15px;
}
.dethrytext {
	padding-left: 15px;
	padding-right: 15px;
}
.dethrytexttop {
	width: 150px;
	float: left;
	padding-left: 15px;
}
.dethryadd {
	float: right;
	width: 210px;
	padding-right: 15px;
	text-align: right;
}

.formik {
	font-size: 10px;
	color: black;
	background-color: White;
	border: 1px solid #06AEFC;
}

.formiktl {
	font-size: 11px;
	color: black;
	background-color: White;
	border: 1px solid #06AEFC;
}

.spanhralodet {
	color: #03ADFC;
	font-weight: bold;
}

/* formulare */

.select {
	font-size: 11px;
	color: black;
	background-color: White;
	border: 1px solid #06AEFC;
}

.selecttlacitko {
	font-size: 11px;
	color: black;
	background-color: White;
	border: 1px solid #06AEFC;
}


.monitoring {
	padding: 5px 0px 0px 25px;
}



/* LIKE */

.stack { position: fixed; bottom: 28px; right: 40px; font: 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #666; }
.stack * { margin: 0; padding: 0; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; margin:0; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute;  list-style: none;  }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span { 	
	display: block;
	position: absolute;
	top: 17px;
	right: 60px;
    height: 14px;	
	line-height: 14px;
	background-color:#000;
    border: 0;	
	padding: 3px 10px;	
    text-align: center;
	text-shadow: #000 1px 1px 1px;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size: 12px;
	color: #fcfcfc;	
    border-radius: 10px;	
	opacity: .85;
	filter: alpha(opacity = 85);
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* IE Fixes */
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }



.bannertop {
	text-align: center;
	padding-bottom: 15px;
}