/* -------------------------------------------
project:  Kas-boks
date:    2009/03/17
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #FDA223; text-decoration: none;}
a:hover {color: #888; text-decoration: underline;}
img {border: none;}
html {height: 100.01%; background: #fff url(../images/background.png) left top repeat-x;}

/* basic text elements */
h1 {margin-bottom: 0.6em; padding-bottom: 5px; color: #FF9020; font-size: 1.5em;}
h2 {margin: 1.3em 0 .5em 0; color: #666; font-size: 1.2em; font-weight: 700;}
h3 {margin: 1.3em 0; color: #000; font-size: 1.1em;}
h4 {margin: 1em 0; font-size: 1.2em;}
p {margin: 1em 0;}
ul, ol {margin: 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}


/* basic form elements */
form {margin: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
form p.submit {margin: 0 0 20px 0; text-align: center;}
fieldset {margin: 20px 0 10px 0; padding: 10px 0; border: none;}
legend {margin: 0; color: #666; font-weight: 700;}
label {display: block; float: left; clear: left; width:200px; margin: 5px 0 5px 0;}
label.count {width: 280px;}
input.count {width: 80px;}
input, textarea, select {width: 160px; margin: 5px 10px; padding: 3px 5px; border: 1px solid #C4C8CD; border-bottom-color: #DFE3E8; border-top-color: #979BA0; background-color: #fff; background-position: left -63px; background-repeat: repeat-x;}
	input.chk, input.radio {width: auto; border: none;}
	select {width: 170px;}
textarea {height: 50px;}
button {border: none; cursor: pointer;}
button#send {width: 91px; height: 23px; margin: 0; background-position: 0 -24px; color: #605f5f; font-weight: 700; font-size: .9em; line-height: 23px; text-align: center;}


/* layout
------------------------------------------- */
.root {position: relative; width: 763px; margin: 0 auto; background: url(../images/header.png) center top no-repeat;}
.header {position: relative; height: 160px; margin: 0;}
.header h1 {margin: 0;}
.header .logo {position: absolute; left: 35px; top: 10px; overflow: hidden; width: 125px; height: 100px; text-indent: -10000px;}
.header ul {position: absolute; margin: 0;}
.header ul li {float: left; list-style: none; margin: 0; padding: 0; font-size: .9em;}
	.lang {float: right; right: 10px; top: 97px;}
	.lang li {line-height: 15px;}
	.lang a, .lang a:visited {margin-left: 10px; padding-left: 20px; background: url(../images/flags.gif) no-repeat; color: #555; font-weight: 700;  font-size: .8em;}
	.lang a.pl, .lang a.pl:visited {background-position: 0 -1px;}
	.lang a.en, .lang a.en:visited {background-position: 0 -16px;}
	.lang a.de, .lang a.de:visited {background-position: 0 -31px;}
	.lang a.fr, .lang a.fr:visited {background-position: 0 -46px;}
	.lang a.cz, .lang a.cz:visited {background-position: 0 -61px;}
	.lang a.ru, .lang a.ru:visited {background-position: 0 -76px;}
	.lang a:hover {color: #FDA223; text-decoration: none;}
	.utils {position: absolute; top: 50px; right: 10px; margin: 0; color: #555; font-size: .8em;}
	.utils a, .utils a:visited {color: #555;}
	.mainmenu {position: absolute; bottom: 0; width: 763px; height: 35px; border: 1px solid #DBDBDB; border-bottom: none;}
	.mainmenu li { border: none;}
	.mainmenu a, .mainmenu a:visited {display: block; float: left; height: 35px; padding: 0 5px; border: none; border-right: 1px solid #dbdbdb; color: #888; font-weight: 700; font-size: .85em; line-height: 35px; text-transform: uppercase;}
	.mainmenu a:hover {color: #FDA223;}
	.mainmenu li.sklep  {float: right; border: none;}
	.mainmenu .sklep a, .mainmenu .sklep a:visited { float: right; border: none; color: #FDA223; text-align: center;}
.banner {margin: 0 auto; padding: 0;}
.content {overflow: hidden; padding: 20px 0 50px 0;}
.sidebar, .main h1 {background-image: url(../images/dots.gif);}
.sidebar {float: left; width: 230px; background-position: right top; background-repeat: repeat-y;}
.sidebar h2 {margin: 0; padding: 3px 8px; background: #000 url(../images/white-triangle.gif) left center no-repeat; color: #fff; font-size: 1.1em; text-transform: capitalize;}
.sidebar ul {margin: 0;}
.sidebar ul li ul {margin-left: 15px;}
.sidebar li {list-style: none; margin: 0;}
.sidebar li a, .sidebar li a:visited {display: block; margin: 0; padding: 10px; border-bottom: 1px solid #dbdbdb; color: #000; font-size: .9em;}
.sidebar li a:hover {background: #FDFDC9; color: #000; text-decoration: none;}
.sidebar li a.current, .sidebar li a.current:visited {font-weight: 700;}
.main {float: right; width: 510px;}
.main h1 {background-position: left bottom; background-repeat: repeat-x;}
.footer {clear: both; border-top: 3px double #DBDBDB;}
.footer p {margin: 5px 0; font-size: .8em;}
.footer a, .footer a:visited {color: #888;}
#merixlogo {float: right; font-size: .9em; text-decoration: none; text-transform: uppercase;}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
p.clear {overflow: visible; height: auto;}
.secret {display: none;}
.l {float: left; margin: 0 20px 20px 0;}
.r {float: right; margin: 0 0 20px 20px;}
.mid {text-align: center;}
.news-date {margin: 5px 0; color: #999; font-size: .9em;}
.news-descr {margin: 5px 10px 20px 0; font-size: .9em;}
.more-news {margin: 0 20px; font-size: .9em; text-align: right;}
.more {text-align: right;}

.main .news-date {margin-top: -1em; font-size: .9em;}

ul.children {overflow: hidden; margin: 30px 0; padding: 20px 0; border-top: 3px double #dbdbdb;}
ul.children li {float: left; list-style: none; width: 160px; height: 120px; margin: 0 10px 20px 0; font-size: .9em; text-align: center;}
ul.children li img {display: block; margin: 0 auto; text-align: center;}

.showcase p.img {float: right; padding: 20px; border-left: 1px solid #e6e6e6;}
.showcase .item {clear: right;}


/* special sections and elements
------------------------------------------- */
.photos {margin: 20px 0; padding: 20px 0; border-top: 3px double #dbdbdb;}
.photos li {display: inline; height: 75px; margin: 0 15px 15px 0;}
#map {width: 510px; height: 510px;}
#media {width: 500px; height: 281px;padding: 0 0 20px 0;}
div.vcard {float: left; width: 235px; margin-right: 15px;}
#left_img {width: 201; height: 158;  }
#box1 {width: 151px; height: 41px; background-image: url(../images/o_firmie.jpg); margin: 20px 0 15px 0; font-weight: 700; font-size: .85em;} 
#box1 a {color: #000; important!} 
#box_1 { width: 151px; height: 100; float: left; padding: 30px 11px 5px 5px;  margin: 20px 5px 20px 0px; }
#box2 {width: 151px; height: 41px; background-image: url(../images/o_firmie.jpg); margin: 20px 0 15px 0; font-weight: 700; font-size: .85em;} 
#box_2 { width: 151px; height: 100; float: left; padding: 30px 11px 5px 5px;  margin: 20px 5px 20px 0px; }
#box2 a {color: #000; important!} 

#box3 {width: 151px; height: 41px; background-image: url(../images/o_firmie.jpg); margin: 20px 0 25px 0; font-weight: 700; font-size: .85em;} 
#box_3 { width: 151px; height: 100; float: left; padding: 30px 5px 5px 5px;  margin: 20px 5px 20px 0px; }
#box3 a {color: #000; important!}