html {
    color: #000;
    background-color: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 62.5%
}

body {
}

a.blind {
    position: relative;
    left: -1000em
}

div.center {
    width: 904px;
    margin: 0px auto;
}

div.header {
    margin-bottom: 2px;
    background-color: #fff
}

div.header h1 {
        height: 174px;
        width: 319px;
        position: relative;
        overflow: hidden;
        float: left;
        margin: 0px;
	*margin: 0px -3px 0px 0px;
}

div.header h1 span {
                background: url("../images/logo.png") no-repeat top left;
                display: block;
                height: 174px;
                width: 319px;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 1;
                float: left
}

div.header h2 {
        height: 174px;
        width: 581px;
        position: relative;
        overflow: hidden;
}

div.header h2 span {
                background: url("../images/motto.png") no-repeat top left;
                display: block;
                height: 174px;
                width: 581px;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 1
}

div.clear {
    clear: both
}

ul.menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -11px;
	*top: -14px;
}

ul.menu li {
    display: inline;
    margin: 0px
}

ul.menu li a {
    display: block;
    height: 53px;
    width: 149px;
    border-right: 1px solid #fff;
    position: relative;
    overflow: hidden;
    float: left;
}

ul.menu li a.last {
    border-left: 0px;
}

ul.menu li a span {
    display: block;
    width: 149px;
    height: 53px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

ul.menu li#about a:hover span, ul.menu li#about a#selected span, ul.menu li#about {
    background: url("../images/menu/onas-hover.png") no-repeat top left;
}

ul.menu li#cenikDom a:hover span, ul.menu li#cenikDom a#selected span, ul.menu li#cenikDom {
    background: url('../images/menu/cenikdomacnosti-hover.png') no-repeat top left;
}

ul.menu li#cenikFir a:hover span, ul.menu li#cenikFir a#selected span, ul.menu li#cenikFir {
    background: url('../images/menu/cenikfirmy-hover.png') no-repeat top left;
}

ul.menu li#shop a:hover span, ul.menu li#shop a#selected span, ul.menu li#cenikFir {
    background: url('../images/menu/obchod-hover.png') no-repeat top left;
}

ul.menu li#faq a:hover span, ul.menu li#faq a#selected span, ul.menu li#faq {
    background: url('../images/menu/faq-hover.png') no-repeat top left;
}

ul.menu li#kontakt a:hover span, ul.menu li#kontakt a#selected span, ul.menu li#kontakt {
    background: url('../images/menu/kontakty-hover.png') no-repeat top left;
}

ul.menu li#about a span {
    background: url("../images/menu/onas.png") no-repeat top left;
}

ul.menu li#cenikDom a span {
    background: url('../images/menu/cenikdomacnosti.png') no-repeat top left;
}

ul.menu li#cenikFir a span {
    background: url('../images/menu/cenikfirmy.png') no-repeat top left;
}

ul.menu li#shop a span {
    background: url('../images/menu/obchod.png') no-repeat top left;
}

ul.menu li#faq a span {
    background: url('../images/menu/faq.png') no-repeat top left;
}

ul.menu li#kontakt a span {
    background: url('../images/menu/kontakty.png') no-repeat top left;
}

div#main div.mainColumn {
    width: 650px;
    float: left;
    min-height: 300px;
}

div.mainColumn h3 { color: #3dcaca;
                            font-size: 1.5em;
                            margin: 0px; }

div.mainColumn img { float: right;
                            margin-left: 10px }

div.mainColumn p {  font-size: 1.3em }

div#main div.sideColumn {
    width: 210px;                
    margin-left: 670px;          
    min-height: 300px;           
    background-color: #f6f6f6;   
    margin-top: 70px;            
    padding: 10px                
}

p { text-align: justify }

div.sideColumn h3 {}

div.sideColumn div.novinka {        margin-bottom: 10px }

div.sideColumn div.novinka h4 {     margin: 0px }

div.sideColumn div.novinka p {  margin: 0px;
                                line-height: 1.5 }
                                            
div.footer {
    background: #3dcaca url("../images/footer.png");
    min-height: 3em
}

div.footer p {
    color: #fff;
    font-weight: bold;
}

div.footer p a {
    color: #fff;
}

div.footer p.majitel {
    float: left;
    padding-left: 3em
}

div.footer p.autor {
    float: right;
    padding-right: 3em;
    background: transparent url('../images/spirala-small.png') no-repeat 7em center;
    display: block;
}

div.footer p.autor a {
    padding-left: 2.5em;
}

table.cenik {
	border: 1px solid #8ad7c1;
	width: 650px;
	border-collapse: collapse;
	font-size: 1.3em;
}

table.cenik thead tr th {
	border-bottom: 1px solid #8ad7c1;
}

table.cenik tr.sudy td {
	background-color: #c0e9e0;
}

table.cenik tr td.cena {
	text-align: right;
}

form {
    width: 90%;
    margin: 30px auto;
 }

 form div.radekFormulare {
    width: 100%;
 }

form div.radekFormulare input, form div.radekFormulare textarea, form div.radekFormulare select {
    border: 1px solid #000;
    margin-bottom: 0.3em
 }

 form div.radekFormulare label {
    display: block;
    float: left;
    width: 6em;
    overflow: hidden;
    text-align: right;
    padding-right: 5px;
    font-size: 1.3em
 }

form div.radekFormulare input#saveIt {
    margin-left: 83px;
    padding: 3px 15px 3px 15px;
 }

 form label.required {
    font-weight: bold
 }

div.messages {
    width: 80%;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #0c4900;
    background-color: #c0ffb3;
    text-align: center;
    color: #0c4900;
 }

 ul.errors li {
    color: #f00;
    font-size: 1.3em;
    margin-bottom: 1em
 }

 ol {
 	font-size: 1.3em;
	font-weight: bold;
 }

 ol li ul {
 	list-style: none;
	margin: 0px;
	padding: 0px;
 }

 ol li ul li.odpoved {
 	font-weight: normal;
	padding-bottom: 1em;
 }
 
 div.successMessage {
 	width: 500px;
	height: 2.3em;
	font-size: 1.3em;
	padding-top: 0.7em;
	margin: 0px auto;
	text-align: center;
	border: 1px solid #1d8209;
	color: #1d8209;
	background: #c5ffb9;
	clear: both;
 }
 
 div.errorMessage {
    width: 500px;
    height: 2.3em;
    font-size: 1.3em;
    padding-top: 0.7em;
    margin: 0px auto;
    text-align: center;
    border: 1px solid #820909;
    color: #820909;
    background: #ffb9b9;
	clear: both;
 }
 
 div.notifyMessage {
    width: 500px;
    height: 2.3em;
    font-size: 1.3em;
    padding-top: 0.7em;
    margin: 0px auto;
    text-align: center;
    border: 1px solid #090982;
    color: #090982;
    background: #b9c3ff;
	clear: both;
 }
 
 div.produkt {
 	width: 200px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
	border: 1px solid #3dcaca; 
	float: left;
	min-height: 200px
 }

 div.produkt img {
 	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
 }
 
 div.produkt h3 a {
 	color: #000;
	text-decoration: none
 }
 
 div.produkt p.text {
 	color: #000;
	clear: both;
 }
 
 div.produkt p.cena {
 	color: #3dcaca;
	font-size: 1.5em;
	font-weight: bold;
 }
 
 p.kosik {
 	float: right;
 }
 
 table.order {
 	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2em;
 }
 
 table.order thead tr th {
 	text-align: left;
	background-color: #3dcaca;
	color: #000;
	font-size: 1.3em
 }
 
 table.order tr .cena { text-align:right }
 table.order tr .pocet { text-align:center }
 table.order tr .pocet input { width: 30px; border: 1px solid #000 }
 table.order tr .pocet input.tlacitko { width: 100px }
 table.order tr {}
 table.order td {}
 table.order th { border-bottom: 1px solid #000 }
 table.order tr.suma {  border-top: 2px solid #000;
                        font-size: 1.3em;
						font-weight: bold }