/************ Fixed Definitions ************/
* { margin: 0; padding: 0; border: 0; }
div { display: block; overflow: hidden; }
body { background: #e3f4b0 url('./../images/body-bg.png') top left repeat-y; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 130%; }

.noshow { display: none; }
.block { display: block; }
.width48p { width: 48%; }
.width-auto { width: auto; }
.width-full { width: 98%; }
.float-left { float: left; }
.float-right { float: right; }
.fix { clear: both; }
.fill { display: block; height: 100px; }
.center { text-align: center; }
.left { text-align: left !important }
.right { text-align: right; }
.short { width: 50px; }
.normal { width: 150px; }
.long { width: 250px; }
.margin-right { margin-right: 10px; }
.underline { text-decoration: underline; }




/************ Layout ************/
div#frame { width: 880px;}
div#header { width: 880px; height: 248px; background: #e3f4b0 url('./../images/header-bg.jpg') top left no-repeat; }
div#content-out { margin-bottom: 20px; width: 690px; min-height: 332px; float: right; background: #e3f4b0 url('./../images/content-stripes.png') top right no-repeat; }
div#content { margin-right: 70px; }
div#content-in { }

div#top-menu { position: absolute; top: 194px; left: 481px; }
div#top-menu ul {	list-style: none; }
div#top-menu ul li { float: left; }
div#top-menu ul li a { height: 17px; display: block; }
div#top-menu ul li a span { display: none; }
div#top-menu ul li#main-page a { width: 115px; }
div#top-menu ul li#main-page a:hover,div#top-menu ul li#main-page a.selected { background: transparent url('./../images/top-menu-main-page.gif') top left no-repeat; }
div#top-menu ul li#about-us a { width: 67px; }
div#top-menu ul li#about-us a:hover,div#top-menu ul li#about-us a.selected { background: transparent url('./../images/top-menu-about-us.gif') top left no-repeat;  }
div#top-menu ul li#services a { width: 75px; }
div#top-menu ul li#services a:hover,div#top-menu ul li#services a.selected { background: transparent url('./../images/top-menu-services.gif') top left no-repeat;  }
div#top-menu ul li#contact a { width: 81px; }
div#top-menu ul li#contact a:hover,div#top-menu ul li#contact a.selected { background: transparent url('./../images/top-menu-contact.gif') top left no-repeat;  }

div#menu-out { width: 167px; background: #d0d6b9 url('./../images/menu-bg.png') top left repeat-y; margin-left: 10px; }
div#menu-out div#menu-top { width: 167px; height: 12px; background: #d0d6b9 url('./../images/menu-top.png') top left no-repeat; }
div#menu-in { margin: 0px 14px 0px 2px; }
div#menu ul {	list-style: none; font-family: Verdana, Arial, ms-serif; }
div#menu ul li { border-top: 1px solid #c0c6aa; border-left: 1px solid #c0c6aa; border-bottom: 1px solid #c0c6aa; margin-bottom: 10px; background: #f2fad4 url('./../images/square.gif') 5px 5px no-repeat; }
div#menu ul li a { font-size: 10px; color: #000; font-weight: bold; margin: 2px 0px 2px 17px; text-decoration: none; display: block; }
div#menu ul li a:hover { color: #848975; }
div#menu ul li ul { border-top: 1px solid #c0c6aa; background-color: #f5f9e8; }
div#menu ul li ul li { margin: 2px 0px; border: 0; background: transparent url('./../images/triangle.gif') 8px center no-repeat; }
div#menu ul li ul li a { color: #848975; font-size: 10px; margin-left:18px; }
div#menu ul li ul li a:hover { color: #b1b5a3; }
div#menu ul li ul li:hover,div#menu ul li ul li.selected { color: #b1b5a3; background: transparent url('./../images/triangle-high.png') 8px center no-repeat; }
div#menu-out div#menu-bottom { width: 167px; height: 37px; background: #d0d6b9 url('./../images/menu-bottom.png') top left no-repeat; }
	
div#contact-links a span { display: none; }
div#contact-links a#con-mail { display: block; position: absolute; width: 86px; height: 47px; left: 46px; top: 198px; }
div#contact-links a#con-mail:hover { background: transparent url('./../images/button-email.gif') top left no-repeat; }
div#contact-links a#con-address { display: block; position: absolute; width: 84px; height: 49px; left: 188px; top: 178px; }
div#contact-links a#con-address:hover { background: transparent url('./../images/button-address.gif') top left no-repeat; }
div#contact-links a#con-phone { display: block; position: absolute; width: 83px; height: 46px; left: 272px; top: 97px; }
div#contact-links a#con-phone:hover { background: transparent url('./../images/button-phone.gif') top left no-repeat; }
	
div#contact-image { position: absolute; width: 266px; height: 117px; left: 6px; top: 61px; }
div#contact-image a { display: block; width: 266px; height: 117px; text-decoration: none; border: 0; }
div#contact-image.address { background: transparent url('./../images/contact-image-address.gif') top left no-repeat;}
div#contact-image.phone { background: transparent url('./../images/contact-image-phone.gif') top left no-repeat;}
div#contact-image.email { background: transparent url('./../images/contact-image-email.gif') top left no-repeat;}

div#footer { clear: both; width: 639px; margin: 20px 0px 0px 180px; background: transparent url('./../images/footer-stripes.jpg') top center no-repeat; }
div#footer-in { color: #838d66; margin-top: 0px; text-align: center; }

div#reklama { margin-left: 35px; margin-top: 100px; width: 100px; display: block; }
div#reklama p { margin: 10px 0px; }
div#reklama p a { text-decoration: none; }



/************ Content ************/

div#content-in { font-size: 10px; line-height: 120%; }

a { color: #f00; font-weight: bold; text-decoration: underline; }
a:hover { color: #32bd30; text-decoration: underline; }

h1 { display: none; }
div#content h2 { display: none; visibility: hidden; }
hr { display: none; visibility: hidden; }

div.box-out { margin-top: 20px; }
div.box { background: #f4fae4 url('./../images/fieldset-stripes.gif') top right repeat-y; border: 1px solid #848975; }
div.box-in { margin: 30px 15px 15px 15px; text-align: justify; }
div.box h3 { position: absolute; padding: 3px 0px 3px 20px; width: 170px; margin: -10px 10px 2px 15px; background: #eff7d1 url('./../images/square.gif') 5px center no-repeat; border: 1px solid #848975; font-size: 1em; font-weight: bold; }
h4 { border-bottom: 1px solid #848975; font-size: 1.1em; padding-left: 10px; margin: 0px 0px 5px 0px; }

textarea, input, select { font-family: Verdana, Arial, sans-serif; font-size: 10px; border: 1px solid #848975; padding: 1px 3px; }

p.search { font-size: 0.9em; }
table.offer { border-collapse: collapse; margin: 10px 0px; font-weight: bold; font-size: 10px; width: 98%; }
table.offer thead th { border-top: 1px dotted #848975; border-bottom: 1px dotted #848975; padding: 3px; font-size: 11px; font-weight: normal; }
table.offer thead td { padding: 3px; }
table.offer tbody td { border-top: 1px solid #848975; border-bottom: 1px solid #848975; padding: 3px; height: 2em; }
table.offer tbody td:first-child { width: 300px; font-size: 11px; }
table.offer tbody td+td {	border-left: 1px solid #ddd; }
table.offer td.pad { padding: 0; height: 3px; font-size: 3px; }

fieldset { margin-bottom: 10px; border: 1px solid #848975; padding: 15px; }
fieldset legend { padding: 3px 10px 3px 20px; margin-left: 15px; background: #eff7d1 url('./../images/square.gif') 5px center no-repeat; border: 1px solid #848975; font-size: 1em; font-weight: bold; }
fieldset label { float: left; text-align: right; margin-bottom: 2px; width: 200px; padding-top: 3px; }
fieldset label.help { text-decoration: underline; }
fieldset textarea, fieldset input, fieldset select { width: 150px; }
fieldset select, input.checkbox, input.radio { width: auto; }
input.checkbox, input.radio { border: 0; }
fieldset p { text-align: left; display: block; margin: 0px 0px 2px 210px; }
fieldset br { clear: left; }
fieldset span br { clear: none; }
fieldset span.validator { font-size: 0.8em; }
fieldset div.border { padding: 5px 5px 5px 0px; border: 1px dotted #848975; margin-bottom: 20px; }
fieldset input.date { width: 60px; }
fieldset p.right { margin-top: 10px; }

input.button { border: 1px solid #848975; background-color: #eff7d1; padding: 3px 10px; font-weight: bold; }
input.button:hover { background-color: #e3f4b0; color: #f00; }

fieldset.plain, .box fieldset.login { margin: 0; border: 0; padding: 0;  }
fieldset.plain legend { display: none; visibility: hidden; }
fieldset.plain label { float: none; width: auto; text-align: left; width: auto; padding: 0; margin: 0; }
fieldset.plain textarea, fieldset.plain input, fieldset.plain select { margin: 0px; float: none; width: auto; }
fieldset.plain br { clear: none; }
fieldset.plain p { display: inline; margin: 0; }

.box fieldset.login { margin-top: 10px; }
.box fieldset.login label { width: 30%; }
.box fieldset.login p { margin: 0px 0px 2px 35%; }

div.offer fieldset label { font-weight: bold; padding-top: 0px; }

p.warning, p.error { border: 1px solid #e8e996; background-color: #f7f8a0; font-size: 1.1em; padding: 10px; margin: 20px 0px; }
p.warning img, p.error img { margin: 5px 10px; float: left; }
p.error { border: 1px solid #f00; background-color: #faa; }
p.error>strong { display: block; font-size: 1.2em; }

span.ok, span.ok a { color: #0a0; }
span.error, span.error a { color: #a00; }

div#content-in ul { list-style-type: square; list-style-image: url('./../images/square.gif'); margin: 0px 0px 2em 40px; }
div#content-in ul li { line-height: 130%; }
div#content-in fieldset ul { margin-left: 230px; }

a.int { padding: 2px 2px 2px 10px; background: transparent url('./../images/a-int.gif') center left no-repeat; }

table.files { width: 97%; font-size: 1em; margin: 5px;  border: 1px solid #848975; }
table.files th { text-align: center; font-weight: bold; background-color: #d0d6b9; font-size: 1.2em; color: #fff; padding: 2px; vertical-align: middle; }
table.files td { border: 1px solid #eee; padding: 2px 3px; }
table.files tr { background-color: #f4fae4; }
table.files tr.odd { background-color: #eff7d1; }
table.files tr:hover { }
table.files tr:hover td { border: 1px dotted #000; }
table.overview { border: 1px solid #8b8bb6; background-color: #fff; }
table.overview th { width: 25%; background-color: #8b8bb6; font-size: 1.1em; font-weight: bold; text-align: left; color: #fff;}
table.overview td { font-size: 1.1em; padding: 2px; }


span.cms-red, span.cms-cervena { color: #a00; }
span.cms-green, span.cms-zelena { color: #a00; }

fieldset.contact input { width: 200px; }
fieldset.contact textarea { width: 200px; }