/* cmsms stylesheet: polteron_css modified: 09/13/24 15:11:57 */


* {font-family: 'open sans',tahoma,arial;}
html, body {margin:0; padding:0;font-size:14px;}

#ramka {display:block;width:100%;min-width:800px;margin-left:auto;margin-right:auto;margin-top:0; background:url(http://polteron.pl/uploads/images/szablon/bim_image.jpg) repeat-x;background:none;}
#ramkaheader, #ramkapasek, #ramkafoto, #ramkacontent, #ramkastopka {display:block; width:100%; margin:0 auto 0 auto; padding:0;}
#ramkaheader  {background-color:rgba(42, 92, 169, 0.9);height:150px;}
#header, #pasek, #content, #foto, #stopka {min-width:800px; width:80%; max-width:1200px; margin:0 auto 0 auto;padding:0;}

#header {display:block;height:150px;position:relative;background:url(http://polteron.pl/uploads/images/szablon/logo-polteron2.png) no-repeat ;background-position:0px 1px;}
#header #logo {display:block;color:white;margin-top:0;font-size:36px;font-weight:bold;font-style:italic;visibility:hidden;}
#header #lang {position:absolute;top:5px;right:0;}
#lang img {width:30px;height:20px;border-radius:5px;}

#menu {position:absolute;z-index:100;text-align:right;height:90px;bottom:0px;right:0;}
#menu ul {list-style:none; margin:0 0 0 auto; padding:0;text-align:left;}
#menu > ul > li {display:inline-block;margin:0; padding:0 8px 0 15px; position:relative; height:90px;line-height:90px; font-size:16px; color:white;text-align:right; border:solid rgba(120, 156, 221, 0.9); border-width: 0px 0px 0px 1px;}
#menu > ul > li > ul > li.sectionheader > span {line-height:30px;}
#menu > ul > li:first-child {border:none;}
#menu > ul > li > span:hover {cursor:context-menu;}
#menu ul li ul li {padding-left:0px;color:black;font-size:15px;}


#menu ul li a, #menu ul li a:visited,#menu ul li a:link {color:white;text-decoration:none;}
#menu ul li a {display:block; padding:0 5px 0 5px; line-height:30px;}
#menu ul li ul a, #menu ul li ul a:link, #menu ul li ul a:visited {color: black;}
#menu > ul > li > a {height:90px; line-height:90px;}
#menu  ul  li  ul  li.sectionheader span::after {content: ":";}
#menu > ul > li > ul {  
  position:absolute; right:-2px;top:90px;visibility:hidden;width:300px; border:solid 1px #2a5caa;background-color:white;
  transform: scaleY(0); /* zwija cały element */
  -webkit-transform: scaleY(0);
  transform-origin: 50% 0; /* ustawia punkt zwijania względem środka górnej krawędzi */
  -webkit-transform-origin: 50% 0;
  transition: 200ms; /* wydłuża wykonywanie stylów */
}
#menu > ul > li > ul > li:first-child {margin-top:4px;}
#menu  ul  li:hover  ul {
  visibility:visible;
  transform: scaleY(1); /* rozwija element do całej jego wysokości */
  -webkit-transform: scaleY(1);
}
#menu > ul li ul li a:hover {background-color:#2a5caa;color:white;}
#menu ul li ul li.sectionheader, #menu ul li ul li.parent {background-image:url(http://polteron.pl/uploads/images/szablon/arrow_r.png);background-repeat:no-repeat;background-position:right center;background-size:14px 14px;}
#menu > ul > li > ul > li.sectionheader span {display:block; /*color: #2a5caa;*/ padding-left:5px;}

/*menu  drugi poziom rozwijalny*/
#menu >ul > li > ul > li {position:relative;}
#menu >ul > li > ul > li > ul {display:none;}
#menu >ul > li > ul > li:hover > ul {display:block;position:absolute;width:250px;left:295px;top:0px;background:white;border: solid 1px #2a5caa;}


/* pasek z newsami */
#pasek {display:block;height:40px;overflow:hidden;line-height:40px;font-weight:normal;font-size:18px;background-color:rgba(255,255,255,0.9); color:#000; border:solid #2a5caa 0px; }
#ramkapasek {border:solid 0px #ddd; margin: 3px 0 3px 0;border-width: 0px 0px 1px 0px;}

#foto {display:block;width1:100%;height:350px;background:url(http://polteron.pl/uploads/images/szablon/bim_image3.jpg) no-repeat left top; background-size:100% 100%;}

/*aktualnosci*/
#content #newsy .newsramka {display:block;border: solid 1px #ccc; width: 44%; float:left; width:calc(50% - 12px);margin-bottom:10px;height:250px;overflow:hidden;}
#content #newsy .newsramka:nth-child(odd) {margin-left:10px;}
#content #newsy .newsramka:nth-child(even) {margin-right:10px;}
#content #newsy .newsramka .NewsSummaryPostdate {background-color:#eee; color:#666;padding-left:10px;}
#content #newsy .newsramka .NewsSummaryLink {display:block; background-color:#eee; color:#666; padding:10px;}
#content #newsy .newsramka .NewsSummaryLink a {color:#666;text-decoration:none;font-weight:bold;font-size:1.2em;}
#content #newsy .newsramka .NewsSummarySummary {padding:0px 10px 10px 10px;}
#content #newsy .newsramka .NewsSummarySummary div {display:inline-block;}
#content #newsy .newsramka .NewsSummaryMorelink a {color:gray;}
#content #newsy .newsramka .NewsSummaryContent {padding:0 10px 10px 10px;}

/*content*/
#content{width1:100%;display:block;clear:both;font-size:14px;}
#content h1 {color:#2a5caa;font-weight:400;border-bottom:3px solid #cccccc;}
/*niebieski pasek na szarym pod tytułem*/
/*#content h1::after {
    width: 10%;
    height: 3px;
    display: block;
    content: "";
    background-color: #2a5caa;
    position: absolute;
}*/

#stopka {clear:both;display:block; height:50px; width1:100%;border-top:solid 1px silver;background-color:#2a5caa;color:white;position:relative;}
#dolne_menu {margin:0; padding:0px;display:block;position: relative;}
#dolne_menu   ul {list-style:none;margin:0;padding:0;display:block;width:100%;}
#dolne_menu > ul > li {display:inline-block;margin:0;padding:0 20px 0 20px;line-height:50px;height:50px;}
#dolne_menu ul li a {display:block;height:50px;}
#dolne_menu ul li a, #dolne_menu ul li a:link, #dolne_menu ul li a:visited {text-decoration:none;color:#dddddd;}
#dolne_menu ul li a:hover {color:silver;}
#dolne_menu ul li.sectionheader span {font-weight:bold;}

#dolne_menu ul li ul li {display:inline-block;padding:0 10px 0 10px;border-right:0px solid white;}
#dolne_menu ul li ul {display:none;width:100%;position:absolute;left:0; top: -50px;background-color:black;}
#dolne_menu ul li:hover ul {display:block;}
#dolne_menu ul li ul li ul li {display:none;}
#dolne_menu ul li ul li:hover ul li{display:inline-block;}
#dolne_menu ul li.sectionheader:hover {cursor:context-menu;}


#stopka2 {display:block;float:right;width:260px;font-size:11px;text-align:right;padding:10px;position:absolute;bottom:0px;right:0px;}
#stopka2 p {margin:0;padding:0;line-height:1em;}

@media screen and (max-width:1270px) {
#header {background-size:375px 112px;}
#menu {height:60px;}
#menu > ul > li {height:60px;line-height:60px;}
#menu > ul > li > a {height:60px;line-height:60px;}
#menu > ul > li > ul {top:60px;}
#foto {height:300px;}
#content #newsy .newsramka {height:360px;}
}
@media screen and (max-width:1000px)  {
#foto {height:250px;}
}