* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.gif) left top repeat-x #FFFFFF;
	text-align:center;
	padding-bottom: 28px;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.6666em;
		color:#a7a7a7;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#50c5f9; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:20px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat left; padding-left:17px; line-height:2.16666em;}
li a {color:#50c5f9;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 30px 0 0; float:left;}

h2 {font-size:26px; line-height:1.2em; color:#535353; padding-bottom:17px; color:#0f294d; }
h3 {font-size:1.916em; line-height:1.2em; color:#6a6a6a; padding:5px 0 10px 0;}

h4 {font-size:1.1666em; line-height:1.2em; color:#fff; text-transform:uppercase; display:inline-block; background:url(images/h-left-bg.gif) left top no-repeat; }
h4 strong {display:inline-block; padding:0 4px 0 4px; background:url(images/h-right-bg.gif) right top no-repeat;}
h4 strong strong {padding:6px 4px 6px 4px; background:url(images/h-tail-bg.gif) left top repeat-x;}
/* ============================= header ====================== */
#pg_ke-stazeni #header, #pg_o-nas #header, #pg_nabidka #header {height:572px; background:url(images/border-bottom-bg.gif) left bottom repeat-x;}

h1#TopTit { margin:0; padding:0; float: left; height: 135px; width: 300px; background: url(images/dvere-cb-logo.gif) no-repeat 14px 35px; }
h1#TopTit a {display: block; height: 135px; text-indent: -6667px; }

.date {color:#dbdbdb; display:inline-block; float:left; padding:6px 0 0 12px; font-size: 11px; }

.sub-menu { float:right; width:550px; height: 120px; background: url(images/prum-logo.gif) no-repeat bottom left; }
.sub-menu ul { margin: 57px 0 0 290px; padding: 0;}
.sub-menu li {float:left; line-height:1.2em; padding:0 20px 0 18px;}
.sub-menu li a {text-decoration:none; color:#858585; display:block;}
.sub-menu li a:hover {text-decoration:underline;}

.sub-menu .bg1 {background:url(images/sud-menu-li-bg1.gif) left 1px no-repeat;}
.sub-menu .bg2 {background:url(images/sud-menu-li-bg2.gif) left 1px no-repeat;}
.sub-menu .bg3 {background:url(images/sud-menu-li-bg3.gif) left 1px no-repeat; padding-right:0px;}

.menu {background:url(images/menu-tail-bg.gif) left top repeat-x;}
.menu-left {background:url(images/menu-left-bg.gif) left top no-repeat;}
.menu-right {background:url(images/menu-right-bg.gif) right top no-repeat; width:100%; height:57px;}

.menu li {float:left; background:url(images/menu-li-bg.gif) right 28px no-repeat; padding:0 17px 0 20px; text-transform:uppercase; line-height:1.2em; font-size:1.1666em;}
.menu li a {text-decoration:none; color:#4a4a4a; display:inline-block; cursor:pointer;}
.menu li a strong {padding:0 13px 0 11px; display:inline-block;}
.menu li a strong strong {padding:23px 3px 9px 1px;}

.menu .last {background:none; padding-right:0px;}

.menu li a:hover, .menu .active a {background:url(images/menu-li-active-left-bg.gif) left top repeat-x; color:#fff;}
.menu li a:hover strong, .menu .active a strong {background:url(images/menu-li-active-right-bg.gif) right top no-repeat;}
.menu li a:hover strong strong, .menu .active a strong strong {background:url(images/menu-li-active-tail-bg.gif) left top repeat-x;}

.header-box {width:242px; float:left; margin-right:5px; background:url(images/header-box-bg.gif) left top no-repeat;}
.header-box .indent {padding:5px 6px 26px 6px;}
.none {margin-right:0px;}
.header-link {display:inline-block; color:#000; line-height:1.2em; background:url(images/header-marker.gif) left 3px no-repeat; padding-left:16px; margin:22px 0 0 6px;}
.header-link a {font-weight:bold; color:#000;}


.link-left, .link-right {position:absolute; }
.link-left {margin:98px 0 0 -26px;}
.link-right {margin:98px 0 0 945px;}
/* ============================= content ====================== */
.indent {padding:30px 0 55px 0px;}

.padding {padding-bottom:45px;}

.col-pad {padding-right:32px;}
.col-pad1 {padding-right:29px;}

.ul-pad {padding-bottom:12px;}

.link {color:#4a4a4a; text-decoration:none; background:url(images/link-bg.gif) right 8px no-repeat; padding-right:10px; display:inline-block; font-size:1.416em; line-height:1.2em; margin-top:20px;}
.link:hover {padding-right:14px;}
.link-ul {margin-top:14px;}

.border {background:url(images/border-bg.gif) bottom left repeat-x; padding-bottom:47px; margin-bottom:20px;}

.news {color:#464545; display:inline-block; float:right; padding:5px 15px 0 0;}

.title {font-style:italic; color:#1d1d1d; display:inline-block; padding-bottom:5px;}
.line {line-height:1.5em;}
.line p {padding-top:14px;}

.pad {padding-top:20px;}
.pad1 {padding-top:24px;}
.pad2 {padding-top:16px;}
.pad3 {padding-top:28px;}

.margin {margin-top:12px;}

.link-margin {margin-top:0px;}

.phone {display:inline-block; width:80px;}
/* ============================= footer ====================== */
#footer {background:url(images/border-bg.gif) left top repeat-x; padding-top:35px;}
#footer .col-1 {width:443px !important;}
#footer .col-2 {width:167px !important;}
#footer .col-3 {width:153px !important;}
#footer em {font-style:normal; color:#50c5f9;}
#footer .col-1 a {color:#9c9c9c;}
.title1 {font-size:1.16em; color:#6a6a6a; line-height:1.2em; padding-bottom:6px; display:block;}

.mail {color:#a1a1a1; text-decoration:none;}
.mail:hover {text-decoration:underline;}
.footer-menu {padding-bottom:10px; width:100%; overflow:hidden;}
.footer-menu li {background:none; float:left; padding:0 20px 0 0; line-height:1.2em;}
.footer-menu li a {color:#a1a1a1; }
.links img {margin:6px 6px 0 0;}
/* ============================= forms ============================= */
#SearchForm {float:right;  padding:4px 2px 0 0; color:#adacac;}
#SearchForm span {font-family:"Arial Narrow", Arial; font-weight:bold; text-transform:uppercase; font-size:1.25em;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; height:25px; display:inline-block;  margin-right:-3px;}
#SearchForm .input {width:145px;  border:none; padding:3px 6px 0px 5px; font-size:0.91em;  vertical-align:top; color:#79938c; line-height:1.2em; margin-left:11px; background:none;}
#SearchForm input {vertical-align:top;}

#ContactForm {padding-top:15px;}
#ContactForm label {height:42px; display:block;}
#ContactForm .link {margin:15px 0 0 40px;}
.alignright {text-align:right;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:239px;}
#ContactForm .input {width:204px; border:1px solid #a09b96; background:none; padding:3px 0 2px 5px; font-size:1em; line-height:1.2em;}
textarea {width:234px; height:104px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.col-1 .padder {}
.container {}

.fixh {height: 160px; overflow: hidden;}
p.img33 {height: 180px; background: ;}

#GalleryPlace {background:#f3f3f3; border:3px solid #d8d8d8;}
#FlashHolder {position: releative; margin: 15px 0 0 -23px; }

.col-14 h2 {font-size:20px; padding-bottom: 20px; text-align:center; }
.col-14 p {text-align:justify; margin:0; padding: 0 0 5px 0;}

ul.bigger { margin-left: 15px; font-size: 16px; margin-top: 15px; }
ul.bigger li {padding-left: 20px;}
ul.bigger li a {text-decoration: none; font-weight: bold; letter-spacing:-1px; color:#0f294d; }

strong strong span {width:454px; text-align: center; display: block;}

.ArtReader {color: #4a4a4a; padding: 12px 12px 25px 8px; overflow: auto; }
.ArtReader p { font-size: 14px; text-align: justify; margin-bottom: 10px; }
.ArtReader h2 {font-size: 26px; margin:0; padding: 0 0 0px 0; }
.ArtReader h3 { margin:16px  0 0 0; padding:0; }
.ArtReader ul {margin-top: 16px;}
.ArtReader h1 {font-family: Tahoma; font-weight: normal; font-size: 28px; margin:0; padding: 10px 0 20px 0; letter-spacing:0px; border-bottom: 2px solid #f6f6f4; }
.ArtReader .col1 {float: left; width:460px;}
.ArtReader .col2 {float: right; width:450px;}

h1.sizeXL { margin:0;  }

.colpx h3 {font-size: 18px; }

#Tour3d {margin: 0 0 15px 0;}
#Tour3d a { display: block; background: url(images/3d-prohlidka.png); height:72px; text-indent: -6667px; }

#footer2 { border-top: 3px solid #f5f5f5; padding-bottom: 20px; text-align:right; }
#footer2 p {margin:0; padding:5px 26px; font-size:11px; }
#footer2 p a {color: #9c9c9c} 

a.ktlglink { text-align:center; width: 220px; text-decoration:none; margin-right: 6px; padding: 8px 0 8px 0; display: block; float: right; background: #25b0ee; color:#fff; font-size: 20px; font-weight: normal; letter-spacing:0px; border-bottom:1px solid #206483;  border-right:1px solid #206483; border-top:1px solid #5ee5ff; border-left:1px solid #5ee5ff; }
a.ktlglink:hover {background:#5cdfff;}
