/* general */

* {
margin: 0;
padding: 0;	
border: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
color: black;
text-align: center;
background: #ddd url("../grafika/bg.jpg") repeat-x;
}

a {
color: #1d6097; 
text-decoration: underline;
} 

a:visited {
color: black; 
}

a:hover, a:active, a:focus {
color: #b061ba; 
}

h1 {
color: black; 
font-size: 180%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0 0 15px;
padding: 0 0 15px;
background: url("../grafika/dots.jpg") repeat-x bottom;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
font-weight: normal;
color: black;
margin: 0 0 20px;
padding: 0 0 15px;
background: url("../grafika/dots.jpg") repeat-x bottom;
}

h2.faq {
background: none;
padding: 0;
margin: 10px 0 5px;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #5298ed; 
font-weight: bold;
margin: 20px 0 5px 0;
}

p {
margin-bottom: 15px;
line-height: 150%;
}

ul, ol {
margin: 10px 0;
padding: 0;
line-height: 140%;
}

li {
margin: 0;
list-style: none;
padding: 5px 0 5px 12px;
background: url("../grafika/bullet.jpg") no-repeat 0 10px;
}

ul.seznam {
padding: 20px 0 20px 40px;
background: url("../grafika/mapa-stranek.jpg") no-repeat center right;
}

ul.seznam li {
font-size: 120%;
padding: 7px 0 7px 20px;
background: url("../grafika/bullet2.jpg") no-repeat 0 10px;
}

ul.seznam ul {
margin: 10px 0 0 20px;
}

ul.seznam li li {
font-size: 90%;
padding: 5px 0 5px 12px;
background: url("../grafika/bullet.jpg") no-repeat 0 12px;
}

ol li {
list-style: decimal;
padding: 7px 0;
background: none;
margin-left: 20px;
}

.cistic {
=height: 1px;
=width: 1px;
=font-size: 1px;
=line-height: 1px;
=margin: -1px -1px 0 0;
clear: both;
}

table {
width: 100%;
border-collapse: collapse;
}

td, th {
padding: 5px 10px;
border: 1px solid #909ea5;
background: white;
}

th {
font-size: 90%;
font-weight: normal;
color: white;
background: #909ea5;
}

address {
font-style: normal;
line-height: 150%;
}

input, textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
background: white;
color: black;
padding: 3px 0 0 3px;
border: 1px solid #98c0ed;
}

.right {
float: right !important;
}

.left {
float: left !important;
}

.strong {
font-weight: bold;
}

.small {
font-size: 90%;
}

.vetsi {
font-size: 120%;
}

.big {
font-size: 150%;
}

.mb0 {
margin-bottom: 0 !important;
}

.mb5 {
margin-bottom: 5px !important;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb30 {
margin-bottom: 30px !important;
}

.mt10 {
margin-top: 10px !important;
}

.mt20 {
margin-top: 20px !important;
}

.mt30 {
margin-top: 30px !important;
}

.mr30 {
margin-right: 30px !important;
}

.ml10 {
margin-left: 10px !important;
}

.pt30 {
padding-top: 30px !important;
}

.pt50 {
padding-top: 50px !important;
}

.pb5 {
padding-bottom: 5px !important;
}

.pb30 {
padding-bottom: 30px !important;
}

.pr170 {
padding-right: 170px !important;
}

.pl30 {
padding-left: 30px !important;
}

.pt10 {
padding-top: 10px !important;
}

/***************** layout *************/

#main {
width: 960px;
text-align: left;
margin: 0 auto;
}

#top {
width: 960px;
height: 122px;
position: relative;
z-index: 7000;
}

/* hledani */

#top form {
width: 200px;
padding: 24px 0 17px;
float: right;
}

input#hledej {
width: 127px;
height: 21px;
padding: 6px 0 0 7px;
border: 1px solid white;
border-right: 0;
background: none;
float: left;
}

input#go {
width: 29px;
height: 29px;
padding: 0;
border: 0;
text-align: center;
float: left;
}

#top form a, #top form a:visited {
padding-top: 7px;
margin-left: 15px;
display: inline-block;
color: black;
}

#top form a:hover, #top form a:focus, #top form a:active {
color: #1d6097; 
}

/***/

#logo {
width: 206px;
height: 76px;
font-size: 200%;
color: black;
text-transform: uppercase;
overflow: hidden;
margin: 0;
position: absolute;
top: 46px;
left: 0;
}

#logo a, #logo span {
width: 206px;
height: 76px;
display: block;
background: url("../grafika/logo.jpg");
position: absolute;
top: 0;
left: 0;
}

#logo h1 {
margin: 0;
padding: 0;
font-size: 150%;
background: none;
}

/***/

ul#topmenu {
width: 704px;
height: 52px;
margin: 0;
padding: 0 0 0 50px;
text-align: center;
background: url("../grafika/menu.jpg") no-repeat bottom left; 
float: right;
}

ul#topmenu li {
height: 52px;
padding: 0 3px;
margin: 0;
list-style: none;
display: inline-block;
background: none;
float: left;
}

ul#topmenu li#one {
width: 79px;
}

ul#topmenu li#two {
width: 160px;
}

ul#topmenu li#three {
width: 136px;
}

ul#topmenu li#four {
width: 75px;
}

ul#topmenu li#five {
width: 78px;
}

ul#topmenu li#six {
width: 95px;
}

ul#topmenu a, ul#topmenu a:visited,
ul#topmenu li span {
width: 100%;
height: 47px;
line-height: 47px;
padding-top: 4px;
text-decoration: none;
color: white;
font-weight: bold;
display: inline-block;
}

ul#topmenu a:hover, ul#topmenu a:active, ul#topmenu a:focus,
ul#topmenu li span {
height: 50px;
line-height: 50px;
padding: 0;
color: white;
font-weight: normal;
font-size: 120%;
background: black url("../grafika/menu2.jpg") repeat-x;
}

/*** submenu ***/

#topmenu li:hover a.top_link,
#topmenu a.top_link:hover {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0;
text-decoration: none;
color: white;
font-weight: normal;
font-size: 120%;
background: black url("../grafika/menu2.jpg") repeat-x;
display: inline-block;
}

ul#topmenu li#two a.aktiv {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0;
text-decoration: none;
color: white;
font-weight: normal;
font-size: 120%;
background: black url("../grafika/menu2.jpg") repeat-x;
display: inline-block;
}

#topmenu table {
border-collapse: collapse; 
padding: 0; 
margin: 0; 
position: absolute; 
left: 0; 
top: 0;
border: 0;
}

#topmenu table td {
border: 0;
background: none;
}

#topmenu li:hover {
position: relative; 
z-index: 200;
}

#topmenu a:hover {
position: relative; 
white-space: normal; 
z-index: 200;
}

#topmenu :hover ul.sub {
width: 960px;
height: 43px;
margin: 0;
padding: 0;
text-align: center;
z-index: 1000;
position: absolute;
top: 52px;
=top: 50px;
left: -342px;
display: block; /* dulezite */
z-index: 300;
font-size: 90% !important;
white-space: nowrap;
background: white url("../grafika/submenu.jpg"); 
}

#topmenu :hover ul.sub li {
height: 42px;
margin: 0;
padding: 0;
list-style: none;
background: none;
_font-size: 90% !important;
display: inline-block;
float: left; 
}

#topmenu :hover ul.sub li a, #topmenu :hover ul.sub li a:visited,
span.active {
width: auto !important;
height: 42px !important;
line-height: 42px !important;
padding: 0 23px !important;
color: black !important;
display: inline-block !important;
font-weight: normal !important;
_font-size: 90% !important;
text-decoration: none;
background: url("../grafika/submenu2.jpg") no-repeat center 34px !important;
}	

#topmenu :hover ul.sub li a:hover, #topmenu :hover ul.sub li a:focus, #topmenu :hover ul.sub li a:active, 
span.active {
font-size: 100% !important;
_font-size: 90% !important;
background: url("../grafika/submenu2.jpg") no-repeat center 32px !important;
color: #5e9de1 !important;
}

#topmenu ul {
position: absolute; 
left: -9999px; 
top: -9999px; 
width: 0; 
height: 0; 
margin: 0; 
padding: 0; 
list-style: none;
}

    
/*** obsah ***/

#slider {
width: 960px;
height: 370px;
margin-top: 28px;
}

#slider ul {
width: 933px;
height: 370px;
margin: 0;
padding: 0 27px 0 0;
overflow: hidden;
}

#slider li {
width: 933px;
height: 370px;
margin: 0;
padding: 0;
background: none;
}

#slider li#prvni {
background: url("../grafika/01.jpg") no-repeat top left;
}

#slider li#druhy {
background: url("../grafika/02.jpg") no-repeat top left;
}

#slider li#treti {
background: url("../grafika/03.jpg") no-repeat top left;
}

#slider li#ctvrty {
background: url("../grafika/04.jpg") no-repeat top left;
}

#slider li#paty {
background: url("../grafika/05.jpg") no-repeat top left;
}

#slider li#sesty {
background: url("../grafika/06.jpg") no-repeat top left;
}

#slider address, .mainbox address {
width: 300px;
padding-top: 32px;
margin-top: 25px;
background: url("../grafika/dots.jpg") repeat-x top;
text-align: right;
float: right;
}

#slider address#kratsi {
width: 250px;
margin-top: 15px;
}

#slider address strong, .mainbox address strong, #slider3 address strong {
font-size: 150%;
font-weight: normal;
color: #5e9de1;
padding-bottom: 5px;
display: block;
}

#slider address a, #slider address a:visited,
.mainbox address a, .mainbox address a:visited {
font-size: 120%;
padding-left: 15px;
background: url("../grafika/sipka.jpg") no-repeat center left;
color: black;
}

#slider address a:hover, #slider address a:active, #slider address a:focus,
.mainbox address a:hover, .mainbox address a:active, .mainbox address a:focus {
color: #1d6097; 
}

.claim {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 18px;
padding-top: 30px;
text-align: right;
font-size: 220%;
line-height: 120%;
}

.slogan {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
line-height: 140%;
font-style: italic;
color: #5e9de1;
}

li#sesty img {
margin-top: 25px;
}

li#sesty .claim {
margin: 0;
padding-top: 5px;
}

.mainbox {
width: 933px;
height: 300px;
margin-top: 28px;
padding: 0 27px 0 0;
position: relative;
}

#kolekce {
width: 960px;
height: auto;
}

.mainbox p {
text-align: right;
font-size: 120%;
margin: 0;
}

#sperky {
background: url("../grafika/07.jpg") no-repeat top left;
}

#kameny {
background: url("../grafika/08.jpg") no-repeat top left;
}

#prsteny {
background: url("../grafika/09.jpg") no-repeat top left;
}

#nazakazku {
background: url("../grafika/10.jpg") no-repeat top left;
}

#gravirovani {
background: url("../grafika/11.jpg") no-repeat top left;
}

#produkty, #slider2 {
width: 542px;
height: 130px;
margin-bottom: 30px;
float: right;
}

#produkty img, #slider2 img, #slider3 img {
padding-right: 1px;
float: left;
background: url("../grafika/dots2.jpg") repeat-y right;
}

#produkty img.last, #slider2 img.last, #slider3 img.last {
padding: 0;
background: none;
}

#slider2 ul {
width: 542px;
height: 130px;
margin: 0;
padding: 0;
}

#slider2 li {
width: 543px;
height: 130px;
margin: 0;
padding: 0;
background: none;
}

#prevBtn, #nextBtn { 
width: 15px;
height: 20px;
margin: 0;
text-indent: -18000px;	
overflow: hidden;
display: block;
position: absolute;
left: 366px;
top: 55px;
}	

#kolekce #prevBtn {
left: 0;
}

#nextBtn { 
left: 940px;
}	

#prevBtn a, #nextBtn a,
#prevBtn a:visited, #nextBtn a:visited {  
width: 15px;
height: 20px;
display: block;
background: url("../grafika/prev.jpg"); 
}	

#nextBtn a, #nextBtn a:visited { 
background: url("../grafika/next.jpg"); 
}

#prevBtn a:hover, #prevBtn a:active, #prevBtn a:focus {
background: url("../grafika/prev2.jpg"); 
}

#nextBtn a:hover, #nextBtn a:active, #nextBtn a:focus {
background: url("../grafika/next2.jpg"); 
}

#slider3 {
width: 906px;
height: 130px;
padding: 0;
margin: 0 auto 25px;
}

#slider3 ul {
width: 906px;
height: 130px;
margin: 0;
padding: 0;
overflow: hidden;
}

#slider3 li {
width: 906px;
height: 130px;
margin: 0;
padding: 0;
background: none;
}

#cara {
background: url("../grafika/dots.jpg") repeat-x top;
}

.mainbox #cara p {
width: 450px;
height: 50px;
font-size: 130%;
padding: 30px 0 0 30px;
margin: 0;
text-align: left;
float: left;
}

.mainbox #cara p a, .mainbox #cara p a:visited {
font-size: 80%;
background: url("../grafika/vice.jpg") no-repeat center left;
color: #1d6097; 
padding-left: 10px;
}

.mainbox #cara p a:hover, .mainbox #cara p a:focus, .mainbox #cara p a:active {
color: #b061ba; 
}

address.full {
width: 350px !important;
}

address.full a {
font-size: 100% !important;
background: url("../grafika/vice.jpg") no-repeat center left !important;
padding-left: 10px !important;
}

#cara address.full {
margin: 0 27px 0 0;
background: none !important; 
}

a#bez {
background: none !important;
padding: 0 !important;
}

/* rozcestnik */

#rozcestnik {
width: 960px;
height: 149px;
}

#rozcestnik ul {
margin: 0;
}

#rozcestnik ul li {
background: url("../grafika/bullet.png") no-repeat 0 10px;
}

#rozcestnik h2 {
display: none;
}

#rozcestnik a, #rozcestnik a:visited {
color: #82b1ea; 
}

#rozcestnik a:hover, #rozcestnik a:focus, #rozcestnik a:active {
color: #d5a9d2;
}

.boxgrid {  
width: 240px;  
height: 149px;  
overflow: hidden;  
position: relative;  
float: left; 
}

#jedna {
background: #a9cdf4 url("../grafika/1.jpg");
}

#dva {
background: #a9cdf4 url("../grafika/2.jpg");
}

#tri {
width: 240px;  
height: 149px;  
position: relative;
float: left;
}

#tri a, #tri a:visited, #tri a:hover, #tri a:focus, #tri a:active {
width: 240px;  
height: 149px;   
position: absolute; 
background: #a9cdf4 url("../grafika/3.jpg");
top: 0;
left: 0;
display: block;
}

#ctyri {
background: #a9cdf4 url("../grafika/4.jpg");
}

.boxcaption {
width: 215px;
height: 89px;
padding: 60px 0 0 25px;
position: absolute;
top: 0;
left: -240px;
}

#jedna .boxcaption {
background: black url("../grafika/1hover.jpg");
}

#dva .boxcaption {
background: black url("../grafika/2hover.jpg");
}

#ctyri .boxcaption {
background: black url("../grafika/4hover.jpg");
}

/****/

#spodni {
width: 900px;
height: 183px;
background: white url("../grafika/text.jpg");
padding: 0 30px;
margin: 10px 0;
}

#spodni p {
margin: 0;
}

#onas {
width: 480px;
padding-top: 75px;
position: relative;
float: left;
}

#onas h3 {
width: 56px;
height: 18px;
margin: 0;
position: absolute;
top: 24px;
left: 0;
}

#onas h3 span {
width: 56px;
height: 18px;
display: block;
background: url("../grafika/o-nas.jpg");
position: absolute;
top: 0;
left: 0;
}

#bonusy {
width: 200px;
padding-top: 75px;
position: relative;
float: right;
}

#bonusy h3 {
width: 142px;
height: 45px;
margin: 0;
position: absolute;
top: 14px;
left: 0;
}

#bonusy h3 span {
width: 142px;
height: 45px;
display: block;
background: url("../grafika/slevy-bonusy.jpg");
position: absolute;
top: 0;
left: 0;
}

a.vice, a.vice:visited {
margin-top: 10px;
padding-left: 20px;
font-size: 90%;
color: #1d6097; 
background: url("../grafika/vice.jpg") no-repeat center left;
float: right;
}

a.vice:hover, a.vice:focus, a.vice:active {
color: #b061ba; 
}

#obsah, .obsah {
width: 910px;
min-height: 300px;
_height: 300px;
padding: 25px;
margin-top: 25px;
background: white url("../grafika/top.jpg") repeat-x top;
}

#obsah address {
font-size: 150%;
font-weight: normal;
color: #5e9de1;
padding-top: 10px;
margin-bottom: 30px;
}

#mapa {
border: 1px solid #ddd;
padding: 10px;
float: right;
}

#bottom {
width: 960px;
margin: 10px 0;
background: white url("../grafika/top.jpg") repeat-x top;
}

#inner {
width: 910px;
padding: 25px;
background: url("../grafika/bottom.jpg") repeat-x bottom;
}

.box {
width: 530px;
float: left;
}

.box2 {
width: 345px;
float: right;
}

.box2 {
padding-top: 8px;
}

ul.vetsi {
font-size: 120%;
font-style: italic;
}

ul.vetsi li {
padding-left: 20px;
background: url("../grafika/bullet2.jpg") no-repeat 0 10px;
}

/*** formulár ***/

#contact {
padding-top: 10px;
background: url("../grafika/kontakt.jpg") no-repeat top right;
}

#karta {
min-height: 310px;
_height: 310px;
background: url("../grafika/karta.jpg") no-repeat top right;
}

#data1 {
width: 300px;
float: left;
}

#data2 {
width: 455px;
float: left;
}

#data1 label {
width: 75px;
padding-top: 5px;
margin-bottom: 10px;
float: left;
}

#data2 label {
width: 90px;
padding-top: 5px;
margin-bottom: 10px;
float: left;
}

#data1 input,
#karta #data2 input {
width: 191px;
height: 18px;
padding: 5px 0 0 5px;
background: white url("../grafika/input.jpg") repeat-x top; 
border: 1px solid #98c0ed;
}

#data2 select {
background: white url("../grafika/input.jpg") repeat-x top; 
}

#data2 textarea {
width: 355px;
height: 50px;
padding: 3px;
margin-bottom: 10px;
background: white url("../grafika/input.jpg") repeat-x top; 
float: left;
}

input#odeslat, #karta #data2 input#odeslat {
width: 135px;
height: 30px;
font-weight: bold;
padding: 0;
border: 0;
color: white;
background: #5298ed url("../grafika/odeslat.jpg");
float: right;
}

#data2 .small {
padding-left: 100px;
font-style: italic;
}

#karta h3 {
margin: 0 0 15px;
}

#karta #data2 {
width: 405px;
}

#karta #data2 textarea {
width: 305px;
}

#send {
width: 305px;
padding-left: 400px;
}

input#jiny {
width: auto  !important;
height: auto  !important;
background: none !important;
border: 0 !important;
padding: 0  !important;
margin-right: 5px;
}

#karta #data2 input#hodnota {
width: 60px;
text-align: center;
}

#kc {
padding-bottom: 5px;
display: inline-block;
}

#objednatel {
padding-top: 30px;
}

.hidden {
display: none;
}

/* paticka */

#paticka  {
width: 958px;
height: 50px;
line-height: 50px;
background: url("../grafika/paticka.png") no-repeat;
margin-bottom: 20px;
border: 1px solid white;
float: left;
}

#copyright {
width: 40%;
font-size: 90%;
padding-left: 30px;
float: left;
}

.oddelovac {
padding: 0 7px;
color: #316aa7;
}

#buttony {
width: 30%;
text-align: right;
float: right;
}

#buttony a, #buttony a:visited, #buttony span {
color: #1d6097; 
}

#buttony a:hover, #buttony a:focus, #buttony a:active, #buttony span {
color: #b061ba; 
} 

#sitemap {
padding: 0 22px;
background: url("../grafika/sitemap.jpg") no-repeat center left;
}

#print {
padding: 0 22px;
background: url("../grafika/print.jpg") no-repeat center left;
}