* {
    margin: 0;
    padding: 0;
}

body {
    background: #000 url('../img/bg2.png');
    color: #fff;
    font-family: georgia, arial, sans-serif;
    font-size: 90%;
}

#bgGradient {
    background: url('../img/gradientBg.png') repeat-x; 
}

/*******************************************/
/****************** MENU *******************/
/*******************************************/

#wrap {
    width: 930px;
    margin: auto;
}

ul#menu {
    text-align: right;
    vertical-align: bottom;
    padding: 20px 0 30px 0;
    /*padding: 20px 20px 30px 20px;*/
    background: transparent url('../img/logo_top.gif') no-repeat center bottom;
}

ul#menu li {
    display: inline;
    border-right: 1px solid #fff;
    padding-right: 6px;
    margin-right: 6px;
}

ul#menu li.last {
    border-right: none;
    margin-right: 20px;
}

ul#menu li a {
    color: #fff;
    text-decoration: none;
}

ul#menu li a:hover {
    text-decoration: underline;
}

#footMenu {
	margin-bottom: 5px;
}

#footMenu a {
	color: #000;
	text-decoration: none;
}

#footMenu a:hover {
	text-decoration: underline;
}

/*******************************************/
/****************** LOGO *******************/
/*******************************************/

#hh {
    height: 82px;
    background: transparent url('../img/header.jpg') no-repeat center bottom;
    padding-top: 30px;
}

#hh h1 {
    margin: 0 0 5px 140px;
}

#hh strong {
    margin: 0 0 0 110px;
    font-size: 115%;
}

#hh h1 a {
	color: #fff;
	text-decoration: none;
}

/*******************************************/
/****************** BOXES *******************/
/*******************************************/

#boxes {
    border-top: 5px solid #304219;
    background-color: #90ab4e;
    padding: 10px 5px 0 21px;
    height: 186px;
}

.box {
    width: 291px;
    padding-right:6px;
    background: transparent url('../img/boxRightBg.gif') no-repeat right top;
    float: left;
    margin-right: 3px;
}

.box h2 {
    color: #000;
    font-size: 90%;
}

.box h2 span {
    display: block;
    padding: 12px 16px 9px 16px;
}

.box h3 {
    font-size: 90%;
}

#box1 h2 {
    background: #e7ec98 url('../img/box1cor1.gif') no-repeat;
}

#box1 h2 span {
    background: transparent url('../img/box1cor2.gif') no-repeat right top;
}

#box2 h2 {
    background: #bedaa7 url('../img/box2cor1.gif') no-repeat;
}

#box2 h2 span {
    background: transparent url('../img/box2cor2.gif') no-repeat right top;
}

#box3 h2 {
    background: #dec180 url('../img/box3cor1.gif') no-repeat;
}

#box3 h2 span {
    background: transparent url('../img/box3cor2.gif') no-repeat right top;
}



.box .boxImgBorder {
    border: 6px solid #fff;
    height: 137px;
    overflow: hidden;
}

#box1 .boxImgBorder {
    background-color: #e7ec98;
}

#box2 .boxImgBorder {
    background-color: #bedaa7;
}

#box3 .boxImgBorder {
    background-color: #dec180;
}

.box .boxImg {
    height: 137px;
    position: relative;
    display: none;
}

.box .actual {
    display: block;
}

.box .boxImg .desc {
    padding: 8px 10px;
    position: absolute;
    bottom: 0;
    color: #fff;
}

.box .boxImg p {
    font-size: 80%;
}

.box .boxImg .bg {
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.box .black .bg {
    background-color: #000;
}

#boxImg1 {
    background: transparent url('../img/box/box1_1.jpg');
}

/****************** BOXES *******************/

#boxImgRost {
    background: transparent url('../img/box/boxRost.jpg');
}

#boxImgRost2 {
    background: transparent url('../img/box/boxRost2.jpg');
}

#boxImgIzolace {
    background: transparent url('../img/box/boxIzolace.jpg');
}

#boxImgIzolace2 {
    background: transparent url('../img/box/boxIzolace2.jpg');
}

#boxImgBrouseni {
    background: transparent url('../img/box/boxBrouseni.jpg');
}

#boxImgOlejVosk {
    background: transparent url('../img/box/boxAuro.jpg');
}

#boxSmrk {
    background: transparent url('../img/box/boxSmrk.jpg');
}

#boxBorovice {
    background: transparent url('../img/box/boxBorovice.jpg');
}

#boxDub {
    background: transparent url('../img/box/boxDub.jpg');
}

#boxJedle {
    background: transparent url('../img/box/boxJedle.jpg');
}

#boxPriprava {
    background: transparent url('../img/box/boxPriprava.jpg');
}

#boxPokladka {
    background: transparent url('../img/box/boxPokladka.jpg');
}

#boxOlej {
    background: transparent url('../img/box/boxOlej.jpg');
}

#boxDokonceni {
    background: transparent url('../img/box/boxDokonceni.jpg');
}

#boxBrouseni2 {
    background: transparent url('../img/box/boxBrouseni2.jpg');
}

#boxListovani {
    background: transparent url('../img/box/boxListovani.jpg');
}

#boxVosk {
    background: transparent url('../img/box/boxVosk.jpg');
}



/**********************************************/
/****************** CONTENT *******************/
/**********************************************/

#contentHeader {
    background: url('../img/contentTopBg.png') no-repeat;
    padding: 65px 30px 10px 95px;
    color: #000;
    font-size: 115%;
}

#content {
    background: url('../img/contentBg.png') repeat-y;
    color: #000;
    padding: 0 0 50px 0;
    float: left;
    width: 100%;
}

#content p {
	margin-bottom: 10px;
}

#content p.article {
    text-indent: 50px;
    /*text-align: justify;*/

}

/**********************************************/
/****************** FOOTER *******************/
/**********************************************/

#footer {
    border-top: 5px solid #304219;
    background-color: #90ab4e;
    color: #000;
    padding: 10px 0;
    font-size: 75%;
    float: left;
    width: 100%;
    text-align: center;

}

/**********************************************/
/****************** RIGHT *******************/
/**********************************************/

#left {
    width: 634px;
    float: left;
    margin-left: 40px;
}

#left ul, #left ol {
	padding-left: 20px;
	padding-top: 10px;
}

#right {
    width: 206px;
    float: left;
    margin-left: 20px;
    margin-top: -55px;
    padding-top: 22px;
    background: #97b354 url('../img/rightTopBg.gif') no-repeat;
}

#right a {
    color: #000;
    text-decoration: none;
}

#right a:hover {
    text-decoration: underline;
}

h5 {
    background-color: #304219;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 10px;
}

/**********************************************/
/****************** LISTS *******************/
/**********************************************/

.linksList {
    list-style-type: none;
}

.linksList li {
    margin-bottom: 5px;
    font-size: 80%;
    padding: 0 15px 0 25px;
    background: url('../img/newWinIcon.gif') no-repeat 7px 2px;
}

/**********************************************/
/******************** FOTO ********************/
/**********************************************/

.rightImage {
    position: relative;
    margin: 8px 5px 8px 10px;

    background: #fff url('../img/rightImgShRight.gif') repeat-y right top;
    
}

.rightImage div {
    background: url('../img/rightImgShBottom.gif') repeat-x left bottom;
    position: relative;
    padding: 5px 5px 13px 5px;
}

.rightImage span {
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
}

.rightImage span.shTop {
    right: 0;
    top: 0;
    background: url('../img/rightImgShTop.gif') repeat-x left bottom;
}

.rightImage span.shLeft {
    left: 0;
    bottom: 0;
    background: url('../img/rightImgShLeft.gif') repeat-x left bottom;
}

.rightImage span.shCorner {
    right: 0;
    bottom: 0;
    background: url('../img/rightImgShCorner.gif') repeat-x left bottom;
}

.rightImage img {
    width: 173px;
    height: 212px;
}

/*****************************************************/
/******************* CONTENT BOXES *******************/
/*****************************************************/

.contentBox {
    background: #ced09f url('../img/contentBoxCor3.gif') no-repeat left bottom;
    margin-bottom: 15px;
}

.contentBox .contentBoxText {
    background: url('../img/contentBoxCor4.gif') no-repeat right bottom;
}

.contentBox p {
    text-indent: 0;
	padding: 0px 10px 10px 10px;
}

.contentBox p a {
	color: #000;
}

.contentBox h6 span a {
	color: #fff;
}

.contentBox h6 {
    background: #304219 url('../img/contentBoxCor1.gif') no-repeat;
    color: #fff;
    font-size: 100%;
    margin-bottom: 10px;
}

.contentBox h6 span {
    background: url('../img/contentBoxCor2.gif') no-repeat right top;
    padding: 5px 15px;
    display: block;
}

.contentBox .images {
    padding: 0 0 10px 15px;
}

/**********************************************/
/******************* GLAERY *******************/
/**********************************************/

.images img {
    padding: 5px 15px 15px 5px;
    background: transparent url('../img/galeryImgBg.png') no-repeat;
    margin-right: 10px;
    border: none;
}

/**********************************************/
/******************* CONTACT ******************/
/**********************************************/

#mapHolder {
	border: 1px solid #304219;
}

/**********************************************/
/**************** FORM TABLE ******************/
/**********************************************/

.formTable td {
	vertical-align: top;
}

.formTable .label {
	font-weight: bold;
}

optgroup {
	padding-left: 20px;
}