@charset "utf-8";
/* CSS Document */
/***********************************************/
/* UNDER HEADER                                */
/***********************************************/
#underHeader {
	position: relative;
	z-index: 500;
	margin: -10px 0 0 141px;
	width: 664px; height: 114px;
	background: url(../img/layout/podheader_bg.png) repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
}
#underHeader ol {
	height: 114px; width: 664px;
	background: url(../img/layout/podheader_end.png) no-repeat right top;
}
#underHeader ol li {
	float: left;
	height: 107px;
	padding-top: 7px;
}
#underHeader ol li h2 {
	color: #952c0c;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 8px;
}
#underHeader ol li#s1 {
	padding-left: 50px;
	padding-right: 14px;
	width: 160px;
	background: url(../img/layout/podheader_1.png) no-repeat;
}
#underHeader ol li#s2 {
	padding-left: 57px;
	padding-right: 10px;
	width: 140px;
	background: url(../img/layout/podheader_2.png) no-repeat;
}
#underHeader ol li#s3 {
	padding-left: 57px; width: 164px;
	background: url(../img/layout/podheader_3.png) no-repeat;
}
#saas {
	position: absolute;
	width: 85px; height: 78px;
	background: url(../img/layout/saas_logo.png) no-repeat;
	margin: 25px 0 0 857px;
}
/***********************************/
#index h1 {
	width: 668px; height: 25px;
	background: url(../img/layout/mdl_available.png) no-repeat;
	margin: 28px 0 0 143px;
}
.lSide {
	float: left;
	width: 720px;
	margin-top: 20px;
}
.lSide h3 {
	width: 210px;
	height: 17px;
	background: url(../img/layout/lear_more.png) no-repeat;
	margin: 18px 0 10px 0;
}
.lSide .cells {
	width: 714px; height: 243px;
	background: url(../img/layout/lear_more_bg.png) no-repeat;
	margin-bottom: 20px;
	padding: 5px 0 0 10px;
}
.lSide .cells h2 {
	font-size: 13px;
	margin-bottom: 5px;
}
.lSide .cells div#c1 {
	float: left;
	width: 190px; height: 105px;
	background: url(../img/layout/ico_otaznik.png) no-repeat center 70px;
	margin-right: 32px;
	padding: 5px;
}
.cBorder {
	border: 1px solid #ccc;
}
.noBorder {
	border: 1px solid #fff;
}
.lSide .cells div#c2 {
	float: left;
	width: 218px; height: 105px;
	background: url(../img/layout/ico_diar.png) no-repeat center 66px;
	margin-right: 31px;
	padding: 5px;
}
.lSide .cells div#c3 {
	float: left;
	width: 195px; height: 105px;
	background: url(../img/layout/ico_mob.png) no-repeat center 66px;
	padding: 5px;
}
.lSide .cells div#c4 {
	float: left;
	width: 190px; height: 105px;
	background: url(../img/layout/ico_mdl.png) no-repeat center 66px;
	margin-right: 32px;
	margin-top: 5px;
	padding: 5px;
}
.lSide .cells div#c5 {
	float: left;
	width: 218px; height: 105px;
	background: url(../img/layout/ico_com.png) no-repeat center 66px;
	margin-right: 31px;
	margin-top: 5px;
	padding: 5px;
}
.lSide .cells div#c6 {
	float: left;
	width: 195px; height: 105px;
	background: url(../img/layout/ico_mail.png) no-repeat center 66px;
	margin-top: 5px;
	padding: 5px;
}
.lSide .cells p {color: #595a5a; font-size: 90%; line-height: 120%; text-align: justify;}

.lSide .cells a {
	color: #595a5a;
	position: absolute;
	width: 195px;
	margin: -28px 0 0 -5px;
	padding: 27px 5px 62px 5px;
}
.lSide .cells #c1 a, .lSide .cells #c4 a {
	width: 190px;
}
.lSide .cells #c2 a, .lSide .cells #c5 a {
	width: 218px;
}
.lSide .cells a:hover {
	color: #999999;
}