/* globalne */

* { padding: 0; margin: 0; }
img {border:0;}

html, body {background:#dadada;font:14px/24px Arial, Helvetica, sans-serif;color:#232323;height:100%;width:100%;margin:0 0 20px 0;}

a {
	text-decoration: none;
}

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

/* leyout */

.clear{clear:both;}
.error { color: #ff0000; }
.skreslone { text-decoration: line-through; }
.text-left { text-align: left !important;} 

#wrapper{margin:0 auto; background: #eee; border-radius: 15px; padding: 15px;}
#header{margin-bottom:20px; padding-bottom: 4px; border-bottom: 1px solid #000; background: #fff;}
#main{margin-bottom:20px;}
#footer{/*background:url(../images/footer.jpeg) 0 0 no-repeat;*/background: black; margin-bottom:0px; border-top: 1px solid #000;}
#side {background: #fff; }

#intro-text, #organisation {
	background: #fff;
}

#title {
	color: #000;
}

#subtitle {
	color: #C0C0C0;
}

.resp_img {
	width: 100%;
	height: auto;
}
	
.kolor {
	color: #0f4b79;
}
	
.kolor2 {
	color: #4a1e59;
}

.rozmiar {
	font-size: 16px;
}

#resp {
	color: #0f4b79;
}

.miniaturka {
	width: 160px;
	height: 106px;
	padding: 2px !important;
}

.importantLink {
    color:#d62d20;
    /*color:#9A342D;*/
    font-weight: bold;
}

/* elementy strony */

/* rwd */

@media (min-width: 1125px) {
	#wrapper{width:1050px !important;}
}

@media (min-width: 750px) {
	li {
		margin-left: 40px;
	}
	
	h1 {
		font-size: 28px;
	}

	#wrapper{width:95%;margin-top:20px;}
	#side{width:30%;float:right; color: #0f4b79; padding: 5px; border-radius: 10px;}
	#content{width:65%;float:left; text-align: justify; background: #fff; padding: 10px; border-radius: 10px;}
	
	#top {
		float: left;
		width: 100%;
		padding-top: 10px;
		background: #fff;
	}
	
	#top-photo {
		float: left;
		width: 100%;
		padding-top: 10px;
		background: #fff;
	}
	
	#conference-logo {
		float: left;
		background: #fff;
		padding-right: 6%;
		width: auto;
		height: auto;
	}
	
	#titles {
		/*padding-top: 3%;*/
		background: #fff;
		float: left;
		width: 40%;
	}
	
	#organisation {
		float: right;
		padding-right: 5px;
		background: #fff;
		max-width: 100% !important;
	}
	
	#title {
		font-size: 26px;
		color: #0f4b79;
	}

	#subtitle {
		font-size: 18px;
	}
	
	#resp {
		display: none;
	}
	
	#footer {
		margin-bottom: 0px;
		width: 100%;
		background: #c0c0c0;
		text-align: center;
		font-size: 12px;
	}
        /*------MAIN VERTICAL MENU------------------*/
        .vertical-menu li{
            float: left;
            list-style: none;
            width: 100px;
            padding: 0px;
            font-weight: bold;
        }
        .vertical-menu a {
            
            color: #0f4b79;
        }
        .vertical-menu a:hover {
            color: #C0C0C0;
           
        }
}

/* -------------------------------------------------------- */


@media (max-width: 750px) {
	li {
		margin-left: 17px;
	}
	
	h1 {
		font-size: 18px;
	}
	
	#wrapper{width:87%;margin-top:30px;}
	#content{text-align: justify; background: #fff;  padding: 7px;}
	
	#top {
		width: 100%;
		clear: both;
		text-align: center;
	}
	
	#top-photo {
		display: none;
	}
	
	#titles {
		clear: both;
		background: #fff;
		text-align: center;
		padding: 10px;
	}
	
	#organisation {
		width: 100%;
		clear: both;
		text-align: center;
	}
	
	#title {
		font-size: 24px;
		color: #0f4b79;
	}

	#subtitle {
		font-size: 18px;
	}
	
	#side {
		display: none;
	}
	
	#footer {
		width: 100%;
		background: #ccc;
		text-align: center;
		height: auto;
	}
}