/* CSS Document */



/* Reset everything */

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,font,img,ol,ul,dl,fieldset,form,label,iframe{

margin:0;

padding:0;

border:0;

outline:0;

vertical-align:baseline;

background:transparent;

color:black;



}

h1,h2,h3,h4,h5,h6,p,blockquote,ol,ul,fieldset,form{

padding:0 0 20px 0;

}

.clear{

clear:both;

}



/* Layout */

body{

font:12px/18px Arial, Helvetica, sans-serif;

color:#cfe5e9;

background:#3E82B3;



text-align:justify;

margin:0;

/*position:relative;*/

}

#page{

/*float:left;*/

width:100%;


/*background:url("http://www.czech-sudoku.com/images/bggradient.jpg") repeat-x top ;*/

background:url("http://www.czech-sudoku.com/img/pozadi_nebe.jpg");
background-repeat:no-repeat;
background-attachment:fixed;

}



#wrap{

width:960px;




margin:0 auto;

}

a:link, a:visited{

color: black;

text-decoration: none;

}

a:hover{

color:#0b96b3;

}





/* Top */

#logo-telo{

	position:absolute;

	top:-1px;

	left:50%;

	margin-left:280px;

	z-index:10;

	color:black;

	background:#fff url("http://www.czech-sudoku.com/imggif/bg-description.gif") top left;

	border:1px solid rgb(181,181,181);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#logo-telo2{

	position:fixed;

	top:-1px;

	left:50%;

	margin-left:262px;

	z-index:10;

	color:black;

	background:#fff url("http://www.czech-sudoku.com/imggif/bg-description.gif") top left;

	border:1px solid rgb(181,181,181);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#logo-telo3{

	position:absolute;

	top:-1px;

	left:50%;

	margin-left:262px;

	z-index:10;

	color:black;

	background:#fff url("http://www.czech-sudoku.com/imggif/bg-description.gif") top left;

	border:1px solid rgb(181,181,181);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#pata{

	position:fixed;

	width:978px;

	height:20px;

	left:50%;

	top:100%;

	margin-top:-19px;

	margin-left:-480px;

	background:RGB(229,229,229);

	border:1px solid RGB(181,181,181);

	color:black;

	z-index:800;

}



#t_p{

	height:100%;

	width:100%;

}

#t_p td{

	padding-right:5px;

	border-right:1px solid RGB(181,181,181);

}



.otazka

{

	

	position: fixed;



	left: 50%;

	z-index: 10000;

	display:none;

	



	_position: absolute;



}

.hybani{

	position:fixed;

	top:0px;

	left:0px;

	background-color: black;

	opacity: 0.8;

	-moz-opacity: 0.8;

	z-index:999;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);



}



#menu_spec{

	position:fixed;

	background:RGB(229,229,229);

	border:1px solid RGB(181,181,181);

	width:150px;

	left:50%;

	margin-left:-480px;

	top:100%;

	margin-top:-101px;

	display:none;

	z-index:700;

}

#menu_spec li{

	color:black;

	list-style:none;

	padding-left:5px;

}

#menu_spec li:hover{

	background: RGB(200,200,200);

}

#menu_spec_online{

	position:fixed;

	background:RGB(229,229,229);

	border:1px solid RGB(181,181,181);

	width:150px;

	left:50%;

	margin-left:348px;

	top:100%;

	margin-top:-101px;

	display:none;

	z-index:700;

	height:80px;

	overflow-y:auto;

}



#menu_spec_online li{

	color:black;

	list-style:none;

	padding-left:5px;

}

#menu_spec_online li:hover{

	background: RGB(200,200,200);

}





}

#header{

padding:0;	

float:left;

width:100%;

}

#logo{

float:left;

width:960px;

margin:3em 0 2em 0;

}

#logo-l,#logo-r{

float:left;

}

#logo-l{

width:350px;

padding:20px 20px 20px 0;

height:36px;

overflow:hidden;

margin:0;

}

#logo-r{

width:569px;

padding:20px 0 20px 21px;

color:#fbfbfa;

font-size:14px;

line-height:18px;

height:34px;

text-align:right;

}

#logo h1{

width:350px;

height:36px;

line-height:36px;

float:left;

padding:0;

margin:0;

color:white;

}

#logo h1 a{

width:350px;

height:36px;

display:block;

margin:0 0 0 0;

/*background:url("../img/logo.gif") no-repeat top;*/

color:white;

}







/* Slideshow */

#description{

padding:10px;

background:#fff url("http://www.czech-sudoku.com/images/bg-description.gif") top left;

background-repeat:repeat-x;

width:960px;

float:left;

border:0;

color:#888;
-moz-border-radius: 10px;-webkit-border-radius: 10px;



}











/* Menu */

.main-nav-wrap{

background:url("http://www.czech-sudoku.com/images/divider.gif") no-repeat bottom;

float:left;

width:100%;

padding:0em 0 2px 0;

margin:0 0 1em 0;

}



#special{

	position:absolute;

	top:90px;

	font-size:22px;

	line-height:25px;

	float:left;

	color:silver;

}

.main-nav-wrap .main-nav{

float:right;

list-style:none;

padding:0;

margin:0;

}

.main-nav-wrap .main-nav li{

#color:#334d52;
color:white;

list-style:none;

display:inline;

float:left;

margin:0 10px 0 0;

padding:5px;

}

.main-nav-wrap .main-nav li.current{

background:url("http://www.czech-sudoku.com/images/arrow-up.gif") no-repeat bottom center;

}

.main-nav-wrap .main-nav li a{

display:block;

float:left;

text-transform:uppercase;

#color:#c8bfba;
color:black;

}

.main-nav-wrap .main-nav li a:hover, .main-nav-wrap .main-nav li.current a{

color:#fbfbfa;

}







/* Footer */

#footer{

border-top:1px solid #1c4a7c;

text-align: center;

margin:15px 0 20px 0;

padding:0px 0 0 0;

float:left;

width:100%;

font-size:11px;

color:#90b0d2;

color:white;

}

#footer a:link,#footer a:visited{

color:#fafafa;

font-weight:normal;

text-decoration:none;

color:white;

}

#footer a:hover{	

text-decoration:underline;

font-weight: normal;

color:white;

}

.floatLeft{

float:left;

color:white;

}

.floatRight{

float:right;

color:white;

}







html,body{

height:100%;

}



td {border:0;; vertical-align:top;  }

td table td {border-bottom: 0px solid black; text-align: center; border-right:0px solid black;}

td table {border:0px solid black;}



.table{

	font-family: Tr, "Trebuchet MS";
	font-size: 12px;
	position: relative;
	margin: -10 0 -10 0px;
	
	}

	#logtext{

	color: #1d830e;

	}

	td#navodkreg{

	color: #d24515;

	font-family: Tr, "Trebuchet MS";

	font-weight: bold;

	font-size: 12px;

	}

	td#navodkreg a{

	text-decoration: underline;

	color: #d24515;

	}

	td#navodkreg a:hover{

	text-decoration: none;

	color: #d24515;

	}

	

	.celtextne{

	font-style: italic;

	color: #787878;

	font-size: 14px;

	font-family: Tr, "Trebuchet MS";

	}

	

	.celtextnedv{

	font-style: italic;

	color: #787878;

	padding: 0 10 0 10px;

	text-align: left;

	font-size: 14px;

	font-family: Tr, "Trebuchet MS";

	}

	

	h4 {font-style: italic;

	color: #787878;

	padding: 0 10 0 20px;

	line-height: 20px;

	text-align: left;

	font-size: 14px;

	font-family: Tr, "Trebuchet MS";

	}

	h4 a {text-decoration: underline; color:#787878; font-weight: bold;}

	h4 a:hover {text-decoration: none; color: #787878; font-weight: bold;}

	

	h4 li{

	font-size: 14px;

	font-family: Tr, "Trebuchet MS";

	font-style: italic;

	}

	.mjfont{

	margin: 8px 0px 25px 25px; 

	font-style: italic; 

	color: #808F36;

	font-size: 14px;

	font-family: Tr, "Trebuchet MS";

	}

	.mjfonthj{

	color: #868686;

	font-size: 16px;

	}

	.mjfonthj a{

	font-size: 16px;

	}

	.mjfonthj a:hover{

	font-size: 16px;

	}

	

	div.novinky {font-size : 13px; text-decoration: none; font-style: italic; text-align: right; font-family :  Verdana; font-weight: normal; color:#7D7D7D;}

	div.novinky a {text-decoration: underline; color:#D24515; font-weight: bold; }

	div.novinky a:hover {text-decoration: none; color: #EF8865; font-weight: bold; }



	

	#right h1{

	font-family: Tr, "Trebuchet MS";

	color: #A8C135;

	font-size: 18px;

	font-style: italic;

	text-align: left;

	padding: 7 5 0 20px;

	margin: 0 0 0 0px;

	}

	h2{

	font-family: Tr, "Trebuchet MS";

	color: #A8C135;

	font-size: 15px;

	font-style: italic;

	text-align: left;

	padding: 2 5 0 20px;

	margin: 0 0 0 0px;

	}

	

	.nadpshjedna{

	margin: 0 0 0 0px;

	padding: 0 0 0 0px;

	}

	

	#left h1{

	color: #A8C135;

	font-family: Tr, "Trebuchet MS";

	font-size: 16px;

	font-style: italic;

	text-align: left;

	width: 78%;

	_width: 94%;

	margin: 15 0 0 0px;

	padding: 0 0 0 25px;

	background: transparent url("http://www.czech-sudoku.com/img/tecka.gif") no-repeat left top;

	}

	h1#firsthj{

	margin: 0 0 0 0px;

	}

	#left ul{

	margin: 4 0 0 0px;

	padding: 0 0 0 0px;

	}

	#left ul li{

	list-style: none;

	text-align: left;

	background-color: #F4F4F4;

	font-family: Tr, "Trebuchet MS";

	color: #336699;

	font-size: 13px;

	font-weight: bold;

	font-style: italic;

	width: 88%;

	_width: 94%;

	padding: 3 0 3 10px;

	margin: 2 0 0 0px;

	}

	#left ul li a{

	text-decoration: none;

	color: #336699; 

	}

	#left ul li a:hover{

	text-decoration: none;

	color: #4276AB; 

	}

	div.pata p{

	font-family: Tr, "Trebuchet MS";

	color: #9AD1DF;

	font-size: 13px;

	padding: 15 5 0 5px;

	width: 70%;

	_width: 76%;

	text-align: left;

	font-style: italic;

	font-weight: bold;

	}

	div.pata p a{

	color: #9AD1DF;

	text-decoration: underline;

	}

	div.pata p a:hover{

	color: #9AD1DF;

	text-decoration: none;

	}



	/* Zážky*/

.tabs {list-style:none; padding:15px 0 0 10px; margin:30px 10px 0 0; height:23px; border-bottom:1px solid #000;}

.tabs li {display:block; float:left; margin:0 -13px -1px 0;}

.tabs li a {display:block; text-decoration:none;}



.tabs li a em {float:left; padding:0 20px; height:22px; border-top:1px solid #fff; border-bottom:1px solid #000; position:relative; z-index:100; font-style:normal; color:#fff; background:#f93 url(../img/tab_d.gif) repeat-x bottom left; font-size:11px; font-family:verdana; line-height:20px;}



.tabs li a b {font-size:0; line-height:0; position:relative; border-bottom:1px solid #000; border-top:1px solid #fff; width:1px; display:block; float:left; z-index:300; background:#f93 url(../img/tab_d.gif) repeat-x bottom left;}



.tabs li b.p1 {height:19px; background:#fff; margin-top:4px; border-top:0; z-index:100;}

.tabs li b.p2 {height:19px; margin-top:2px; border-top:2px solid #fff; border-bottom:1px solid #888; z-index:100;}

.tabs li b.p3 {width:2px; height:21px; margin-top:1px; z-index:100;}

.tabs li b.p5 {height:20px; margin-top:2px;}

.tabs li b.p6 {height:19px; margin-top:3px;}

.tabs li b.p7 {height:18px; margin-top:4px;}

.tabs li b.p8 {height:17px; margin-top:5px;}

.tabs li b.p9 {height:16px; margin-top:6px;}

.tabs li b.p10 {height:15px; margin-top:7px;}

.tabs li b.p11 {height:14px; margin-top:8px;}

.tabs li b.p12 {height:13px; margin-top:9px;}

.tabs li b.p13 {height:12px; margin-top:10px;}

.tabs li b.p14 {height:11px; margin-top:11px;}

.tabs li b.p15 {height:10px; margin-top:12px;}

.tabs li b.p16 {height:9px; margin-top:13px;}

.tabs li b.p17 {height:8px; margin-top:14px;}

.tabs li b.p18 {height:7px; margin-top:15px;}

.tabs li b.p19 {height:6px; margin-top:16px;}

.tabs li b.p20 {height:5px; margin-top:17px;}

.tabs li b.p21 {height:4px; margin-top:18px;}

.tabs li b.p22 {height:3px; margin-top:19px;}

.tabs li b.p23 {height:2px; margin-top:20px;}

.tabs li b.p24 {height:1px; margin-top:21px;overflow:hidden;}

.tabs li b.p25 {width:1px; height:1px; background:#fff; margin-top:22px; border-top:0; overflow:hidden;}

.tabs li b.p26 {width:1px; height:1px; background:#000; margin-top:23px; border:0; overflow:hidden;}



.tabs li em b.shdw {position:absolute; display:block; left:-4px; bottom:0; border:0; width:17px; height:17px; background: #f93 url("http://www.czech-sudoku.com/img/tab_a.gif") bottom left; z-index:500;}



.tabs li a:hover,

.tabs li a:focus, 

.tabs li a:active 

{white-space:nowrap; color:#000; position:relative; z-index:500; cursor:pointer;}

.tabs li a:hover em, 

.tabs li a:focus em, 

.tabs li a:active em 

{color:#800; background:#fc8 url("http://www.czech-sudoku.com/img/tab_b.gif") bottom left; border-bottom-color:#888;}

.tabs li a:hover em b.shdw,

.tabs li a:focus em b.shdw, 

.tabs li a:active em b.shdw  

{visibility:hidden;}

.tabs li a:hover b, 

.tabs li a:focus b, 

.tabs li a:active b 

{background:#fc8 url("http://www.czech-sudoku.com/img/tab_b.gif") bottom left; border-bottom-color:#888;}

.tabs li a:hover b.p1, 

.tabs li a:focus b.p1, 

.tabs li a:active b.p1 

{background:#fff; border-bottom-color:#888;}

.tabs li a:hover b.p25, 

.tabs li a:focus b.p25, 

.tabs li a:active b.p25 

{background:#fff; border-bottom-color:#888;}

.tabs li a:hover b.p26, 

.tabs li a:focus b.p26, 

.tabs li a:active b.p26 

{background:#888;}



.tabs li a.selected, 

.tabs li a:hover.selected,  

.tabs li a:active.selected  

{white-space:nowrap; color:#000; position:relative; z-index:600; cursor:default;}

.tabs li a.selected em, 

.tabs li a:hover.selected em,

.tabs li a:active.selected em

{color:#800; background:#fff url("http://www.czech-sudoku.com/img/tab_c.gif") bottom left; border-bottom-color:#fff;}

.tabs li a.selected em b.shdw, 

.tabs li a:hover.selected em b.shdw, 

.tabs li a:active.selected em b.shdw 

{visibility:hidden;}

.tabs li a.selected b, 

.tabs li a:hover.selected b, 

.tabs li a:active.selected b 

{background:#fff url("http://www.czech-sudoku.com/img/tab_c.gif") bottom left; border-bottom-color:#fff;}

.tabs li a.selected b.p1, 

.tabs li a:hover.selected b.p1, 

.tabs li a:active.selected b.p1 

{background:#fff; border-bottom-color:#fff;}

.tabs li a.selected b.p26, 

.tabs li a:hover.selected b.p26, 

.tabs li a:active.selected b.p26 

{width:1px; height:1px; background:#fff; margin-top:23px; border-top:0; overflow:hidden;}







/*Menu rozbalovaci*/



#invfo h3 {margin-bottom:200px;}

/* style the outer div to give it width */

.menu {

height:20px;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

padding:0;

margin:0;

list-style-type:none;

}

.menu ul ul {

width:150px;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

float:left;

width:150px;

position:relative;

}

/* style the links for the top level */

.menu a, .menu a:visited {

display:block;

font-size:11px;

text-decoration:none; 

color:#fff; 

/*width:139px; */

height:20px; 

background:#f93; 

padding-left:10px; 

line-height:19px;

}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {

/*width:150px;

w\idth:139px;*/

}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

background:#fc8;

}

/* style the second level hover */

.menu ul ul a.drop:hover {

background:#fc8;

}

.menu ul ul :hover > a.drop {

background:#fc8;

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {

background:#e2dfa8;

}

/* style the third level hover */

.menu ul ul ul a:hover{

background:#fc8;

}

.menu ul ul ul :hover > a {

background:#fc8;

}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

display:none;

position:absolute;

bottom:19px;

left:0; 

width:150px;

}

* html .menu ul ul {

bottom:20px;

}

/* position the third level flyout menu */

.menu ul ul ul{

left:150px; 

bottom:0;

width:150px;

}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {

left:-150px;

}





/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

background:#d4d8bd; 

color:#000; 

height:auto; 

line-height:1em; 

padding:5px 10px; 

width:129px

/* yet another hack for IE5.5 */

}

* html .menu ul ul a{

width:150px;

w\idth:129px;

}





/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{

color:#fff; 

background:#949e7c;

}

.menu :hover > a, .menu ul ul :hover > a {

color:#fff;

background:#949e7c;

}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{

display:block;

height:auto;

}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{

display:none;

}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{

display:none;

}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 

display:block;

bottom:0;

}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul { 

display:block;

bottom:0;

}







/*dalsi menu*/

.XulMenu {

    font-family: georgia, tahoma, verdana;

    font-size: 11px;

    -moz-user-select: none;

}

.XulMenu .button,

.XulMenu .button:hover,

.XulMenu .button-active,

.XulMenu .button-active:hover {

    line-height: normal;

    padding: 5px 6px 4px 6px;

    border: 1px solid #ECE9D8;

    color: #000000;

    text-decoration: none;

    cursor: default;

    white-space: nowrap;

    display: block;

    position: relative;

}

.XulMenu .button:hover {

    border-color: #ffffff #ACA899 #ACA899 #ffffff;

}

.XulMenu .button-active,

.XulMenu .button-active:hover {

    border-color: #ACA899 #ffffff #ffffff #ACA899;

}

.XulMenu .item,

.XulMenu .item:hover,

.XulMenu .item-active,

.XulMenu .item-active:hover {

    background: #ffffff;

    line-height: normal;

    padding: 3px 30px 3px 20px;

    color: #000000;

    text-decoration: none;

    cursor: default;

    white-space: nowrap;

    display: block;

    position: relative;

}

.XulMenu .item:hover,

.XulMenu .item-active,

.XulMenu .item-active:hover {

    background: #316AC5;

    color: #ffffff;

}

.XulMenu .section {

    background: #ffffff;

    border: 1px solid;

    border-color: #F1EFE2 #716F64 #716F64 #F1EFE2;

    padding: 2px 1px 1px 2px;

    xposition: absolute;

	

    visibility: hidden;

    z-index: -1;

}

.XulMenu .arrow {

    position: absolute;

    top: 7px;

    right: 8px;

    border: 0;

}



* html .XulMenu td { position: relative; } /* ie 5.0 fix */



.maly{

	text-align:right;

}



.profil td{

	text-align:left;

}