body {
background:#340002 url(../img/bg.gif);
font-family:arial;
font-weight:normal;
font-size:75%;
color:#000000;
text-align:center;
}
html, body { 
height: 100%; 
margin: 0;
padding: 0;
}
form {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
ol, ul {
margin:0px;
padding:0px;
text-align:left;
}
li{
list-style-type:none;
}
table, input, select, textarea {
font-size:100%;
font-family:arial;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
.justify{
text-align:justify;
}
hr{
height:0px;
color:#0061bc;
border:0px;
border-top:1px solid #d2ebf9;
}
.text{
font-size:100%;
}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color: #0083c0;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
h1 {
color:#424242;
font-size:200%;
font-weight:bold;
padding:0px;
margin:0px 0px 15px;
line-height:1.1em;
}
h2{
color: black;
font-size:160%;
font-weight:bold;
margin:30px 30px 10px;
padding:0px;
}
.article h2 {
color:#d1112f;
font-size:140%;
font-weight:normal;
margin:20px 0px 10px;
padding:0px;
}
h2.uvodni{
color:#424242;
font-size:200%;
font-weight:bold;
padding:0px;
margin:0px 0px 15px;
line-height:1.1em;
}
h1.uvodni{
color:#d1112f;
font-size:200%;
font-weight:bold;
padding:0px;
margin:0px;
line-height:1.1em;
}
h2.uvod{
color:#d1112f;
font-size:150%;
font-weight:bold;
padding:0px;
margin:0px;
line-height:1.1em;
}
h3.uvod{
color:#424242;
font-size:140%;
font-weight:bold;
padding:0px;
margin:5px 0px 15px;
}
h3{
color:#d1112f;
font-size:140%;
font-weight:normal;
padding:0px;
margin:15px 0px 3px;
}
h4, h5, h6{
color: #d1112f;
font-size:110%;
font-weight:bold;
margin:0px;
padding:0px;
}
.h1 {
display:block;
color:#4a4a4a;
font-size:160%;
}
.h2, .h3 {
display:block;
color: #d1112f;
font-size:130%;
margin:0px 0px 20px;
}
.h3 {
color: #ffffff;
margin:0px 0px 20px 20px;
}
p
{
padding:0px 0px;
margin:0px 0px;
}
/** clanky - ARTICLE **/

.article
{
padding:30px 20px 0px;
line-height:1.5em;
}
.article ul
{
margin:5px 0px 5px 0px;
}
.article ul li
{
background:url(../img/li_content.gif) no-repeat 0px 9px;
padding:3px 0px 0px 15px;
}
.article img
{
margin:0px;
border-color:#a90009
}
.article img.middle
{
margin:0px 15px 0px 16px;
}
.article img.left
{
margin:10px 0px 0px 40px;
float:none;
}
.article img.panorama-top {
margin-top:10px;
}
.article p
{
margin:10px 0px 15px;
}
.article table {
width: 350px;
}
.article table.halftable {
width: 52%;
}
#garance_ceny {
height:25px;
padding:15px 15px 12px 15px;
margin:20px 0px;
border: 2px solid #EC7754;
background-color: #FFDCD1;
text-align:center;
font-size:150%;
font-weight:bold; 
}
#garance_ceny a {
color:#E96740;
}
/** Samostatna stranka **/
#all
{
margin:auto;
width:980px;
height:100%;
text-align:left;
background: url(../img/bg-footer-all.gif) repeat-y 0px 0px;
}
/** hlavicka - HEADER **/
#header 
{
background: url(../img/bg-logo2.jpg) repeat-x;
width:980px;
height:105px;
}
#language
{
float:right;
}
#language ul
{
margin:33px 10px 0px;
padding:0px 0px; 
}
#language a:link, #language a:visited, #language a:hover
{
color:#ffffff;
text-decoration:none;
font-weight:bold; 
}
#language a:hover
{
text-decoration:underline;
}
#language ul li, #language ul li.noLine
{
float:left;
padding:0px 30px;
background: url(../img/line_language.jpg) no-repeat;
}
#language ul li.noLine
{
background: none;
}
/** telo webu - PAGE **/
#page
{
/*background: url(../img/bg_page_in.gif) repeat-y;*/
width:980px;
}
#page_in
{
background: url(../img/bg-content.gif) repeat-y;
padding:0px 30px;
}
.cenik 
{
display:block;
width:170px;
float:left;
}
/** levy sloupec - LEFTCOL **/
#leftCol
{
float:left;
padding:12px 0px;
}
#leftCol.leftcol-home{
float:left;
padding:12px 0px;
margin-left:3px;
}
#leftCol.leftcol-home img {
margin:0px;
}
/** prostredni sloupec - CONTENT **/
#content
{
float:left;
width:463px;
}
#content_in
{
padding:12px 10px;
}
#contBox
{
background: url(../img/bg_content.gif) repeat-x;
}
#contBox_in
{
padding:20px 25px 0px;
margin:15px 0px 0px;
}
#contBox ul
{
float:left;
border-left:1px solid #e6e6e6;
padding:5px 17px;
}
#contBox ul.start
{
float:left;
border-left:0px solid #e6e6e6;
padding:5px 17px 5px 0px;
}
#contBox ul li
{
background: url(../img/li_content.gif) no-repeat 0px 13px;
padding:8px 0px 8px 20px;
font-size:120%;
}
/** pravy sloupec - RIGHTCOL **/
#rightCol
{
margin:2px 0px;
float:right;
background: url(../img/bg_rightCol.gif) repeat-y;
width:231px;
min-height:550px;
}
#rightCol_in
{
padding:10px 0px;
}
.rightBox
{
background: url(../img/bg_rightMenu.gif) repeat-y;
width:231px;
}
.rightBox ul
{
margin:0px 0px;
}
.rightBox ul li
{
margin:0px;
padding:0px;
}
.rightBox ul li.start
{
background: url(../img/li_link_start.gif) no-repeat;
}
.rightBox ul li a:link, 
.rightBox ul li a:visited, 
.rightBox ul li a:hover
{
text-decoration:none;
font-size:120%;
color:#2e2e2e;
background: url(../img/li_link.gif) no-repeat;
padding:12px 20px 10px 50px;
display:block;
}
.rightBox ul li.start a:link, 
.rightBox ul li.start a:visited, 
.rightBox ul li.start a:hover
{
background: url(../img/li_link_start.gif) no-repeat;
}
.rightBox ul li a:hover, 
.rightBox ul li.act a:link, 
.rightBox ul li.act a:visited, 
.rightBox ul li.act a:hover,
.rightBox ul li.startact a:link, 
.rightBox ul li.startact a:visited, 
.rightBox ul li.startact a:hover
{
color:#a90009;
background: url(../img/li_link.gif) no-repeat #EFEFEF;
}
.rightBox ul li.startact a:link, 
.rightBox ul li.startact a:visited, 
.rightBox ul li.startact a:hover
{
color:#a90009;
background: url(../img/li_link_start.gif) no-repeat #EFEFEF;
}
.rightBox #contact
{
padding:20px 0px 19px 30px;
line-height:1.5em;
}
.rightBox #contact b
{
color:#4c4c4c;
}
/** paticka - FOOTER **/
#footer
{
background: url(../img/bg-footer.gif) no-repeat;
height:69px;
width:980px;
color:#ffffff;
}
#footer_in
{
padding:20px 22px;
}
#footer a:link, #footer a:visited, #footer a:hover
{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
#footer a:hover
{
text-decoration:underline;
}
/** styly pro interaktivní formular **/
table.formular
{
margin:0px 0px;
padding:0px 0px;
}
table.formular td, table.formular td.secondTD
{
color:#A90009;
padding:5px 10px 0px 0px;
}
table.formular td.secondTD
{
padding:5px 0px 0px 0px;
}
table.formular .Input, table.formular input.bigInput, table.formular input.smallInput
{
width:180px;
border:1px solid #4C4C4C;
padding:2px 2px;
}
table.formular input.datepicker {
width: 154px;
border:1px solid #4C4C4C;
padding:2px 2px;
margin:0px 0px 0px 10px !important;
}
table.formular select.small {
width: 60px;
}
table.formular input.small2 {
margin-left: 40px;
width: 20px;
}
table.formular input.small3 {
margin-left: 40px;
width: 20px;
}
table.formular input.bigInput
{
width:375px;
}
table.formular input.smallInput
{
width:142px;
}
table.formular select
{
width:180px;
border:1px solid #4C4C4C;
padding:2px 2px;
color:#A90009;
}
table.formular textarea
{
width:377px;
height:100px;
border:1px solid #4C4C4C;
padding:5px 5px;
}
#btnSubmit
{
background: url(../img/button_submit.gif) no-repeat;
color:#A90009;
border:0px solid #000000;
width:120px;
height:30px;
cursor:pointer;

margin:0px 14px 0px 0px;
}
#error_text
{
border:1px solid #A90009;
padding:15px;
color:#A90009;
margin:0px 0px 10px;
}
.vyber
{
display:block;
margin:-18px 0px 0px 20px;
}
table.formular .Input_error
{
background:#ffd4d4;
border:1px solid #A90009;
}
/*
table {
	width: 55%;
}*/
table tr td {
	padding: 3px;
}

/* Datepicker
----------------------------------*/
#ui-datepicker-div {display:none; background: white; border:1px solid #dedede;}
.ui-datepicker-calendar {background: white;}
.ui-datepicker { width: 17em; padding: .2em .2em 0;}
.ui-datepicker .ui-datepicker-header { /*position:relative; */padding:.2em 0; background: #dedede;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.patka a{color:white}
.patka{
text-align:left;
padding-bottom:10px;
color:white
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	cursor:pointer;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}