html,body {
	height: 100%;
}

body {
	margin: 0; padding: 0;
	text-align: left;
	border: none;
    color: #c2c2c2;
	font-size: 75%;
	font-family: Tahoma, Arial, sans-serif;
    background: #0d0d0d url(../_clip/bg_page.gif) 50% 0 repeat-y;
}

h1 {
	font-size: 205%; font-weight: normal;
	color: #f9e7c0;
	margin: 0 0 25px 0; padding: 0;
}
h2 {
	color: #f9e7c0;
	font-size: 155%; font-weight: normal;
	margin: 0; padding: 10px 0;
	font-family: Tahoma, Arial, sans-serif;
}

h3 {
	font-size: 135%;
	font-weight: normal;
	margin: 13px 0; padding: 0 0 3px 0;
	color: #FFF;
	border-bottom: 1px solid #1A1A1A;
}

h4 {
	font-weight: bold;
	font-size: 100%;
	color: #FFFFFF;
	margin: 0; padding: 0;
}

h1, h2, h3, h4 {line-height: normal; text-align: left; font-family: Georgia, "New York CE", utopia, serif;}

a {text-decoration: underline; color: #EA6A19;}
a:hover {text-decoration: none; color: yellow;}
a.external {background: url(/_clip/external-link.gif) right top no-repeat; padding-right: 12px; }

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
fieldset {display: inline}
legend {display: none;}
hr {border: none; border-top: 1px dashed #262626; height: 1px; width: 100%; display: block;}


/* layout -------------------------------------------- */

#background { background: url(../_clip/bg_vizual.jpg) 50% 0 no-repeat; width: 100%; }
#page { width: 980px; margin: 0 auto; position: relative; }


/* header -------------------------------------------- */

#header { height: 364px; position: relative; }
#logo-master { width: 180px; height: 205px; position: absolute; top: 41px; left: 18px; }
.claim { width: 142px; height: 50px; position: absolute; top: 80px; right: 36px; background: url(../_clip/zastavte-cas_na-okamzik.png) 0 0 no-repeat; }

/* content -------------------------------------------- */

#content-holder {  }
#content-holder-right { float: right; width: 764px; }
#left-side { float: left; width: 205px; padding: 0 0 0 6px; }
#right-side { float: right; width: 205px; padding: 0 6px 0 0;  }
.content-holder { float: left; background: url(../_clip/bg_content.jpg) 0 34px no-repeat; width: 548px; }
#content { padding: 25px 20px 40px 20px; line-height: 1.55em; }

#breadcrumbs { background: url(../_clip/bg_breadcrumbs.jpg) 0 0 no-repeat; height: 14px; padding: 10px 20px; font-size: 85% }

.infoBox2 #map_canvas {height:300px;width:507px;}
#mapa-kontakt #map_canvas {height:300px;width:507px;}

/* footer -------------------------------------------- */

#footer { font-size: 95%; margin: 25px 0 0 0; }

#footer #links-holder { background: #262626 url(../_clip/bg_footer.gif) 50% 0 repeat-y; }
#footer #links { padding: 5px 0; width: 980px; margin: 0 auto; }
#footer #links .quick-links { color: #726221; float: left; width: 508px; padding: 7px 20px 0 20px; margin-left: 215px; display: inline; }
#footer #links .quick-links a { color: #726221; }
#footer #links .quick-links a:hover { color: yellow; }
#footer #links .quick-links .left { float: left; }
#footer #links .quick-links .right { float: right; }

#footer #links .corp-links { float: right; width: 210px; text-align: center; }
#footer #links .corp-links img { margin: 0 3px; }

#footer #copyright { color: #4d4d4d; width: 508px; padding: 10px 20px 20px 20px; margin: 0 auto; }
#footer #copyright a { color: #443b26; }
#footer #copyright a:hover { color: #726221; }

/* menu -------------------------------------------- */

#menu { list-style: none; margin: 0 0 25px 0; padding: 0 0 25px 0; width: 205px;}
#menu ul { list-style: none; margin: 0; padding: 0; border-left: 2px solid #000; border-right: 2px solid #000; }
#menu li {position: relative; width: 205px; float: left; }
#menu li a {
	background: #000;
	padding: 8px 10px 8px 15px;
	border-bottom: 1px solid #212121;
	text-decoration: none;
	color: #FFF;
	font-size: 125%;
	display: block;
}
#menu li a:hover, #menu li a.active { background: #2a0401;}
#menu li a.active { background: #2a0401 url(../_clip/bg_sraf-menu.gif);}
#menu li a:hover { color: yellow;}
#menu li li a {
	background: #190604 url(../_clip/submenu-bullet.gif) 15px 15px no-repeat !important;
	font-size: 100%;
	color: #8d7978;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px solid #212121;
}


#menu li li a:hover, #menu li li a.active:hover { color: yellow !important; background: #2A0401 url(../_clip/submenu-bullet.gif) 15px 15px no-repeat !important;}
#menu li li a.active { color: #FFF; background: #2A0401 url(../_clip/submenu-bullet.gif) 15px 13px no-repeat !important;}


#menu table {position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100;}

#menu ul {visibility: hidden; position: absolute; top: 0; left: 205px;}
#menu li:hover ul, #menu li a:hover ul {visibility: visible;}

#menu ul.static {
	visibility: visible;
	position: static;
	border: none;
}
#menu ul.static li a {
	background: #190604 url(../_clip/submenu-bullet.gif) 15px 13px no-repeat;
	font-size: 100%;
	color: #8d7978;
	padding: 8px 10px 8px 25px;
	border-bottom: 1px solid #212121;
}

/* \*/ * html #menu li a { height: 1% } /**/


/* layout items -------------------------------------------- */

ul.sitemap, ul.sitemap ul { margin: 0; padding: 0; list-style: none; }
ul.sitemap li a { padding: 6px 20px; display: block; background: #0D0D0D; text-decoration: none; border-bottom: 1px solid #000; font-weight: bold; color: #FFF; }
ul.sitemap li a:hover { background: #1A1A1A; color: yellow; }
ul.sitemap li li a { padding: 6px 35px; background: #080808; font-weight: normal; color: #EA6A19; }

/* \*/ * html ul.sitemap li a { height: 1% } /**/


#news-box { margin: 30px 0 0 0 }
#news-box h2 { background: #0d0d0d; padding: 6px 15px; font-size: 125%; width: 50%; }
#news-box a.show-all { background: #0d0d0d; padding: 8px 15px; display: block; width: 50%;}
#news-box .news-list { background: #212121; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 15px 0 15px }
#news-box .news-list h3 { font-size: 105%; color: #726221; font-family: Tahoma, Arial, sans-serif; border: none; margin: 2px 0 0 82px; padding: 0; }
#news-box .news-list p { margin: 0 0 0 82px; padding: 7px 0; font-size: 95%; }
#news-box .news-list span { color: #808080; float: left; }
#news-box .news-list .line { padding: 0 0 13px 0}
#news-box .news-list a { color: #726221; }
#news-box .news-list a:hover { color: yellow; }

.intro { font-family: Georgia, "New York CE", utopia, serif; font-size: 145%; color: #e8e8e8; line-height: 1.2em; }

.right-picture {margin: 0 0 10px 15px; padding: 5px; float: right; background: url(../_clip/bg_sraf.gif);}
.left-picture {margin: 0 15px 10px 0; padding: 5px; float: left; background: url(../_clip/bg_sraf.gif);}
.border-picture {padding: 5px; background: url(../_clip/bg_sraf.gif);}

.two-column-holder {width: 100%;}
.two-column-holder .right-column {float: right; width: 47%;}
.two-column-holder .left-column {float: left; width: 47%;}

.image-holder {float: left; width: 240px; text-align: center; margin: 5px; padding: 8px 0;}
.image-holder img {margin: 0 0 10px 15px; padding: 5px; float: right; background: url(../_clip/bg_sraf.gif);}
ul.pozadi {margin: 0; padding: 0; list-style: none; font-family: Tahoma, Arial, sans-serif; font-size: 85%;}
ul.pozadi li {display: inline; padding: 2px; margin: 0;}

#right-side img, #ikonka_hp { margin: 0 0 8px 0; }

.produkt img {float: left; margin: 0 20px 0 0}
.produkt p {padding-top: 10px !important; font-size: 125%;}

a.btn_where { padding: 8px 10px 8px 47px; background: #0D0D0D url(../_clip/icon_search.gif) 0 0 no-repeat; text-decoration: none; border: 1px solid #212121; }
a:hover.btn_where { background: #2A0401 url(../_clip/icon_search.gif) 0 0 no-repeat;  }

.input-box, .contact-form { background: #080808; border: 1px solid #212121; padding: 15px; }
.input-box input, .contact-form input, input.btn-odeslat { background: #0D0D0D; border: 1px solid #212121; padding: 5px 8px; overflow: visible; width: auto; color: white;}
.input-box input.btn-odeslat, .contact-form input.btn-odeslat, input.btn-odeslat { background: #2A0401; padding: 4px 8px; font-weight: bold; cursor: pointer; }

#reg-form.input-box input, #reg-form.input-box select { padding: 3px 5px; margin: 3px 5px 7px 0; vertical-align: middle; }
#reg-form.input-box .img { vertical-align: middle; }

.contact-form .data { float: left; width: 170px; }
.contact-form .comment { float: right; width: 300px; }
.contact-form textarea { width: 280px; height: 180px; background: #0D0D0D; border: 1px solid #212121; padding: 5px 8px; overflow: visible; color: white;}
.contact-form .error { display: none; }

ul.error-messages { }
ul.error-messages li { font-weight: bold; color: yellow; }

ul.styled-list { margin: 0; padding: 15px; list-style: none;}
ul.styled-list li {background: url(../_clip/list-bullet.gif) 0 3px no-repeat; padding: 2px 2px 2px 28px}

ul.provozovny-list { list-style: none; margin: 0; padding: 15px 15px 15px 20px; background: #0d0d0d url(/_clip/bg_list.gif) 100% 0 no-repeat; border: 1px solid #212121;}
ul.provozovny-list li {background: url(../_clip/list-bullet.gif) 0 3px no-repeat; padding: 2px 2px 2px 28px}

.press-down-block {  }
.btn_download-pdf { background: #0D0D0D url(../_clip/icon_pdf.gif) 5px 50% no-repeat; text-decoration: none; border: 1px solid #212121; padding: 6px 10px 6px 30px;}
.btn_download-doc { background: #0D0D0D url(../_clip/icon_doc.gif) 5px 50% no-repeat; text-decoration: none; border: 1px solid #212121; padding: 6px 10px 6px 30px;}
.btn_archive a { background: #0D0D0D url(../_clip/icon_folder.gif) 5px 50% no-repeat; text-decoration: none; border: 1px solid #212121; padding: 6px 10px 6px 30px;}
a:hover.btn_download-doc { background: #2A0401 url(../_clip/icon_doc.gif) 5px 50% no-repeat;  }
a:hover.btn_download-pdf { background: #2A0401 url(../_clip/icon_pdf.gif) 5px 50% no-repeat;  }
.btn_archive a:hover { background: #2A0401 url(../_clip/icon_folder.gif) 5px 50% no-repeat;  }


#tab-menu {padding: 0; border-bottom: 5px solid #212121;}
ul.tab-menu {margin: 0; padding: 0 0 15px 0; list-style: none;}
ul.tab-menu li {float: left; background: url(http://master.pages.4internet.biz/_clip/bg_tab-item.gif) left top no-repeat; margin: 0 3px 0 0;}
ul.tab-menu li a {
	display: block;
	padding: 5px 12px;
	text-align: center;
	background: #0D0D0D;
	color: white;
	text-decoration: none;
	border: 1px solid #212121; border-bottom: none;
}
ul.tab-menu li a:hover {color: yellow; background: #2A0401;}

#komentare {  }
#komentare .koment-text { background: #0D0D0D; padding: 5px 15px; margin: 0 0 5px 0; border: 1px solid #212121; }
#komentare .koment-text p { padding: 5px 0; margin: 0; color: white; font-style: italic;}
#komentare .koment-bottom { border-top: 1px dashed #212121; padding: 3px 0 0 0; text-align: right; font-size: 85%;}
#komentare .koment-bottom .name { font-weight: bold; }

.help { font-size: 95%; font-style: italic; color: white; }

#gallery div { width:145px; float: left;}
#gallery img {padding: 5px; background: url(http://master.pages.4internet.biz/_clip/bg_sraf.gif);}


.login-box { background: #000; padding: 10px; margin: 0 0 7px 0; width: 185px; }
.login-box h3 { color: #e2c47f; border-color: #4a0802; margin: 0 0 5px 0; padding: 0; font-size: 105%; }
.login-box input { background: #2a0401; padding: 3px; overflow: visible; width: auto; border: none; color: white; margin: 0 5px 5px 0; font-size: 95%; width: 90px; }
.login-box input.btn-login { width: auto; }
.login-box .login-links { border-top: 1px solid #4a0802; padding: 3px 0; font-size: 85%; color: #808080;}
.login-box .login-links p { margin: 0; padding: 0; }
.login-box .login-links a { color: #808080;}

.reg-error { color: yellow; padding: 0 0 0 10px; }
.reg-error input { border-color: yellow;  }

.fb { margin: 10px 0; padding: 0 10px;}
.fb img { float: left; margin: 2px 0 0 0;}
.fb p { margin: 5px 0 0 5px; padding:0; float: left; font-size: 85%;}
.fb a { text-decoration: none; color: #726221; }
.fb a:hover { text-decoration: underline; color: yellow; }


/* SIMPLE MODAL*/
#simplemodal-overlay {
	background: #000;
/*	cursor: wait; */
}

#simplemodal-container {
	background: #000;
	padding: 20px;
	width: 562px;
}
#age_check { position: absolute; z-index: 9999; width: 100%; height: 100%; background: #000; text-align: center;}


/* table styles -------------------------------------------- */

table.styled-table { border: 1px solid #212121; width: 100%; }
table.styled-table th { background: #2A0401; color: #FFF; padding: 5px 8px; font-weight: bold; }
table.styled-table th.datum { width: 90px; }
table.styled-table td { background: #0D0D0D; padding: 5px 8px}


/* redefine -------------------------------------------- */

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 5px solid #E4E9F7;}
a:hover img.img-border {border: 5px solid #B3B6D0;}

.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}

.floatLeft {float: left;}
.floatRight {float: right;}

.textCenter, td.textCenter, th.textCenter {text-align: center;}
.textLeft, td.textLeft, th.textLeft {text-align: left;}
.textRight, td.textRight, th.textRight {text-align: right;}

/* Maps: InfoBox -------------------------------------------- */
#map_canvas .infoBox {background: #000; padding: 10px; margin: 0 0 7px 0; width: 185px;}
#map_canvas .infoBox div { border-top: 1px solid #4a0802; padding: 3px 0; font-size: 85%; color: #808080;}

#map_loader {position:relative; top:-300px;background: #000; height:300px;}
#map_loader div {margin: 0 auto;}