/* nacteme externi styly begin */
@import url("./reset.css");
/* nacteme externi styly end */

/* poznamka: " *IE6 " - je provedena uprava v souboru "screen_ie6.css" */

BODY{background: #0f0f0f url('../pic/bg.jpg') repeat-x center top fixed; text-align: center; margin: 0; padding: 20px 0;}

/* DEFAULT */
BODY, TABLE, P, UL, OL, DIV, SPAN, A, H1, H2, H3, H4 LEGEND{font: normal 18px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; text-align: left;}
H1{font-size: 22px; font-weight: normal; margin: 0 0 10px 0; padding-left: 0; text-align: left; color: #435d89;}
H2{margin-bottom: 15px; font-size: 38px; padding: 0 0 5px 0; font-weight: bold; color: #871231; text-align: left;}
H2.title{font-size: 32px; color: #871231;}
H3{font-size: 25px; font-weight: normal; color: #c20e1a; margin: 0; padding: 30px 0 10px 0;}
h3.termin{font-size: 1.5em; padding-top: 0; margin-bottom: 20px;}
H4{font-size: 18px; font-weight: bold; color: #000; margin: 0; padding: 0 0 10px 0;}
A{color: #000; text-decoration: underline;}
A:hover{color: #000; text-decoration: none;}
HR{border: 0 none; color: #cecccc; height: 1px; clear: left; overflow: hidden;}
UL{margin: 0 15px 15px 15px; padding: 0 0 0 25px; list-style: square; line-height: 150%;}
OL{margin: 0 15px 15px 15px; padding: 0 0 0 5px; list-style: decimal; line-height: 150%;}
ol li{margin-bottom: 15px;}
P{margin-top: 0; margin-bottom: 20px; line-height: 150%;}
IMG{vertical-align: middle;}
IMG.help{cursor: help;}
.clear{clear: both; height: 1px; overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
/* KONEC DEFAULT */

/* NADPISKY BEGIN */
.bgTitle{background: url('../pic/bgTitle.png') no-repeat center; margin: 0; padding: 10px 0; text-align: center;}
.bgTitle H2{padding: 0; background-color: #fff; margin: 0 auto; text-align: center;}
.bgTitle H2.ceny{width: 350px;}
.bgTitle H2.pravidla{width: 430px;}


/* NADPISKY END */

/* FORMULAR DEFAULT */
FORM{margin: 0; padding: 0;}
FIELDSET{border: 1px solid #999; padding: 10px; margin-bottom: 15px;}
FIELDSET P{padding-top: 5px; margin: 0 15px;}
LEGEND{font-weight: bold; padding: 5px 15px; margin-left: 15px; background-color: #fff; border: 1px solid #999;}
TD.label{text-align: right; font-weight: bold;}
LABEL{font-weight: bold;}
LABEL.click{border-bottom: 1px dashed #fff; cursor: pointer;}
TEXTAREA{font: normal 12px "Arial CE", Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; background-color: #fff; border: 1px solid #d8d8d8; padding: 5px;}
SELECT{font-size: 11px; margin: 0; vertical-align: middle; color: #000; background-color: #fff; border: 1px solid #d8d8d8; padding: 5px;}
SELECT.selectBox{width: 170px; padding: 5px; background-color: #fff; border: 1px solid #d8d8d8;}
SELECT.selectBoxDefault{width: auto;}
SELECT.selectBoxVarianta{width: auto; padding: 2px 5px;}
INPUT{vertical-align: middle;}
INPUT.btnKoupit, INPUT.btnHledat, INPUT.btnMail{cursor: pointer; vertical-align: middle;}
INPUT.textBoxDefault{color: #000; font-size: 11px; vertical-align: middle;}
INPUT.textBox{color: #000; font-size: 11px; vertical-align: middle; width: 160px; padding: 5px; background-color: #fff; border: 1px solid #d8d8d8;}
INPUT.textBoxSmall{color: #000; font-size: 11px; padding: 3px; text-align: center; vertical-align: middle; width: 30px; background-color: #fff; border: 1px solid #d8d8d8;}
INPUT.textEmailNews{width: 134px;}
BUTTON.button{border: 0 solid #d1d2d6; background: #ca691a; padding: 10px 15px; color: #fff; text-decoration: none;}
BUTTON.button:hover{background-color: #951713; background-image: none; color: #fff; cursor: pointer;}
.buttonsBox{text-align: center; padding: 5px 0;}
.textBox, .textareaBox, .selectBox{background: #fff; font-size: 11px; padding: 3px 3px;}
.formPoznamka{color: #ff0000; font-weight: bold;}
.valignTop{vertical-align: top;}
.povinne{font-weight: bold; color: red;}
/* KONEC FORMULAR DEFAULT*/

/* TABULKY */
TABLE.tab{border: 0px solid #b2c569; width: 100%; margin-bottom: 10px;}
TABLE.tab TH{background-color: #ebebeb; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
TABLE.tab TD{background-color: transparent; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

TD.valignTop{vertical-align: top;}
TH.left, TD.left{text-align: left !important;}
TH.center, TD.center{text-align: center !important;}
TH.right, TD.right{text-align: right !important;}

TABLE.vyherci TD{background-color: #f9f9f9; vertical-align: top;}
TABLE.vyherci P, TABLE.vyherci LI{font-size: 16px;}
TABLE.vyherci P{margin-bottom: 10px;}
TABLE.vyherci TD.datum{padding-top: 13px; width: 14%;}
/* KONEC TABULKY */

/* pro zobrazeni a skryti obsahu begin */
.noscreen{display: none;}
/* pro zobrazeni a skryti obsahu end */

.fotoLeft{float: left; margin: 3px 10px 0 0; padding: 1px; border: 6px solid #e5e5e5;}
.fotoLeft:hover{border: 6px solid #aec1d3;}
.fotoRight{float: right; margin: 3px 0 0 10px; padding: 1px; border: 6px solid #e5e5e5;}
.fotoRight:hover{border: 6px solid #aec1d3;}

/* soutez */
.soutezPravidla .float-right{margin-bottom: 35px; width: 100%;}
@media (min-width: 670px) {
    .soutezPravidla .float-right{width: 350px; float: right; display: block; margin-left: 25px;}
}
@media (min-width: 768px) {
    .soutezPravidla .float-right{float: right; width: 350px;}
}
@media (min-width: 992px) {
    .soutezPravidla .float-right{width: 400px;}
}


/* --------------- uvodni stranka ---------------------------*/

/* LAYOUTY BEGIN */
/* top menu begin */
#topMenu{margin: 20px auto 20px auto; width: 955px; height: 48px; padding: 0; text-align: center; overflow: hidden;}
#topMenu UL{list-style-type: none; margin: 0; padding: 0; background: url('../pic/bgMenu.png') no-repeat; width: 1007px; height: 56px;}
#topMenu LI{float: left; height: 48px;}
#topMenu LI A{margin: 0; display: block; font-weight: normal; color: #fff; text-decoration: none; font-size: 20px; font-style: italic; padding: 12px 40px; position: relative; z-index: 1000;}
/* top menu end */

.page{background-color: #fff; margin: 0 auto; padding: 0; position: relative; border-top: 15px solid #931819; border-bottom: 15px solid #931819; overflow-x: hidden;}
.topObr{background: url('../pic/topObr.jpg') no-repeat center top; background-size: cover; width: 100%; height: 400px; margin: 0 auto 80px auto; padding: 0; position: relative;}
.pageContent{margin: 0 auto; padding: 0 50px;}
@media (max-width: 767px) {
    .pageContent{padding: 0 30px;}
}


#logo{background: url('../pic/logo.png') no-repeat; width: 287px; height: 220px; margin: 0 auto; position: absolute; left: 42px; top: 55px;}
#logo A{border: 0 none; display: block; float: left; position: absolute; text-indent: -5000px; left: 0; top: 0px; width: 257px; height: 190px;}
@media (max-width: 480px) {
    .topObr{padding-top: 50px;}
    #logo{height: 220px; margin: 0 auto; position: static;}
}

#created{margin: 0; padding: 0; text-align: center;}
#created P{padding: 20px 15px 15px 15px; margin: 0 auto; font-size: 11px; text-align: center;}
#created A{font-size: 11px;}
/* LAYOUTY END */