/* 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-1 > ul > li{float:left;margin:10px 0;color:#333;}
.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#cc1426;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget{padding:10px 0;}
.widget div.head{margin-bottom:10px;text-align:center;font-size:1.25em;text-transform:uppercase;color:#cc1426;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > 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{float:left;margin:10px 0;}

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

/* Display option: CONTENT */
.widget.type-1{width:228px;margin:0;height:228px}
#widget-1.widget.type-1,#widget-9.widget.type-1, #widget-17.widget.type-1{background:url('img/widzet1.png') no-repeat center center;margin-left:11%;}
.widget.type-1 .description, #widget-1.widget.type-1 .description,#widget-2.widget.type-1 .description,#widget-3.widget.type-1 .description,#widget-4.widget.type-1 .description{
	padding: 115px 6% 0 6%;
	font-size: 1.6em;
	line-height: 38px;
}
#widget-2.widget.type-1, #widget-18.widget.type-1, #widget-10.widget.type-1{background:url('img/widzet2.png') no-repeat center center;margin-left:2%;}
#widget-3.widget.type-1, #widget-19.widget.type-1, #widget-11.widget.type-1{background:url('img/widzet3.png') no-repeat center center;margin-left:2%;}
#widget-4.widget.type-1, #widget-20.widget.type-1, #widget-12.widget.type-1{background:url('img/widzet4.png') no-repeat center center;margin-left:2%;}
.widgets-list.widgets-2{margin-top:-124px;position:relative;z-index:10;color:#f8f9f7}

#content .widget.type-1{}
.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 */
.widgets-4 li{list-style:none;margin-bottom: 20px;}
.widget.type-4{width:100%;}
.widget.type-4 nav ul{list-style:none;width:100%;float:left}
.widget.type-4 nav > ul > li{float:left}
.widget.type-4 nav > ul > li a{text-decoration:none;float:left;border-right:1px solid #e2e2e2;padding:0px 6px;}
.widget.type-4 nav > ul > li:last-child a{border-right:none}
.widget.type-4 nav > ul > li:first-child a{padding-left:0}
.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:#cc1426;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;}

@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:480px){
  .widget[class*='type-']{width:98%;}
}

/* PLUGINS */

/* Display option: FACEBOOK LIKE BOX */
.widget.type-19 .head{text-align:left;padding:0 0 5px 10px;font-weight:bold;}
.widget.type-19 .fb-like-box{overflow:hidden;background-color:#2a2f34;}
.widget.type-19.light .fb-like-box{background-color:#fff;}
.widget.type-19 .button{display:none;}

.widgets-5 .widget.type-19{z-index:50;position:fixed;top:230px;padding:10px;}
.widgets-5 .widget.type-19.left{left:0px;padding-left:0;}
.widgets-5 .widget.type-19.right{right:0px;padding-right:0;}
.widgets-5 .widget.type-19.left .fb-like-box{float:left;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.widgets-5 .widget.type-19.right .fb-like-box{float:right;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.widgets-5 .widget.type-19 .button{display:block;float:left;padding:0 10px 30px;}

@media print{
  .widgets-5 .widget.type-19{display:none;}
}

/* Display option: GOOGLE MAPS */
.widget.type-14{width:98%;border:0;}
#content .widget.type-14{width:60%;float: right;margin-top:0}
.widget.type-14 div.head{text-align:left;text-transform:none;}
.widget.type-14 iframe{width:100%;min-height:350px;}

/* Display option: NOTICES */
.widget.type-10{display:none;padding:7px 0;background:#fff;font-size:0.75em;}
.widget.type-10 .close a{padding:5px 7px;font-weight:normal;text-decoration:none;background:#4a4b51;color:#fff;}
.widget.type-10 .close a:hover{background:#FF7E00;}
.widget.type-10.location-0 .head, .widget.type-10.location-3 .head{margin-bottom:7px;font-weight:bold;font-size:1.167em;}
.widget.type-10.location-1 div, .widget.type-10.location-2 div{display:inline-block;margin-right:4px;}
.widget.type-10.location-1 .head, .widget.type-10.location-2 .head{margin-right:10px;font-weight:bold;}
.widget.type-10.location-2{border-bottom:1px solid #555;}
.widget.type-10.location-1, .widget.type-10.location-2, .widget.type-10.location-0{position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);}
.widget.type-10.location-2{top:0px;}
.widget.type-10.location-1{bottom:0px;border-top:1px solid #555;}
.widget.type-10.location-0{width:200px;left:0px;bottom:0px;padding:10px;border:1px solid #bbb;z-index: 99;}
.widget.type-10.location-3{position:fixed;top:100px;left:50%;z-index:1001;width:700px;margin-left:-350px;padding:30px;text-align:center;background:#fff;border:5px solid #fff;border-radius:10px;}
.widget.type-10.location-1 .close, .widget.type-10.location-2 .close{margin-left:20px;}
.widget.type-10.location-0 .close, .widget.type-10.location-3 .close{margin-top:15px;}
.widget-dark-background{display:none;position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba( 0, 0, 0, 0.7 );z-index:1000;}
/* 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:100%;}
.type-7 div.head, #content .widget.type-7 div.head{text-transform:none;}
@media screen and (max-width:899px){
  .type-7{width:98%;}
}


@media screen and (max-width:1289px){
  .widgets-list.widgets-2{margin-top: -12%;}
}
@media screen and (max-width:1200px){
  #widget-1.widget.type-1, #widget-9.widget.type-1, #widget-17.widget.type-1{margin-left: 5%;}
}
@media screen and (max-width:1080px){
  .widget.type-1{margin-left:1%;}
  #widget-1.widget.type-1, #widget-9.widget.type-1, #widget-17.widget.type-1{margin-left:2%;}
  .widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget {padding: 10px 0%;}
}
@media screen and (max-width:1023px){
  .widget.type-1{width:46%;float:left;margin:1%;min-height:190px;height:auto}
  #widget-1.widget.type-1, #widget-9.widget.type-1, #widget-17.widget.type-1{background:#F39201 url('img/widzet1.png') no-repeat center 3px;}
  #widget-2.widget.type-1, #widget-18.widget.type-1, #widget-10.widget.type-1{background:#E57105 url('img/widzet2.png') no-repeat center 3px;}
  #widget-3.widget.type-1, #widget-19.widget.type-1, #widget-11.widget.type-1{background:#EA5547 url('img/widzet3.png') no-repeat center 3px;}
  #widget-4.widget.type-1, #widget-20.widget.type-1, #widget-12.widget.type-1{background:#B83022 url('img/widzet4.png') no-repeat center 3px;}
}
@media screen and (max-width:750px){
  #content .widget.type-14{width:100%;clear:both;float:left;margin-top:20px}
}
@media screen and (max-width:639px){
  .widget.type-1{min-height:210px;}
}
@media screen and (max-width:399px){
  ul#flags{position:absolute;top:54px;left:4px;z-index:10}
   .widget.type-1{min-height:auto;width:98%;margin-left: 1%;}
  #widget-1.widget.type-1, #widget-9.widget.type-1, #widget-17.widget.type-1,#widget-2.widget.type-1, #widget-18.widget.type-1, #widget-10.widget.type-1,#widget-3.widget.type-1, #widget-19.widget.type-1, #widget-11.widget.type-1,#widget-4.widget.type-1, #widget-20.widget.type-1, #widget-12.widget.type-1{margin-left: 1%;}
  .widget.type-4 nav > ul > li{width:49%;text-align:center}
  .widget.type-4 nav > ul > li a{width:100%;text-align:center;padding: 10px 0;}
  .widget.type-4 nav > ul > li a{border: 1px solid #e2e2e2;}
  .widget.type-4 nav > ul > li:nth-child(1) a, .widget.type-4 nav > ul > li:nth-child(3) a, .widget.type-4 nav > ul > li:nth-child(5) a{border-right: 0}
  .widget.type-4 nav > ul > li:last-child a{border-right: 1px solid #e2e2e2;}
  .widget.type-4 nav > ul > li:nth-child(1), .widget.type-4 nav > ul > li:nth-child(3), .widget.type-4 nav > ul > li:nth-child(5){clear:both}

  #widget-1.widget.type-1 .description, #widget-2.widget.type-1 .description, #widget-3.widget.type-1 .description, #widget-4.widget.type-1 .description{font-size:1em}
}