@font-face
{
	font-family: 'Lato';
	src: url("fonts/Lato-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Lato';
	src: url("fonts/Lato-Italic.ttf");
	font-weight: normal;
	font-style: italic;
}
@font-face
{
	font-family: 'Lato';
	src: url("fonts/Lato-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

@font-face
{
	font-family: 'Lato';
	src: url("fonts/Lato-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}

BODY
{
	margin: 0px;
	padding: 0px;
	background:#FFF;
	color: #333;
	font: 13px Lato;
}

table
{
	margin:0;
	color: #333;
	font: 13px Lato;
}
p
{
	margin-top:0;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

div.clear
{
	clear:both;
	overflow:hidden;
}

a:link, a:visited
{
	color: #01acde;
	text-decoration:none;
}
a:hover
{
	color:#777;
	text-decoration:underline;
}


div#error
{
	background: #cc0001;
	background-image: url(images/wyk.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding:10px 10px 10px 60px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
	margin-top:12px;
	margin-bottom:12px;
	min-height:43px;
	height: auto;
}

div#error a:link, div#error a:visited
{
	color: #93deff;
	text-decoration: underline;
}

div#error a:hover
{
	color: #fff;
	text-decoration: underline;
}

div#path
{
	width:1200px;
	margin:auto;
	text-align:right;
	height:20px;
	padding-top:8px;
	color:#1d3c58;
	font-weight:bold;
}
a.path:link, a.path:visited, a.path:hover
{
	font-weight:bold;
}

div#frame
{
	background:#f4f4f4;
	border:1px solid #bbb;
	padding:15px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

table.frame
{
	border-collapse:collapse;
	border:1px solid #A8A8A8;
	border-spacing:0;
}
.frame td 
{
	border: 1px solid #A8A8A8;
	padding: 4px;
}

table.normal
{
	border-collapse:separate;
	border-spacing:1px;
	margin-top:5px;
}
.normal td 
{
	padding:5px
}

/* tabela do wydruku */
table.print
{
	border-collapse:collapse;
	border:1px solid black;
}
.print td
{
	border: 1px solid black;
}

/* sure form */
font.big
{
	font-size:15px;
	font-weight:bold;
}


H3.tit
{
	font-size: 22px;
	color: #1e3b59;
	font-weight:bold;
	margin:0;
	margin-bottom:10px;
	margin-top:2px;
	text-transform: uppercase;
	line-height:25px;
}
H4.tit
{
	font-size:18px;
	color:#2e5683;
	font-weight:bold;
}

div#page_icons
{
	float:right;
	padding-top:5px;
}

font.error, span.error
{
	color: #DD0000;
	font-weight: bold;
	
}

a.alert:link, a.alert:visited
{
	color: #DD0000;
	text-decoration: none;
}
a.alert:hover
{
	color: #444444;
}

tr.tytul,td.tytul
{
	background:#1e3b59;
	color:#fff;
	text-align:center;
}
tr.tytul a
{
	color:#67a8e2;
}

tr.lista1,td.lista1
{
	background:#cbd6e2;
	color:#222222;
}


tr.lista2,td.lista2
{
	background:#dde4ec;
	color:#222222;
}

tr.lista1 p, tr.lista2 p
{
	margin:0;
}

div.line, div.news_hr
{
	background: #ccc;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	clear:both;
}

img.miniatura
{
	border:1px solid #aaaaaa;
}

div.block
{
	margin-top:6px;
	margin-bottom:6px;
}

/* pole formularza */
div.field
{
	margin-top:3px;
	margin-bottom:10px;
}

/* pola w formularzu bocznym users */
select.field
{
	width:300px;
}
div.pause
{
	margin-top:2px;
	margin-bottom:2px;
	height:2px;
	overflow:hidden;
	clear:both;
}

fieldset
{
	padding: 5px;
	border: 1px solid #aaa;
	margin-bottom:10px;
}
legend
{
	font-weight:bold;
	color:#666;
}

input, textarea, select
{ 
	background: #f3f3f3;
	border: 1px solid #aaa;
	padding:3px;
}

img.el {display:block}


/* button gif */
img.btn
{
	border:0px;
	margin-right:3px;
	margin-bottom:3px;
}
form {margin:0px}
label {cursor:pointer}
img {border:0px}

/* newsy */
div.news
{
	padding-bottom:8px;
	padding-top:8px;
}
div.news_icon
{
	width:50px;
	float:left;
	font-size:26px;
	text-align:center;
}
div.news_icon a
{
	text-decoration:none;
}
div.news_icon i
{
	color:#4f4f4f;
	padding-left:10px;
	padding-right:10px;
}
div.news_cont
{
	float:left;
	width:800px;
}
div#left_col div.news_cont
{
	width:230px;
	margin-bottom:8px;
}
div#start_news
{
	width:95%;
	margin-top:20px;
}
div#start_news div.news_cont
{
	width:95%;
	padding-bottom:10px;
}
div.news_tytul
{
	color:#666;
	font-weight:bold;
	font-size:16px;
}

div.news_data
{
	font-weight:normal;
	margin-top:2px;
}

div.news_tresc
{
	padding-top:10px;
	font-size:15px !important;
}

div.news_autor
{
	color:#999;
	margin-top:8px;
}

div.news_wiecej
{
	clear:both;
	float:right;
	margin-bottom:3px;
}
div.news_wiecej a, a.more_blue
{
	display:block;
	background-image:url(images/layout/more_black_off.png);
	width:99px;
	height:28px;
}
div.news_wiecej a:hover
{
	background-image:url(images/layout/more_black_on.png);
}

a.more_blue
{
	background-image:url(images/layout/more_blue_off.png);
	float:right;
	margin-top:10px;
}
a.more_blue:hover
{
	background-image:url(images/layout/more_blue_on.png);
}

div.news_hr
{
	margin-top:15px;
	margin-bottom:15px;
}

a.news:link, a.news:visited
{
	color:#000;
	font-weight:bold;
}
a.news:hover
{
	color:#01b6ed;
	font-weight:bold;
}


/* główny div zawierający galerię */
div#gal_main
{
	width:880px;
	height:auto;
	text-align:center;
	margin-top:8px;
}

/* miniatury - jeden obok drugiegio */
div.gal, div.gal_m
{
	width:275px;
	float:left;
	margin:0px 10px 10px 0px;
	text-align:left;
}
div.gal
{
	margin-bottom:20px;
}
div.gal a
{
	font-weight:bold;
}
img.gal
{
	display:block;
	width:280px;
	height:158px;
}
div.gal_options
{
	margin-bottom:5px;
}

/* video - str główna */
div#video_start
{
	width:467px;
	float:left;
	margin-right:11px;
	display:table;
}
div.tr
{
	display:table-row;
}
div.td
{
	display:table-cell;
	height:10px;
}
a.video
{
	display:table-cell;
	width:100%;
	height:263px;
	text-decoration:none;
	vertical-align:bottom;
}

img.video
{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:10px;
}

/* lista katalogów - jeden pod drugim */
table.rep
{
	margin:10px;
	background:#f9f9f9;
	border-collapse:collapse;
	border:1px solid #A8A8A8;
}
.rep td 
{
	border: 1px solid #A8A8A8;
	padding:4px
}


/* lista zdjec */
a.noimg
{
	height:158px;
}

div.gal_opis
{
	margin-top:10px;
	margin-bottom:10px;
}

/* zdjęcie wybrane zostało skasowane */
a.noimg
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
	display:block;
	border:1px solid #aaa;
	background:#f7f7f7;
}

/* zdjecia do artykułów */
img.obrazek
{
	border:1px solid #989898;
	margin-bottom:5px;
}

/* obrazki w newsach lub w art. z boku */
div.img_na
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
div.art_autor
{
	font-size:11px;
	margin-bottom:20px;
	margin-top:5px;
}

/* obrazki na dole pod treścią - jak galeria */
div.img_na_d
{
	margin-bottom:12px;
	margin-top:6px;
}

div.img_na_d img
{
	width:130px;
	height:97px;
}

/* skrót newsa */
div.short_news
{
	margin-top:8px;
	margin-bottom:25px;
}

/* faq - div z odpowiedzia */
div.faq
{
	margin-top:4px;
	margin-bottom:4px;
	padding:10px;
	border:1px solid #999588;
	background:#f4f4f4;
}

/* menu górne */
ul.menu {list-style:none; margin:0; margin-left:auto; margin-right:auto; padding:0; height:24px; padding-top:6px; float:left;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color: #d6f1fa; text-decoration:none; font-weight:bold;}
ul.menu li {float:left} /* float:left dla górnego menu */

/* odstęp pomiędzy przyciskami - tylko dla menu górnego */
ul.menu .br 
{
	width:1px;
	height:28px;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left; /* float:left dla górnego menu */
}

/* submenu */
ul.menu ul {position:absolute; background:#01b6eb; display:none; overflow:hidden; list-style:none; width:170px; z-index:100} /* submenu */
ul.menu ul li {position:relative;  margin:0;} /* link-przycisk w submenu */
ul.menu ul li a {display:block; padding:6px; width:156px; border-top:1px solid #3267a7; border-left:1px solid #3267a7; border-right:1px solid #3267a7;}
ul.menu ul li a:hover {color:#ffffff; background:#2b578e} /* hover submenu */

/* przycisk w menu - zwykły i po najechaniu */
ul.menu .menulink, ul.menu .menulink_cl
{
	padding:7px 12px 7px 12px;
}

/* przycisk w menu zwykły */
ul.menu .menulink
{
	text-decoration:none;
}

/* przycisk w menu po najechaniu */
ul.menu .menulink:hover, ul.menu .menuhover 
{
	color:#fff;
}

ul.menu .menulink_cl /* wybrany przycisk */
{
	color:#fff;
	text-decoration:none;
}
ul.menu .menulink_cl:hover, ul.menu .menuhover_cl /* wybrany przycisk po najechaniu */
{
	color:#d6f1fa;
	text-decoration:none;
}

/* menu dla mobilnych */
a#menu_mobile
{
	padding:7px 0 7px 12px;
	display:none;
}

img#menu_mobile
{
	position:relative;
	top:1px;
}

/* download */
div.download_kat
{
	margin-bottom:12px;
}

div.download_pkat
{
	margin-left:35px;
	margin-bottom:12px;
}

div.download_opis
{
	padding-left:30px;
	padding-top:4px;
}

/* wszystkie ikony */
i
{
	padding-right:6px;
	color:#2c87d8;
}
div.admin
{
	float:right;
}

/* --- konstrukcja --- */
div#top
{
	width:100%;
	min-width:1230px;
	height:190px;
	background:#000;
}

/* gorna grafika */
div#logo
{
	width:1200px;
	height:190px;
	margin:auto;
	background-color:#1f3b5b;
	background-image:url(images/layout/top.jpg);
}

/* logo po lewej */
a.logo
{
	display:block;
	position:relative;
	float:left;
	margin-top:25px;
	text-decoration:none;
	overflow:hidden;
	width:380px;
	height:auto;
}
a.logo img
{
	width:350px;
	height:auto;
}
img#cruk_logo, img#mrc_logo
{
	display:block;
	float:left;
	width:210px;
	height:auto;
	margin-top:36px;
}
img#mrc_logo
{
	width:210px;
}
img#cruk_logo
{
	margin-right:20px;
}


/* text Dedicated ... */
div#text_top
{
	width:600px;
	height:154px;
	padding-left:35px;
	float:left;
	color:#FFF;
	font-size:17px;
	font-style:italic;
	margin-top:18px;
	border-left:1px solid #78899c;
}
div#logos
{
	margin-top:23px;
}
img.logo_top
{
	margin-right:30px;
}

/* login, join */
div#join
{
	float:right;
	height:136px;
	width:180px;
	padding:10px 15px 10px 15px;
	margin-top:17px;
	margin-right:35px;
	background:#01b6eb;
	color:#fff;
	font-size:10px;
	line-height:11px;
}
div#join a
{
	color:#fff;
}
div#join .block
{
	margin-top:6px;
	margin-bottom:5px;
}
div#join input
{
	width:100%;
	height:12px;
	border:none;
	margin-top:1px;
	font-size:11px;
}
div#join input[type="checkbox"]
{
	width:10px;
}
div#join input[type="submit"]
{
	background:#000;
	color:#fff;
	font-size:9px;
	padding-top:2px;
	padding-bottom:2px;
	height:14px;
	cursor:pointer;
	margin:0;
}

/* dla mobilnych */
a#key
{
	display:none;
}

i.key
{
	color:#fff;
	font-size:40px;
	position:absolute;
	margin-top:-14px;
	margin-left:146px;
}
div.logged
{
	font-size:12px;
	margin-top:10px;
	line-height:14px;
}

div#menu_top
{
	background:#01b6eb;
	width:100%;
	min-width:1200px;
	height:42px;
	border-bottom:2px solid #1e3b59;
	margin-bottom:5px;
}
div#menu_in
{
	width:1190px;
	height:30px;
	margin:auto;
}

div#main
{
	width:1200px;
	margin:auto;
	margin-top:15px;
	margin-bottom:5px;
}

/* tytul podstrony i lewego paska */
div.title, div.title_start_black, div.title_start_blue, div.title_start_photo
{
	padding:4px 10px 5px 10px;
	font-size:24px;
	text-transform:uppercase;
	color:#fff;
	background:#000;
	line-height:initial;
}
div.title_start_black
{
	text-align:right;
}
div.title_start_blue
{
	background:#01b6ed;
	text-align:right;
}
div.title_start_black a, div.title_start_blue a
{
	color:#fff;
}
div.title_start_black a:hover
{
	text-decoration:none;
	color:#01b6ed;
}
div.title_start_blue a:hover
{
	text-decoration:none;
	color:#eee;
}

/* str główna photo & video */
div.title_start_photo
{
	background:#035e8b;
	margin-top:20px;
	margin-bottom:8px;
	text-align:right;
}

div#left_col, div#right_col
{
	height:auto;
	min-height:300px;
	float:left;
	line-height:17px;
	background:#f7f7f7;
}
div#left_col
{
	width:308px;
}
div.content
{
	padding:15px 10px 15px 10px;
	font-size:15px !important;
	line-height:19px;
}

/* nagłówek w okienku po lewej */
div#left_col H3.tit, div#start_right H3.tit
{
	margin-top:2px;
	font-size:22px;
}

div#left_col div.news_tytul
{
	font-size:14px;
}
div#left_col p
{
	margin-top:0;
}

div#right_col
{
	width:872px;
	margin-left:20px;
}

/* strona startowa - kolumny highlights i events */
div.column1, div.column2
{
	width:49%;
	min-height:100px;
	margin-top:20px;
}
div.column1
{
	background:#f7f7f7;
	float:left;
}
div.column2
{
	margin-left:20px;
	background:#f7fcff;
	float:right;
}


/* program members */
div#members
{
	height:89px;
	margin-bottom:3px;
	margin-top:30px;
	clear:both;
}
div#members_blue
{
	width:45%;
	height:89px;
	background:#01b6eb;
	float:left;
}
div#members_text
{
	width:503px;
	height:89px;
	float:right;
	background-image:url(images/layout/members.png);
	background-repeat:no-repeat;
	background-position:right top;
	color:#fff;
}
div#members1
{
	float:left;
	margin-top:18px;
	width:125px;
	font-size:22px;
}
div#members2
{
	float:left;
	width:310px;
	margin-top:8px;
	font-size:60px;
}
div#members_white
{
	width:53%;
	height:89px;
	background:#FFF;
	float:right;
}
div#members_white img
{
	margin-left:10px;
}
div#members_slider
{
	margin-top:18px;
}
i.icon-arrow-left, i.icon-arrow-right
{
	font-size:34px;
	color:#01acde;
}
i.icon-arrow-left:hover, i.icon-arrow-right:hover
{
	color:#aaa;
}

/* stopka */
div#foot
{
	width:100%;
	height:60px;
	min-width:1230px;
	background:#000;
	color:#fff;
	border-top:2px solid #01b6eb;
	border-bottom:8px solid #01b6eb;
}
div#foot_in
{
	width:1200px;
	margin:auto;
}
/* copyright i ikony w stopce */
div#copy
{
	padding-top:12px;
	line-height:16px;
	float:left;
}
div#icons
{
	padding-top:20px;
	float:right;
	font-size:16px;
	text-align:right;
}
div#icons i
{
	color:#fff;
}
div#icons i:hover
{
	color:#01b6eb;
}

div#copy a, div#icons a
{
	color:#fff;
}
div#copy a:hover, div#icons a:hover
{
	text-decoration:none;
	color:#01b6eb;
}

a.soc
{
	padding-left:2px;
	padding-right:2px;
}


/* nagłówek granatowej kolumny */
a.wh:link, a.wh:visited
{
	color:#fff;
}
a.wh:hover
{
	color:#c7d8e8;
	text-decoration:none;
}

/* wyszukiwarka */
div#search
{
	float:right;
	margin-top:10px;
}

i.icon-search
{
	color:#fff;
	font-size:20px;
	cursor:pointer;
}

input.word
{
	width:202px;
	padding:4px;
	color:#555;
	position:relative;
	top:-3px;
	margin-right:4px;
	border:1px solid #1774c8;
	border-radius: 0px;
}


/* ---------------- strona startowa --------------- */
div#start_left
{
	width:888px;
	margin-right:12px;
	float:left;
}

div#start_right
{
	width:300px;
	float:left;
}
a.show_all, a.show_all_blue, a.show_all_gallery
{
	display:block;
	background:#4c4c4c;
	text-align:right;
	padding:7px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	clear:both;
}
a.show_all_blue
{
	background:#01b6ed;
}
a.show_all:hover
{
	background:#01b6ed;
	text-decoration:none;
}
a.show_all_blue:hover, a.show_all_gallery:hover
{
	background:#4c4c4c;
	text-decoration:none;
}
a.show_all_gallery
{
	background:#4f8eaf;
}


/* last events */
div#last_events
{
	width:280px;
	padding:10px;
	background:#f1f6fc;
	margin-top:12px;
}

/* tytuł w okienkach COMMUNITY i EVENTS */
a.start_tit
{
	display:block;
	float:left;
	font-size:23px;
	color:#1e3b5d;
	font-weight:bold;
	margin-bottom:12px;
}
a.start_tit:hover
{
	text-decoration:none;
	color:#666;
}
a#last_events_gi
{
	display:block;
	float:right;
	margin-top:2px;
	margin-bottom:12px;
}
div.event_icon
{
	width:30px;
	height:40px;
	font-size:33px;
	float:left;
	margin-right:10px;
}
div.event_cont
{
	width:88%;
	float:left;
}
div.event_cont a
{
	color:#1e3b59;
	font-weight:bold;
}
div.event_cont a:hover
{
	color:#01b6ed;
}

div.event_line
{
	height:1px;
	background:#d0d0d0;
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
}

/* -- galeria photo i video na stronie głównej -- */
div#gallery_start
{
	width:95%;
}

div.gal_sh
{
	width:32%;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-right:12px !important;
}
div.gal_sh div.gal_img img
{
	width:100%;
	height:auto;
}
div.gal_img img
{
	width:356px;
	height:201px;
	display:block;
}
div.gal_desc
{
	height:62px;
	width:auto;
	background:#035d8a;
	color:#FFF;
}
div.gal_icon, div.gal_icon_v
{
	width:58px;
	padding-top:16px;
	float:left;
	font-size:25px;
	text-align:center;
}
div.gal_icon_v
{
	width:80px;
	padding-top:10px;
}
div.gal_icon i
{
	color:#fff;
	padding:0;
}
div.gal_tit
{
	width:260px;
	padding-top:6px;
	padding-bottom:8px;
	float:left;
}
div.gal_tit
{
	color:#fff;
}
div.gal_tit_v
{
	width:345px;
	padding-top:6px;
	float:left;
}
div.gal_tit_v a:hover, div.gal_tit a:hover
{
	color:#fff;
	text-decoration:none;
}
div.gal_tit_v p
{
	margin-bottom:0;
}
div.gal_t
{
	color:#01acde;
}
div.gal_t:hover
{
	color:#fff;
}
a.gal_arrow, div.gal_arrow
{
	display:block;
	width:38px;
	height:62px;
	float:left;
}
a.gal_arrow i, div.gal_arrow i
{
	font-size:26px;
	color:#fff;
	display:block;
	padding:18px 0px 0px 8px;
}
a.gal_arrow:hover, div.gal_arrow:hover
{
	text-decoration:none;
	background:#047ab3;
}

/* galeria w lewej kolumnie */
div#left_col div.gal_sh
{
	width:308px;
	height:auto;
}
div#left_col div.gal_img img
{
	width:308px;
	height:auto;
}
div#left_col div.gal_tit
{
	width:265px;
	padding-top:2px;
	padding-bottom:0px;
}
div#left_col div.gal_icon
{
	width:40px;
}
div#left_col a.gal_arrow
{
	display:none;
}

/* --------- users --------- */
div#users_image
{
	width:200px;
	float:left;
	margin-right:20px;
}
div#users_data
{
	width:622px;
	float:left;
}

H3.users_name
{
	font-size:17px;
	color:#4690d6;
	margin-top:0;
}

div.users_bar
{
	padding:3px;
	font-weight:bold;
	margin-bottom:6px;
}

div#users_data span
{
	display:block;
	padding-left:20px;
	padding-bottom:15px;
}

/* linki w menu bocznym usera */
a.u_block, a.u_block_cl
{
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:1px 2px 3px 5px;
	border-bottom:1px solid #cccccc;
}
a.u_block:hover
{
	color:#fff;
	background:#368cd9;
}

a.u_block_cl
{
	background:#cfdfed;
}
a.u_block_cl:hover
{
	color:#fff;
	background:#368cd9;
}

/* poszczególne rekordy usera */
ul.users_rec
{
	padding-left:16px;
}

ul.users_rec li
{
	margin-bottom:4px;
}

tr.highlight
{
	background:#9fcaf0;
}

span.middot
{
	padding:10px;
}

/* -- logowanie - przyciski u góry -- */
a.login, a.join, a.button
{
	display:block;
	width:65px;
	height:20px;
	padding:4px;
	background-image:url(images/layout/login.png);
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-shadow: #333 0.1em 0.1em 0.1em;
	border-radius: 4px;
	float:left;
}
a.join
{
	width:110px;
	margin-left:10px;
	background-image:url(images/layout/join.png);
}
a.button
{
	width:190px;
	margin-top:12px;
	background-image:url(images/layout/button.png);
}
a.login:hover, a.join:hover, a.button:hover
{
	color:#ccc;
}

/* ------- events, more --------- */
a.a_block, a.a_block_m
{
	font-weight:bold;
}

div.event, div.art_short
{
	margin:12px 12px 0 12px;
	padding:10px;
	background:#fff;
	color:#7f7f7f;
	border:1px solid #ccc;
}

div.art_short
{
	font-size:15px !important;
}

div.event_title
{
	color:#333;
	font-weight:bold;
	margin-bottom:6px;
}

a.all
{
	font-weight:bold;
	margin-left:12px;
	margin-top:12px;
	display:block;
	width:150px;
}

/* dla tinymce */

table.do_lewej
{
	float:left;
	margin-bottom: 5px;
}
table.do_prawej
{
	float:right;
	margin-bottom: 5px;
}

/* ankieta dla usera */
div.fl
{
	float:left;
	margin-right:5px;
}