@charset "utf-8";
/* Petr Riha, LB Computers, www.lbcomp.cz, info@lbcomp.cz */

html, body, div,  ul, ol, li, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}

h1{
font-family: RePublic Std;
font-style: Medium Italic;
font-size: 30px;
color:  #e38600;
width:550px;
}

div#content div#left div#nadpisHP h2{
font-size: 30px;
font-family: RePublic Std;
font-style: medium italic;
color: #D58001;
border-bottom: 1px solid  #C8B398;
width:450px;
}

h2{
font-family: RePublic Std;
font-style: Medium Italic;
font-size: 20px;
color:  #e38600;
border-bottom: 1px solid  #C8B398;
width: 685px;
}

span.kat a{
text-decoration: none;
color: red;
}

span.kat a:hover{
text-decoration: underline;
color: white;
}

h3{
padding-top: 10px;
padding-bottom: 10px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px; 
font-style: italic; 
color: #d58001;
font-weight: inherit; 
}   

p{
font-size: 13px;
font-family: arial;
margin-top: 10px;
margin-bottom: 10px;
}



.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden}

html {background: #e5d2b8 url("../images/bg-body.png") left top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%}
body {background: url("../images/body-bg.png") center top no-repeat}

#logo {margin: 0; padding: 0; float: left; position: absolute; top: 64px; right: 72px; width: 469px; height: 167px; overflow: hidden}
#logo span {margin: 0; padding: 0; display: block; color: #e38600; position: absolute; top: 0; left: 0; z-index: 1; width: 469px; height: 167px; background: url("../images/logo.png") left top no-repeat; cursor: pointer}
#logo a {text-decoration: none; color: #e38600}
#logo a:hover, #logo span a:visited {text-decoration: none; color: #e38600}
#logo_print {display: none}



div#top {height: 400px}
div#header {margin: 0 auto; width: 960px; position: relative;}
div#content {margin: 45px auto 0 auto; width: 960px}
div#content div#left {float: left; width: 700px}
div#content div#right {float: right; width: 250px}
#right2{float: left; width: 250px}
/* mapa stranek, rss, faq */
div#header ul {background: url('../images/nav-bottom.png') left bottom repeat-x; padding: 0 46px; float: left; position: absolute; top: 25px; right: 175px;}
div#header ul li {float: left; background: url('../images/nav-sep.png') right 2px no-repeat; padding-bottom: 12px; list-style: none;}
div#header ul li.last {background: none}
div#header ul li a {padding: 5px 8px; color: #a18f78; text-decoration: none;}
div#header ul li a:hover {text-decoration: underline}
div#header p#slogan {position: absolute; color: #d9c4a8; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; top: 250px; right: 100px; margin: 0; padding: 0; float: left; text-align: center; font-style: italic}
div#header p#slogan strong {font-size: 1.3em;}

div#header menu {margin: 0; padding: 0; position: absolute; top: 344px; height: 55px; background: #d58001 url("../images/bg-menu.png") left top repeat-x}
div#header menu li {float: left; list-style: none; background: url("../images/menu-separator.png") right 14px no-repeat; padding: 0 1px 0 0}
div#header menu li a {padding: 0 15px; float: left; height: 55px; line-height: 55px; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 1.1em}
div#header menu li a:hover, div#header menu li a.current {background: url("../images/menu-hover.png") left top repeat-x; color: #fff}
div#header menu li.last {background: url("")}

div#content div#left h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-style: italic; color: #d58001; font-weight: normal; border-bottom: medium none; padding: 0 0 10px 0}  
div#content div#left p.text {margin: 15px 0 0 15px; font-size: 1.2em; line-height: 1.6em; width: 650px}
div#content div#left img#woman {margin: 0 0 0 15px; float: left}
div#content div#left div#contentRight {margin: 0 0 0 20px; padding: 2px 0 0; float: left; width: 450px; text-align: justify;}
div#content div#left div#contentRight h1 {margin: 0px 0 0; font-size: 1.2em; line-height: 1.6em; font-style: italic}
div#content div#left div#contentRight p em {font-style: normal; text-transform: uppercase}

div#content div#left ul {margin: 25px 0 0 15px}
div#content div#left ul li {padding: 0 20px 20px 0; float: left; list-style: none; width: 320px}
div#content div#left ul.center li  {list-style-type:  disc; padding: 0 10px 10px 0;}
div#content div#left ul li h2.first  {padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: italic; color: #d58001; font-weight: normal}
div#content div#left ul li h2.second  {width: 325px; margin: 20px 0 0; padding: 0 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-style: italic; color: #000; border-bottom: 1px solid #c8b398}
div#content div#left ul li h4 {margin: 20px 0 0 161px; font-size: 1.2em; color: #d58001}
div#content div#left ul li p.top {margin: 0; font-size: 1.2em; line-height: 1.6em}
div#content div#left ul li p.bottom {margin: 10px 0 0 161px; font-size: 1.2em; color: #000}
div#content div#left ul li p.moreInfo {margin: 5px 0 0 161px; font-size: 1.2em; color: #d58001}
div#content div#left ul li img {margin: 20px 0 0; float: left}

div#content div#right ul#offer, div#content div#pageLeft ul#offer {margin: 0; padding: 0}
div#content div#right ul#offer li, div#content div#pageLeft ul#offer li {padding: 20px 0 15px 0; border-bottom: 1px solid #c8b398; list-style-type: none}
/*div#content div#right ul#offer li h2, div#content div#pageLeft ul#offer li h2 {font-size: 1.7em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic}
*/div#content div#right ul#offer li p, div#content div#pageLeft ul#offer li p {margin: 10px 0 0; font-size: 1.2em; line-height: 1.6em}
div#content div#right ul#offer li:first-child {padding: 0 0 15px 0}
div#content div#right ul#offer li:last-child, div#content div#pageLeft ul#offer li:last-child {border: none}
div#content div#right ul#offer li p a, div#content div#pageLeft ul#offer li p a {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; text-decoration: underline; color: #d58001; text-transform: uppercase}
div#content div#right ul#offer li p a:hover, div#content div#pageLeft ul#offer li p a:hover {text-decoration: none}

div#right div#quickContatcs, div#content div#pageLeft div#quickContatcs{margin: 50px 0 0; background: url("../images/bg-quick-contacts.png") right top no-repeat; width: 245px; height: 220px}
div#right div#quickContatcs h2, div#content div#pageLeft div#quickContatcs h2 {margin: 0 0 0 20px; padding: 30px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-style: italic; color: #000; background: url("../images/bg-line-qc.png") left bottom no-repeat}
div#right div#quickContatcs h3, div#content div#pageLeft div#quickContatcs h3 {margin: 10px 0 0 20px; font-family: Georgia, "Times New Roman"; font-size: 1.1em; font-style: italic; color: #d58001}
div#right div#quickContatcs p, div#content div#pageLeft div#quickContatcs p {margin: 5px 0 0 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #000}
div#right div#quickContatcs p.phone, div#content div#pageLeft div#quickContatcs p.phone {font-size: 2.2em}
div#right div#quickContatcs p.mail, div#content div#pageLeft div#quickContatcs p.mail {font-size: 1.2em}

div#right2 div#quickContatcs, div#content div#pageLeft div#quickContatcs{margin: 50px 0 0; background: url("../images/bg-quick-contacts.png") right top no-repeat; width: 245px; height: 220px}
div#right2 div#quickContatcs h2, div#content div#pageLeft div#quickContatcs h2 {margin: 0 0 0 20px; padding: 30px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-style: italic; color: #000; background: url("../images/bg-line-qc.png") left bottom no-repeat}
div#right2 div#quickContatcs h3, div#content div#pageLeft div#quickContatcs h3 {margin: 10px 0 0 20px; font-family: Georgia, "Times New Roman"; font-size: 1.1em; font-style: italic; color: #d58001}
div#right2 div#quickContatcs p, div#content div#pageLeft div#quickContatcs p {margin: 5px 0 0 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #000}
div#right2 div#quickContatcs p.phone, div#content div#pageLeft div#quickContatcs p.phone {font-size: 2.2em}
div#right2 div#quickContatcs p.mail, div#content div#pageLeft div#quickContatcs p.mail {font-size: 1.2em}
p.mail a{color: black;}

div#right3 div#quickContatcs3, div#content div#pageLeft div#quickContatcs{float: right; background: url("../images/bg-quick-contacts.png") right top no-repeat; width: 245px; height: 220px}
div#right3 div#quickContatcs3 h2, div#content div#pageLeft div#quickContatcs h2 {margin: 0 0 0 20px; padding: 30px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-style: italic; color: #000; background: url("../images/bg-line-qc.png") left bottom no-repeat}
div#right3 div#quickContatcs3 h3, div#content div#pageLeft div#quickContatcs h3 {margin: 10px 0 0 20px; font-family: Georgia, "Times New Roman"; font-size: 1.1em; font-style: italic; color: #d58001}
div#right3 div#quickContatcs3 p, div#content div#pageLeft div#quickContatcs p {margin: 5px 0 0 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; color: #000}
div#right3 div#quickContatcs3 p.phone, div#content div#pageLeft div#quickContatcs p.phone {font-size: 2.2em}
div#right3 div#quickContatcs3 p.mail, div#content div#pageLeft div#quickContatcs p.mail {font-size: 1.2em}

div#content div#pageLeft {float: left; width: 250px}
div#content div#pageLeft ul#submenu {margin: 0; padding: 0; display: block; width: 239px; display: block; list-style-type: none}
div#content div#pageLeft ul#submenu li.top {background: url("../images/bg-submenu-top.png") left top no-repeat; height: 7px; border: none}
div#content div#pageLeft ul#submenu li.bottom {background: url("../images/bg-submenu-bottom.png") left top no-repeat; height: 7px; border: none}
div#content div#pageLeft ul#submenu li {background: #c7b294; border-bottom: 1px solid #d8c5aa}
div#content div#pageLeft ul#submenu li a {padding: 0 0 0 10px; display: block; font-size: 1.3em; text-transform: uppercase; line-height: 2.2em; text-decoration: none; color: #000}
div#content div#pageLeft ul#submenu li a:hover, div#content div#pageLeft ul#submenu li a.active {background: #d6850d; color: #fff}
div#content div#pageLeft ul#submenu ul {margin: 0; padding: 0; display: block; list-style-type: none}   
div#content div#pageLeft ul#submenu ul li a {margin: 0; text-indent: 10px; background: #e1d2bf; border-left: 1px solid #c7b294; text-transform: none}
div#content div#pageLeft ul#submenu li.last {border: 0}

div#content div#pageRight {float: right; width: 685px}
div#content div#pageRight h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.7em; font-style: italic; color: #d58001; font-weight: normal; text-transform: uppercase; background: url("../images/bg-h-line.png") left bottom no-repeat; padding: 0 0 10px 0}
div#content div#pageRight p.price {margin: 20px 0 0; font-size: 1.3em; line-height: 1.6em; font-style: italic}
div#content div#pageRight p.quality {margin: 20px 0 0; font-size: 1.2em; line-height: 1.6em}
div#content div#pageRight ul {margin: 25px 0 0 0}
div#content div#pageRight ul li {padding: 0 20px 20px 0; float: left; list-style: none; width: 320px}
div#content div#pageRight ul li h3 {padding: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-style: italic; color: #d58001; font-weight: inherit}
div#content div#pageRight ul li p {margin: 0; font-size: 1.2em; line-height: 1.6em}

div#footer {margin: 50px 0 0; background: #2e1b0b url("../images/bg-footer-complet.png") left top repeat-x; height: 182px}
div#footer div#contentFooter {margin: 0 auto; width: 960px}
div#footer div#contentFooter ul {margin: 0 0 0 7px; padding: 40px 0 0}
div#footer div#contentFooter ul li {float: left; background: url("../images/footer-separator.png") right 2px no-repeat; padding: 0 8px; list-style: none; font-size: 1.1em; color: #d5d1ce}
div#footer div#contentFooter ul li a {color: #d5d1ce; text-decoration: none}
div#footer div#contentFooter ul li a:hover {text-decoration: underline}
div#footer div#contentFooter ul li.last {background: url("")}
div#footer div#contentFooter p {margin: 20px 0 0 15px; color: #776b60; font-size: 1em; line-height: 1.4em; width:940px; text-align: justify;}


div#left p a {color: #d58001; text-decoration: underline}
div#left p a:hover {text-decoration: none}

div#right div#quickContatcs p a {color: #000; text-decoration: underline}
div#right div#quickContatcs p a:hover {text-decoration: none}


#obsahPodstranek{
width:685px;
float: right;
}

#obsahPodstranek2{
width:460px;
float: right;
}


#nadpisHP p{
margin: 0px;
font-size: 30px;
font-family: RePublic Std;
font-style: medium italic;
color: #D58001;
}

#textHPbottom{
font-size: 13px;
font-family: arial;
padding-top: 15px;
padding-left: 15px;
width: 660px;
height: 470px;
}

div#content div#left div#textHPbottom ul li{
list-style-type: disc;
}

#textHPcenter{
font-size: 13px;
font-style: italic;
font-family: arial;
}

#textHPcenter2{
font-size: 13px;
font-style: italic;
font-family: arial;
}

#textAkce p{margin: 10px 0 0 161px; font-size: 1.2em; color: #000}

#textAkce2 p{margin: 10px 0 0 161px; font-size: 1.2em; color: #000}
#textAkce3 p{margin: 10px 0 0 161px; font-size: 1.2em; color: #000}
#textAkce4 p{margin: 10px 0 0 161px; font-size: 1.2em; color: #000}

.nadpisSidebar{
font-family: RePublic Std;
font-size: 20px;
font-style: SemiBold Italic;
}     

div#content div#right h2.nadpisSidebar {
font-family: RePublic Std;
font-size: 20px;
font-style: SemiBold Italic;
color:black;
border-bottom: none;
width: 250px;
}

.vice{
text-transform: uppercase;
font-size: 16px;
text-decoration: underline;
color:  #D58001;
font-family: RePublic Std;
}

#nadpisBocMenu{
margin-left: 20px;
color: #D58001;
font-size: 15px;
font-family: arial;
text-transform: uppercase;
padding-bottom: 7px;
width: 150px;
}

#obsahPodstranek ul{
margin-left: 50px;
}

#obsahPodstranek li{
font-size: 13px;
font-family: arial;
}

.qC{
border-bottom: none;
width: 250px;
}

p.partners{
font-size: 11px;
color: #776B60;
}

p.partners a{
font-size: 11px;
text-decoration: none;
color: #776B60;
}

p.partners a:hover{
text-decoration: underline;
color: white;
font-size: 11px;
color: #776B60;
}

h4{
color:#D58001;
}
h4 a{
font-size: 13px;
text-decoration: none;
color: #D58001;
}

h4 a:hover{
font-size: 13px;
text-decoration: underline;
color: #D58001;
}

#zpet{ font-size: 14px; width: 300px; clear: both; padding-top: 15px;}