@charset 'UTF-8';

/* allflash  */
html,body {
	width: 100%;
	height: 100%;
	background: url(/images/layout/html_bg.jpg) 0 0 repeat-x;
}

body {
	background: url(/images/layout/bg.jpg) top center no-repeat;
}

body.home {
	background: url(/images/layout/bg-home.jpg) top center no-repeat;
}

.layoutHolder {
	width:930px;
	margin:0 auto;
	min-height:30px;
	position:relative;
}


.blueBox {
	height:auto;
	background: #0e2646 url(/images/layout/ref-box-bg.jpg) center bottom no-repeat;
}


.blueBox .blueBoxTop {
	display:block;
	border:none;
	height:9px;
	width:930px;
	background: transparent url(/images/layout/ref-box-top.gif) 0 0 no-repeat;
}

.footer {
	 background: #000518 url(/images/layout/footer-bg.jpg) center top no-repeat;
	 min-height:450px;
	 margin-top: 30px;
	 _height:500px;
	 position: relative;
}

.podcast {
	width: 412px;
	height: 51px;
	position: absolute;
	right: 0;
	bottom: 42px;
}

.footerPanel {
	padding: 30px 12px 34px 12px;
}

.footerPanel h2 {
	height: 34px;
	line-height: 34px;
	margin: 0 0 8px 0;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.footerPanel h2.twitterIco {
	padding-left: 52px;
	background: transparent url(/images/layout/ico_twitter.gif) 0 3px no-repeat;
	float: left;
}

.footerPanel .timeInfo {
	color: #7d93a9;
	font-size: 11px;
	line-height: 34px;
	float: right;
}

.footerPanel img.twitterIco {
	width: 44px;
	height: 44px;
	float: left;
	vertical-align: top;
}

.footerPanel .twitterInfo {
	width: 390px;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	top: 3px;
	color: #07162c;
	margin: 0;
	float: right;
}

.footerBox {
	width: 402px;
}

.footerBox2 {
	width: 478px;
}

.footer .right {
	width: 478px;
	position: relative;
}


.footerBox .top, .footerBox .bottom {
	width: 402px;
	height: 10px;
	background: transparent url(/images/layout/footerbox_top.gif) 0 0 no-repeat;
	overflow: hidden;
	font-size: 0;
}

.footerBox .bottom {
	background: transparent url(/images/layout/footerbox_bottom.gif) 0 0 no-repeat;
}

.footerBox2 .top, .footerBox2 .bottom {
	width: 478px;
	height: 10px;
	background: transparent url(/images/layout/footerbox2_top.gif) 0 0 no-repeat;
	overflow: hidden;
	font-size: 0;
}

.footerBox2 .bottom {
	background: transparent url(/images/layout/footerbox2_bottom.gif) 0 0 no-repeat;
}


.footerBox .middle, .footerBox2 .middle {
	padding: 0 12px;
	min-height: 46px;
	_height: 46px;
	background: #fcfdfd url(/images/layout/footerbox_middle.png) 0 0 repeat-x;
}

.footerBox2 .middle {
	width: 454px;
}

.footerInfo {
	padding: 18px 12px;
}

.footerInfo p {
	color: #7d93aa;
	margin: 0 0 15px 0;
	line-height: 15px;
}

.footer .copy {
	 float: left;
}

.footer .footerLinks {
	 float: right;
}

.footer .footerLinks a {
	 color: #7d93aa;
	 text-decoration: none;
}

.topBar {
	padding-top:23px;
	height:76px;
}

.home-banners-holder {
	width:930px;
	height:474px;
	position:relative;
}

#home-banners-lowlayer {
	width:930px;
	height:474px;
	position:absolute;
	top:0px;
	left:0px;
}

#homepageBannersLoading {
	width:930px;
	height:474px;
	position:absolute;
	top:99px;
	left:0px;

}

#homepageBannersLoading .homepageBannersOver {
	width:930px;
	height:474px;
	background-color:#fff;
	opacity:0.5;
	filter: alpha(opacity = 50);

}

#homepageBannersLoading img {
	display:block;
	position:absolute;
	top:200px;
	left:350px;
	z-index:1000;
}

#home-banners-highlayer {
	width:930px;
	height:474px;
	position:absolute;
	top:0px;
	left:0px;
}

#homeBannerLink {
	width:930px;
	height:424px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(/images/background/blank.gif) 0 0 repeat;

}

.hp-linx-box {
	position:absolute;
	top:625px;
	left:675px;
}

.rplcmnt.home-info-box {
	width:930px;
	height:160px;
	margin-bottom:30px;
}

.rplcmnt.home-info-box span {
	width:930px;
	height:160px;
	background:url(/images/content/homepage/home-info-box-bg.jpg) 0 0 no-repeat;
}

.rplcmnt.home-info-box.en span {
	background:url(/images/content/homepage/home-info-box-bg-en.jpg) 0 0 no-repeat;
}	

.home-banners-paginator-holder {
	width: 925px;
	position:absolute;
	text-align: center;
	height: 40px;
	top: 527px;
	left:5px;}

#home-banners-paginator {
	margin: 0 auto;
	height: 40px;
	display: inline-block;
}

.home-banners-paginator-link {
	width:88px;
	height:40px;
	border:1px #d5e5f3 solid;
	display:block;
	float:left;
	position:relative;
	margin-right:8px;
}

.home-banners-paginator-link span {
	width:88px;
	height:40px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#fff;
	visibility:hidden;
}

.logo {
	display:block;
	width:142px;
	height:43px;
	background: transparent url(/images/layout/logo.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:500px;
}

.bread {
	width:930px;
	height:38px;
	background: transparent url(/images/layout/bread-bg.gif) 0 0 repeat-x;
}

.grayBox    {position:relative}
.grayBoxTop {height:12px; background: url(/images/layout/graybox/graybox-top.gif) 0 0 no-repeat; _margin-bottom:-4px;}
.grayBoxCnt {background: url(/images/layout/graybox/graybox-cnt.gif) 0 0 repeat-y; _height:1px;}
.grayBoxBot {height:12px; background: url(/images/layout/graybox/graybox-bot.gif) 0 0 no-repeat;}

.kontaktForm { 
	margin-top:30px;
	width:605px;
	height:485px;
	background: url(/images/content/kontakty/formbg.gif) 0 0 no-repeat;
	position:relative;
}

.kontaktForm input, .kontaktForm textarea {
	font-size:12px;
	padding:1px;
}

.kontaktForm label.light {
	padding-left:5px;
	font-weight:normal;
}

.kontaktForm {display:block}
.kontaktForm label {color:#4b4b4b; font-weight:bold;display:block;}

#kontakt_form_submit { 
	display:block;
	width:261px;
	height:35px;
	background: url(/images/layout/odeslat-formular.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	margin-top:178px;
	margin-left:0px;
}

.en #kontakt_form_submit { 
	display:block;
	width:261px;
	height:35px;
	background: url(/images/layout/submit.png) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	margin-top:178px;
	margin-left:0px;
}

#text_poptavky {
	width:100%;
	height:150px;
	=height:140px;
}

.labs-vjuu {
	background: url(/images/layout/vjuu-bg.gif) 0 0 no-repeat;
	padding-top:30px;
	padding-bottom:50px;

}

.tagCloud {
	height: 140px;
	text-align:center;
	color:#7c7678;
	background: #fff url(/images/layout/tagcloud.gif) bottom left no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	=margin-top:10px;
}

.grayRoundedBox {
	display:block;
	-moz-border-radius: 10px; /* pro mozillu */
	-khtml-border-radius: 10px; /* konqueror, opera */
	-webkit-border-radius: 10px; /* safari, ... */
	border-radius: 10px; /* IE */
	border:1px #e3e9ef solid;
	margin-bottom:17px;
}

a.grayRoundedBox { text-decoration:none;}
a.grayRoundedBox p { margin:0px}

a.grayRoundedBox:hover {
	-moz-border-radius: 10px; /* pro mozillu */
	-khtml-border-radius: 10px; /* konqueror, opera */
	-webkit-border-radius: 10px; /* safari, ... */
	border-radius: 10px; /* IE */
	border:1px #333333 solid;
	margin-bottom:17px;
	
}

.arrowbg {background: url(/images/background/arrow.gif) 250px 50% no-repeat !important;}
.arrowbg:hover {background: url(/images/background/arrow-hover.gif) 250px 50% no-repeat !important;}

.arrowbg span.arrcontent, .arrowbg h3  { padding-right:50px;}

/*--MOBILE-APPS--------------------------------------------------*/

.leftCol {
	width: 600px;
	padding: 0 0 0 0;
	float: left;
}

.leftCol p {
	line-height: 24px;
	margin: 0 0 15px 0;
	color: #0e2646;
}

.leftCol .hr {
	height: 1px;
	margin: 5px 0 15px 0;
	background: #cecece;
}

.icoTitle {
	padding: 5px 0 5px 42px;
	margin: 0 0 15px 0;
}

.icoTitle h3 {
	position: relative;
	top: 3px;
	margin: 0;
}

.icoTitle.eatlantik {
	background: url("../images/ico/eatlantik_small.gif") 0 5px no-repeat;
}

.icoTitle.skoda {
	background: url("../images/ico/skoda_small.gif") 0 5px no-repeat;
}

.appGallery {
	padding: 5px 0 10px 0;
}

.appGallery a {
	display: block;
	width: 134px;
	height: 201px;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px #0e2646 solid;
	position: relative;
}

.appGallery a .mask {
	width: 134px;
	height: 201px;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	background: url("../images/layout/app_photo_zoom.png") -134px 0 no-repeat;
}

.appGallery a:hover .mask {
	display: block;
	background: url("../images/layout/app_photo_zoom.png") 0 0 no-repeat;
}

.appGallery a img {
	display: block;
	width: 134px;
	height: 201px;
	border: none;
	z-index: 500;
}

.rightCol {
	width: 310px;
	padding: 25px 0 0 0;
	float: right;
}

.roundedBox h2 {
	margin: 0 0 10px 0;
	padding-left: 0;
	color: #780000;
	font-size: 26px;
}

.roundedBox h3 {
	text-transform: none;
	font-size: 16px;
	padding: 0;
	margin-bottom: 10px;
	color: #0e2646;
}

.roundedBox .rightPhoto {
	margin: 0 0 5px 15px;
	border: 1px #aaaaaa solid;
	float: right;
	position: relative;
	top: 5px;
	right: 5px;
}

.roundedBox .title {
	color: #930000;
	font-size: 16px;
	padding: 0 0 14px 0;
	margin: 0 0 4px 0;
	border-bottom: 1px #cecece solid;
}

.roundedBox .subTitle {
	color: #0e2646;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin: 0 0 8px 0;
	text-transform: none;
}

.roundedBox .top, .roundedBox .bottom {
	width: 100%;
	height: 9px;
	overflow: hidden;
	font-size: 0;
}

.roundedBox .top {
	*margin-bottom: -7px;
}

.roundedBox .lc, .roundedBox .rc {
	width: 50%;
	height: 9px;
	overflow: hidden;
	font-size: 0;
	float: left;
}

.roundedBox .top .lc {
	background: url("../images/layout/roundedbox/roundedbox_top_lc.png") 0 0 no-repeat;
}

.roundedBox .top .rc {
	background: url("../images/layout/roundedbox/roundedbox_top_rc.png") right 0 no-repeat;
}

.roundedBox .bottom .lc {
	background: url("../images/layout/roundedbox/roundedbox_bottom_lc.png") 0 0 no-repeat;
}

.roundedBox .bottom .rc {
	background: url("../images/layout/roundedbox/roundedbox_bottom_rc.png") right 0 no-repeat;
}

.roundedBox .middle {
	padding: 5px 15px; 
	border-left: 1px #cecece solid;
	border-right: 1px #cecece solid;
	background: #f8f8f8 url("../images/layout/roundedbox/roundedbox_middle.png") 0 0 repeat-x;
}

.roundedBox ul {
	margin: 0 0 10px 0;
}

.roundedBox p {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 13px;
	line-height: 20px;
}

.roundedBox ul li {
	margin: 0 0 0 15px;
	padding: 3px 0 3px 15px;
	list-style: none;
	background: url("../images/layout/roundedbox/roundedbox_li.gif") 0 9px no-repeat;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.roundedBox .icons {
	padding: 4px 0 0 0;
	float: right;
}

.roundedBox .icons img {
	margin: 0 0 0 14px;
}

.checkedBox {
	padding: 10px 0 0 0;
}

.checkedBox ul {
	padding: 8px 0 0 0;
}

.checkedBox ul li {
	color: #0e2646;
	font-size: 14px;
	line-height: 22px;
	list-style: none;
	padding: 6px 0 6px 22px;
	background: url("../images/layout/checkedbox/checkedbox_li.gif") 0 11px no-repeat; 
}

.checkedBox .title {
	font-size: 22px;
	margin: 10px 0 0 0;
}

.checkedBox .note {
	font-size: 11px;
	color: grey;
}