/* GLOBALS */

body { font-family: "UbuntuTitling-Bold", Arial, Tahoma, Tahoma, Verdana; line-height: 150%; font-size:12px; margin:0 auto; padding: 0; color: #888; font-weight: normal; width:100%; background-color:#fff;}
.bodytext {margin:0 0 10px 0; padding:0;line-height: 150%;}
hr { color: #fff; background-color: #fff; height: 1px; border:1px solid #ccc; border-top:1px solid #fff; margin: 0; padding:0; clear:both;}
hr.hr_gray { color: #e9e9e9; background-color: #e9e9e9; height: 1px; border:1px solid #ccc; border-top:1px solid #e9e9e9; margin: 3px 0; clear:both;}
hr.hr_green { color: #80c011; background-color: #80c011; height: 1px; border:1px solid #FACE19; border-top:1px solid #ffeda9; margin: 3px 0; clear:both;}
hr.hr_blue { color: #fff; background-color: #ffeda9; height: 1px; border:1px solid #FACE19; border-top:1px solid #ffeda9; margin: 3px 0; clear:both;}

h1 {color:#0077aa; margin:25px 0 12px 0; padding:0; text-transform: uppercase; font-size: 22pt; font-weight:bold;} 
h2 {color:#000; margin:20px 0 10px 0; padding:0; font-size: 12pt; font-weight:bold;}
#footer h2 {color:#fff; margin:10px 0; padding:0; text-transform: uppercase; }
h3 {color:#000; margin:10px 0; padding:0; text-transform: uppercase;font-size: 18px; font-weight:700;-webkit-font-smoothing: subpixel-antialiased;}
h4 {color:#0077aa; margin:20px 0 5px 0; padding:0; text-transform: uppercase; font-size: 13px;}
h5 {color:#888; border-bottom:1px solid #ccc; margin:5px 0; padding:0;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {cursor: hand;}


/* LINKS */

a { color: #007DB8; text-decoration:none;}	
a:hover { color: #4dccfb; text-decoration: underline; cursor: hand !important;}
.inputfield { border: 1px solid #ccc; background-color: #e3e3e3; color: #333; text-align:left !important; font-size: 13px; margin:0 0 7px 0; height:20px;}
.center {text-align:center !important;}
.uppercase {text-transform: uppercase;}
.float-remover {clear:both;}
.centered {text-align:center;}


/* LAYOUT */

div#container {width:100%;  background-color:#fff;}

div#header { width: 960px; height: 70px; margin: 30px auto;}
div#logo {width:183px; float:left; margin:0; padding:0;}
div#menu {float:right; width: 750px; margin:0; padding:0; text-align: right;}

div#lang-menu {margin:0; padding:0; text-align: right;}
div#lang-menu a {font-size: 11px; border-left: 1px solid #fff; border-right: 1px solid #888; text-align: right; color:#888; margin: 0; padding: 0 5px;}
div#lang-menu a.last {border-right: 0px solid #888; text-align: right; color:#888; margin: 0; padding: 0 0 0 3px;}
div#lang-menu a:hover {color:#000; cursor: hand;}
div#lang-menu li {display: inline;}
div#lang-menu li:last-child  a{border-right: 0 solid #888888;color: #888888;margin: 0;padding: 0 0 0 3px;text-align: right;}

div#main-menu {margin:0; padding:15px 0 0 0; text-align: right;}
div#main-menu a, div#main-menu li a  { cursor: hand; font-size: 14px; text-transform: uppercase; display:inline-block; text-align: right; color:#888; margin: 0; padding: 0 0 0 20px; font-weight:bold;}
div#main-menu a:hover, div#main-menu li a:hover { color: #000; }
div#main-menu a.last {text-align: right; color:#888; margin: 0; padding: 0 0 0 10px;}
div#main-menu a:hover {color:#000; text-decoration: none;}
div#main-menu li {display: inline;}

div#content {margin: 0 auto; padding: 0; clear:both;}
div#content_wrapper { width: 960px; margin: 0 auto; clear:both;}
.subpage {margin: 0 0 20px 0 !important;}

div#bottom_section {width: 100%; clear:both; padding: 0 0 40px 0; }
div#bottom_section_wrapper {width: 960px; margin: 0 auto; clear:both; background:transparent url('../img/shadow.png') no-repeat top center; padding: 30px 0 20px 0;}
div.section-container {float:left; width: 208px; margin: 0 42px 0 0; padding:0;}
.last {margin: 0 !important; padding:0; border: none;}
.selected , li.selected  a, li.ACT  a{color: #03A2E0 !important;}
/*.selected {color: #fff !important; background-color: #03A2E0 !important; padding: 5px 2px 6px 2px; margin: 0 3px;}*/
.float-remover {clear:both;}

div#footer {width: 100%; background: #005486 url('../img/footer_back.jpg') repeat-x 0 0; clear:both; height: 350px;}
div#footer_wrapper {width: 960px; background: #025684 url('../img/footer_back.jpg') repeat-x 0 0; clear:both;}
div#footer a {color:#fff;}
div#footer a:hover {color:#4dccfb;}

div#opening-section {width: 960px; margin: 0 auto; clear:both; background-color:#fff;}
div#opening-section H3 {font-size: 18px;background-color:#fff; color: #888;}
div#opening_info {float: left; width:960px; padding: 0; margin:0; font-size: 14px;background-color:#fff; font-weight: normal;}
p.opening_image { float: right; margin:0 0 0 30px;}

div#footer-section {width: 960px; margin: 0 auto; clear:both;}
div#footer_info { float: left; width:640px; padding: 50px 0 0 0; color:#4dccfb; margin:0;}
div#footer_info p {padding: 0; margin:0;}
div#footer_image { float: left; width:280px; margin:0;}

div#footer_copyrights { width: 960px; margin: 0 auto; clear:both;}
div#copyrights {color: #a2c9dd; width: 960px; font-size:10px; padding: 10px 0 0 0px; height: 32px; text-align:center;}

div#breadcrumbs {width: 960px; margin: 0 auto; clear:both; clear:both;}
div#breadcrumbs a {color: #a2c9dd; font-size:10px; }

div#breadcrumbs ul {list-style : none; list-style-type: none; margin : 0; padding : 0; font-size : 10px; color : #888; display: inline; }
div#breadcrumbs ul li { margin : 0; padding : 0 3px 0 8px; display: inline; background : url('../img/arrow.png') no-repeat 0px 5px !important;}
div#breadcrumbs ul li a { color : #5c5c5c; font-size : 10px; text-decoration : none;}
div#breadcrumbs ul li a:hover { color : #4dccfb; font-size : 10px; text-decoration : underline;}

ul#headerlinks { list-style-type: none; list-style-position: outside; padding:0; margin:0;}
ul#headerlinks li { margin: 3px 0; }
ul#headerlinks a {padding:0 0 0 20px;}	

/* LEFT & RIGHT COLUMN */
div#maincontent {float: left;  width:635px; margin:0; padding:0;}
div#maincontent_wrapper {padding: 0; margin:0;}

div#rightcolumn {float: right; width:285px; margin:0; padding:0;}
div#rightcolumn_wrapper {padding: 0; margin:0;}

ul { margin: 0; padding:0;}
li { margin: 0; padding:0;}


div#content ul {list-style-type: none; list-style: none; margin:0; padding:0;}
div#content ul li {list-style-type: none; list-style: none;	margin:0; padding:0; padding: 0 0 0 18px; background: url('../img/snowflake.png') 0 4px no-repeat;}

/* right_menu */

div#right_menu {margin: 55px 0 20px 0;}

div#right_menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-image:none !important;   
    /*border-left: 1px solid #ccc;    */  
    border-bottom: 1px solid #ccc;
}
div#right_menu ul li {
    background-image: none;
    color: #FFFFFF;
    display: inline;
    font-size: 13px;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    background-image:none !important;    
}
div#right_menu ul li a {
    background-image:none;
    color: #888;
    display: block;
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 5px 0 !important;
    text-align: center;
    text-decoration: none;
    text-transform:uppercase;
    border-top: 1px solid #ccc;
}
div#right_menu ul li a:hover {
    color: #000;
    text-decoration: none;
    border-top: 1px solid #ccc;
}
div#right_menu li.selected a {
    background-color: #fff;
    background-image:none;
    color: #03A2E0;
    display: block;
    font-size: 13px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    background-color: #f8f8f8;    
}
div#right_menu li.selected a:hover {
    background-color: #f8f8f8;
    background-image:none;
    color: #03A2E0;
    display: block;
    font-size: 13px;
    margin: 0;
    text-align: center;
    text-decoration: none;    
}
div#right_menu ul.sub-menu {
    margin: 0;
    padding: 10px 0 20px 0;
    width: 100%;
    border: none;
    background-color: #f8f8f8;    
}
div#right_menu ul.sub-menu li {
    display: inline;
    font-size: 13px;
    font-weight: bold !important;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #f8f8f8;    
    border: none !important;
    
}
div#right_menu ul.sub-menu li a {
    background-color: #f8f8f8;    
    color: #555;
    display: block;
    font-weight: bold !important;
    font-size: 13px;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    text-decoration: none;
    text-transform: none !important;
    border: none !important;
}
div#right_menu ul.sub-menu li a:hover {
    background-repeat: no-repeat;
    color: #000;
    font-size: 13px;
    margin: 0;
    padding: 0 !important;
    text-decoration: none;
}
div#right_menu ul.sub-menu li.selected a {
    background-color: #f8f8f8;    
    color: #03A2E0;
    font-weight: bold !important;
    text-decoration: none;
}
div#right_menu ul.sub-menu li.selected a:hover {
    background-color: #f8f8f8;    
    color: #03A2E0;
    font-weight: bold !important;
    text-decoration: none;
}


table.lista_produktow {
	border: 1px solid #ccc;
	width: 100%;	
	font-size: 13px;
	border-collapse: collapse;
	margin: 20px 0;
}
table.lista_produktow TD {
	padding: 3px 5px;	
	border: 1px solid #ccc;
	vertical-align:top;
}
table.lista_produktow TD img {
	cursor:hand;
}
table.lista_produktow TH {
	padding: 3px 5px;	
	text-align: left;
	color: #fff;
	background-color: #03A2E0;
	font-size: 12px;
	border: 1px solid #ccc;
	text-transform:uppercase;
}
table.lista_produktow p {
	margin:0; 
	padding:0;
}
.lista_produktow img {
	cursor:hand;
-webkit-border-bottom: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

col.title {font-weight:bold; color: #000;}

div.contact { 
	float: left !important; 
	width: 300px !important;
	margin: 0 10px 0 0;	
}









/* COLORS */
.green {color:#80c011 !important;}
.red { color:#d00 !important;}
.yellow { color:#FACE19 !important;}
.slgray { color:#ccc !important;}
.lgray { color:#999 !important;}
.gray { color:#666 !important;}
.dgray { color:#333 !important;}
.black { color:#000 !important;}
.lgray_back { background-color:#e9e9e9;}
.slgray_back { background-color:#f0f0f0;}
.gray_back { background-color:#ccc;}
.lyellow_back { background-color:#ffeda9;}
.yellow_back { background-color:#FACE19;}
.white {border:2px solid #e9e9e9; background-color: #fff; }
.right {float: right; text-align:right; margin: 0 0 15px 15px;}

p.more {margin:0; padding: 0 0 5px 0;}
p.more a {color: #555 !important; font-size: 11px; padding:0 0 0 9px !important;}
p.more a:hover {color: #e10000 !important; font-size: 11px; padding:0 0 0 9px !important;}
  
/* rotator css */
div#rotator_homepage {position:relative; height:300px; margin:0; padding:0;}
div#rotator_homepage ul {float:left; position:absolute; list-style-type: none !important; list-style !important: none; height:300px; margin:0; padding:0;}
div#rotator_homepage ul li { float:left; position:absolute; list-style-type: none; list-style: none; margin:0; padding:0; background-image:none !important;}
div#rotator_homepage ul li img {background: #FFF;}
div#rotator_homepage ul li.show {z-index:500;}
div#rotator {position:relative; height:150px; overflow: hidden; margin:0; padding:0;}
div#rotator ul {float:left; position:absolute; list-style-type: none; list-style: none; height:150px; margin:0; padding:0;}
div#rotator ul li {float:left;	position:absolute; list-style-type: none; list-style: none;	margin:0; padding:0;}
div#rotator ul li img {background: #FFF;}
div#rotator ul li.show {z-index:500;}


/* stara strona działała w trybie zgodności przeglądarki (DOCTYPE HTML 4.0 bez adresu DTD); nowa — w trybie
   standardowym, w którym pod obrazkiem w linii zostaje odstęp na wydłużenia liter; to go usuwa jak dawniej */
img, iframe {vertical-align: bottom;}
/* w trybie zgodności tabele nie dziedziczą czcionki ani interlinii (arkusz przeglądarki dla quirks mode) */
table.lista_produktow td img {vertical-align: top;}
table {line-height: normal; font-size: medium; font-weight: normal; font-style: normal; font-variant: normal; text-align: start; white-space: normal;}
/* paski w tabeli produktów — dawniej jQuery w treści strony ($("tr:even"/"tr:odd")) */
table.lista_produktow tr:nth-child(odd) {background-color: #fff;}
table.lista_produktow tr:nth-child(even) {background-color: #f8f8f8;}