@charset "utf-8";
/* CSS Document */

h3, a{color: #b5256e;}

body{background-image: url("imgs/mlady-chemik-pozadi.jpg");
	background-position: top;
	background-repeat: no-repeat;
	font-family: sans-serif;}

#hlavni{width:970px;
	margin: 0 auto;
	background-color: transparent;}

#hlavicka{height: 394px;
	background-image: url("imgs/mlady-chemik-uvod.jpg");
	background-position: left;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: solid 1px #ececec;}

#nazev{width:330px;
	text-align: center;
	border-radius: 15px;
	border: solid 3px #9d9d9c;
	margin-left: 215px;
	margin-top: 100px;
	background-color: rgba(255,255,255,0.7);}

#nazev h1{font-size: 27px;
	margin-top: 10px;
	margin-bottom: 10px;}

#popis{width:330px;
	text-align: center;
	border-radius: 15px;
	border: solid 3px #9d9d9c;
	margin-left: 215px;
	margin-top: 10px;
	background-color: rgba(255,255,255,0.7);}

#popis p{font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;}

#motto{width:470px;
	text-align: center;
	border-radius: 15px;
	border: solid 3px #9d9d9c;
	margin-left: 215px;
	margin-top: 35px;
	background-color: rgba(255,255,255,0.7);}

#levy, #prostredni, #pravy{display: block;
	float: left;
	margin-top: 0px;
	background-color: transparent;
	width: 306px;}

#prostredni, #pravy{margin-left: 26px;}

.ramecek{margin-top: 26px;
	border: solid 1px #ececec;
	border-radius: 3px;
	background-color: white;
	padding-bottom: 20px;}
.ramecek h3{text-align: center;
	font-size: 23px;
	margin-top: 35px;}
.ramecek ul{margin: 0;
	padding-left: 30px;}
.ramecek li{margin: 0 0 5px 0;}
.ramecek li a{letter-spacing: -0.5px;
	text-decoration: none;}
.ramecek li a:hover{text-decoration: underline;}
.ramecek .logo{width: 100%;}
.ramecek a.partner{text-align: center;
	text-decoration: none;
	margin-bottom: 30px;
	display: block;}
.ramecek a.partner:hover{text-decoration: underline;}
.ramecek .materialy{list-style: none;
	padding-left: 15px;}
.ramecek .material{min-height: 60px;
	background-image: url("imgs/document.png");
	background-position: left;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	padding-left: 55px;}

#paticka{clear: both;
	padding-top: 30px;}