/* Quick.Cms.Ext v6.x slider stylesheet */
/* WIDGETS
  to style widgets in specific location use:
  .widgets-1 ... - type: top header
  .widgets-2 ... - type: header below menu
  .widgets-3 ... - type: footer after content
  #content ... - type: inside page content
*/

/* GLOBAL */
.widgets-1{position:relative;width:1200px;margin:10px auto;text-align:left;overflow:hidden;}
.widgets-3{clear:both;width:100%;margin:0 auto;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)), url('img/bg-widgets-3.jpg') top center no-repeat;background-size:100% auto;background-attachment:fixed;min-height:500px;}
.widgets-3 ul{width:1200px;margin:0 auto;list-style:none;}
.widgets-4{clear:both;width:100%;margin:0 auto;background:#bbb;min-height:250px;}
.widgets-4 ul{width:1200px;margin:0 auto;list-style:none;}
.widgets-1 > ul > li{float:left;margin:10px 0;color:#333;}
.widgets-1 div.head{margin:25px 0;text-align:center;font-size:1em;color:#ff0000;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, .widgets-4 > ul, .widgets-4 > ul > li, #content .widget{padding:10px 1%;line-height:1.75em;}
.widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#ff0000;}
.widgets-1 > ul, .widgets-2 > ul{float:left;width:100%;list-style:none;}
.widget > div.description{padding-bottom:5px;}
.widget ul{list-style:none;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul > li, .widgets-3 > ul > li, .widgets-4 > ul > li{float:left;margin:10px 1%;border-top:5px solid #e8eaee;}
.widgets-3 div.head{color:#fff;text-shadow:1px 1px 2px #333;font-size:1.5em;font-weight:700;text-align:left;margin:25px 0;}
.widgets-3 > ul > li{color:#fff;text-shadow:2px 2px 3px #000;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{float:left;margin:10px 1%;}

/* Display option: CONTENT */
.widget.type-1{width:31.3%;}
#content .widget.type-1{border:1px solid #e8eaee;border-top-width:5px;}
.widget.type-1 ul, .widget.type-1 ol{padding:0 0 0 30px;overflow:hidden;}
.widget.type-1 li{margin:5px 0;padding:0;border-left:0;}
.widget.type-1 p{padding-bottom:7px;}

/* Display option: PAGE */
.widget.type-2{width:31.3%;}
.widget.type-2 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.name{font-size:1.188em;}
.widget.type-2 div.name a{text-decoration:none;}
.widget.type-2 time{display:block;padding-top:5px;color:#6e6e6e;}
.widget.type-2 div.description{margin-top:6px;text-align:justify;font-size:0.875em;}
#content .widget.type-2{width:31.3%;border:1px solid #e8eaee;border-top-width:5px;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widget.type-3, .widget.type-6{width:48%;padding-left:0;padding-right:0;}

/* Display option: MENU */
.widget.type-4{width:31.3%;}
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 nav > ul > li{padding:4px 0 4px 22px;background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widget.type-4 nav > ul > li a{text-decoration:none;}
.widget.type-4 nav > ul > li ul{margin-left:3px;font-size:0.895em;}
.widget.type-4 nav > ul > li li{padding-top:2px;}
.widget.type-4 nav > ul > li li:before{content:'>';margin-right:7px;font-size:0.824em;color:#ff0000;font-weight:bold;}
#content .widget.type-4{width:31.3%;border:1px solid #e8eaee;border-top-width:5px;}

/* Display option: SUBPAGES
   other subpages styles you will find in style.css file in SUBPAGES LIST STYLES section
   just move it here and add .widgets-2 to create custom version */
.widget.type-5{width:48%;}
.widget.type-5 .pages-list.no-type p{font-size:0.875em;}
#content #page div.content .pages-list.no-type{padding:0;}
.widget.type-5 .pages-5 li{width:30%;margin:10px 1%;padding:10px 0.5%;border:0;text-align:center;}
.widget.type-5 .pages-5 li:nth-child(4n+1){clear:none;}
.widget.type-5 .pages-5 li:nth-child(3n+1){clear:left;}
.widget.type-5 .pages-5 .description{text-align:left;font-size:0.875em;}


/* WYBRANE WID¯ETY */
.widgets-3 #widget-5{width:62.6%;}

@media print{
  /* PRINT STYLES */
  .widgets-1{position:static;width:17.2cm;height:auto;margin:0;overflow:visible;}
}


/* RESPONSIVE WEB DESIGN - media queries */
  @media screen and (max-width:800px){
    .widgets-3{background:none;}
    .widgets-3 ul, .widgets-4 ul{width:95%;}
    .widgets-3 #widget-5{width:100%;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)), url('img/bg-widgets-3.jpg') top center no-repeat;background-size:cover;padding:0 20px;}
    .widgets-3 #widget-4{width:100%;text-shadow:none;color:#1f1a17;}
  }
  @media screen and (max-width:480px){
    .widget[class*='type-']{width:98%;}
  }


/* PLUGINS */

/* Display option: TAGS */
.widget.type-23{width:31.3%;}
.widget.type-23 ul{list-style:none;}
.widget.type-23 li{float:left;margin:0 15px 4px 0;}
.widget.type-23 li a{padding-left:20px;background:url('img/tag.png') no-repeat 0px 2px;}
.widget.type-23 li a:hover{color:#ff0000;}
@media screen and (max-width:900px){
  .widget.type-23{width:48%;}
}
@media screen and (max-width:460px){
  .widget.type-23{width:98%;}
}

/* Display option: SOCIAL LINKS */
.type-13{width:30%;text-align:center;}
.type-13 ul{display:inline-block;list-style:none;}
.type-13 li{display:inline-block;margin:0 8px;vertical-align:middle;}
#content .type-13 img{box-shadow:none;}
@media screen and (max-width:1000px){
  .type-13{width:48%;}
}
@media screen and (max-width:460px){
  .type-13{width:98%;}
}
/* Display option: CONTACT PANEL
   other subpages styles you will find in style.css file in CONTACT-PANEL section
   just move it here and add .widgets-1 to create custom version */
.type-7{width:48%;}
.type-7 div.head, #content .widget.type-7 div.head{text-transform:none;}
@media screen and (max-width:899px){
  .type-7{width:98%;}
}