body {font-family: 'Titillium Web', sans-serif; font-size: 15px; font-weight: 300; color: #f1f1f1; background:#000000;}
#kontakt {font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; color: #f1f1f1;}
#tekst {font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; color: #f1f1f1;padding-right:15px;}
.stopka {font-family: 'Titillium Web', sans-serif; font-size: 12px; font-weight: 300; color: #666666;}

a {
      color: #eeeeee;
      text-decoration: none;
}
a:hover {
      color: #ffffff;
      text-decoration: none;
}

a.norm {
      color: #f1f1f1;
      text-decoration: none;
}
a.norm:hover {
      color: #cccccc;
      text-decoration: none;
}

.none {
      text-decoration: none;
}
.none:hover {
      text-decoration: none;
}

a.menu {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 15px; 
      font-weight: 300;
      padding:10px;
      text-decoration: none;
}
a.menu:hover {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 15px;  
      font-weight: 300;
      padding:10px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}

a.menu_act {
      color: #ffffff;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 15px; 
      font-weight: 300;
      padding:10px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}
a.menu_act:hover {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 15px;  
      font-weight: 300;
      padding:10px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}

a.menu_lang {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 12px; 
      font-weight: 300;
      padding:5px;
      text-decoration: none;
}
a.menu_lang:hover {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 12px;  
      font-weight: 300;
      padding:5px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}

a.menu_lang_act {
      color: #ffffff;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 12px; 
      font-weight: 300;
      padding:5px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}
a.menu_lang_act:hover {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 12px;  
      font-weight: 300;
      padding:5px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}

a.tyt {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 13px; 
      font-weight: 300;
      padding:5px;
      background-image: url(/img/menu_tlo.png);
      text-decoration: none;
}
a.tyt:hover {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 13px;  
      font-weight: 300;
      padding:5px;
      text-decoration: none;
}

.opis_news {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 13px; 
      font-weight: 300;
      padding:5px;
      text-decoration: none;
}

.data {
      color: #f1f1f1;
      font-family: 'Titillium Web', sans-serif; 
      font-size: 12px; 
      font-weight: 300;
      padding:5px;
      text-decoration: none;
}

div.img_news {
     float:right;
     margin-left: 0px;
     margin-top: 0px;
     margin-right: 5px;
     margin-bottom: 0px;
}

/* I wanted to center my loader */
			#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position:fixed !important;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
        background: url(/img/06.png);
			}
			
			/*Set my logo in bottom left*/
			#logo {
        width:472px;
				position:relative;
			}
			#logo img {
				width:100%;
			}
			
			#arrow_left {
				top:80%;
				height:67px;
				position:absolute;
				left:1.5%;
				width:36px;
				z-index:1000;
			}
			
				#arrow_right {
				top:80%;
				height:67px;
				position:absolute;
				right:1.5%;
				width:36px;
				z-index:1000;
			}
			
			#arrow_left {
				right:86px;
			}
			
			#arrow_left:hover {
				left:1.4%;
			}
			#arrow_right:hover {
				right:1.4%;
			}
			#arrow_left:active {
				left:1.3%;
			}
			#arrow_right:active {
				right:1.3%;
			}