body,html {
	background-color: white;
	color: #454545;
	font-family: Arial, Helvetica;
	font-size: 12px;
	margin-left: 4%;
}
H1{
	font-size: 20px;
}
h2 {
	font-size: 16px;
	margin-top: 10px;
}
h3{
	font-size: 16px;
	margin-left: 15px;
}
.container {
	width: 680px;
	font: Myriad Pro;
	
}
.sedy {
	background-color:#878787;
	height: 10px;
	width: 680px;
	position: absolute;
	
}
.menutop {
	position: absolute;
	margin-left:317px;
	margin-top:45px;
	line-height:20px;
}
.menutop a{

	margin-left: 38px;
	color: #72b4d3;
	
}
.nadpis{
	font-size: 22px;
	color: #72b4d3;
   padding-top: 47px;
	padding-left: 38px;
}
.red {
	background-image: url(../obr/cara_red.png);
	background-repeat: repeat;
	width: 680px;
	height: 194px;
	color: White;
	font-size: 17px;
	padding-left: 45px;
}
.obrsrdce {
	position: absolute;
	margin-left: 450px;
	margin-top:0px;
	
}
.sami {
	font-size: 25px;
	padding-top: 15px;
}
.vety {
	padding-top: 15px;
	line-height: 24px;
}
.head {
	border-right: 1px solid gray;
	height: 106px;
	width: 680px;
	border-left: 1px solid gray;
}
.inside {
	width: 660px;
	padding: 0px 10px 0px 7px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
}

ul {
	padding: 0 0 0 18px;
	margin: 0;
}

ul li {
	margin-bottom: 5px;
}

.proces {
  background-image: url(../obr/proces.jpg);
}

.dark {
  color: #9400d3;
}

.bgdark {
  background-color: #9400d3;
  color: #ffffff;
}

.odd {
  background-color: #d8bfd8;
  
}