body {margin: 0px 0px 10px 0px;padding: 0px;background: #78d2e5 url('../images/css/bg-page.png') 0px 0px repeat-x;font-size: 75%;}
body, td, p, div {font-family: arial;color: #772800;}

td {vertical-align: top;}

a {color: #772800;text-decoration: underline;}
a:hover {color: #f59600;text-decoration: none;}

H1 {font-size: 180%;margin: 0px 0px 15px 0px;}

img {border: 0px;}

form {margin: 0px;padding: 0px;}
label {cursor: pointer;}
input.required {background: url('../images/css/hviezdicka.gif') top right no-repeat;}
input.invalid {background-color: #fff09f;}

p.alert {color: red;}

div.mainDiv {width: 750px;position: relative;left: 50%;margin-left: -375px;}

div.clearer {clear: both;height: 0px;}

/*   header   */

div.header {text-align: right;padding-right: 38px;margin-top: 10px;height: 20px;}
div.header img {vertical-align: middle;margin: 0px 3px 0px 18px;}
div.header a {color: #fff;font-weight: bold;font-family: Verdana;text-decoration: none;}
div.header a:hover {text-decoration: underline;color: #fff;}

/*  END header   */

/*   footer   */

div.footer {padding-left: 30px;margin-top: 5px;height: 27px;position: relative;}
div.footer, div.footer a {color: #f59600;text-decoration: none;}
div.footer img {vertical-align: middle;}
div.footer a:hover {text-decoration: underline;}

div.footer span {float: left;}
div.counter {text-align: right;color: #f59600;position: absolute;right: 15px;top: -5px;background: url('../images/css/bg-count-right.gif') right -7px no-repeat;padding-right: 9px;padding-top: 5px;width: 300px;}
div.counter div {float: right;background: #f59600 url('../images/css/bg-count-left.gif') bottom left no-repeat;color: #fff;font-weight: bold;padding: 3px 0px 5px 8px;margin-top: -5px;margin-left: 10px;}

/*  END footer   */

/*   menu   */

div.menu {background: url('../images/css/bg-top.gif') 0px 0px no-repeat;height: 113px;position: relative;}
img.logo {margin: 10px 0px 0px 18px;float: left;}
img.parapet {float: right;margin: 7px 28px 0px 0px;}

div.topMenu {position: absolute;bottom: 0px;_bottom: -1px;right: 15px;z-index: 100;}
div.topMenu ul {margin: 0px;padding: 0px;list-style: none;}
div.topMenu li {float: left;margin-left: 3px;background-color: #fff09f;}
div.topMenu a {display: block;_height: 19px;float: left;padding: 2px 13px;font-weight: bold;text-decoration: none;border-right: 1px solid #f59600;background: url('../images/css/bg-menu2.gif') 0px 0px no-repeat;}
div.topMenu a:hover {color: #fff;}

#pulldown-menu li {position: relative;}
#pulldown-menu li ul {position: absolute;display: none;z-index: 10000;right: 3px;*right: 0px;top: 19px;}
#pulldown-menu li:hover, #pulldown-menu li.hover {background-color: #f59600;}
#pulldown-menu li:hover a, #pulldown-menu li.hover a {color: #fff;}
#pulldown-menu li:hover ul, #pulldown-menu li.hover ul {display: block;}
#pulldown-menu li li {float: none;clear: both;}
#pulldown-menu li li a {border-right: 0px;border-bottom: 1px solid #fff09f;border-left: 1px solid #f59600;border-right: 1px solid #f59600;font-weight: normal;color: #fff;background-image: none;background-color: #f59600;width: 150px;_width: 162px;padding: 4px 10px;}
#pulldown-menu li li a:hover {background-color: #fff09f;color: #772800;}

/*  END menu   */

/*   content   */

div.content {background: #fff url('../images/css/bg-bottom.gif') left bottom no-repeat;}
div.contentBox {margin: 0px 15px;border: 3px solid #f59600;padding: 15px;}

table.ral {width: 100%;}
table.ral td {padding: 8px 4px;color: #fff;text-align: center;font-weight: bold;}
table.ral td b {color: #000;}

table.kontakt td {padding: 4px;}

table.offer {border: 1px solid #772800;border-collapse: collapse;}
table.offer th {border: 1px solid #fff;background-color: #772800;color: #fff;}
table.offer td {border: 1px solid #772800;text-align: center;padding: 2px 0px;}

table.cennik {border: 1px solid #772800;border-collapse: collapse;}
table.cennik th {border: 1px solid #fff;background-color: #772800;color: #fff;padding: 4px;white-space: nowrap;}
table.cennik th p {color: #fff;}
table.cennik td {border: 1px solid #772800;text-align: center;padding: 4px;vertical-align: middle;}
table.cennik td.nazov {text-align: left;padding: 4px 4px 4px 10px;}
table.cennik img {vertical-align: middle;margin-right: 10px;}

input.orderInput1 {width: 50px;}
input.orderInput2 {width: 50px;}
input.orderInput3 {width: 60px;}
input.orderInput4 {width: 40px;}

/*  END content   */