@CHARSET "UTF-8";
/* main tags */
h1 { 
	font-size: 1em;
}

a, a span, a strong, h2, h3, .formatRed{
	color: #c70000;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 14px;
}

h2, h3{
	font-weight: bold;
}

h2 span, h3 span, .formatDarker{
	color: #565555;
	font-weight: normal;
}

em{
	color: #888;
}

td em{
	color: #999;
}

.formatOrange{
	color: #ed7f24;
}

.formatAlignRight{ text-align: right; }
.formatAlignCener{ text-align: center; }

.formatColorAplication {
	color: #b9ad94;
}

.w355{
	 
}

.templateHalf{
	width: 50%;
}

/* clearing element */
div.clear, div.util, div.cleaner {
	display: block;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

/* base definition of centering div  */
div.templateMiddleDiv {
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

body{
	background: #313131;
}

div#templateMainBlocksCover{
	background: url('../images/layout/bg-top-cover.jpg') center top repeat-x #fff;
}

/* top definition */
div#templateTop div.templateMiddleDiv {
	height: 150px;
	background: url('../images/layout/bg-top.jpg') center top no-repeat;
}

div#topLeft,div#topRight {
	height: 119px;
	width: 50%;
	float: left;
}

/* grey unders */
div#templateUnderGray{
	border-bottom: solid 1px #bababa;
}

div#templateUnderGray,
div#templateUnderGray div.templateMiddleDiv{
	background: url('../images/layout/bg-under-gray.gif') left top repeat-x;
}

div#templateUnderGray div.templateMiddleDivDefault{
	width: 980px;
	padding: 0px;	
	margin: 0 auto;
	height: 367px;
	position: relative;
	text-align: center;	
}

div#templateBoxes{
	position: absolute;
	top: 262px; 
	left: 0px;
	width: 960px;
	padding: 0px 10px 0px 10px;
}

	div.atypicalBox{
		padding: 0px 0px 0px 0px;
	}

div#templateUnderGray h2{
	margin: 0px;
	padding: 15px 10px 15px 15px;
}
	
div#templateUnderGray div.templateMiddleDiv div.boxInGray{
	width: 320px; 
}

div.boxInGrayForm,
div#templateUnderGray div.templateMiddleDiv div.boxInGray{
	height: 352px;	
	padding: 10px 0px 0px 0px;
	float: left;
}
div.boxInGrayForm{
	width: 640px;
	background: url('../images/layout/bg-form-main.gif') center 59px no-repeat;
}

/* definition of under */
div#templateUnder {
	width: 100%;
	position: absolute;
	top: 119px;
	left: 0px;
}

/* middle div in content */
div#templateContent{
	border-bottom: solid 1px #b5b5b5;
}

div#templateContent div.templateMiddleDiv {
	padding-top: 30px;
	padding-bottom: 30px;
}

div#templateContent h3{
	margin-bottom: 5px;
	padding-top: 4px;
}

/* content divs */
div#defaultLogos{
	height: 74px;
	text-align: center
}

div.defaultThird{
	width: 290px;
	min-height: 150px;
	padding: 15px;
	float: left;
	background: url('../images/layout/bg-default-box.gif') center top no-repeat;
}

div.defaultThird ul li,
div.defaultThird  p{
	color: #484848;
	font-size: 11px;
	/* text-align: justify */
}


div.defaultThird ul{
	padding: 0px;
}

div.defaultThird ul li{
	display: block;
	margin: 0px;	
	padding: 0px 0px 5px 16px;
	background: url('../images/layout/bg-default-li.gif') left 2px no-repeat;
}
	
div#templateContentLeft,
div#templateContentRight {
	
	min-height: 200px;
	float: left;
}

div#templateContentLeft {
 width:920px;
	padding-left: 15px;
	line-height: 1.6em;
}

div#templateContentLeft p,
div#templateContentLeft ul,
div#templateContentLeft ol{
	line-height: 1.8em;
}

div#templateContentRight {
	width: 170px;
	padding: 0px 15px 0px 0px;
	float: right;
	line-height: 1.6em;
}

div#templateBottomSlider h2{
	padding: 35px 15px 10px 15px;
}

div#templateBottomSlider a{
	display: block;
	float: left;
	width: 160px;
	height: 117px;
	text-align: center;
	background: url('../images/layout/bg-item-slider.gif') center bottom no-repeat;
}

a.arrowSlide{
	display: block;
	width:15px;
	height: 230px;
	float: left;
	text-decoration: none;
}

div.itemShapeCover{
	height: 230px;
	width: 325px;
	overflow: hidden;
	float: left;
	position: relative;
}

div.itemShapeCover2{
	height: 230px;
	width: 480px;
	overflow: hidden;
	float: left;
	position: relative;
}


	div#itemShape02,
	div#itemShape01{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 999999px; 
	}

	a#arrowLeft02,
	a#arrowLeft01{
		background: url('../images/layout/slider/arr-left-a.gif') left top no-repeat;
	}
	a#arrowRight02,
	a#arrowRight01{
		background: url('../images/layout/slider/arr-right-a.gif') right top no-repeat;
	}
	div.itemSet02,	
	div.itemSet01{
		width: 325px;
		float: left;
	}
	
	.rl-arrowRightUnActive{
		background: url('../images/layout/slider/arr-right.gif') right top no-repeat !important;
		cursor: default;
	}
	
	.rl-arrowLeftUnActive{
		background: url('../images/layout/slider/arr-left.gif') right top no-repeat !important;
		cursor: default;
	}

div.itemSet02{
	width: 480px;
	float: left;
}


div.itemList{
	width: 160px;
	height: 110px;
	text-align: center;
}

div.itemList h3{
	font-size: 11px;
	padding: 5px;
	text-align: center;
}

div.itemList h3 a{
	color: #161616;
	text-decoration: none;
	font-weight: normal;
}

div.itemList h3 a:hover{
	text-decoration: underline;
}

/* middle div in footer */
div#templateFooter,
div#templateFooter div.templateMiddleDiv{
	background: url('../images/layout/bg-footer.gif') left top repeat-x;
}

div#templateFooter div.templateMiddleDiv {
	height: 160px;
}

div#templateFooter div.templateMiddleDiv p,
div#templateFooter div.templateMiddleDiv p a{
	color: #b2b2b2;
}

div#templateFooter div.templateMiddleDiv p{
	float: left;
}

div#templateFooter div.templateMiddleDiv p.footerText{
	padding: 45px 0px 0px 60px;
	line-height: 1.6em;
}

/* definition of main menu */
ul#mainMenu {
	list-style-type: none;
	height: 29px;
	padding: 0px 0px 0px 0px;
	margin: 0 !important;
}

ul#mainMenu li,ul#mainMenu li a {
	display: block;
	float: left;
	margin: 0 !important;
}

ul#mainMenu li {
	padding: 0px 0px 0px 0px;
}

ul#mainMenu li a {
	height: 21px;
	padding: 8px 10px 0px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	color: #000; /*  #c70000 */
}

ul#mainMenu li a:hover {

}

ul#mainMenu li a.active,
ul#mainMenu li a:hover {
	color: #fff;
	background: url('../images/layout/bg-menu-hover.gif') left top repeat-x;
}
ul#mainMenu li.mainMenuFirst a{
	padding-left: 15px !important; 
}

ul#mainMenu li.mainMenuFirst a:hover{
	background: url('../images/layout/bg-menu-first-hover.gif') left top repeat-x;
}

/* formulars */
form#formLogin {
	padding: 22px 8px 0px 0px;
}

form#formLogin label,
form#formLogin div.loginLine,
form#formLogin div.loginLineSubmit{
	display: block;
	float: right;
	font-size: 11px;
}

form#formLogin label{
	padding: 5px 0px 0px 0px;
}

form#formLogin div.loginLineSubmit{
	margin: 0px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
}

form#formLogin div.loginLine{
	height: 18px;
	width: 68px;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 0px 10px;
	background: url('../images/layout/bg-input.gif') left top no-repeat;
}

form#formLogin div.loginLine input {
	width: 68px;
	background: none;
	color: #a2a2a2;
}
.loginPass {
	background: url('../images/layout/bg-input-pass.jpg') 0 1px no-repeat !important;
}

form#formFastQuestion{
	width: 564px;
	height: 200px;
	padding: 49px 0px 0px 0px;
	margin: 0 auto;
}

	div#questionBody h2,
	div#questionBody h2 strong{ 
		color: #fff;
		text-align: left;
	}

	div#questionBody h2{ 
		padding: 15px 15px 10px 15px;
		font-weight: normal;
	}
	
	div.questionLine{
		padding: 5px 0px 5px 15px;
	}
	
	div.floatRight div.questionLine{
		padding: 5px 0px 5px 0px;
	}
	
	div.questionLine label{ 
		color: #fff;
		display: block;
		width: 100px;
		float: left;
		padding: 2px 0px 0px 0px;
	}
	
	div.questionLine input,
	div.questionLine select{
		width: 144px;
		padding: 1px;	
	}
		
	div.questionLine select{width: 150px;}
	
	div.questionLine textarea{
		width: 160px;
		height: 106px;
		padding: 1px;	
	}
	
	div.questionLine input,
	div.questionLine textarea{
		background: #c7bca8;
		border: solid 1px #fff;
		color: #fff;
	}
	
	div.questionSubmit{
		text-align: right;
		padding-right: 18px !important;
	}
	
	div.questionSubmit a{ color: #fff; }
	
/* form call back */
form#formCallback{
	padding: 10px;
	border: solid 1px #bdbdbd;
	background: url('../images/layout/bg-form-callback.gif') left top repeat-x #f4f4f4;
}

div.callbackLine{
	padding: 0px 0px 10px 0px;
}

form#formCallback textarea{
	padding: 0px;
}

form#formCallback input.iText,
form#formCallback textarea{
	width: 138px;
	padding: 4px;
	color: #3e4245;
	border: solid 1px #bfbfbf;
}

input.redBorder, select.redBorder {  border: solid 1px red !important; }

input.callbackButton { 
	width: 87px;
	height: 31px;
	background: url('../images/layout/button-send.gif') left top no-repeat; 
	}
	
div.info,
div.alert{
	padding: 6px 0 7px 40px;
	margin: 0px 0px 10px 0px;
}

div.info{
	color:  #5D8306;
	background: url('../images/layout/infobg.png') left top no-repeat; 
}

div.alert{
	color:  #c00;
	background: url('../images/layout/errorbg.png') left top no-repeat; 
}

div.templateLine {
	border: 0 !important;
}

div.templateLine select {
	margin-left: 10px;
	width: 166px !important;
}

div.fullWidth { width: 100% !important; }
div.progressBg { background: #ececec; width: 150px; height: 5px; }

#passStrengthInfo { width: 150px; float: left; margin-top: -5px; padding-left: 20px; }
div.passwordLabel {
	height: 26px;
}
	
div.password0 strong { color: #676767 }
div.password1 strong { color: #aa0033 }
div.password2 strong { color: #f5ac00 }
div.password3 strong { color: #6699cc }
div.password4 strong { color: #008000 }
div.password5 strong { color: #676767 }

div.progress0 { background: #676767; width: 0; height: 5px; }
div.progress1 { background: #aa0033; width: 25%; height: 5px; }
div.progress2 { background: #f5ac00; width: 50%; height: 5px; }
div.progress3 { background: #6699cc; width: 75%; height: 5px; }
div.progress4 { background: #008000; width: 100%; height: 5px; }
div.progress5 { background: #676767; width: 100%; height: 5px; }


/*icons*/
a.templatesIcons{
	display: block;
	height: 131px; 
}

a.templatesIcons img {
	float: left;
}

a.templatesIcons span.sBody{
	display: none;
}

a.templatesIcons:hover span.sBody{
	display: block;
	height: 111px;
	width: 360px;
	padding: 10px 20px 10px 20px;
	float: right;
}

 span.sBody * { color: #fff !important; }

a#zak5000{
	position: absolute;
	top: 118px; 
	/* top: 259px;*/  /* akce evron za 100 */
	right: 0px;
	width: 68px;
}
a#zak5000:hover{	width: 468px; }
a#zak5000:hover span.sBody{ background: url('../images/icons/ico01-body.gif') left top repeat-x; }

a#zak5000:hover span.sBody{
	font-size: 18px;
	height: 78px;
	padding: 43px 20px 10px 20px;
}


/* akce evron za 100 */
a#zakAkce{
	position: absolute;
	top: 118px;
	right: 0px;
	width: 68px;
}
a#zakAkce:hover{	width: 468px; }
a#zakAkce:hover span.sBody{ background: url('../images/icons/ico01-body-akce.gif') left top repeat-x; }

a#zakAkce:hover span.sBody{
	font-size: 14px;
	height: 108px;
	padding: 13px 20px 10px 20px;
	text-align: center;
	line-height: 18px;
}



a#facebookIco{
	position: absolute;
	top: 259px;
	/*top: 400px;*/ /* akce evron za 100*/
	
	right: 0px;
	width: 68px;
}

a#facebookIco:hover{ background: url('../images/icons/evron_fb_long.png');
                  	position: absolute;
	                 
	                 right: 0px;
                  	width: 78px; }

a#facebookIco:hover span.sBody{ 
	font-size: 14px;
	height: 103px;
	padding: 18px 20px 10px 20px;
}

a#funkceIco{
	position: absolute;
	top: 400px;
	right: 0px;
	width: 68px;
}
a#funkceIco:hover{	width: 468px; }
a#funkceIco:hover span.sBody{ background: url('../images/icons/ico03-body.gif') left top repeat-x #C7BBA2; }

a#funkceIco span.sBody{ 
	font-size: 14px;
	height: 110px;
	padding: 11px 20px 10px 20px; }

a#funkceIco span.sBody span{ 
	line-height: 22px;
}
.finalizeSentence a {
	color: #484848;
}
.finalizeSentence input{
	margin: 0 5px 0 0;
}
.errorinput {
	border: red solid 2px !important;
}
strong.errorcheckbox,
strong.errorcheckbox a {
	color: red !important;
}
.flleft {
	float: left;
}
.dokoncitreg {
	padding: 0px 0px 0px 55px !important;
}
#lista {
 background: #ccc;
 padding: 0 0 7px 0;
}
.lista {
	padding: 0 10px;
	text-align: center;
}

.chcibutton {
	display: inline-block;
	border-radius: 5px;
	padding: 12px 30px;
	text-decoration: none;
	border: solid 1px #999;
	background: #eee;
	font-size: 16px;
	font-weight: bold;
}
.chcibutton:hover {
	background: #ccc;
}
.phoneTop{
	position:absolute;
	top:0;
	left:40%;
}
.photoLink{
	font-size: 11px;
	text-align: center;
	color: #565555;
}
div.contactPersonBody h3.contactPodpora{
    margin-bottom: 10px !important;
}