/* Created 2016-04-11 20:48:48 - "Verix" Paweł Majewski */

/* #1F1A17 (31,26,23) - ciemny grafit z logo*/
/* #E46713 (228,103,19) - pomarańcz z logo*/

/* site template */

  /* general config */
    *
    {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
    }

  	@font-face 
  	{
  	  font-family: 'Open Sans';
  	  font-style: normal;
  	  font-weight: 400;
  	  src: local('Open Sans'), local('OpenSans'), url('google-open-sans/OpenSans-Regular.ttf') format('truetype');
  	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  	}

   /* @font-face 
    {
      font-family: 'Lato';
      font-style: normal;
      font-weight: 400;
      src: local('Lato Regular'), local('Lato-Regular'), url('google-lato-sans/Lato-Regular.ttf') format('truetype');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
    }*/

    html
    {
      padding: 0;
      margin: 0;
    }
    	
    body
    {
      font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
      font-size: 13px;
      width: 100%;
      min-width: 300px;
      background-color: rgb(255,255,255);
      color: rgb(88,88,88);
      margin: 0px auto 0px auto;
      padding: 0px 20px 0px 0px;
      overflow-y: scroll;      
    }

    body::-webkit-scrollbar
    {
    	width: 10px;
      background-color: #FEFEFE;
    }
    
    body::-webkit-scrollbar-track
    {
    	-webkit-box-shadow: inset 0 0 3px #000000;
    	background-color: #FEFEFE;
    }
    
    body::-webkit-scrollbar-thumb
    {
    	background-color: #000000;
    	border: 2px solid #808080;
    }
    
    small {font-size: 9px;}
    small.mini {font-size: 8px;}
    small.micro {font-size: 6px;}                   
    strong, b {font-weight: bold;}
    em, i {font-style: italic;}
    sup {vertical-align: super; font-size: smaller;}
    sub {vertical-align: sub; font-size: smaller;}
 
    .fieldRequired 
    {
      border: 1px solid red; 
      background-color: #FFD2BC;
    }
    .fieldApproved 
    {
      border: 1px solid green; 
      background-color: #00CC66;
    }
    
    input[type='text'] {padding: 2px;}
    select {padding: 1px;}            

	  details > summary
	  {
  		outline: none;
  		padding: 5px;      
  		cursor: pointer;     
	  }
	  
	  #ajaxLoader
	  {
  		display: block;
  		width: 48px;
  		height: 48px;
  		margin: 100px auto;
	  }

	  #backToTop
	  {
  		display: none;
  		position: fixed;
  		text-align: center;
  		bottom: 5px;
  		right: 48%;
  		left: 48%;
  		cursor: pointer;
      z-index: 100;
	  }
	  
    a.link, a.link:link:visited 
    {
      color: #4B1302;
      text-decoration: none;
    }
    a.link:hover {color: #007E10;}
    
    .screenBlock
    {
      width: 100%;
      min-height: 500px;
      max-width: 1400px;
      margin: 0px auto;
      padding: 10px 25px;
    }
    
    .visible {display: block;}
    
    .unvisible {display: none;}
    	  
	/* END general config */

  /* framework */
    #fullScreenBackground
    {
      position: fixed;
      z-index: 1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      padding: 0;
      background-image: url('/_img/background.jpg');
      background-size: cover; 
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.5;
    }
    
    header
    {
      position: fixed;
      top:0;
      left: 0;
      bottom: 0;
      width: 150px;
      background-color: rgb(255,255,255);
      z-index: 50;
      box-shadow: 5px 0px 10px rgba(0,0,0,0.3);
      border-right: 4px solid rgba(228,103,19,1);
    }

    header > #language
    {
      position: absolute;
      top: 7px;
      right: 10px;
    }

    header > #language .lngOpt
    {
      display: inline-block;
      border: 1px solid #E46713;
      width: 25px;
      height: 23px;
      padding: 3px;
      text-align: center;
      margin-left: 2px;
      cursor: pointer;
    }

    header > #language .lngOpt:hover {font-weight: bold;}

    header > #language .lngOptSet {background-color: #E46713; color: white;}

    header > a.logo
    {
      display: block;
      width: 100px;
      margin: 40px auto 0px auto;
    }
    
    header > a.logo img
    {
      width: 100px;
      height: 30px;
    }
    
    header > div#linki
    {
      width: 99%;
      height: 100%;
      margin: 0px auto;
      text-align: center;
    }
    
    header > div#linki > p 
    {
      color: rgba(31,26,23,1);
      font-size: 30px;
      margin-top: 25px;
      cursor: pointer; 
    }
    header > div#linki > p:hover {color: rgba(228,103,19,1);}
    
    header > div#linki > p.active {color: rgba(228,103,19,1);} 
    
    header > div#linki > p strong 
    {
      display: block;
      font-size: 12px;
      margin-top: -4px;
    }
    
    header > a#fb
    {
      position: absolute;
      bottom: 20px;
      left: 20px;
      font-size: 20px;
      color: rgb(59, 89, 152);
    }
    header > a#fb:link:visited:hover {color: rgb(59,89,152);}
    
    div#menuButton
    {
      position: fixed;
      top: 5px;
      left: 5px;
      cursor: pointer;
      color: rgba(31,26,23,1);
      z-index: 60;
    }
    div#menuButton:hover {color: rgba(228,103,19,1);}

    #headerFixMargin
    {
      margin-left: 0px;
    }
    
    nav#mobileMenu
    {
      width: 250px;
      height: 200px;
      background-color: rgba(31,26,23,1);
      border: 1px solid #fff;
      text-align: left;
      position: fixed;
      top: 0;
      right: 0px;
      z-index: 650;
      padding: 30px 5px 5px 5px;
      line-height: 25px;
      display: none;
    }    
        
    /* nav menu */
      nav > #mobileMenuClose
      {
        position: absolute;
        left: 7px;
        top: 3px;
        color: #fff;
        cursor: pointer;
      }
      
      nav#mobileMenu a, nav#mobileMenu a:link:visited 
      {
        display: block;
        margin-left: 10px;
        color: #fff; 
        text-decoration: none;
      }
      nav#mobileMenu a:hover 
      {
        text-decoration: underline;
      }
    /* END nav menu */       

    main
    {
      width: 100%;
      margin: 0px;
      padding: 0px;
      z-index: 30;
      position: relative;
    }  

    main > div#mainContent 
    {
      margin-top: 5px;
      min-height: 500px;
    }

  	footer
  	{
      height: 4px;
      border-top: 4px solid rgba(228,103,19,1);
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 51;
  	}
    
    footer > span 
    {
      margin-right: 40px;
      font-size: 0.9em;
    }
    
    #cmsLink
    {
      position: absolute; 
      left: 0;
      bottom: 5px;
      width: 20px;
      height: 15px;
    }
    
  /* END framework */

  /* 404 ERROR */
    main#error404
    {
      margin-top: 100px;
      font-size: 3em;
      text-align: center;
      line-height: 2em;
    }
  /* END 404 ERROR */

  /* interaction with user */  
    #coveredBox 
    {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #000000;
      opacity: 0.85;
      display: none;
      z-index: 500;
    }
    
    #confirmingBox 
    {
      position: fixed;
      width: 1px;    
      height: 1px;
      min-width: 290px;
      min-height: 300px;
      text-align: center;
      background-color: #FFFFFF;
      opacity: 0.9;
      display: none;
      z-index: 600;
      border-radius: 10px;
      overflow-y: auto;
      padding: 5px;
    }
    
    #closeButton
    {
      position: absolute; top: 0px; right: 5px;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
    }
    
    #cookiesInfo
    {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      display: none;
      padding: 10px 0px; 
      font-size: 12px; 
      text-align: center;
      color: #800000;
      background: linear-gradient(to right, rgba(100, 100, 100, 1), rgba(202, 202, 202, 1), rgba(100, 100, 100, 1)); 
      z-index: 700; 
    }
    
    #cookiesInfo > span
    {
      display: inline-block;
      width: 100px;
      padding: 5px;
      border: 1px dashed rgb(100, 100, 100);
      margin-left: 50px;
      color: blue;
      cursor: pointer;
    }
    
    iframe
    {
		display: block;
		width: 95%;
		height: 95%;
		margin: 0 auto;
		z-index: 210;    
	}
  /* END interaction with user */

  /* aside slider */
    aside
    {
      width: 100%;
      max-width: 600px;
      height: 62.5vw;
      max-height: 375px;
      margin: 0px auto 10px auto;
      padding: 0;
      position: relative;
      overflow: hidden;
      background: rgb(233,225,203);
      text-align: center;
    }
  
    aside > img 
    {
      width: 100%;
      max-width: 600px;
      height: auto;
    }
    aside > img:nth-child(1) {display: inline;} 
  
    aside > div#sliderText
    {
      width: 100%;
      min-height: 40px;
      position: absolute;
      text-align: right;
      z-index: 20;
      bottom: 0px;
      padding: 10px 50px 10px 5px;
      font-size: 20px;
      color: #fff;
      line-height: 1em;
      background: rgba(0,0,0,0.4);
    }
    aside > div#sliderText > span {display: none;}
    aside > div#sliderText > span:nth-child(1) {display: inline;} 
    aside > div#sliderText > span > small {font-size: 0.5em !important;}

    aside > div#sliderText > p
    {
      border: 1px solid #fff;
      width: 150px;
      height: 40px;
      background-color: #96145C;
      padding: 10px;
      font-size: 14px;
      margin: 10px auto;
      cursor: pointer; 
    }
    aside > div#sliderText > p:hover
    {
      border: 1px solid #96145C;
      background-color: #fff;
      color: #000;
      text-shadow: none;  
    }
  
    aside > div#sliderControlPrev
    {
      position: absolute;    
      left: 5px;
      top: 43%;
      background: rgba(0,126,16,0.4);
      padding: 10px;
      z-index: 30;
      cursor: pointer;
    }

    aside > div#sliderControlNext
    {
      position: absolute;
      right: 5px;
      top: 43%;    
      background: rgba(0,126,16,0.4);
      z-index: 30;
      padding: 10px;
      cursor: pointer;
    }
 
    aside > div#sliderControlPrev > i, aside > div#sliderControlNext > i
    {
      font-size: 2.5em;
      color: #FFF;
    }
 
    aside > div#sliderControl
    {
      display: table;
      position: relative;    
      margin: -22px auto 0px auto;
      z-index: 30;
    }
   
    aside > div#sliderControl i
    {
      margin-right: 5px;
      cursor: pointer;
    }  
  /* END aside slider */  
  
/* END site template */

/* RWD media */
  @media screen and (max-width: 450px) /* width <= 450px */
  {
  }

  @media screen and (max-width: 600px) /* width <= 600px */
  {
  }

  @media screen and (max-width: 850px) /* width <= 850px */
  {
  }

  @media screen and (max-width: 999px) /* width <= 999px */
  {

  }
  
  @media screen and (max-width: 1300px) /* width <= 1300px */
  {

  }
/* END RWD media */