* {margin:0; padding:0}
img {border:0}

body{
	background:#EE1F26;
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color:#FFFFFF;
	background-image: URL('image/bg.jpg'); /* obrázek na pozadí */
	background-attachment: fixed; /* pozadí neroluje */
	background-repeat:repeat-x;
}

/* --------------------------------------- OBAL -------------------------------------------------------- */
#obal-top {width:1000px; margin: 50px auto 0 auto;}
#obal-top .top {height:30px; background:url('image/top-top.png')}
#obal-top .logo {height:150px; background:url('image/top-bg.png'); padding:0 30px 20px 30px}
#obal-top .hlavni-menu{height:40px; background:url('image/menu.png'); line-height:40px; padding:0 62px;}
#obal-top .bottom{height:30px; background:url('image/top-bottom.png')}
#obal-top .jazyk{text-align:right; padding-right:30px}

#ram {width:1000px; margin: 0 auto 50px auto;}
#ram .top {height:30px; background:url('image/obal-top.png')}
#ram .obal {background:url('image/obal-bg.png'); padding:0 10px; vertical-align:top; color:#353535}
#ram .bottom {height:30px; background:url('image/obal-bottom.png')}
#ram .copyright {padding:7px 30px 50px 30px}
#ram .admin {float:right;} .admin a {float:right; color:#FFFFFF}

a {text-decoration:none; font-weight:bold; color:#D80A0E}
a:hover{text-decoration:none; font-weight:bold; color:#000000}
h1 {font-size:20px; color:#D80A0E; font-weight: bold; margin-bottom:20px;}
h2, h3 {font-size:14px; color:#D80A0E; font-weight:bold; padding:0;}
hr{margin:20px auto; border:1px solid #FFFFFF; background:#CCCCCC; height:1px;}
input {border:1px solid #9DC5DF; padding:2px; font-size:12px;}
select{border:1px solid #353535; padding:2px 10px; font-size:12px;}
textarea {border:1px solid #353535; padding:5px; font-size:12px; width:390px}

.boxik-top {width:160px; line-height:30px; color:#FFFFFF; padding:0 10px; font-weight:bold; margin:0 0 15px 0; background:url('image/boxik-top.jpg')}
.boxik-obsah {margin:0 0 20px 0; padding:0 5px;}
.posledni {margin:0;}


.right{float:right}
.left{float:left}
.center{text-align:center;}
.imgLeft{float:left;margin-right:30px;}
.imgRight{float:right;margin-left:30px;}
/* ----------------------------------------------------------------------------------------------------- */
/* --------------------------------------- LEVY -------------------------------------------------------- */
#sloupecLevy {width:180px; padding:0 20px 0 20px; vertical-align:top}
#sloupecLevy .top {background:url('image/boxik-top-levy.jpg')}

#kratke_zpravy_box .obsah {border-bottom:1px solid #CCCCCC; margin:0 0 15px 0; padding:0 0 15px 0;}
#kratke_zpravy_box .datum {font-weight:bold; padding:0 0 7px 0;}
/* ----------------------------------------------------------------------------------------------------- */
/* --------------------------------------- OBSAH ------------------------------------------------------- */
#obsah {width:440px; vertical-align:top; padding:0 50px 0 50px}
#obsah .nadpis-box {background-color:#EAEAEA; padding:0 10px; line-height:30px; width:260px; margin:0 0 20px 0}
#obsah .nadpis-box-2{background-color:#EAEAEA; padding:0 10px; line-height:30px; width:260px; margin:0 0 20px 0; float:right}
#obsah .nadpis-box-3{background-color:#EAEAEA; padding:0 10px; line-height:30px; width:420px; margin:0 0 20px 0; font-size:14px; color:#D80A0E; font-weight:bold;}
#obsah .box{margin:30px 0 0 0}

.cenik{border: 1px solid #EAEAEA; width:100%;}
.cenik td{padding:5px}
.cenik_nadpis {background-color:#EAEAEA}
.cenik_cena {text-align:right}

#formular {width:100%}
#formular  td{padding:5px;}
#formular .udaj {font-weight:bold; width:160px;}
#formular .input{border:1px solid #353535; width:220px}
#formular .tlacitko{border:1px solid #353535; padding:2px 10px; font-weight:bold; background-color:#EAEAEA}
.hlaseni{width:100%; border:1px solid red; color:red; text-align:center; padding:5px 0; font-weight:bold; font-size:14px; margin:20px 0}
/* ----------------------------------------------------------------------------------------------------- */
/* --------------------------------------- PRAVY ------------------------------------------------------- */
#sloupecPravy {width:180px; padding:0 20px 0 20px; vertical-align:top}
#sloupecPravy .top {background:url('image/boxik-top-pravy.jpg')}
/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------------------------- HLAVNI MENU -------------------------------------------- */
.delitko{margin: 0px 13px 0px 13px;}
.menu{padding:0;margin: 0;display: block;width: 100%;text-align: center;}
.menu a{color:#FFFFFF;text-decoration:none;font-weight:bold;}
.menu li{list-style-type: none;}
ul.uroven1 li.polozka1{float: left;position: relative;height: 32px !important;line-height: 37px;}
li.polozka2{padding-top:5px;}
ul.uroven2{padding:10px;text-align:left;position: absolute;line-height: 100%;left:0px;top: 37px;width: 220px; background: #016227; visibility: hidden;}
ul.uroven1 li.polozka1Hover ul.uroven2,ul.uroven1 li.polozka1:hover ul.uroven2{visibility: visible;} 
ul.uroven2 li.polozka2 a:hover{color: #000000;}
ul.uroven1 li.polozka1 a:hover{color: #000000;}

/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------------------------- Kalendar -------------------------------------------- */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* ----------------------------------------------------------------------------------------------------- */
/* -------------------------------------- ANIMACE ------------------------------------------------------- */
.animace{height:280px; color:#a4a4a4; font-size:11px; text-align:center; cursor:default;}
.animace a:link {color:#ffffff; text-decoration:none;}
.animace a:visited {color:#ffffff; text-decoration:none;}
.ikony{padding:17px 0 0 45px;}

div.wrap {
width : 940px;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 940px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 300px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 300px;
}
div#header div#slide-holder {
z-index : 40;
width : 940px;
height : 280px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
width : 940px;
height : 280px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 15px; /*umisteni popisu*/
width : 940px;
height : 46px;
display : none;
position : absolute;
background : url(animace/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(animace/silde-nav.png);
}
div#nav ul li a {
background : url(animace/nav.png) no-repeat;
}