body {
  background: url('images/pozadi_prechod.gif') repeat-x 50% 0%;
	font-family: Arial, Verdana, Times New Roman;
	font-size: 13px;
	color: black;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #ffffff; }

div#hlavicka {
  background: url('images/hlavicka1.jpg') no-repeat 50% 0%;
  width: 914px;
  height: 162px;
  margin: 0px;
	padding: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

div#hlavicka_pozadi {
  background: url('images/hlavicka2.jpg') no-repeat 0% 0%;
  width: 992px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

img#logo {
  width: 400px;
  height: 75px;
  float: left;
  border: none;
  margin-left: 41px;
  margin-top: 55px; }


div#prednosti {
  float: left; 
  color: white;
  font-size: 14px;
  height: 75px;
  margin-top: 61px;
  margin-left: 57px; }
  
div#prednost1 {
  text-align: left; } 

div#prednost2 {
 margin-top: 10px;
 text-align: left;   } 

div#prednost3 {
 margin-top: 9px;
 text-align: left; } 

div#obal {
  background: url('images/pozadi_obal.gif') repeat-y 50% 0%;
  width: 914px;
  margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }


/*************** menu ***************/


div#menu {
  background: url('images/menu.gif') no-repeat;
  width: 914px;
  height: 44px;
  padding-left: 7px; }


#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none; }

#menu li {
	display: inline; }

#menu a {
  float: left;
  width: 150px; 
  height: 25px;
  font-weight: bold;
  padding-top: 10px; }

#menu a:link, #menu a:visited {
  color: white;
  text-decoration: none; }

#menu a:hover, #menu a:active {
  color: #e59a0d;
  text-decoration: none; }


/*************** obsah ***************/


div#obsah {
  margin-left: 23px;  }

div#levy {
  width: 628px;
  margin-top: 14px;
  text-align: left;
  overflow: auto;
  float: left;  }

div#pravy {
  float: left;
  width: 100px;
  margin-left: 13px;
  margin-top: 1px; }


div#pravy_oznameni {
  xbackground-color: #F6FFD9;
  xwidth: 210px;
  xpadding: 10px;
  xpadding-bottom: 0px;
  xmargin-bottom: 10px; 
  xmargin-top: 7px;
  xborder: 1px solid #033f67;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  
div#pravy_oznameni img {
  padding: 0px }


div.polozka1 {
  background: url('images/polozka1.gif') no-repeat 50% 0%;
  width: 235px;
  height: 40px;
  padding-top: 16px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px; }

div.polozka2 {
  background: url('images/polozka2.gif') repeat-y 50% 0%;
  width: 215px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
  text-align: left; }

div.polozka3 {
  background: url('images/polozka3.gif') no-repeat 50% 0%;
  width: 235px;
  margin-bottom: 6px;
  height: 9px; }


div.polozka2 div.moznosti {
  font-size: 14px;
  color: #0663a3;
  font-weight: bold;
  width: 210px; }

div.polozka2 div#platba_prevod {
  background: url('images/prevod.gif') no-repeat 8px 0px; 
  cursor: pointer;
  height: 61px;
  padding-left: 115px;
  padding-top: 17px; }

div.polozka2 div#platba_prevod:hover a {
  text-decoration: underline; }

div.polozka2 div#platba_sazka {
  background: url('images/sazka.gif') no-repeat 8px 3px; 
  cursor: pointer;
  height: 59px;
  padding-left: 115px;
  padding-top: 19px; }

div.polozka2 div#platba_sazka:hover a {
  text-decoration: underline; }

div.polozka2 div#platba_cpost {
  background: url('images/cpost.gif') no-repeat 8px 5px; 
  cursor: pointer;
  height: 54px;
  width: 80px;
  padding-left: 115px;
  padding-top: 19px; }

div.polozka2 div#platba_cpost:hover a {
  text-decoration: underline; }

div.polozka2 div#platba_spost {
  background: url('images/spost.gif') no-repeat 8px 8px; 
  cursor: pointer;
  height: 54px;
  padding-left: 115px;
  padding-top: 19px; }

div.polozka2 div#platba_spost:hover a {
  text-decoration: underline; }

div.polozka2 div#platba_karta {
  background: url('images/karta.gif') no-repeat 8px 6px; 
  cursor: pointer;
  height: 54px;
  width: 90px;
  padding-left: 115px;
  padding-top: 19px; }
  
div.polozka2 div#platba_karta:hover a {
  text-decoration: underline; }

div.polozka2 div#zaslani_sms {
  background: url('images/mobil.gif') no-repeat 8px 0px; 
  cursor: pointer;
  height: 51px;
  padding-left: 115px;
  padding-top: 24px; }

div.polozka2 div#zaslani_sms:hover a {
  text-decoration: underline; }

div.polozka2 div#zaslani_email {
  background: url('images/email.gif') no-repeat 8px 9px; 
  cursor: pointer;
  height: 48px;
  padding-left: 115px;
  padding-top: 36px; }

div.polozka2 div#zaslani_email:hover a {
  text-decoration: underline; }

div.polozka2 div#zaslani_dopis {
  background: url('images/dopis.gif') no-repeat 8px 9px; 
  cursor: pointer;
  height: 48px;
  padding-left: 115px;
  padding-top: 36px; }

div.polozka2 div#zaslani_dopis:hover a {
  text-decoration: underline; }


div.polozka2 div#kontakt {
  background: url('images/kontakt.gif') no-repeat -5px 0px; 
  height: 66px;
  padding-left: 52px;
  padding-top: 7px; }

div.moznosti a:link, div.moznosti a:visited, div.moznosti a:active {
  color: #0663a3;
  text-decoration: none;  }

div.moznosti a:hover {
  color: #0663a3;
  text-decoration: underline;  }


div#paticka {
  background: url('images/paticka.gif') no-repeat 50% 0%;
  height: 20px; 
  clear: both; }

div#paticka_text {
  color: #848484;
  height: 30px;
  font-size: 12px; }

img.zavinac, img.bezokraju {
  padding: 0px;
  margin: 0px; }

img#vydavatele_uvod {
  margin-left: 30px;
  margin-top: 7px;
  margin-bottom: 7px; }


table#kupon_vyhody { }

table#kupon_vyhody td { 
  padding-left: 22px;
  padding-right: 20px;
  font-weight: bold;
  background: url('images/star.png') no-repeat 0px 1px;
}

/*************** objednavka ikony ***************/

div#obj {
    font-size: 14px;
    margin-bottom: 4px; 
    font-weight: bold; }

div#obj10 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -8px -83px;
    padding-left: 85px;
    padding-top: 28px;
    color: #0663a3;
    float: left;
    width: 82px;
    height: 53px; }

div#obj20 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -178px -83px;
    padding-left: 70px;
    padding-top: 21px;
    width: 83px;
    color: #0663a3;
    height: 60px;
    float: left; }

div#obj30 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -330px -83px;
    padding-left: 84px;
    padding-top: 28px;
    width: 83px;
    color: #0663a3;
    height: 53px;
    float: left; }

div#obj40 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -500px -83px;
    padding-left: 76px;
    padding-top: 28px;
    width: 58px;
    color: #0663a3;
    height: 53px;
    float: left; }

div#obj11 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -8px 0px;
    padding-left: 85px;
    padding-top: 28px;
    color: #8c8c8c;
    float: left;
    width: 82px;
    height: 53px; }

div#obj21 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -178px 0px;
    padding-left: 70px;
    padding-top: 21px;
    width: 83px;
    color: #8c8c8c;
    height: 60px;
    float: left; }

div#obj31 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -330px 0px;
    padding-left: 84px;
    padding-top: 28px;
    width: 83px;
    color: #8c8c8c;
    height: 53px;
    float: left; }

div#obj41 {
    background: url('images/objednavka_pruvodce.jpg') no-repeat -500px 0px;
    padding-left: 76px;
    padding-top: 28px;
    width: 58px;
    color: #8c8c8c;
    height: 53px;
    float: left; }


/*************** ikony info o hrach ***************/

div#hra_zakoupit {
    background: url('images/kosik0.gif') no-repeat 0px 5px;
    padding-left: 91px;
    padding-top: 21px;
    height: 60px; }

div#hra_platba {
    background: url('images/penezenka0.gif') no-repeat -2px 5px;
    padding-left: 91px;
    padding-top: 32px;
    height: 60px; }

div#hra_aktivace {
    background: url('images/tuzka.gif') no-repeat -1px -1px;
    padding-left: 91px;
    padding-top: 21px;
    height: 59px; }

div#steam_logo {
    background: url('images/steam_logo.gif') no-repeat -2px -10px;
    padding-left: 91px;
    padding-top: 21px;
    height: 59px; }

div#origin_logo {
    background: url('images/origin_logo.gif') no-repeat -4px -11px;
    padding-left: 91px;
    padding-top: 21px;
    height: 59px; }

/*************** seznam her ***************/

table.hry {
  xmargin-left: 1px;
  border-collapse: collapse; 
  color: #0663a3;
  font-size: 14px;
  font-weight: bold; }

table.hry img { 
  border: none;
  width: 135px; 
  padding-bottom: 1px;
  padding-top: 11px; }

table.hry td {
  width: 135px;
  vertical-align: top;
  padding-bottom: 5px;
  padding-right: 12px;
  padding-left: 12px;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  cursor: pointer; }

table.hry td.doplnek {
  border-bottom: none;
  border-right: none;
  cursor: auto; }

table.hry td.doplnek:hover {
  background-color: white; }

table.hry td:hover { 
  background-color: #f1f1f1; }

table.hry td.prvni { 
  border-left: none;
  padding-left: 6px;  }

table.hry td.ctvrty { 
  border-right: none;
  padding-right: 6px; }

table.hry a:link, table.hry a:visited, table.hry a:active {
  color: #0663a3;
  text-decoration: none;  }

table.hry a:hover {
  color: #0663a3;
  text-decoration: underline;  }

table.hry a.mensi {
  font-size: 14px; }

/*************** HTML ***************/


h1 {
  color: #0663a3;
  font-size: 22px;
  margin: 0px;
  padding-bottom: 15px; }

h2 {
  color: #0663a3;
  font-size: 16px;
  margin: 0px;
  padding-bottom: 15px; }


h3 {
  color: #0663a3;
  font-size: 13px;
  margin: 0px;
  padding-bottom: 10px; }

form {
  margin: 0px;
  padding: 0px; }

ul {
  margin: 0px;
  padding: 0px; 
  padding-left: 30px;
  padding-top: 5px; 
  padding-bottom: 15px; }

table {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px; }

.small { 
  font-size: 12px; 
  color: black; }

p {
  margin: 0px;
  padding: 0px; }

div#obsah p { 
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px; 
  Line-height: 18px; }

div#obsah div.polozka1 p, div#obsah div.moznosti p {
  margin: 0px;
  padding: 0px; }

span.bublina {
  border-bottom: 1px dotted black; }

input.submit {
  padding: 4px;
  background-color: #e1f591; }

.poznamka {
  font-size: 12px; 
  color: #5d5d5d; }

.chyba {
  color:#CC0000;
  font-weight: bold; }

img { 
  border: none;
  padding-bottom: 10px; }

.red {
  color: red; }

.green {
  color: green; }

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

a:link, .odkaz:link, .odkaz {
	color: #0663a3; 	
	text-decoration: underline; }
					
a:visited, .odkaz:visited  {
	color: #0663a3;
	text-decoration: underline; }

a:active, .odkaz:active  {
	color: #0663a3;
	text-decoration: underline; }

a:hover, .odkaz:hover  {
	color: #e59a0d; 
	text-decoration: underline; }

.odkaz { cursor: pointer; }

/*************** login - hlavicka ***************/
#login {
  position: absolute;
  width: 290px;
  margin-top: 24px;
  margin-left: 597px;
  xtop: 25px; }

#login_tl {
 float: right;
 cursor: pointer; }

#login_tl_stred {
  background: url('images/login_tl_stred.gif') repeat-x 0% 0%;
  padding-top: 5px;
  padding-right: 8px;
  padding-left: 8px;
  xmargin-left: 170px;
  xborder: 1px solid red;
  xwidth: 144px;
  float: right;
  height: 23px; }

#login_tl_pravy {
  background: url('images/login_tl_pravy.gif') no-repeat 0% 0%;
  float: right;
  width: 8px;
  height: 28px;
  margin-top: 1px; }

#login_tl_levy {
  background: url('images/login_tl_levy.gif') no-repeat 0% 0%;
  float: right;
  width: 8px;
  height: 28px;
  margin-top: 1px; }

#login_tlacitko {
	xtext-align: center;
  xbackground-color: #f1c34f;
	xpadding-top: 7px;
  xborder: 1px solid red;
	xdisplay: block;
	font-weight: bold;
	color: black;
	text-decoration: none;
}


#login_panel {
	background: #F6FFD9;
	xheight: 140px;
  margin-top: 1px;
  text-align: left;
  padding: 15px;
	display: none;
  border: 1px solid #033f67;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#login_panel table {
  margin-bottom: 10px; }


/*************** tabulka kosik ***************/

table#kosik {
border-collapse:collapse;
xmargin-bottom: 10px;
}

table#kosik #kosik_pridat_novou_hru {
  color: #707070;
  text-decoration: underline;
  cursor: pointer; }

table#kosik td {
  height: 36px;
  border-bottom: 1px solid #1882cb;
  padding-left: 5px;
  padding-right: 5px;
  xpadding-top: 5px;
  xcursor: pointer;
  xpadding-bottom: 5px;  }

table#kosik tr#celkem td {
  border-bottom: none;
  xheight: 30px;
  xpadding-top: 10px; }
  
table#kosik img {
  padding: 0px;
  padding-top: 3px;
  margin: 0px; }



/*************** tabulka kuponu s dostupnostmi ***************/

table#hra_cenik,
table#hra_cenik2 {
border-collapse:collapse;
}

table#hra_cenik td {
  border-bottom: 1px solid #1882cb;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer; }

table#hra_cenik2 td {
  border-bottom: 1px solid #1882cb;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;  }

table#hra_cenik td.dostupnost0,
table#hra_cenik2 td.dostupnost0 {
  background: url('images/dostupnost0.gif') no-repeat 3px 5px;
  padding-left: 33px;  }

table#hra_cenik td.dostupnost1,
table#hra_cenik2 td.dostupnost1 {
  background: url('images/dostupnost1.gif') no-repeat 3px 5px;
  padding-left: 33px;  }

table#hra_cenik td.dostupnost2,
table#hra_cenik2 td.dostupnost2 {
  background: url('images/dostupnost2.gif') no-repeat 3px 5px;
  padding-left: 33px;  }

table#hra_cenik img,
table#hra_cenik2 img {
  padding: 0px;
  margin: 0px; }

table#hra_cenik tr:hover {
  background-color: #f5f5f5; }
  
/*************** vkladani udaju o platbe a dodani ***************/

.udaje_polozky {
  width: 100%;
  margin-bottom: 20px; }

.udaje_polozky .volba {
	background: #ffffff url(/images/arrow-square.gif) no-repeat right -50px;
	padding: 6px 15px 0px 15px;
	height: 22px;
	margin: 0px;
	border-top: solid 1px #1882CB;
	border-bottom: none;
	cursor: pointer; }

.udaje_polozky .nazvy_sloupcu {
	padding: 0px 15px 5px;
	height: 17px;
	margin: 0px;
	color: #707070;
	border-bottom: none; }

.udaje_polozky .volba:hover {
	background-color: #f5f5f5; }
	
.udaje_polozky .volba.active {
  background-color: #f6ffd9;
	background-position: right 6px;
	border-bottom: none; }
	
.udaje_polozky .detail {
  color: #474747;
	background: #f6ffd9;
	margin: 0;
	padding: 15px;
	display: none; }

.udaje_polozky .posledni {
  border-bottom: solid 1px #1882CB; }

.udaje_polozky .input {
  width: 30px; 
  float: left; 
  padding-top: 1px; }

.udaje_polozky .input input {
  margin: 0px;
  padding: 0px; } 

.udaje_polozky .zpusob {
  width: 200px; 
  font-weight: bold; 
  float: left; }

.udaje_polozky .nazvy_sloupcu .zpusob {
  font-weight: normal; }
  
.udaje_polozky .doba {
  width: 200px; 
  float: left; }

.udaje_polozky .poplatek {
  float: left; }

#platba_zaslani .zpusob {
  margin: 0px;
  margin-left: 13px;
  cursor: pointer;
  color: #0663a3;
  font-size: 13px;
  font-weight: bold;
  padding: 7px 0px; }

#platba_zaslani .zpusob:hover {
  background-color: #f5f5f5; }

#platba_zaslani .detail {
  color: #474747;
	background: #f6ffd9;
	margin: 0;
  margin-bottom: 10px; 
  margin-left: 13px;
	padding: 10px;
	display: none; }

/*************** kontrola formularu ***************/

table.odberatel_udaje {
  border-collapse: collapse; }
  
.udaje_polozky table.odberatel_udaje {
  margin-bottom: 0px;
  margin-top: 10px; }

table.odberatel_udaje select {
  xwidth: 200px;
  border: 1px solid #BDBDBD;
  font-size: 13px;
  height: 23px;
  xmargin: 0px;
  padding: 0px;
  xpadding-right: 30px;
  xmargin-right: 3px;
  xpadding-top: 1px;
  xpadding-bottom: 1px;
  xpadding: 2 4 2 4px; }

table.odberatel_udaje textarea {
  border: 1px solid #BDBDBD;
  font-size: 13px;
  padding: 4px; }

table.odberatel_udaje td {
  xpadding-left: 5px;
  xmargin: 3 3 3 3px; 
  height: 29px; }

table.odberatel_udaje tr:hover {
  background-color: #f5f5f5; }

table.odberatel_udaje input, input.mod {
    border: 1px solid #BDBDBD;
    font-size: 13px;
    height: 20px;
    xwidth: 200px; 
    margin-right: 3px;
    xpadding: 2 4 2 4px;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px; }

table.odberatel_udaje input#f_predvolba,
table.odberatel_udaje input#f_zasl_predvolba {
  width: 24px;
  padding-left: 3px; }



.LV_validation_message{
    font-weight:bold;
    xmargin:0 0 0 5px;
}

/*.LV_valid {
    color:#00CC00;
} */
	
.LV_invalid {
    color:#CC0000;
    padding-left: 5px;
}
    
/*.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
} */
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
    background-color: #fce0e0; 
}