@charset 'UTF-8';

@import url(font-awesome.min.css);




/*
	Astral by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic');
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background-image:			/*url('images/overlay.png'),*/ url('images/bg.jpg');
		background-repeat:			repeat/*, no-repeat*/;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
		
	body
	{
		font-family:  arial;

		color: #777777;
	}
	
	strong, b
	{
		font-weight: 400;
		color: #363636;
	}

	h1, h3, h4, h5
	{
		font-weight: normal;
		color: #363636;
		font-family: Times New Roman, times, serif;
	} 

        h2
        {
                font-family:  Times New Roman, times, serif;
		font-weight: normal;
		color: #363636;
                text-shadow: 1px 2px 4px #a9acc6; 
	}

        h6
        {
                font-family:  Arial, Verdana, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #363636;
                text-shadow: 1px 2px 4px #a9acc6; 
	}

        .foto_opis
        {
                font-family:  Arial, Verdana, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #777777;
                line-height: 120%
	}

	
	p, ul
	{
		margin-bottom: 2em;
	}
		





	header
		{
		}
		
	header > p
		{
			color: #aaaaaa;
		}
	

	/* List */
	
		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li
			{
				padding-left: 0.5em;
			}
			


/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
               text-shadow: 1px 2px 15px #04fff6; 
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			color: #1a077a;
		}

		.icon > .label {
			display: none;
		}
		
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/
	
	#nav
	{
	}
	
		#nav a
		{
			position: relative;
			display: inline-block;
			color: #ffffff;
			width: 1em;
			height: 1em;
			line-height: 0.9em;
		}

			#nav a.icon:before
			{
				padding-right: 0;
			}
		
/*********************************************************************************/
/* Panels                                                                        */
/*********************************************************************************/

	#main
	{
		position: relative;
		overflow: hidden;
	}

	.panel
	{
		position: relative;
	}

	/* Me */
	
		#me
		{
                font-family:  Times New Roman, times, serif;
		font-size: 20px;
		font-weight: normal;
		color: #363636;
                text-shadow: 1px 2px 2px #a9acc6; 
		}
		
			#me .pic
			{
				position: relative;
				display: block;
			}

				#me .pic:before
				{
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					background: url('images/overlay.png');
					width: 100%;
					height: 100%;
					z-index: 1;
                                        color: #ffffff;
				}

		.moj:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			color: #ffffff;
		}


               #logo
                {
                  position: relative;
                  left: 150px;
                  top: 120px;
                }


           /* Work */
		#work
		{
                width: 100%;
                font-family:  Times New Roman, times, serif;
		font-weight: normal;
		color: #c9c7cd;
		}

           /* Contact*/
		#contact
		{
                width: 100%;
                font-family:  Times New Roman, times, serif;
		font-weight: normal;
		color: #c9c7cd;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		color: #ccc;
		color: rgba(255,255,255,0.45);
	}

		#footer a
		{
			color: #ddd;
			color: rgba(255,255,255,0.65);
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}
		
		#footer a:hover
		{
			color: rgba(255,255,255,1.0);
		}
		
		#footer .copyright
		{
		}
		
			#footer .copyright li
			{
				display: inline-block;
			}

				#footer .copyright li:before
				{
					display: inline;
					content: '\2022';
					opacity: 0.5;
					padding: 0 0.75em 0 0.75em;
				}
			
				#footer .copyright li:first-child:before
				{
					display: none;
				}