* {
margin: 0;
padding: 0;
}

body {
text-align: center;
color: #fff;
background-color: #371416;
font-family: Arial;
font-weight: 700;
font-size: 13px;
}

#main {
width: 1024px;
height: 685px;
margin: 0 auto;
background-image: url('./img/pozadi.png');
text-align: left;
}

#main-text {
width: 1024px;
height: 685px;
margin: 0 auto;
background-image: url('./img/pozadi-text.png');
text-align: left;
}

#header {
width: 1024px;
height: 116px;
}

#body {
position:relative;
top: 30px;
left: 300px;
width: 500px;
height: 504px;
}

#main-text #body{
left: 390px;
width: 400px;
text-align: center;
}

#footer {
position: absolute;
top: 685px;
width: 1024px;
height: 66px;
background-image: url('./img/footer.png');
}

/*-------------------- HEADER ---------------------*/

.menu {
position: relative;
top: -53px;
left: 350px;
width: 720px;
height: 31px;
color: #fff;
}

#header li {
position:relative;
display: inline-block;
font-size: 12px;
padding: 10px 5px 0px 5px;
height: 21px;
#margin: 0 7px 0 6px;
float: left;
list-style: none;
background-color: #bd0f19;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}

#header ul.menu a {
color: #fff;
text-decoration: none;
}

#header ul.menu a:hover {
color: #f8e102;
cursor: pointer;
}

.menu_f {
#position:relative;
#top:-26px;
float:left;
width: 7px;
height: 31px;
#left: 10px;
background: url('./img/menu_f.png');
}

.menu_l {
#position:relative;
#top:-26px;
float:left;
width: 8px;
height: 31px;
margin-right: -4px;
background: url('./img/menu_l.png');
}

li.a {
color: #f8e102;
background-image: url('./img/menu_a.png');
background-repeat: repeat-x;
}

.menu_fa {
float:left;
display: inline-block;
width: 7px;
height: 31px;
background: url('./img/menu_f_a.png');
}

.menu_la {
float:left;
display: inline-block;
width: 8px;
height: 31px;
margin-right: -4px;
background: url('./img/menu_l_a.png');
}

/*-------------------- BODY ---------------------*/

hr {
width: 400px;
height: 1px;
background-color: #bd0f19;
border: 0px solid #bd0f19;
#border: 1px solid #bd0f19;
margin-bottom: 10px;
}

#main-text #body ul{
margin-left: 20px;
}

p{
margin-bottom: 10px;
}

h2{
text-align: center;
text-transform: uppercase;
font-size: 20px;
}

h3{
font-size: 16px;
margin-top: 10px;
}

a{
color: #f8e102;
}

a:hover{
color: #fff;
}

.uppercase {
text-transform: uppercase;
}

#tvspot{
width: 400px;
height: 300px;
}

/*-------------------- FOOTER ---------------------*/

#loga {
width: 470px;
position: relative;
top: -60px;
left: 560px;
}

/*-------------------- FOOTER OBRAZKY ---------------------*/

#facebook img {
border: 0;
}

#facebook {
margin: 20px 0 0 40px;
}

#facebook p {
margin: -30px 0 0 50px;
}

#loga img {
float:left;
margin-right: 10px;
border: 0;
}

.znojmia {
width: 92px;
height: 66px;
margin: -10px 0 0 -15px;
}

.hame {
width: 72px;
height: 41px;
}

.hame2 {
margin: 5px 0 0 -10px;
width: 53px;
height: 31px;
}

.hamanek {
width: 72px;
height: 33px;
}

.nerest {
margin-top: -5px;
width: 46px;
height: 48px;
}

.pastyrka {
width: 93px;
height: 40px;
}

/*-------------------- TEXTY ---------------------*/

.title {
font-size: 11px;
}

#hlasky {
position: relative;
top: 50px;
left: 100px;
width: 350px;
background-color: #CA4938;
border:  1px solid #BC3F38;
display: block;
color: #fff;
text-align: center;
}

/*-------------------- OBRAZKY ---------------------*/

.otma {
width: 276px;
height: 116px;
position:relative;
top: 20px;
left: 40px;
border: 0;
}

#whirlpool {
position:relative;
top: -40px;
left: 830px;
width: 180px;
height: 102px;
border: 0;
}

#whirlpool2 {
position:relative;
top: 0px;
left: 770px;
width: 245px;
height: 54px;
border: 0;
}

.soutez {
width: 696px;
height: 600px;
position: relative;
top: -50px;
left: 20px;
#left: 20px;
}

/*-------------------- FORMULARE ---------------------*/

table.vyherci{
width: 400px;
height: 330px;
border:  3px solid #FF391D;
border-collapse: collapse;
overflow: scroll;
}

td.vyherci{
font-size: 12px;
}

form#uctenka {
font-size: 15px;
}

form#adresa {
position: relative;
left: 100px;
top: 50px;
font-size: 15px;
}

select {
width: 155px;
}

input {
text-align: right;
width: 155px;
text-align: center;
}

form#uctenka table tr {
height: 35px;
}

form#adresa table tr {
height: 28px;
}

form table td {
width: 180px;
text-align: left;
}

form#pruvodce2 {
position: relative;
left: 100px;
top: 0px;
font-size: 15px;
}

form#pruvodce2 table tr {
height: 35px;
}

form#pruvodce2 table td {
width: 80px;
}

.sm {
font-size: 9px;
}


input.error {
background-color: #D34337;
}

.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/* choose_lang */

div.choose_lang {
		float: left;
		width: 500px;
		height: 292px;
		}

/* cz */
div.choose_lang div.flag_align_cz {
		float: left;
		width: 224px;
		padding: 37px 0 0 0;
		}

div.choose_lang div.flag_align_cz div.flag {
		float: right;
		padding-right: 34px;
		}

div.choose_lang div.flag_align_cz a#flag_cz {
		float: left;
		width: 132px;
		height: 85px;
		background-image: url(img/flag_cz.png);
        background-repeat: no-repeat;
		background-position: top center;
		}


div.choose_lang div.flag_align_sk {
		float: left;
		width: 224px;
		padding: 37px 0 0 0;
		}

div.choose_lang div.flag_align_sk div.flag {
		float: right;
		padding-right: 38px;
		}

div.choose_lang div.flag_align_sk a#flag_sk {
		float: left;
		width: 132px;
		height: 85px;
		background-image: url(img/flag_sk.png);
        background-repeat: no-repeat;
		background-position: top center;
		}


.fb-like {
position: relative;
left: 350px;
top: -30px;
}