@charset "utf-8";

* { margin:0; padding:0;}

/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body, td, th { color: #545454; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
body { background: #fff; margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, p, div, ul, ol, li, form, input, select, textarea, img, span { padding: 0px; margin: 0px; }

p, h2 {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

/*** def. tag style ***********************************************/
a { color: #8c225f; text-decoration: underline; /*color: #ea0000; text-decoration: none;*/ }
a.hide { text-decoration: none; line-height: 1px; }
a:hover { color: #bd0000; /*text-decoration: underline;*/ }
a.img { border: solid 1px #faa35b; overflow: hidden; display: block; }
a.img:hover { border: solid 1px #FF6347; }

ul { padding-left: 20px;}
li { list-style: disc;  line-height: 160%;}
ol li { list-style: decimal; }
ol li li{ list-style: circle; }

img { border: none; }
.noBord { border: none; }

/*** float / clear style ***********************************************/
.clear { clear: both; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px; display: block; }
.clnr { clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px; display: block; }
.flLeft { float: left; margin: 0 10px 10px 0; }
.flLeft img { /*border: solid 5px #EDEDED;*/ }
.flRight { float: right; margin: 0 0 10px 10px; }
.flRight img { /*border: 5px solid #EDEDED;*/}
.next { border-top: 1px dotted #d3d3d3; text-align: right; padding: 5px 10px; }
.next a { color: #000; font-size: 90%; }
.next a span { color: red; font-size: 110%; font-weight: bold; }

/*** ods. odtrz. style ***********************************************/
.odsS { font-size: 6px; height: 6px; line-height: 6px; }
.odsM { font-size: 12px; height: 12px; line-height: 12px; }
.odsL { font-size: 18px; height: 18px; line-height: 18px; }
.odsXL { font-size: 24px; height: 24px; line-height: 24px; }
.odsXXL { font-size: 30px; height: 30px; line-height: 30px; }
.odtrz { border-top: 1px solid #ccc; height: 0px; }
.odtrzS { border-top: 1px solid #ccc; height: 0px; /*margin-top: 6px;*/ padding-bottom: 6px; }
.odtrzM { border-top: 1px solid #ccc; height: 0px; /*margin-top: 12px;*/ padding-bottom: 12px; }
.odtrzL { border-top: 1px solid #DFDFDF; height: 0px; /*margin-top: 18px;*/ padding-bottom: 18px; background: url(../img/shadow.gif) no-repeat center top; }
.odtrzXL { border-top: 1px solid #ccc; height: 0px; /*margin-top: 24px;*/ padding-bottom: 24px; }
.odtrzXXL { border-top: 1px solid #ccc; height: 0px; /*margin-top: 30px;*/ padding-bottom: 30px; }


/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS { width: 50px; }
.sizeSm { width: 75px; }
.sizeM { width: 100px; }
.sizeMl { width: 125px; }
.sizeL { width: 150px; }
.sizeLl { width: 175px; }
.sizeXl { width: 200px; }
.sizeXxl { width: 225px; }
.sizeXxxl { width: 250px; }
.sizeMax1 { width: 350px; }
.sizeMax2 { width: 400px; }
.sizeMax3 { width: 450px; }
.sizeMax4 { width: 610px; }



/******************************************
*                 NADPISY                 *
******************************************/
h1, h2, h3, h4, h5, h6 { color: #8c225f;}
h1 { font-size: 120%; }
h2 { font-size: 120%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }




/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #000; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
input, select, textarea { height: 22px; line-height: 22px; margin: 1px 0;}
input { }
.radio { }
/* html>body .radio { position: relative; top:7px;} */
.butt { background: #8c225f; color:#fff; border: none; font-weight: bold; padding: 5px 10px; height: auto; line-height: normal; cursor: pointer;}
.butt:hover { background: #c7d500; color:#8c225f;}




/******************************************
*                 TABULKY                 *
******************************************/
table { border-collapse: collapse; width: 100%; padding: 0px; }
table td { border: none; }
/*** klasicka tabulka s okrajem *********************************/
table.bord { border: 1px solid #ccc; color: Gray; font-weight: bold; padding: 5px; }
table.bord td, th { border: 1px solid #ccc; }
table.bord th { background: #6A6A6A; }
table.bord td { vertical-align: top; font-weight: normal; padding: 0 4px; }
/*** radkova tabulka *******************************************/
table.line { border: none; border-top: 1px solid #6A6A6A; color: Gray; font-weight: bold; height: 24px; line-height: 24px; padding: 0 4px; }
table.line th, td { /*color: #00008B;*/ border: none; border-bottom: 1px solid #6A6A6A; }
table.line th { /*background: #00008B;*/ }
table.line td { vertical-align: top; font-weight: normal; padding: 0 4px; }

table#gall { border-spacing: 8px; border-collapse: separate; margin-bottom: 100px;}
table#gall td { border: solid 1px #c7d500; height: 100px; overflow: hidden;}


#main { border: solid 1px #c7d500; width: 980px; margin: 0px auto;}

#head {}
a#logo { display: block; text-decoration: none; width: 240px; height: 132px;}

#headImg { height: 156px;}
.bg01 { background: url(../img/bg-head-01.jpg) no-repeat;}
.bg02 { background: url(../img/bg-head-02.jpg) no-repeat;}
.bg03 { background: url(../img/bg-head-03.jpg) no-repeat;}
.bg04 { background: url(../img/bg-head-04.jpg) no-repeat;}
.bg05 { background: url(../img/bg-head-05.jpg) no-repeat;}
.bg06 { background: url(../img/bg-head-06.jpg) no-repeat;}
.bg07 { background: url(../img/bg-head-07.jpg) no-repeat;}
.bg08 { background: url(../img/bg-head-08.jpg) no-repeat;}

#headBl { background: url(../img/head-bl.png) no-repeat; height: 160px;}

#menu { height: 28px; /*padding: 132px 0 0 0;*/}
#menu a { display: block; float: left; border-right: solid 1px #fff; /*color: #fff;*/ text-align: center; width: 108px; height: 28px; line-height: 28px; text-decoration: none;}
#menu a:hover { color: #fff; background: #c7d500;}
#menu a.act { color: #fff; background: #8c225f;}
#menu a.end { border-right: none; }

#content { padding: 20px 30px 160px 151px; position: relative;}
#content p { line-height: 160%;}
#content p strong { color: #8c225f;}
#contImgBl { width: 131px; overflow: hidden; position: absolute; top: 5px; left: 0px; z-index: auto;}
.bgC01 { background: url(../img/bg-cont-01.jpg) no-repeat left bottom;}
#content.bgC02 { 
	background: url(../img/bg-cont-02.jpg) no-repeat right bottom;
	padding-bottom: 300px;
}
#content.bgC03 { 
	background: url(../img/bg-cont-03.jpg) no-repeat bottom right ; 
	padding-left: 20px;
	padding-bottom: 300px;

}
.bgC04 { background: url(../img/bg-cont-04.jpg) no-repeat left bottom;}
.bgC05 { background: url(../img/bg-cont-05.jpg) no-repeat left bottom;}
.bgC05 img.flRight { position: relative; right: -30px;}
.bgC06 { background: url(../img/bg-cont-06.jpg) no-repeat right 320px;}
.bgC07 { background: url(../img/bg-cont-07.jpg) no-repeat right bottom;}
.bgC08 { background: url(../img/bg-cont-08.jpg) no-repeat left bottom;}

#foot { background: url(../img/foot-bl.png) no-repeat; height: 77px; padding: 50px 10px 0 10px; position: relative;}
#footImg { background: url(../img/fott-img.png) no-repeat; width: 127px; height: 84px; position: absolute; top: -83px; right: 0px; z-index: auto;}
#foot p { color: #c7d500; text-align: right;}

.box {
	margin-top: 15px;
}
.bgCol { background: #f0dbe4;}
.contBox { padding: 0 15px;}
.box .top { background: url(../img/lh-roh.png) no-repeat left top;}
.box .top div { background: url(../img/ph-roh.png) no-repeat right top;}
.box .bott { background: url(../img/ld-roh.png) no-repeat left bottom;}
.box .bott div { background: url(../img/pd-roh.png) no-repeat right bottom;}

a.rbutton {
	display: block;
	width: 200px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	color: ##8c225f;
	text-decoration: none;
	background-color: #c7d500;
	border:3px solid #b9c600;
	padding:1em;
	margin: 10px;
	margin-left: 0px;
	float: right;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
a.rbutton.left {
	float: none;
}
a.rbutton:hover {
	color: #fff;
}
.gallery {
	margin-top: 20px;
	padding-bottom:	100px;
	width: 600px;
}
.gallery img {
	border: solid 1px #c7d500;
}
.gallery a {
	width: 152px;
	float: left;
	display: block;
	margin: 10px;
}

.cenik table{
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cenik td , .cenik th{
	text-align: left;
	width: 30%;
	border: 1px solid #d8e24c;
	padding: 3px;
}
.cenik th {
	background-color: #d8e24c;
}
td.right {
	text-align: right;
	background-color: #dbe276;
}
th.v2 {
	background-color: #8c225f;
	color: #fff;
}
p.dph {
	clear: both;
	font-style: italic;
}

td.cenik table {
	width: 80%;
	margin: 20px auto;
	
}
td.cenik td, td.cenik th{
	border: 1px solid #ccc;
	vertical-align:middle;
	padding: 3px 5px;
}
td.cenik input {
	vertical-align:middle;
}
td.cenik label {
	padding-left: 10px;
}
p.dph2 {
	display: block;
	width: 80%;
	margin: 20px auto;
	font-style: italic;
}
.greenbanner {
	text-align: center;
	font-weight: bold;
	color: ##8c225f;
	text-decoration: none;
	background-color: #c7d500;
	border:3px solid #b9c600;
	padding:1em;
	margin: 10px;
	margin-left: 0px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
.center {
	text-align: center;
}