@charset "utf-8";
/* CSS Document */
body  {
    font: 100% Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height: 18px;
    color: #000000;
    background: #ffffff;
}
.picleft {
    float:left;
}
.picright {
    float:right;
}

#scroller-scr {
    font: normal 14px Lucida Console, Courier New, Courier, Helvetica;
    margin-left: 145px  ;
    font-weight: bold;
}

#scroller-scr a {
    color: #FC4777;
    text-decoration:none;
}

#scroller-scr a:hover {
    color: #FFF;
    background-color:#66CCCC;
}

#content h1 {
  font: normal 1.4em Lucida Console, Courier New, Courier, Helvetica;
    padding: 10px 0 10px 40px;
    margin: 0;
    background: url(/images/hvezda_red.png) no-repeat left center;
    line-height: normal;
    letter-spacing: -1px;
    font-weight: bold;
    color: #66CCCC;
}
#content h2 {
  font: normal 1.1em Lucida Console, Courier New, Courier, Helvetica;
    line-height: normal;
    letter-spacing: -1px;
    font-weight: bold;
    color: #66CCCC;
    padding: 10px 0 5px 30px;
    margin: 0 0 0 10px;
    background: url(/images/flek_red.gif) no-repeat left center;
}

#content P {
padding: 0 0 0 40px;
}
#content li {
    padding: 0 0 0 15px;
    background: url(/images/cube.gif) no-repeat left center;
}
#content ul {
    list-style: none;
    margin: 0 0 20px 40px;
}

#content .text {
padding: 0 200px 0 130px;
}
#content .text a {
    color: #FF6633;
    text-decoration:none;
}
#content .text a:hover {
    color: #ffffff;
    background: #66CCCC;
}


#odkazy H1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 28px 0 0 50px;
    margin: 0 0 0 100px;
    background: url(/images/odkazy_h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}
#souteze H1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 28px 0 0 50px;
    margin: 0 0 0 100px;
    background: url(/images/souteze_h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}
#hry H1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 28px 0 0 50px;
    margin: 0 0 0 100px;
    background: url(/images/hry_h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}
#rady H1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 28px 0 0 50px;
    margin: 0 0 0 100px;
    background: url(/images/rady_h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}
#videoteka H1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 28px 0 0 50px;
    margin: 0 0 0 100px;
    background: url(/images/videoteka_h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}

#dalsi {
    margin: 0 100px 0 100px;
}

#dalsi h2 {
  font: normal 1.1em Lucida Console, Courier New, Courier, Helvetica;
    line-height: normal;
    letter-spacing: -1px;
    font-weight: bold;
    color: #66CCCC;
    padding: 10px 0 5px 30px;
    margin: 0 0 0 10px;
    background: url(/images/hvezda_h2.gif) no-repeat left center;
}

#dalsi h2 a {
    color: #66CCCC;
}

#dalsi a {
    color: #FC4777;
    text-decoration:none;
}

#dalsi a:hover {
    color: #ffffff;
    background: #66CCCC;
}

#dalsi .cleaner {
    clear: right;
    display: block;
}

#dalsi hr {
      border-top: dashed 1px #99CCCC;
      border-bottom: 1px #ffffff;
      border-left: 0px #ffffff;
      border-right: 0px #ffffff;
      margin: 0 0 20px 0;
}

#dalsi .picture {
    margin: 0 10px 10px 10px;
}


/* =============================kviz=============================*/
#kviz {
    margin: 0 0 0 100px;
    }

#kviz H1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 28px 0 0 50px;
    margin: 0;
    background: url(/images/kviz_h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}

#kviz .otazka {
  font: 1.4em Courier New, Courier, Helvetica;
    color: #1B3D97;
    letter-spacing: -2px;
    text-align: center;
    padding: 20px 0 5px 0;
}

#kviz img.picright {
    padding: 0px 10px 10px 10px;
}


#kviz a {
  line-height: 20px;
    color: #1B3D97;
  text-decoration: none;
  margin: 0;
}
#kviz a:hover {
    color: #E75B32;
}
#kviz .volby ul {
    list-style: none;
    padding: 20px 0 20px 0;
    margin: 0 0 0 70px;
}
#kviz .volby,  #kviz .otazka  {
    width: 638px;
  background: url(/images/kviz_bg.gif) ;
}

#kviz .popisek, #kviz .vyhodnoceni {
    width: 588px;
    background: url(/images/kviz_bg.gif) ;
    padding: 0 25px 0 25px;
}

.skryt {
    display: none;
}

#qstart .volby .vek {
  margin: 0 0 20px 250px;
    padding: 20px 0 20px 30px;
    background: url(/images/kviz_vek.gif) no-repeat left center;
}

#kviz .volby .nic {
    padding: 0 0 0 25px;
    background: url(/images/spacer.png) no-repeat left center;
}
#kviz .volby .za1 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zaa.gif) no-repeat left center;
}
#kviz .volby .za2 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zab.gif) no-repeat left center;
}
#kviz .volby .za3 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zac.gif) no-repeat left center;
}
#kviz .volby .za4 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zad.gif) no-repeat left center;
}

#kviz .volby li.ok a {
    color:white;
}

#kviz .volby li.bad a {
    color:red;
}

#kviz .next {
    text-align: right;
  padding: 0 35px 0 0;
  margin: 40px 60px 0 0;
  font-weight: bold;
    background: url(/images/sipka_dark_blue.gif) no-repeat right center;
}

#kviz_rezume {
    margin: 10px 0 0 70px;
}
#kviz_rezume .good{
    padding: 25px 10px 20px 30px;
    background: url(/images/kviz_zarovka01.gif) no-repeat left center;
  color: #30E0D4;
}
#kviz_rezume .bad{
    padding: 25px 10px 20px 30px;
    background: url(/images/kviz_zarovka.gif) no-repeat left center;
  color: #30E0D4;
}
#kviz_rezume span {
    padding: 25px 10px 20px 30px;
    background: url(/images/kviz_zarovka02.gif) no-repeat left center;
    color: #cccccc;
}
/* =============================komix=============================*/

#komix {
    margin: 0 0 0 20px;
}
#komix H1 {
  font: normal 2.3em Lucida Console, Courier New, Courier, Helvetica;
    padding: 20px 0 10px 50px;
    margin: 0;
    background: url(/images/komix_h1.gif) no-repeat left center;
    line-height: normal;
    letter-spacing: -2px;
    font-weight: bold;
    color: #FFFFFF;
}

#komix_content {
    width: 810px;
    background: url(/images/komix_text.gif);
}
#komix_content .top {
    padding: 118px 0 0 0;
    background: url(/images/komix_top.gif) no-repeat;
}
#komix_content .bottom {
    height: 169px;
    background: url(/images/komix_bottom.gif) repeat-x left bottom;
}

#komix_download {
    font: normal 1.4em Lucida Console, Courier New, Courier, Helvetica;
    line-height: 70px;
  text-align: right;
  letter-spacing: -1px;
    font-weight: bold;
}
#komix_download a{
    background: url(/images/komix_download.gif) no-repeat right bottom;
    padding: 10px 35px 10px 300px;
    text-decoration:none;
    color: #FF3399;
    margin: 0 40px 0 0;
}
#komix_download a:hover{
    color: #66CCCC;
}
#komix_next{
    font: normal 1.4em Lucida Console, Courier New, Courier, Helvetica;
  text-align: right;
  letter-spacing: -1px;
    font-weight: bold;
}
#komix_next a{
    background: url(/images/komix_next.gif) no-repeat right bottom;
    padding: 10px 35px 10px 300px;
    text-decoration:none;
    color: #FF3399;
    margin: 0 40px 0 0 ;
}
#komix_next a:hover{
    color: #66CCCC;
}
#komix .cleaner {
    clear: right;
    display: block;
}
#komix .picture {
    border: 0px;
    margin: 0 10px 0 10px;
}

/* =============================vite ze =============================*/
#vite .clearer {
    float: none;
    clear: both;
    visibility:none;
}
#vite {
    margin: 0 0 0 40px;
    color: #ffffff;
    background: url(/images/vite_bg.gif)
}
#vite .bottom {
    clear: both;
}
#vite H1 {
  font: normal 2.3em Lucida Console, Courier New, Courier, Helvetica;
    padding: 20px 0 10px 50px;
    margin: 0  0 0 20px;
    background: url(/images/vite_h1.gif) no-repeat left center;
    line-height: normal;
    letter-spacing: -2px;
    font-weight: bold;
    color: #FFF;
}
#vite a {
    color: #990000;
    text-decoration:none;
}
#vite a:hover {
    color: #ffffff;
}
#vite .picture {
    border: 0px;
    margin: 0 10px 0 10px;
}
#vite .cleaner {
    clear:right;
    display:block;
}

#vite_yellow p {
    padding: 0 15px 0 20px;
    color: #000000;
    margin: 0;
}
#vite_yellow {
    margin: 0 0 0 290px;
    width: 441px;
    background: url(/images/vite_yellow_text.gif);
}
#vite_yellow .top {
    padding: 66px 0 0 0;

    background: url(/images/vite_yellow_top.gif) no-repeat;
}
#vite_yellow .bottom {
    height: 30px;
    background: url(/images/vite_yellow_bottom.gif) repeat-x left bottom;
}


#vite_ping p {
    padding: 0 90px 0 20px;
    margin: 0;
}
#vite_ping {
    margin: 0 0 0 10px;
    width: 514px;
    background: url(/images/vite_ping_text.gif);
}
#vite_ping .top {
    padding: 69px 0 0 0;
    background: url(/images/vite_ping_top.gif) no-repeat;
}
#vite_ping .bottom {
    height: 41px;
    background: url(/images/vite_ping_bottom.gif) repeat-x left bottom;
}


#vite_green p {
    padding: 0 20px 0 20px;
    margin: 0;
    color: #000000;
}
#vite_green {
    margin: 0 0 0 240px;
    width: 450px;
    background: url(/images/vite_green_text.gif);
}
#vite_green .top {
    padding: 84px 0 0 0;
    background: url(/images/vite_green_top.gif) no-repeat;
}
#vite_green .bottom {
    height: 24px;
    background: url(/images/vite_green_bottom.gif) repeat-x left bottom;
}

#vite_next {
    font: normal 1.4em Lucida Console, Courier New, Courier, Helvetica;
  text-align: right;
    font-weight: bold;
}
#vite_next a{
    background: url(/images/komix_next.gif) no-repeat right bottom;
    padding: 20px 30px 0 300px;
    margin: 0 60px 0 0;
    color: #FF3399;
}
#vite_next a:hover{
    color: #66CCCC;
}
/*pridano*/
.bg-image {
    background: url(/images/bg-img.gif);
    padding: 25px 8px 25px 9px;
}
/* =============================soutezni kvizy=============================*/
#soutezni-kviz {
    margin: 0 0 0 100px;
    }

#soutezni-kviz h1 {
  font: 30px Lucida Console, Courier New, Courier, Helvetica;
    padding: 30px 0 0 50px;
    margin: 0;
    background: url(/images/soutezni-kvizy-h1.gif) no-repeat left center;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
}
#soutezni-kviz .obal {
	width: 638px;
    color: #1B3D97;
    height: 500px;
	background: url(/images/soutezni-kviz-bg.gif) no-repeat;
	position: relative;
}
#soutezni-kviz .otazka {
    padding: 20px 0 5px 35px;
}
#soutezni-kviz .otazka img {
    margin: -13px 9px 10px 10px;
	float: right;
}
#soutezni-kviz .otazka img.poznej {
	margin: 0px 29px 10px 10px;
	border: solid 2px #FFFFFF;
}
#soutezni-kviz .otazka .doplnujici {
    margin-top: 15px;
	font-size: 0.9em;
}
#soutezni-kviz a {
  line-height: 20px;
  color: #1B3D97;
  text-decoration: none;
  margin: 0;
}
#soutezni-kviz a:hover {
    color: #E75B32;
}
#soutezni-kviz .spravne, #soutezni-kviz .spatne {
	position: absolute;
	left: 33px;
	top: 112px;
	background: url(/images/soutezni-kvizy-spravne.gif) no-repeat;
	width: 194px;
	height: 81px;
}
#soutezni-kviz .spatne {
	background: url(/images/soutezni-kvizy-spatne.gif) no-repeat;
}
#soutezni-kviz ul.volby {
    list-style: none;
    padding: 25px 50px 20px 35px;
    margin: 0;
	clear: right;
	font-size: 0.9em;
}

#soutezni-kviz #result  {
    padding: 25px 50px 20px 35px;
    margin: 0;
	clear: right;
}

#soutezni-kviz .volby .za1 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zaa.png) no-repeat left 1px;
}
#soutezni-kviz .volby .za2 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zab.png) no-repeat left 1px;
}
#soutezni-kviz .volby .za3 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zac.png) no-repeat left 1px;
}
#soutezni-kviz .volby .za4 {
    padding: 0 0 0 25px;
    background: url(/images/kviz_zad.png) no-repeat left 1px;
}
#soutezni-kviz .volby .nic {
    padding: 0 0 0 25px;
    background: url(/images/spacer.png) no-repeat left 1px;
}
#soutezni-kviz .volby li.ok a {
	color:#1EC8BB;
}
#soutezni-kviz .volby li.bad a {
    color:red;
}
#soutezni-kviz .next {
	text-align: right;
	padding: 0 35px 0 0;
	margin: -40px 25px 0 0;
	font-weight: bold;
    background: url(/images/sipka_dark_blue.png) no-repeat right center;
}
#soutezni-kviz .vyhodnoceni {
	background: url(/images/soutezni-kvizy-vyhodnoceni.gif) no-repeat;
	margin-left: -20px;
	height: 83px;
	width: 200px;
	position: absolute;
	top: 380px;
	left: 20px;
}
#soutezni-kviz .vyhodnoceni .plus, #soutezni-kviz .vyhodnoceni .minus {
    padding: 32px 10px 20px 25px;
  	color: #ffffff;
	float: left;
	font-size: 2em;
}
/*souteze uvodni stranka*/
#souteze .modry {
	background: url(/images/soutez-pozadi-modre.gif) no-repeat right top;
	padding-left: 160px;
	height: 236px;
	color: #003399;
}
#souteze .modry img {
	float: right;
	margin: -17px 0 0;
}
#souteze .zeleny {
	background: url(/images/soutez-pozadi-zelene.gif) no-repeat left top;
	padding: 0 180px 0 10px;
	height: 230px;
}
#souteze .zeleny img {
	float: left;
	margin: 0 15px 0 0;
}
#souteze .vnitrni {
	padding: 50px 0 0 0;
	font-family: Lucida Console, Courier New, Courier, Helvetica;
	
}
#souteze .vnitrni h2 {
	color: #FFFFFF;
	background-image: none;
	font-size: 1.6em;
	padding: 0;
	margin: 0.6em 0;
}
#souteze .souteze-vek {
	background: url(/images/souteze-vek-bg.gif) no-repeat left top;
	padding: 42px 0;
	width: 200px;
	float: right;
	margin: -15px 0 0;
}
#souteze .souteze-vek div{
	width: 40px;
	float: left;
	margin: -15px 15px 0 30px;
	line-height: 1em;
	text-align: center;
	cursor: pointer;
}
#souteze .souteze-vek div:hover{
	color: #CC0000;
}