/* 
Vytvořil Martin Winkler
*/

/* CSS Reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins { text-decoration: none;}
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */
	
body {
	font-family: 'Arial';
	font-size: 14px;
	color: #4b4642;
	background: #f5f2ee url('../img/bg.gif') left top repeat-x;
	margin: 0;
	padding: 0;
}

#container { width: 960px; margin: 0 auto; position: relative; }
#shadow { width: 977px; margin: 0 auto; position: relative; background: transparent url('../img/shadow.png') 1px 63px no-repeat; }
#header { position: relative; width: 960px; height: 60px; }

#h-menu { position: absolute; left: 33px; top: 25px; }
#h-menu ul { margin: 0; }
#h-menu ul li { float: left; padding: 0; background: none; }
#h-menu ul li a { font-size: 15px; line-height: 15px; font-weight: bold; text-transform: uppercase; color: #8b5d3b; text-decoration: none; float: left; display: block; height: 15px; padding: 2px 0 0 26px; margin: 0 20px 0 0; background: transparent url('../img/btn-menu.gif') left top no-repeat; }
#h-menu ul li a:hover, #h-menu ul li a.active { color: #e76e33; background: transparent url('../img/btn-menu.gif') left -17px no-repeat; }

body.de #h-menu ul li a { font-size: 14px; padding-left: 23px; margin-right: 10px; }

#teaser { width: 960px; height: 209px; background: url('../img/teaser_o_nas.jpg') left top no-repeat; position: relative; }
#teaser #logo { position: absolute; left: -882px; top: 13px; padding: 10px 0 0 0; font-size: 0; line-height: 0;	}
#teaser #logo span { width: 257px; height: 125px; background: transparent url('../img/logo.png') left top no-repeat; display: block; position: absolute; left: 914px; top: 21px; }
body.de #teaser #logo span { background-image: url('../img/logo_de.png'); }

body.o-nas #teaser { background-image: url('../img/teaser_o_nas.jpg'); }
body.nase-sluzby #teaser { background-image: url('../img/teaser_nase_sluzby.jpg'); }
body.fotogalerie #teaser { background-image: url('../img/teaser_fotogalerie.jpg'); }
body.poradna #teaser { background-image: url('../img/teaser_poradna.jpg'); }
body.kontakty #teaser { background-image: url('../img/teaser_kontakty.jpg'); }

#hp #teaser { height: 422px; background: #fff; }
#hp #teaser #title { width: 431px; height: 92px; background: #e76e33; color: #fff; position: absolute; left: 0; top: 281px;  }
#hp #teaser #title p { font-size: 22px; line-height: 26px; font-weight: normal; left: 30px; top: 17px; position: relative; }
#hp #teaser #title p span { font-size: 30px; line-height: 30px; font-weight: bold; margin: 0 0 8px 0; }

#hp.de #teaser #title { height: 123px; width: 447px; }
#hp.de #teaser #title p { font-size: 21px; line-height: 21px; }

/* Slider source pics */

.rotator { background: #fff; width: 100%; height: 422px; }
.bg1 { background: #fff url('../img/teaser-hp.jpg') center top no-repeat; }
.bg2 { background: #fff url('../img/teaser-hp2.jpg') center top no-repeat; }
.bg3 { background: #fff url('../img/teaser-hp3.jpg') center top no-repeat; }
.bg4 { background: #fff url('../img/teaser-hp4.jpg') center top no-repeat; }

#teaser-menu { position: absolute; right: 0; top: 15px; text-align: right; }
#teaser-menu ul { margin: 0; padding: 0; }
#teaser-menu ul li { font-size: 17px; line-height: 17px; margin: 0 0 11px 0; }
#teaser-menu ul li a { font-size: 17px; line-height: 17px; font-weight: bold; float: right; display: block; text-decoration: none; color: #fff; height: 26px; padding: 10px 25px 0 0; background: url('../img/teaser-btn.gif') right top no-repeat; }
#teaser-menu ul li a:hover { background: url('../img/teaser-btn.gif') right -36px no-repeat; }
#teaser-menu ul li a.first { width: 117px; }
#teaser-menu ul li a.sec { width: 130px; }
#teaser-menu ul li a.third { width: 157px; }
#teaser-menu ul li a.fourth { width: 195px; }

body.de #teaser-menu ul li a.first { width: 230px; }
body.de #teaser-menu ul li a.sec { width: 200px; }
body.de #teaser-menu ul li a.third { width: 240px; }

#hp #teaser-menu { bottom: 27px; top: auto; }
#hp #teaser-menu ul li { position: relative; height: 61px; &height: 58px; }
#hp #teaser-menu ul li a { font-size: 24px; line-height: 24px; height: 38px; padding: 13px 37px 0 0; background: url('../img/teaser-btn-hp.gif') right top no-repeat; margin: 0; }
#hp #teaser-menu ul li a:hover { background: url('../img/teaser-btn-hp.gif') right -51px no-repeat; }
#hp #teaser-menu ul li a.first { width: 157px; }
#hp #teaser-menu ul li a.sec { width: 173px; }
#hp #teaser-menu ul li a.third { width: 211px; }
#hp #teaser-menu ul li a.fourth { width: 265px; }

#hp.de #teaser-menu ul li a.first { width: 318px; }
#hp.de #teaser-menu ul li a.sec { width: 275px; }
#hp.de #teaser-menu ul li a.third { width: 334px; }

#breadcrumb { font-size: 12px; color: #8b5d3b; height: 43px; border-bottom: 1px solid #e8dfd8; }
#breadcrumb p { line-height: 43px; vertical-align: middle; margin: 0; }
#breadcrumb span { float: left; margin: 0 5px 0 0; color: #4b4642; }
#breadcrumb a { height: 43px; padding-left: 35px; background: url('../img/breadcrumb-arr.gif') 8px 2px no-repeat; display: block; float: left; }
#breadcrumb a.home { padding-left: 0; background: none; }

#content { padding: 0 30px 10px 30px; background: #fff; margin: 0 0 30px 0; }
#hp #content { background: none; margin: 0; }
#main-box { background: #fff; padding: 0 30px 0 30px; }

#news { font-size: 12px; line-height: 20px; margin: 0 31px 30px 31px; }
#news p { margin: 0 0 8px 0; line-height: 20px; }
#news .cell a:hover { color: #e76e33; }
#news .head { font-weight: bold; margin: 0 0 6px 0; }
#news .cell-set { margin: 0 0 10px 0; }
#news .cell { width: 204px; border-right: 1px solid #e8dfd8; float: left; padding: 0 10px 0 0; margin: 0 15px 0 0; min-height: 233px; _height: 233px; }
#news .last { border-right: none; margin: 0; padding: 0; width: 200px; }
#news .cell .news-pic { width: 200px; height: 120px; margin: 0 0 10px 0; position: relative; }
#news .cell .news-pic span { font-size: 12px; line-height: 12px; text-align: center; display: block; position: absolute; left: 0; bottom: 0; color: #fff; background: #8b5d3b; width: 81px; height: 27px; line-height: 27px; vertical-align: middle; }
#news .cell .news-text { padding: 0 10px; }


#hp #news .cell { float: left; width: 200px; border-right: 1px solid #e8dfd8; padding: 0 10px 0 0; margin: 0 10px 0 0; min-height: 233px; _height: 233px; }
#hp #news .last { border-right: none; margin: 0; }

.about, .contact { padding: 0 0 14px 24px; border-bottom: 1px solid #e8dfd8; }
.contact { margin-bottom: 25px; }
#hp .about { border-bottom: none; }
.about ul { margin: 0 0 20px 0; }
.about ul li { font-size: 12px; line-height: 20px; padding: 0 0 0 39px; background: transparent url('../img/ico-check.png') left 6px no-repeat; margin: 0 0 12px 0; }

#footer { font-size: 12px; color: #e8dfd8; background: #fff; border-top: 1px solid #e8dfd8; }
#footer-content { width: 934px; margin: 0 auto; padding: 14px 0 60px 26px; position: relative; }
#footer .f-menu { margin-left: 110px; }
#footer .f-menu a { background: transparent url('../img/arr-foot.gif') left 2px no-repeat; height: 13px; padding: 0 0 0 17px; margin: 0 6px 0 6px; display: inline; }
#footer .f-menu a:hover { color: #e76e33; background: transparent url('../img/arr-foot.gif') left -17px no-repeat; }
#footer .toplist { position: absolute; width: 88px; height: 60px; }

.porta { width: 95px; height: 13px; position: absolute; right: 20px; top: 15px; }
.porta span { width: 95px; height: 13px; display: block; position: absolute; left: 0; top: 0; background: transparent url('../img/porta.gif') left top no-repeat; }
.porta a:hover span { background: transparent url('../img/porta.gif') left -13px no-repeat; }

#sub-menu { background: #f9eae3; border-bottom: 1px solid #e8dfd8; margin: -25px 0 20px 0; padding: 23px 20px 3px 20px; }
#sub-menu h3 { font-size: 24px; color: #e76e33; margin: 0 0 9px 0; }
#sub-menu ul li { line-height: 32px; margin-bottom: 4px; }
#sub-menu ul li a { font-size: 16px; font-weight: bold; padding: 0 0 0 30px; margin: 0 0 0 -30px; width: 213px; display: block; }
#sub-menu ul li a.active, #sub-menu ul li a:hover { background: transparent url('../img/sub-menu-arr.png') left top no-repeat; color: #fff; text-decoration: none; display: block; }

/* Cols */

.col-1, .col-2, .col-3, .col-4 { float: left; }

.col2-set { padding: 0; margin: 0; background: transparent url('../img/bg-content.gif') 666px top repeat-y; }
.col2-set .col-1 { width: 634px; padding: 25px 26px 10px 0; margin: 0 7px 0 0; }
.col2-set .col-2 { width: 233px; padding: 25px 0 10px 0; margin: 0; background: white; }

#hp .col2-set { background-image: url(../img/dot-line.gif); }
#hp .col2-set .col-1 { width: 660px; padding: 30px 0px 10px 0; margin: 0 30px 0 0; }
#hp .col2-set .col-1 p.align-full { padding-right: 20px; }
#hp .col2-set .col-2 { width: 200px; padding: 30px 10px 10px 0; background: transparent; }

/* Searchform */

#searchform { position: absolute; right: 31px; top: 16px; }
#searchformsword { font-family: 'Arial'; font-size: 12px; line-height: 12px; color: #636262; padding: 10px 10px 7px 15px; width: 100px; border: none; background: #fff url('../img/search-input.gif') left top no-repeat; float: left; margin: 0; }
#searchformsubmit { font-family: 'Arial'; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; width: 42px; height: 32px; border: none; background: transparent url('../img/search-btn.gif') left top repeat-x; float: left; margin: 0; cursor: pointer; }
input:hover#searchformsubmit { background: transparent url('../img/search-btn.gif') left -32px no-repeat; }

#searchbtn { position: absolute; right: 70px; top: 16px; }
#searchbtn a span { width: 128px; height: 32px; background: transparent url('../img/search-btn-big.gif') left top no-repeat; display: block; position: absolute; right: 0; top: 0; }
#searchbtn a:hover span { background-position: left -32px; }
body.de #searchbtn a span { background-image: url('../img/search-btn-big_de.gif'); }

#searchformfullsword { font-family: 'Arial'; font-size: 12px; line-height: 12px;  padding: 3px 5px; width: 208px; border: 1px #8B5D3B solid; margin: 2px 0 2px 10px; }
#searchformfullscols { font-family: 'Arial'; font-size: 12px; line-height: 12px;  padding: 3px 5px; width: 220px; border: 1px #8B5D3B solid; margin: 2px 0 2px 10px; }
#searchformfullsubmit { font-family: 'Arial'; font-size: 12px; line-height: 12px; color: white; padding: 3px 7px; background: #8B5D3B; margin: 2px 0; border: 0; }

#searchformfull .csc-mailform-field label { float: left; width: 150px; padding-top: 5px; }
#searchformfull .csc-mailform-field { margin-right: 20px; height: 40px; }

#language { background: url('../img/ico-flags.gif') left top no-repeat; position: absolute; right: 29px; top: 16px; width: 34px; height: 32px; display: block; }
#language.czech { background-position: left top; }
#language.english { background-position: left -32px; }

/* Forms */

.box-cform { background: #f1ede8 url('../img/cform.gif') right top no-repeat; width: 595px; margin: 0 0 32px 0; padding: 18px 20px 21px 20px; }
.box-cform h2 { font-size: 24px; color: #e76e33; margin: 0 0 14px 0; }
.box-cform label { font-size: 12px; display: block; margin: 0 0 4px 0; }
.box-cform input.text { font-family: 'Arial'; font-size: 12px; font-weight: bold; width: 170px; padding: 10px 8px 7px 8px; border: 1px solid #fff; border-top: 1px solid #6b6b6b; border-left: 1px solid #a1a1a1; margin: 0 0 10px 0; }
.box-cform input.req { background: #fff url('../img/req.gif') right top no-repeat; }
.box-cform textarea.mess { font-family: 'Arial'; font-size: 12px; font-weight: normal; width: 577px; padding: 10px 8px 7px 8px; margin: 0 0 17px 0; border: 1px solid #fff; border-top: 1px solid #6b6b6b; border-left: 1px solid #a1a1a1; }
.box-cform input.submit  { font-family: 'Arial'; font-size: 12px; font-weight: bold; color: #fff; width: 144px; height: 32px; padding-bottom: 2px; background: transparent url('../img/cform-submit.gif') left top repeat-x; border: none; cursor: pointer; }
.box-cform input:hover.submit  { background-position: left -32px; }
body.de .box-cform input.submit { background-image: url('../img/cform-submit_de.gif'); width: 182px; }

.req-note { font-size: 12px; float: right; color: #58585a; background: transparent url('../img/req.gif') left -7px no-repeat; padding-left: 11px; }

/* Tables */

.generic-table { font-size: 12px; line-height: 18px; color: #5d5855; width: 100%; margin: 0 0 22px 0; }
.generic-table thead { border: 1px solid #e76e33; border-bottom: none; }
.generic-table th { background: #e76e33; color: #fff; font-weight: bold; text-align: left; padding: 7px 10px; border-right: 1px solid #ece2db; }
.generic-table th.last { border-right: 1px solid #e76e33; }
.generic-table tbody { border: 1px solid #cbb8aa; }
.generic-table td { text-align: left; padding: 7px 10px 10px 10px; border: 1px solid #ece2db; }
.generic-table tr.even td { background: #e2d9cd; }
.generic-table a { color: #8b5d3b; }

/* Headers */

h1{ font-size: 37px; line-height: 37px; color: #e76e33; margin: 0 0 18px 0; }
h2 { font-size: 18px; line-height: 22px; font-weight: bold; color: #e76e33; margin: 0 0 9px 0; }
h3 { font-size: 14px; line-height: 22px; font-weight: bold; color: #e76e33; margin: 0 0 6px 0; }

#news h2 { font-size: 24px; line-height: 24px; color: #e76e33; margin: 0 0 14px 0; }
#main-box h3, .contact h3 { font-size: 18px; line-height: 18px; font-weight: bold; color: #8b5d3b; margin: 0 0 24px 0; }
#news h2 { margin: 0 0 14px 0; }
.about .head { font-size: 20px; line-height: 24px; margin: 0 0 20px 0; font-weight: bold; color: #8b5d3b; }

/* Standard classes */

p { line-height: 22px; margin: 0 0 21px 0; }
ul { line-height: 22px; margin: 0 0 12px 0; }
#content .col-1 ul li { padding: 0 0 0 20px; background: transparent url('../img/li-dot.gif') left 8px no-repeat; margin: 0 0 12px 0; }
#content .col-1 ul { margin: 0 0 20px 0; }
#content .col-1 ul.errors li { margin: 3px 0; }

li.ico-mail { font-size: 14px; font-weight: bold; color: #e76e33; height: 25px; margin: 0 0 12px 0; padding: 0 0 0 55px; background: url('../img/ico-mail.gif') left top no-repeat; display: block; }
li.ico-mail a { color: #e76e33; }
li.ico-phone { font-size: 14px; font-weight: bold; color: #e76e33; height: 27px; margin: 0 0 25px 0; padding: 0 0 0 55px; background: url('../img/ico-phone.gif') left top no-repeat; }

p.mark { font-size: 16px; font-weight: bold; color: #e76e33; }
p.big { font-size: 16px; line-height: 24px;  margin: 0 0 22px 0; }
.bold { font-weight: bold; }
.orange { color: #e76e33; }

a { color: #8b5d3b; text-decoration: underline; }
a:hover { color: #8b5d3b; text-decoration: none; }

a.more, a.more-big { padding-right: 12px; background: url('../img/li-more.gif') right 4px no-repeat; }
.more-big { font-size: 14px; font-weight: bold; }
a:hover.more, a:hover.more-big { color: #e76e33; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.cell-set:after,
#teaser-menu ul li:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

.clearfix, .col2-set, .cell-set {
	zoom: 1
}

/* fotogalerie */
div.csc-textpic div.csc-textpic-imagewrap ul li {
	background-image: url() !important;
	padding-left: 0px !important; 
}
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image  {
	margin-right:10px !important;
}