* {
	padding: 0;
	margin: 0;
	outline: 0;
}
body{
	font-size: 13px;
	line-height: 140%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #656565;
	text-align: left;
}
dfn{
	font-weight: bold;
}
table{
	margin: 0 auto;
	text-align: left;
	border: 1px solid black;
	border-collapse: collapse;
	background-color: #fbfbfb;
}
th{
	border: 1px solid black;
	padding: 4px;
	background: #e9e9e9;
	font-weight: bold;
	color: #000;
	text-align: center;
	vertical-align: center;
}
td{
	border: 1px solid black;
	padding: 2px;
	text-align: right;
}
td.left{
	padding: 10px;
	text-align: left
	}
td.cell-left{
	padding: 5px;
	text-align: left
}
td.center{
	padding: 10px;
	text-align: center
}

.drzewo_geanalogiczne ul{
	list-style-type:none;
	font-size: 11px;
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 40px;
	color: #262626;
}

.cl {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

a img { border: 0;}
a { color: #262626; text-decoration: none;}
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;}
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 946px;}

#header {background: url(images/header.gif) repeat-x 0 0; height: 103px;}

h1#logo {float: left; padding-top: 26px;}
h1#logo a {background: url(images/logo.gif) no-repeat 0 0; display: block; width: 278px; height: 55px;}

h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px;}
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626; margin-top: 20px; margin-bottom: 15px;}

.wzor {font-family: "Times New Roman", Times, serif; text-align: center; font-style: italic; font-size: 15px; color: black;}

p.definicja{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	background-color: lightgray;
	font-family: "Times New Roman", Times, serif;
	border-color: black;
	border-radius: 6px;
	box-shadow: 5px 5px 24px -8px rgba(66, 68, 90, 1);
	margin-bottom: 15px;
}

#navigation {float: right; padding-top: 41px;}
#navigation ul {list-style-type: none;}
#navigation ul li {display: inline; float:left; padding-right: 2px;}
#navigation ul li a {background: url(images/nav.gif) no-repeat 0 0; padding-left: 37px; height: 27px; display: block; float: left; color: #fff; font-family: tahoma, sans-serif; color: #fff; font-size: 14px;}
#navigation ul li a span {background: url(images/nav.gif) no-repeat right 0; padding-right: 37px; height: 21px; display: block; float: left; padding-top: 6px; line-height: 14px;}
#navigation ul li a:hover, #navigation ul li.active a {text-decoration: none; background-image: url(images/nav-hover.gif); color: #343434;}
#navigation ul li a:hover span, #navigation ul li.active a span {background-image: url(images/nav-hover.gif);}

input[type=text] {
  background-color: white;
  background-image: url('searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
}

#glowna {background: #fff; padding: 15px 0;}
#glowna p {padding: 10px; text-indent: 20px;}
#glowna ul li {padding: 5px;}
#glowna ol li {padding: 5px;}
#glowna a {color: #ff6600;}

.inf{
	font-family: Roboto, Arial;
	margin-top: 0!important;
	margin-bottom: 0!important;
	text-indent: 0!important;
	padding: 0!important;
}

#heading {background: #fff url(images/heading-bg.gif) no-repeat center 1px; padding: 15px 0;}
.heading-cnt {float: left; width: 650px; padding-top: 26px; padding-left: 8px;}
#heading h2 {color: #262626; padding-bottom: 15px;}
#heading p {padding-bottom: 16px;}

#features {background: url(images/features.gif) repeat-x 0 0; height: 122px; padding-top: 5px;}
.features-cnt {background: url(images/features-cnt.gif) no-repeat 0 0; height: 118px; padding-left: 20px;}
.feature {width: 290px; float: left; padding-top: 6px; padding-right: 30px;}
.less-padding {padding-right: 14px;}
.no-padding {padding-right: 0 !important;}
.feature h2 {color: #fff; padding-bottom: 5px;}
.feature img {padding-right: 6px;}
.feature p {float: left; width: 198px; font-size: 12px; line-height: 15px; color: #fff; height: 71px;}
.feature p span {padding-bottom: 4px; display: block;}
.feature a.more {background: url(images/more.gif) no-repeat 0 0; display: block; float: left; width: 24px; height: 11px;}

#main {background: #e9e9e9; padding-top: 15px; padding-left: 28px; padding-bottom: 37px; font-size: 11px;}
#main h3 {padding-bottom: 7px;}
#main a {font-weight: normal; color: #96a120; text-decoration: underline; font-size: 11px;}
#main a:hover {text-decoration: none;}
#main a.rss {background: url(images/rss.gif) no-repeat 0 0; width: 11px; height: 11px;}
.link-margin { margin-right: 10px; margin-left: 2px;}
.first-column {width: 297px; float: left; padding-right: 24px;}
.middle-column {width: 312px; float: left; padding-right: 9px;}
.last-column {width: 270px; float: left; padding-left: 8px;}

ul.news {list-style-type: none; padding-bottom: 8px;}
ul.news li {background: url(images/newsitem-bg.gif) repeat-x 0 bottom; padding-top: 6px; padding-bottom: 7px;}
ul.news li small {color: #606d0f; font-size: 11px;}
ul.news li small.grey {color: #262626;}

.contacts {font-size: 12px;}
strong.agh {background: url(images/agh.gif) no-repeat 0 9px; padding-left: 20px; display: block; padding-top: 8px;}

#footer {background: #e9e9e9 url(images/footer.gif) repeat-x 0 0; padding-top: 15px; padding-bottom: 50px;}
#footer ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}
#footer ul li {display: inline; float: left; padding-right: 9px;}
#footer ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}
#footer ul li a:hover {text-decoration: none;}
#footer p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}

/* POCZATEK TABELKI BOCZNE - z lewej napisy, z prawej ikonki (np ZIP, RAR, PDF, DOC,...) */
/*Podział wiersza na 3 kolumny*/
.t_boczna_lewa{
	width: 170px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding: 5px 0 5px;
	margin: 0;
	float: left;
	display: inline;
}
.t_boczna_srodek{
	width: 30px;
	padding: 5px 10px 5px;
	margin: 0;
	float: left;
	display: inline;
}
.t_boczna_prawa{
	width: 30px;
	padding: 5px 10px 5px;
	margin: 0;
	float: left;
	display: inline;
}
.t_boczna_calosc{
	width: 250px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding: 0px 0 0px;
	margin: 0;
	float: left;
	display: inline;
}
/*Podział wiersza na 4 kolumny*/
.dzial{
	background-color: lightgrey;
	padding: 5px 5px;
	margin-top: 10px;
	width: 287px;
}
.row-item{
	margin: 0;
	pading: 0;
}
.c_ConnRow{
	text-align: left;
	text-decoration: none;
	color: #000;
	padding: 0 0 0 10px;
	margin: 0;
}
.c_umiejetnosci{
	width: 267px;
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding: 5px 10px 5px;
	margin: 0;
	background-color: silver;
}
.c_test{
	width: 267px;
	text-align: right;
	text-decoration: none;
	color: #000000;
	padding: 5px 10px 5px;
	margin: 0;
	background-color: silver;
	text-transform: uppercase;
}
.c1-4wyk{
	width: 167px;
	text-align: left;
	text-decoration: underline;
	color: #000000;
	padding: 5px 0 5px;
	margin: 0;
	float: left;
}
.c1-4cw{
	width: 157px;
	text-align: left;
	text-decoration: none;
	font-style: italic;
	color: #000000;
	padding: 5px 0 5px 10px;
	margin: 0;
	float: left;
	line-height: 1.2;
}
.c2-4{
	width: 20px;
	padding: 5px 10px 5px;
	margin: 0;
	float: left;
}
.c3-4{
	width: 20px;
	padding: 5px 10px 5px;
	margin: 0;
	float: left;
}
.c4-4{
	width: 20px;
	padding: 5px 10px 5px;
	margin: 0;
	float: left;
}


#menu_poziome{
	width: 946px;
	font-family: tahoma, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	text-decoration: none;
} /*Menu gorne wskazujące położenie wyświetlanej strony*/

.menu_poziome_kurs_html{
	width: 646px;
	text-align: center;
	font-family: tahoma, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	text-decoration: none;
} /*Menu dolne do lekcji w kursie html*/

#sciezka a{font-family: tahoma, sans-serif; text-decoration: underline; font-size: 10px;}
#sciezka a:hover {text-decoration: none;}

.lewa{ float: left; padding: 10px; width: 646px; background: white;}
.prawa{ background: white; float: right; padding: 10px; width: 260px;}


/* POCZATEK TABELKI TRESC np. mineraly - z lewej napisy, z prawej wzór chemiczny 220 */
div.gl{
	width: 100%;
	clear: both;
	height: 100%;
	overflow: hidden;
}
div.tr_lewa{
	width: 307px;
	height: 15px;
	font-weight: normal;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #302838;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	float: left;
	display: inline;
	background: rgb(176,211,0);
	border-top: 1px solid black;
	border-left: 1px solid black;
}
div.tr_prawa{
	width: 307px;
	height: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	float: left;
	display: inline;
	background: rgb(176,211,0);
	border-top: 1px solid black;
	border-right: 1px solid black;
	color: #302838;
}
div.tabelka_tresc {
	background: #fff;
	border: 1px solid black;
	padding: 10px;
	color: #302838;
}
div.tabelka_makroskop {
	margin: 4px;
	background: #e9e9e9;
	padding: 10px;
}


/* KONIEC TABELKI TRESC - np. mineraly - z lewej napisy, z prawej wzór chemiczny */

/* Tabelka elementów elektronicznych Fritzig */
div.element{
	border: 1px solid black;
	margin-top: 20px;
}
div.element-tytul{
	background: rgb(176,211,0);
	padding: 5px;
}
div.element-picture{
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 0;
}
div.element-description{
	padding: 5px;
}
div.element-description p.description{
    line-height: 15px;
	text-align: left;
	text-indent: 0 !important;
	padding: 5px !important;	
}
.tabelka_tresc .tabelka_makroskop ul{
	line-height: 13px;
	padding-left: 15px;
	list-style-type: none;
	padding-top: 10px;
}
/* KONIEC TABELKI BIBLIOTEK Fritzing */


/* TESTY GIS */
#test {padding-bottom: 7px; font-weight: bold;}
#test ol {color: #96a120;}
#test li {padding: 8px;}
#odpowiedzi li {list-style-type:lower-alpha; font-size: 11px; font-weight: normal; color: #262626;}
/* KONIEC TESTY GIS */


/* Obrazki zmieniające się w linkach plików np ikony zip */
a.zip {display: block; width: 17px; height: 17px; background-image: url('http://home.agh.edu.pl/~bartus/images/icons/zip.gif');}
a:hover.zip {background-image: url('http://home.agh.edu.pl/~bartus/images/icons/zip_bw.gif');}

a.ArcGIS {display: block; width: 20px; height: 20px; background-size: cover; background-image: url('http://home.agh.edu.pl/~bartus/images/icons/ArcGISbw.png');}
a:hover.ArcGIS {display: block; width: 20px; height: 20px; background-size: cover; background-image: url('http://home.agh.edu.pl/~bartus/images/icons/ArcGIS.png');}


a.ArcGISPro {display: block; width: 21px; height: 21px; background-size: cover; background-image: url('http://home.agh.edu.pl/~bartus/images/icons/ArcGISProbw.png');}
a:hover.ArcGISPro {display: block; width: 21px; height: 21px; background-size: cover; background-image: url('http://home.agh.edu.pl/~bartus/images/icons/ArcGISPro.png');}

/* Półprzezroczyste podpisy do zdjęć zwł. w geologii */
 div.zdjecie{ position: relative;} 
 div.pole_podpisu{ position: absolute; bottom: 0; background: rgba(176, 211, 0, 0.7); filter: alpha(opacity=40); width: 644px; text-align: right; height: 30px;} 
 p.napis{ padding: 8px; font-family: tahoma, sans-serif; color: 302838; font-size: 16px; font-weight: bold;}
/* ************************************************* */

/* POCZATEK CURICULLUM VITAE */
div#inline_para{ overflow: hidden; width: 646px;}
div.inline_left{display: inline-block; width: 180px; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; text-decoration: none; color: #000000; padding: 5px 10px 5px; margin: 0; float: left;}
div.inline_right{display: inline-block; width: 426px; font-size: 12px; font-weight: normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; text-decoration: none; color: #000000; padding: 5px 10px 5px; margin: 0; float: left;}
div.linia{width: 646px; border-top: 1px solid black; height: 1px;}
div.przerywnik{width: 646px; clear:both;}
div.cv_naglowek { height: 15px; clear: both; width: 636px; font-size: 15px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; background: rgb(176,211,0); padding: 5px 5px 5px; border-bottom: 1px solid black;}
/* KONIEC CURICULLUM CITAE*/


#box{
	background-color: #fff;
	padding: 15px;
	-webkit-box-shadow: 3px 3px 30px 5px rgba(204,204,204,1);
	-moz-box-shadow: 3px 3px 30px 5px rgba(204,204,204,1);
	box-shadow: 3px 3px 30px 5px rgba(204,204,204,1);
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.grupa{
	padding: 10px;
}

.col{
	display: inline-block;
	margin: 0 10px;
	width: 250px;
}

.row{
	margin: 20px 10px;		
}
input[type="number"], input[type="text"] {
	background-color: #fff;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;
	padding: 5px;
	outline: none;
}

input[type="number"]:focus, input[type="text"]:focus {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 10px 2px rgba(204,204,204,1);
	box-shadow: 0px 0px 10px 2px rgba(204,204,204,1);
	border: 2px solid #a5cda5;
}

input[type="submit"] {
	width: 100px;
	text-size: 20px;
	background-color: #262626;
	color: #fff;
	border-radius: 5px;
	padding: 5px;
	cursor: pointer;
	letter-spacing: 2px;
	outline: none;
}

input[type="submit"]:focus {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);
	box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);
}

input[type="submit"]:hover {
	background-color: gray;	
}

fieldset {
	background-color: #efefef;
	color: #666;
	border: 2px solid #ddd;
	border-radius: 5px;
}
.inside {
	background-color: #fff;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
}
label{
	font-size: 10px;
}
caption {
  display: table-caption;
  text-align: left;
  font-size: 15px; 
  font-weight: bold; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}
figure{
	display: inline-block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
figcaption{
  color: black;
  font-family: Georgia;
  font-style: italic;
}
#minutnik{
    font-size: 20px;
	color: #666;
}
.ikony-stopka{
	vertical-align: baseline;
}
p{
	text-align: justify;
}
.kompakt{
	line-height: 8px;
	padding-left: 45px;
}

/* Kody Arduino    */

.C-Functions{ color: #CC6600;}
.C-Cmments{
	color: #434f54;
}
iframe{
	border: 0;
}
.red{
	color: red;
}