html {font-size:100.1%;}
body {background: url('../img/bg0.gif') top repeat-x; font-size:16px; } /* bgX.gif X-stopien jasnosci 0-1 (0-jasny-1-ciemny) */

h2, h3, h4, h5, h6, li, input, textarea {font-family: Arial, Verdana, sans-serif; }

p {font-family: Arial, Verdana, sans-serif; font-weight:normal;}

a:link {text-decoration:none;} 
a:focus, :focus {outline:none;}

abbr, acronym {cursor:help;}

hr {margin:.7em 0 0 0; border:2px solid #eee; width:95%; text-align:left;}
hr.last {width:100%;}

.boxShadow {-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */ -webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */ filter:progid:DXImageTransform.Microsoft.Shadow(color='#969699', Direction=145, Strength=3); }

p.signature {background:url("../img/signature.png") 5% 50% no-repeat; width:106px; height:22px;}

/*- Layout Styles ----------------------------------------------------------*/

div#wrapper {width:900px; margin:0 auto; position:relative; }

div#header {width:900px; height:70px; position:relative; border-bottom:1px dotted #bbb; }

div#header img.logo {width:70px; height:60px; margin-top:0; padding-right:5px; float:left;}
div#header h1 {width:500px; padding: 0; font-weight:bold; margin-top:10px; padding-top:10px; text-shadow: 0px 0px 2px #999;} /* logo / tytuł strony */
div#header h1 a {color:#fff; width:500px;}

div#header h2 {width:500px; padding: 0 0 0 2px; font-size:0.7em; margin-top:0.1em; font-weight:bold; letter-spacing: .2em; text-shadow: 0px 0px 1px #ccc;}  /*tagline */
div#header h2 a {color:#666; width:500px;}

div#header h1 a:hover, 
div#header h2 a:hover {opacity:0.6;} /* ZROBIĆ OPACITY DLA IE */

div#header div a, div#header p a:visited {color:#666;}
div#header div a:hover {opacity:0.7;}
div#header div p {color:#666; }

div#topNavigation {position:absolute; top:0; right:0; margin:0 auto; text-align:right; font-size:0.6em; }
div#topNavigation a, 
div#topNavigation img {margin:0; padding:0;}
div#topNavigation a:hover {opacity:0.7;}

div#header div.recommend,
div#header div.addthis_toolbox,
div#header div.pinterest {height:20px; float:right; font-size:.6em; margin:40px 0 0 0;}
div#header div.recommend p {margin:0 10px 0 0; padding:4px 0 0 0; }
div#header div.addthis_toolbox,
div#header div.pinterest {padding:0;}
div#header div.addthis_toolbox a,
div#header div.pinterest a {margin:0; padding:0;}


/* */

div#imageSlider {width:900px; height:250px; position:relative; overflow:hidden; margin:0 0 1.5em 0; padding-top:0.25em; border-top:1px dotted #bbb;}
div#imageSlider p {display:block; position:absolute; width:625px; right:0; bottom:0; background:url('../img/image-text-bg2.png') top left repeat; z-index:100; padding:0.4em 1em .3em 2em; text-align:right; line-height:1.2em; font-size:1.5em; color:#fff; text-shadow: 0px 0px 2px #000;} /* image-text-bgX.png X-stopien jasnosci 1-3 (0-jasny-1-sredni-2-ciemny) */

/* */

div#mainNavigation {float:left; width:170px; }
div#mainNavigation ul {padding:0; margin: 0; list-style:none; }
div#mainNavigation ul li {list-style-type:none; margin:0; border-bottom:1px dotted #bbb; border-top:1px dotted #bbb; padding:10px 3px 28px 3px; letter-spacing: 1px; font-weight:bold; position:relative; text-shadow: 0px 0px 1px #ccc;h}
div#mainNavigation ul li.first {border-top:none;}
div#mainNavigation ul li.last {border-bottom:none;}
div#mainNavigation ul li a {color:#258; font-size:0.785em; padding-left:12px; background:none; position:absolute; left:-10px; margin:0;}
div#mainNavigation ul li a:hover, 
div#mainNavigation ul li a:focus,
div#mainNavigation ul li a.active {color:#29c; font-size:0.785em; padding-left:12px; background:url('../img/list-pointer.png') 2% 35% no-repeat; }
div#mainNavigation ul li a.www {left:55px; border-left:1px dotted #ccc; padding-left:12px; }
div#mainNavigation ul li a.www:hover, div#mainNavigation ul li a.www:focus, div#mainNavigation ul li a.www.active {padding-right:12px; background:url('../img/list-pointer.png') right 35% no-repeat;} 

div#mainNavigation ol {padding:0; margin: 0;}
div#mainNavigation ol li {list-style-type:none; margin:0; padding:8px 3px 8px 0px; letter-spacing: 1px; font-weight:bold; text-shadow: 0px 0px 1px #ccc; line-height:0.8em;}
div#mainNavigation ol li.first {border-top:1px dotted #bbb; padding-top: 36px;}
div#mainNavigation ol li a {color:#258; font-size:0.785em; }
div#mainNavigation ol li a:hover, 
div#mainNavigation ol li a:focus,
div#mainNavigation ol li a.active {color:#29c; font-size:0.785em;  }

/* Google+ */
div.socialBadge a {display:inline-block; margin-left:1.7em; text-decoration:none; color:#333; text-align:center; font:13px/16px arial,sans-serif; white-space:nowrap; padding-bottom:5px; border-bottom: 5px solid #444;} 
div.socialBadge img {width:64px; height:64px; margin-bottom:7px;}

/* */

div#mainContent {width:678px; float:right; }
div#mainContent h3 {margin-top:1em; padding:0 0 1em 0; width:676px; border-bottom:1px dotted #bbb; letter-spacing:1px; color:#888; font-weight:bold; font-size:0.785em; line-height:100%; padding-left:2px; text-shadow: 0px 0px 1px #ddd;}
div#mainContent h3 a {color:#888;}
div#mainContent h3 a strong {color:#ee3d2f;}
div#mainContent h3 a:hover, 
div#mainContent h3 a:focus {opacity:0.7;} /* ZROBIĆ OPACITY DLA IE */
div#mainContent h3 img {float:right; margin:0 5px 0 0; }

/* ContentCols - tylko HOME */

div#mainContent div#contentCols {width:100%; padding:0; margin:0; border-top:1px dotted #bbb; /*background:#eee; height:250px; border-bottom:1px solid red;*/}

div#mainContent div#contentCols div {width:222px; margin-right:10px; float:left;}
div#mainContent div#contentCols div.last {margin-right:0; width:210px;} 

div#mainContent div#contentCols h4 {padding: 0; font-size:0.7em; margin:1.9em 0 0 0; font-weight:bold; letter-spacing: .1em; padding-left:2px; text-shadow: 0px 0px 1px #ccc;}
div#mainContent div#contentCols h4 a {color:#666; }
div#mainContent div#contentCols h4 a:hover, 
div#mainContent div#contentCols h4 a:focus {opacity:0.7;} /* ZROBIĆ OPACITY DLA IE */

img.poradnik {float:right; margin:6px 12px 10px 0; padding-top:0px;}

/* */

div#mainContent div#contentCols p {padding:.5em 0px 0 2px; margin:0; height:120px; font-size:.7em; line-height:1.3em; color:#888; border-right:2px solid #eee; }
div#mainContent div#contentCols p.last {border:none; }

div#mainContent div#contentCols img {float:right; width:65px; height:85px; margin:10px 15px 10px 10px; }
div#mainContent div#contentCols img.last {margin-right:2px;}
div#mainContent div#contentCols img:hover, 
div#mainContent div#contentCols img:hover {opacity:0.7;} /* ZROBIĆ OPACITY DLA IE */

div#mainContent div#contentCols ul {margin:0; padding:0;}
div#mainContent div#contentCols li {list-style-type:none; border:none; line-height:.7em; font-size:.7em; margin:0.6em 0 0 0; width:10em; padding:0; padding-left:2px; font-weight:bold; letter-spacing:.1em; text-shadow: 0px 0px 1px #ccc;}
div#mainContent div#contentCols li a {color:#258; padding-right:12px; background:url('../img/list-more.png') 100% 55% no-repeat; }
div#mainContent div#contentCols li a:hover, 
div#mainContent div#contentCols li a:focus {color:#29c; padding-right:12px; background:url('../img/list-more-hover.png') 100% 55% no-repeat; }

div#mainContent div#contentCols p.clear {height:1em; border-right:none; clear:both;}

/* contentRow tylko HOME */

div#mainContent div#contentRow {width:100%; font-size:.7em; line-height:1.3em; }
div#mainContent div#contentRow div {float:left; }
div#mainContent div#contentRow p {color:#888; padding:0; margin:5px 0 0 0;}
div#mainContent div#contentRow p a {color:#666; font-weight:bold; text-shadow: 0px 0px 1px #ccc; }
div#mainContent div#contentRow p strong {color:#ee3d2f; text-shadow: 0px 0px 1px #ddd;}

div#mainContent div#contentRow div.left {width:452px; margin:10px 0 20px 0; border-right:2px solid #eee; }
div#mainContent div#contentRow div.left p {padding-left:2px; }
div#mainContent div#contentRow div.left a, 
div#mainContent div#contentRow div.left p a:visited {color:#666;}
div#mainContent div#contentRow div.left a:hover {opacity:0.7;}

div#mainContent div#contentRow div.left ul {margin:0; padding:0; }
div#mainContent div#contentRow div.left li {list-style-type:none; border:none; line-height:1em; font-size:1em; margin:1.1em 0 0 0; padding-left:2px; font-weight:bold; letter-spacing:.1em; text-shadow: 0px 0px 1px #ccc; }
div#mainContent div#contentRow div.left li a {color:#258; padding-right:12px; background:url('../img/list-more.png') 100% 55% no-repeat; }
div#mainContent div#contentRow div.left li a:hover, 
div#mainContent div#contentRow div.left li a:focus {color:#29c; padding-right:12px; background:url('../img/list-more-hover.png') 100% 55% no-repeat; }

div#mainContent div#contentRow div.right {width:208px; margin:10px 0 20px 0; padding:0 0 0 12px;  }
div#mainContent div#contentRow div.right p {font-size:1em; font-weight:bold; text-shadow: 0px 0px 1px #ccc; }
div#mainContent div#contentRow div.right img {width:22px; height:22px; float:left; margin:10px 15px;}
div#mainContent div#contentRow div.right p span {font-size:1.5em; color:#29c; text-shadow: 0px 0px 1px #ccc; line-height:1.3em;  }

/* bottomContentRow tylko HOME */

div#bottomContentRow {width:696px; float:right; margin: 0; font-size:.7em; line-height:1.3em; background:#444; }
div#bottomContentRow p {margin:0; color:#fff; padding:5px 10px 5px 0; text-align:right; text-shadow: 0px 0px 2px #000;} 

/* 

 */
div#bottomContentRow p.clear {}

/* contentText - PODSTRONY */
m
div#mainContent div#contentText {width:100%; padding:0; margin:0; color:#666; padding:12px 0 0 0; text-align:justify;}
div#mainContent div#contentText.first {border-top:1px dotted #bbb; min-height:302px; padding:20px 0 0 0;}
div#mainContent div#contentText div.left {float:left; width:430px; }
div#mainContent div#contentText div.right {float:right; width:205px; }
div#mainContent div#contentText img {float:right; width:205px; height:150px; margin: 12px 3px 35px 0;}
div#mainContent div#contentText blockquote {float:right; width:205px; font-size:.8em; color:#999; text-align:left;}
div#mainContent div#contentText blockquote cite {clear:left; float:right; padding-top:1em; text-shadow: 0px 0px 1px #ccc;}
div#mainContent div#contentText blockquote cite a {}
/*div#mainContent div#contentText div p {color: #069; font-size:1.3em; line-height:2em; text-shadow: 0px 0px 1px #ccc; border-bottom:7px double #29c; padding-bottom:5px;}*/


div#mainContent div#contentText p {float:left; width:430px; padding:0 0 0 2px; font-size:.7em; line-height:1.3em; }
div#mainContent div#contentText p.navigation {text-align:right; margin:.5em 0 0 0; padding:0; font-size:.6em; }
div#mainContent div#contentText p.navigation a:link,
div#mainContent div#contentText p.navigation a:visited {margin:0; padding:0; color:#aaa; text-decoration:none;}
div#mainContent div#contentText p.navigation a:hover {opacity:0.7;}
div#mainContent div#contentText p.navigation img {width:16px; height:12px; margin:0; border:0; padding:0;}

div#mainContent div#contentText blockquote.about {float:left; width:430px; padding:1em 0 0 1em; font-size:.8em; line-height:1.3em; color:#999; border-left:3px solid #ddd;}
div#mainContent div#contentText blockquote.first {margin-top:2em; padding-top:0;}
div#mainContent div#contentText blockquote.about cite {clear:left; float:right; padding-top:1em;}

div#mainContent div#contentText p.clear {clear:both; height:10px; width:100%;}

div#mainContent div#contentText h4, div#mainContent div#contentText h5, div#mainContent div#contentText h6 {float:left; width:430px; font-size:0.7em; margin:0; font-weight:bold; letter-spacing: .1em; padding:10px 0 0 2px; text-shadow: 0px 0px 1px #ccc;}

div#mainContent div#contentText h5 {color:#29c; font-size:.8em; margin-top:5px;}
div#mainContent div#contentText h5 strong {color:#ee3d2f;}
div#mainContent div#contentText h5 a:link {text-decoration:none; padding-right:14px; background:url('../img/list-more.png') 100% 80% no-repeat;}

div#mainContent div#contentText h5 a:hover,
div#mainContent div#contentText h5 a:active,
div#mainContent div#contentText h5 a:focus
div#mainContent div#contentText h5 a:visited {text-decoration:none; padding-right:14px; background:url('../img/list-more-hover.png') 100% 80% no-repeat;}
div#mainContent div#contentText h5 a:hover {text-decoration:underline;}

span[title="readMore"] {padding-right:14px; background:url('../img/list-more.png') 100% 80% no-repeat;}
a span[title="readMore"] {color:#29c; font-size:.8em; }

div#mainContent div#contentText h6 {color:#666; font-size:.8em; text-align:left;}
div#mainContent div#contentText div.left h6 {color:#ee3d2f; font-size:.7em;}
div#mainContent div#contentText div.address {float:left; width:340px; }
div#mainContent div#contentText div.address h5, 
div#mainContent div#contentText div.address p,
div#mainContent div#contentText div.address h4,
div#mainContent div#contentText div.address hr {width:100%; clear:both; float:none;}
div#mainContent div#contentText p.address {line-height:1.6em; font-size:.8em; color:#666; margin: 3px 0 20px 0; text-shadow: 0px 0px 1px #ccc;}
div#mainContent div#contentText p.address a {color:#29c; }
div#mainContent div#contentText p.address a:hover,
div#mainContent div#contentText p.address a:focus {opacity:0.7;}

div#mainContent div#contentText div.googlemap {float:right; width:300px; height:340px; margin: 15px 0 10px 0; }
div#mainContent div#contentText div.googlemap iframe {margin:0; padding:0;}
div#mainContent div#contentText div.googlemap blockquote {padding-top:60px; width:250px; }


div#mainContent div#contentText ul, div#mainContent div#contentText ol {padding:0; }
div#mainContent div#contentText ul li {margin:0 0 0 17px; float:left; width:430px; padding:1em 0 0 0; font-size:.7em; line-height:1.3em; text-align:left; list-style-image:url("../img/list-pointer.png");}
div#mainContent div#contentText ul li ul li, 
div#mainContent div#contentText ol li ul li {margin:0 0 0 17px; float:left; width:430px; padding:1em 0 0 0; font-size:1em; line-height:1.3em; text-align:left; list-style-image:url("../img/arrow-right.gif");}

div#mainContent div#contentText ol li {margin:0 0 0 17px; float:left; width:430px; padding:1em 0 0 0; font-size:.7em; line-height:1.3em; text-align:left;}

div#mainContent div#contentText a:link {color:#069; text-decoration:underline;}
div#mainContent div#contentText a:visited {color:#666;}
div#mainContent div#contentText a:hover,
div#mainContent div#contentText a:focus {color:#29c;}
div#mainContent div#contentText a[href^="http://"] { background:url(../img/exlink.gif) top right repeat-y; padding-right:10px;}

div#mainContent div#contentText hr {float:left; width:436px; margin:1em 0 0 0; border:1px dotted #ddd; } 
div#mainContent div#contentText p.annotation {height:0; line-height:0; margin:0; width:400px; font-size:0.6em; color:#aaa; text-align:left; border-top:1px solid #ccc; line-height:1em; padding:5px 0 0 0;}

div#mainContent div#contentText div.advert p {color:#888; padding:0; contentText
font-weight:bold; }
div#mainContent div#contentText div.advert a {background:none; cursor:pointer;}
div#mainContent div#contentText div.advert a:hover {opacity:0.7;}
div#mainContent div#contentText div.advert img {width:200px; height:60px; padding:2px 4px 5px 3px; margin:8px 2px 15px 0; border-top:3px solid #ccc; border-bottom:3px solid #ccc;}



/* form */

div#mainContent div#form {float:left; width:678px;}
div#mainContent div#form p {width:558px; background:#e6e9eb; margin:0; font-size:0.7em; padding:10px 40px 10px 80px ; color:#888; border-bottom:1px solid #fff;}
div#mainContent div#form form {background:#f2f4f5; margin-bottom:2em;}
div#mainContent div#form ol {}
div#mainContent div#form ol li {list-style-type:none; margin:0; }
div#mainContent div#form ol li label {width:150px; float:left; display:block; text-align:right; padding-right:5px; color:#888; font-size:0.7em; line-height:1.7em; }
div#mainContent div#form textarea, 
div#mainContent div#form input {width:433px; background-color:#fff; border:0; color:#444; padding:2px; border:1px solid #d9dee1; font-size:0.7em; }
div#mainContent div#form ol li.last {padding-bottom:40px;}

div#mainContent div#form ol li input[type=submit] {border:none; width:68px; height:15px; margin:0; padding:0; background-image: url(../img/send-button.png); cursor:pointer;}
div#mainContent div#form ol li input[type=submit]:hover, div#mainContent div#form ol li input[type=submit]:focus {opacity:0.7;} 

div#mainContent div#form label.first {margin-right:16px; width:252px; }
div#mainContent div#form label span {display:block; width:320px; }

/* */

div#footer {clear:both; width:900px; margin:0 auto; font-size:.7em; line-height:1.3em; background:#abb;}
div#footer p { margin:0; color:#eff; padding:5px 3px 0 12px; }
div#footer p.copyright {float:left; width:174px; text-align:left; padding-left:5px;}
div#footer p.left {float:left; margin-left:10px; background:url("../img/arrow-right.gif") 0% 71% no-repeat;}
div#footer p a {color:#eff; }
div#footer p a:hover,
div#footer p a:hover {color:#fff; }
div#footer p.right {float:right; text-align:right; background:url("../img/arrow-right.gif") 0% 71% no-repeat; }
div#footer p.clear {clear:both;}

/*
div#w3c {margin:0 auto; width:910px; padding:0; opacity:0.7;}  ZROBIĆ OPACITY DLA IE 
div#w3c p {margin:0; padding:0 0 5px 0; text-align:right;}
div#w3c p a:hover {opacity:0.7;}  ZROBIĆ OPACITY DLA IE */

/*- Layout Styles eof ----------------------------------------------------------*/