html{font-size:106.5%;margin:0;padding:0;}
body{font-size:76.5%;margin:0;padding:0;font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;}
body {background: #17232a /*url(../images/background-top.jpg) left top repeat-x*/; color: #000000; line-height: 1.5em;}

a {color: #0082be; text-decoration: underline;}
a:hover {color: #004260; text-decoration: none;}

h1 {font-size: 180%; padding: 0 0 7px 0; margin:0; }
h2 {color: #d2232a;padding: 0; margin:0 0 18px 0; font-size: 180%; font-weight: bold;}
h2 a {color: #d2232a;} 
h3 {color:#0482c0; font-size: 120%; padding: 0; margin:0 0 10px 0; font-weight: bold;}
h4 {color: #000000; font-size: 100%; padding: 0 0 10px 0; margin:0;}
h5 {font-size: 100%; padding:0; margin:0;}

hr {display: none;}
a img {border: 0px;}
input, textarea {border: 1px solid #8f8e8e; padding: 2px;font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size:100%;}
.hidden {display: none;}
p {padding: 0 0 16px 0; margin: 0;}

#wrap1 {width: 100%; min-width: 950px; float: left; margin: 0 auto; padding:0; background: url(../images/background-shaddow.png) center top repeat-y; _background: none;}
#wrap2 {width: 100%; float: left; margin: 0 auto; padding:0; background: url(../images/backround-bottom-dark.png) center bottom repeat-x;}
#wrap3 {width: 100%; float: left; margin: 0 auto; padding:0;}
#wrap4 {width: 950px; margin: 0 auto; padding:0;}
#wrap5 {width: 100%; float: left; position: relative;background: #ffffff url(../images/right-line.png) right bottom no-repeat; _background: #ffffff none;}
#wrap6 {width: 100%; margin: 0 auto;}

#headWrap {width: 100%; margin: 0; padding: 0;}
#head {background: url(../images/header.jpg) left top no-repeat;}

#logo {position: absolute; margin: 0; width: 250px; padding: 0;}
#logo span {display: none;}
#logo a {display:block; width: 250px; height: 100px;}
#flashWrap, #flash, #flash-inner {height: 190px;}

#textWrap {float: left; width:950px; margin: 0;	display: block;	position: relative;}
.inner {float: left; position: relative; min-height: 400px; width: 640px; padding: 25px 40px; left: 950px; margin-top: 5px; margin-bottom: 5px;}

#firstPanel {margin-left: -950px;}
#thirdPanel {width: 149px;margin-left: -230px; border-left: 2px solid #d9d9d9;}

#firstPanel ul.noList li {list-style: none;}

#secondPanel {display: none; width: 150px;margin-left: -210px;}

#title {display:none;position:absolute; top:255px; left:143px;width: 720px; color: #7f0f18; margin: 0; padding: 0;}
#title a {color: #7f0f18;}

#order a {position:absolute;top:20px; right:20px;width: 150px;height: 150px;}
#order span {display:none;}

.orderService {margin: 20px auto;}
.orderService a {width: 135px; height: 55px; display: block; line-height: 55px; background: url(../images/objednat-sluzbu.png) left top no-repeat;}
.orderService span {display:none;}
.phone {color: #d2232a; font-size: 180%; font-weight: bold;}

.perex, .paragraph {font-size: 110%; font-weight: bold; padding: 0 16px 0 0; margin: 0 0 16px 0;text-align: justify;}
.perex p {padding: 0; margin:0;}
.perex strong, .paragraph strong {color: #d2232a;}
.paragraph {background: #f2dd0f; padding: 15px; }

.imgRight {float: right; margin: 0 0 15px 20px;}

#footer {width: 880px; font-size: 85%; line-height:1.2em; background: #cac8ca url(../images/background-footer.png) left bottom repeat-x; float: left; padding: 20px 35px 25px 35px; margin: 0;}
#footer, #footer a {color: #444444;}
#footer a:hover {color: #000000;}
#footer h3 {font-size: 100%; padding:0; margin:0; font-weight: normal; display: inline; background: none;}
span.right {float: right;}

.logoMini, .logoText, .bottomMenu, .copy {float: left;}

.logoText {width: 50%;}
.bottomMenu {width: 30%; margin: 0; float:right;}
.bottomMenu li {padding: 0 2%; float: right; list-style: none; margin: 0;}
.bottomMenu ul {padding: 0; margin:0;}
.copy {width: 100%; margin: 30px 0 0 0;}

.list {margin: 0 0 30px 0; float: left; width: 100%; padding:0; background: url(../images/background-box-list-red.png) left top no-repeat;}
.listNormal {background: url(../images/background-box-white.png) left top repeat-x; border-right: 1px solid #8f8e8e; border-left: 1px solid #8f8e8e;}
.listIn {padding: 0 16px; text-align: justify; margin: 0 0 -30px 0; _margin: 0; overflow: auto;}
.listNormal .listIn {padding: 0 30px;}
body #firstPanel .listNormal .listIn h2 {line-height: 50px; margin: 0 0 16px 0;}
.list h3 {line-height: 50px; padding: 0 16px 0 20px; margin: 0 0 16px 0; font-weight: bold; font-size: 110%; background: url(../images/arrow-black.png) left center no-repeat; _background: url(../images/arrow-black.gif) left center no-repeat;}
body #firstPanel .listNormal .listIn h3 {line-height: 20px; color:#000000; font-size: 120%; padding: 5px 0 5px 20px; margin:0; font-weight: bold; background: url(../images/background-h3.png) left 8px no-repeat; _background: url(../images/background-h3.gif) left 8px no-repeat;}
.list img {margin: 0 0 8px 0;}
.list .boxBottom {width: 618px;}
.listNormal .boxBottom {width: 620px; margin: 0 0 -11px 0;}

#kontaktni-formular td.first {width: 100px;}
#kontaktni-formular td.second {width: 210px;}

#kontaktni-formular .hlaska {background: #fde0e1; color: #ee1c25; padding: 0 10px; margin: 5px 0 10px 0; font-style: italic; font-weight:bold; display: block;display: none;}
#kontaktni-formular {width: 100%;}
#kontaktni-formular td {padding: 2px 5px;}
#kontaktni-formular .input {width: 180px;}
#kontaktni-formular input#zip {width: 40px;}
#kontaktni-formular textarea {width: 90%;}
#kontaktni-formular .form-submit {width: 140px; padding: 5px; background: #d2232a url(../images/background-button.png) -10px center no-repeat; color: #ffffff; cursor: pointer; font-weight: bold; font-size: 110%;}
#kontaktni-formular .form-submit:hover {background: #842e1f url(../images/background-button.png) 260px center no-repeat;}
#kontaktni-formular label {background: #fde0e1;font-weight: bold;cursor: pointer; }

td {vertical-align: top;}

#topMenu ul,#topMenu li,#topMenu li a,#topMenu h3 {padding:0;margin:0;font-size: 100%;}
#topMenu {position:absolute;top:102px;left:40px; z-index: 3;}
#topMenu li {float: left; display: block;text-align: center; line-height: 88px; margin: 0 10px 0 0;}
#topMenu li a {display: block; font-size: 100%; font-weight: bold; text-decoration: underline; line-height: 45px; padding: 21px 12px 23px 12px; color:#000000;}
#topMenu li a:hover, #topMenu li a.active {background: url(../images/menu-hover.png) center top no-repeat; color:#000000; text-decoration: none;}

#topMenu ul ul, #topMenu ul ul ul {display:none;}

#thirdPanel ul, #thirdPanel ul li {margin:0;padding:0;}
#thirdPanel ul {margin: 0 0 20px 0; text-align: left; padding:0; float: left; width: 100%;}
#thirdPanel ul h3 {display: inline; font-size: 100%; font-weight: normal; margin:0;padding:0; background: none;}
#thirdPanel ul li {width: 100%;}
#thirdPanel ul li {float: left; display: block; margin: 0 0 1px 0;}
#thirdPanel ul li a {display: block; color: #d2232a; font-size: 100%; font-weight: bold; line-height: 14px; padding: 7px; background: #f4f0f2; text-decoration:underline;}
#thirdPanel ul li a:hover, #thirdPanel ul li a.active {background: #d9d9d9 url(../images/arrow.gif) 7px 10px no-repeat;}

#thirdPanel ul ul {margin: 0; }
#thirdPanel ul ul li a {padding: 2px 7px;}
#thirdPanel ul ul a {color: #0082be;font-weight: normal;}
 
#thirdPanel ul ul ul {display: none;}


.cenik {border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.cenik td, .cenik th {padding: 5px; background: #f4f0f2; text-align: left; border: 1px solid #d9d9d9;}
.cenik tr:hover td {background: #d9d9d9;color: #0082be;}
.cenik .price, .cenik .number {text-align: right;}
.cenik td.price {color: #0082be;}
.cenik .number {width: 75px;}