/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body { 	line-height: 1 }
ol, ul {  list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { 	content: '';  	content: none }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through
}
table {  border-collapse: collapse; border-spacing: 0  }

/* HTML  ---------------------------------------------------- */
html {
	min-height: 100%;
	height: auto;
}
body {
	color: #FFF;
	background:#000;
	font: 12px 'Arial CE', Arial, sans-serif;
	line-height: 145%;
}
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0
}
a:focus {
	outline: none
}
a {
	color: #ad9961;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* LAYOUT */
/* obecné ---------------------------------------------------- */
#page {
	position:relative;
	width:100%;
}

#subpage {
	position:relative;
	float:left;
	width:100%;
	background:url(../images/bg-podstrana.jpg) no-repeat center top;
}

.stranka, .obsah {
	margin:0 auto;
	position:relative;
	width:980px;
}

/* Clear Floated Elements---------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
		
/* záhlaví ------------------------------------------------------------------------ */
#header {
	position:relative;
	float:left;
	width:100%;
	height:210px;
	z-index:1000;
	background:url(../images/bg-zahlavi.png) no-repeat center top;
}

#logo {
	background:url(../images/logo.png) no-repeat left top;
	float:left;	
	margin:20px 0 25px 373px;
	width:233px;
	height:96px;
}

ul#nav-lang {
	position: absolute;
	right:0;
	text-align: right;
	top:20px;
	width: 360px;
}

ul#nav-lang li {
	display: inline;
	padding: 5px 0 5px 10px;
	position: relative;
	float:right;
}

.cz {
	background:url(../images/cz.jpg) no-repeat 0 -11px;
	float:right;	
	width:16px;
	height:11px;
}

.cz:hover, .czactive {
	background:url(../images/cz.jpg) no-repeat 0 0;
	float:right;	
	width:16px;
	height:11px;
}

.en {
	background:url(../images/en.jpg) no-repeat 0 -11px;
	float:right;	
	width:16px;
	height:11px;
}

.en:hover, .enactive {
	background:url(../images/en.jpg) no-repeat 0 0;
	float:right;	
	width:16px;
	height:11px;
}

ul#nav {
	float:left;
	width:980px;
	position:relative;
	z-index:1000;
}

ul#nav li {
	display:inline;
	position:relative;
	text-transform:uppercase;
	font:normal 11px/24px Arial, Helvetica, sans-serif;
}

ul#nav li a {
	padding:0px 19px;
	text-decoration: none;
	color:#fff;
}

ul#nav li a:hover {
	color:#ccc;
}

ul#nav li#current a {
	color:#999;
}

ul#nav li#current li a {
	background: none !important;
	font:normal 11px/24px Arial, Helvetica, sans-serif;
}

.menu-separator {
	background:url(../images/bg-separator.png) no-repeat left top;
	float:left;	
	width:2px;
	height:24px;
}

/* slajdovací objekty ------------------------------------------------------------- */
#slideshow {
	height:562px;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	width:100%;
	z-index:0;
}

#slideshow div {
	height:562px;
	position:relative;
	width:100%;
}

.slide-1 {
	background: url(../images/bg-a.jpg) no-repeat top center !important;
}
.slide-2 {
	background: url(../images/bg-b.jpg) no-repeat top center !important;
}
.slide-3 {
	background: url(../images/bg-c.jpg) no-repeat top center !important;
}


.slidery {
	float:left;
	width:980px;
	height:400px;
	position:relative;
}

.argumenty {
	right:0;
	bottom:0;
	width:509px;
	height:184px;
	position:absolute;
	padding:0 0 0 20px;
	background:url(../images/bg-argumenty.png) no-repeat 20px 34px;
	overflow:hidden;
}

.argumenty li img {
	float:left;
	margin:0 0 0 20px;
	position:relative;
}

.argumenty li strong {
	float:left;
	color:#c4c5c5;
	font:bold 18px/26px Arial, Helvetica, sans-serif;
	position:relative;
	width:255px;
	margin:60px 0 0 20px;
}

.vycistime {
	padding:10px 0 0 10px !important;
}

.kamery {
	margin:10px 0 0 25px !important;
}

.stopky {
	margin:70px 0 0 20px !important;
}


/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:489px;
		height:164px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:40px;
		height:42px;
		position:absolute;
		left:0;
		top:80px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:489px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:42px;
		background:url(../images/prev.png) no-repeat -2px 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/next.png) no-repeat 0 0;	
		}		
		
.mapy {
	left:0;
	bottom:-14px;
	width:402px;
	height:250px;
	position:absolute;
	padding:0 0 0 0px;
	background:url(../images/bg-mapy.png?1) no-repeat 0px 55px;
	overflow:hidden;
	background-size: 400px 195px;
}

.pobocka{display: inline-block; padding: 65px 0px 0 20px; color: #ddd; width:40%;}
.pobocka a{color: #e10506; display: inline-block; padding: 3px 0;}
.pobocka strong{ padding: 0 0 3px 0; display: inline-block; color: #fff;}

.mapy li img {
	float:left;
	position:relative;
}

.mapy li strong {
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	position:relative;
	width:100px;
	margin:70px 0 0 0;
	text-align:right;
}

.mapy li em {
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	position:relative;
	width:100px;
	height:65px;
	text-align:right;
}
		
.mapy li a {
	float:left;
	width:135px;
	height:29px;
	position:relative;
	margin:0px 0 0 -28px;
	background:url(../images/bg-mapy-buton.png) repeat-x;
	background-size: auto 100%;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie.htc);
	border:solid 1px #e10506;
	font:bold 14px/29px Arial, Helvetica, sans-serif;
}
		
.mapy li a:hover {
	background:#EF0305;
}

/* Easy Slider */
#pobocky ul, #pobocky li{
	margin:0;
	padding:0;
	list-style:none;
}

#pobocky li{ 
	width:400px;
	height:222px;
	overflow:hidden; 
}

.mapy #prevBtn, .mapy #nextBtn, .mapy #slider1next, .mapy #slider1prev{ 
	display:block;
	width:40px;
	height:42px;
	position:absolute;
	left:-800px !important;
	top:80px;
	z-index:1000;
}	
													
.mapy .mapy #prevBtn a, .mapy #nextBtn a, .mapy #slider1next a, .mapy #slider1prev a{  
	display:block;
	position:relative;
	width:40px;
	height:42px;
	background:none !important;	
}	

/* obsah stránky home page -------------------------------------------------------- */
#left-side {
	float:left;
	width:600px;
	position:relative;
	color:#fff;
}

#left-side h1 {
	float:left;
	width:100%;
	position:relative;
	color:#e10506;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:30px 0 10px 0;
}

#left-side p {
	float:left;
	width:590px;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	padding:0 10px 20px 0;
}

#right-side {
	float:left;
	width:380px;
	position:relative;
	color:#696868;
}

#right-side h2 {
	float:left;
	width:380px;
	position:relative;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:30px 0 10px 0;
}

#right-side p {
	float:left;
	width:370px;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	padding:0 10px 10px 0;
}

/* podstranky --------------------------------------------------------------------- */		

.obsah-leva {
	float:left;
	width:245px;
	padding:40px 0 0 0;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0 15px 20px 0;
}

.obsah-leva ul {
	float:left;
	width:245px;
	padding:0 0 55px 0;
}

.obsah-leva ul li {
	float:left;
	width:230px;
	padding:5px 0 5px 15px;
	color:#e10506;
	position:relative;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(../images/bg-leve-menu.png) no-repeat 0 10px;
}

.obsah-leva ul li a {
	color:#e10506;
	text-decoration:none;
}

.obsah-leva ul li a:hover {
	color:#f06e6f;
}

.obsah-leva h3 {
	float:left;
	width:245px;
	padding:0 0 5px 0;
	position:relative;
	font:bold 20px Arial, Helvetica, sans-serif;
}

.obsah-leva h4 {
	float:left;
	width:60px;
	height:84px;
	padding:55px 0 0 185px;
	position:relative;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(../images/bg-praha.png) no-repeat;
	margin:0 0 10px 0;
}

.obsah-leva h5 {
	float:left;
	width:75px;
	height:105px;
	padding:50px 0 0 170px;
	position:relative;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(../images/bg-usti.png) no-repeat;
	margin:20px 0 10px 0;
}

.obsah-leva p {
	float:left;
	width:245px;
	padding:5px 0 10px 0;
}
		
.leva-objednat {
	float:left;
	width:200px;
	height:35px;
	position:relative;
	margin:15px 0 0 0;
	background:url(../images/bg-mapy-buton.png) repeat-x;
	background-size: auto 100%;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie.htc);
	border:solid 1px #e10506;
	font:bold 16px/35px Arial, Helvetica, sans-serif;
}
		
.leva-objednat:hover {
	background:url(../images/bg-mapy-buton.png) repeat-x -25px;
}

.drobenkova {
	float:left;
	width:712px;
	position:relative;
	color:#696868;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 0 15px 8px;
	border-bottom:solid 1px #696868;
}

.drobenkova a {
	color:#696868;
}

.obsah h1 {
	float:left;
	width:712px;
	position:relative;
	color:#fff;
	font:bold 24px/22px Arial, Helvetica, sans-serif;
	margin:15px 0 20px 8px;
	text-transform:uppercase;
}

.texty {
	float:left;
	width:680px;
	padding:20px;
	position:relative;
	background:#ebe9e9;
	color:#2e2d2d;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	behavior: url(pie.htc);
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
}

.texty h2 {
	float:left;
	width:100%;
	position:relative;
	color:#e10506;
	font:bold 14px/22px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

.texty h3 {
	float:left;
	width:100%;
	position:relative;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	margin:5px 0 5px 0;
}

.texty h4 {
	float:left;
	width:100%;
	position:relative;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#464646;
	margin:-5px 0 15px 0;
}

.texty p {
	float:left;
	width:100%;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
}

.texty ul {
	float:left;
	position:relative;
	margin:0 0 15px 0;
}

.texty ul li {
	float:left;
	width:100%;
	margin:3px 0 3px 0;
}

.texty ul li b {
	float:left;
	width:360px;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}

.texty ul li i {
	float:left;
	width:150px;
	text-align:right;
	position:relative;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#464646;
}

.fotogalerie {
	float:left;
	width:680px;
	padding:20px 0 40px 0;
	position:relative;
}

.formular {
	float:left;
	width:720px;
	margin:0 -20px 40px -20px;
	position:relative;
}

.formular p {
	float:left;
	width:auto !important;
	margin:0 0 18px 0 !important;
	position:relative;
}

.formular input {
	float:left;
	width:320px;
	margin:0 0 0 18px;
	padding:5px;
	color:#333;
	border:solid 1px #e4dede;
	position:relative;
}
.formular input.kratky {
	float:left;
	width:145px;
	margin:0 0 0 18px;
	padding:5px;
	color:#333;
	border:solid 1px #e4dede;
	position:relative;
}

.formular input.kratky2 {
	float:left;
	width:20px;
	margin:0 0 0 18px;
	padding:5px;
	color:#333;
	border:solid 1px #e4dede;
	position:relative;
}

.formular textarea {
	float:left;
	width:670px;
	margin:0 0 18px 18px;
	padding:5px;
	color:#333;
	border:solid 1px #e4dede;
	position:relative;
}

.formular-odeslat {
	float:right;
	width:70px;
	height:25px;
	position:relative;
	margin:30px 20px 0 0;
	background:url(../images/bg-mapy-buton.png) repeat-x;
	/*color:#eaeaea;*/
	text-decoration:none;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(pie.htc);
	border:solid 1px #e10506;
	font:bold 11px/25px Arial, Helvetica, sans-serif;
	padding:0px !important;
	color:#fff !important;
}
		
.formular-odeslat:hover {
	background:url(../images/bg-mapy-buton.png) repeat-x 0 -25px;
	color:#fff;
}

.trololo {
	float:left;
	width:680px;
	padding:20px;
	position:relative;
}

.fotogalerie img {
	float:left;
	position:relative;
	margin:0 6px 12px 6px;
	border:solid 2px #c3c3c3;
}
		
.cenik-objednat {
	float:right;
	width:114px;
	height:20px;
	position:relative;
	margin:-3px 0 0 10px;
	background:url(../images/bg-objednat-cenik.png) repeat-x;
	color:#fff;
	text-decoration:none;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	behavior: url(pie.htc);
	border:solid 1px #908f8f;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
}
		
.cenik-objednat:hover {
	color:#333;
}
		
.linka {
	float:left;
	width:720px;
	height:20px;
	position:relative;
	margin:0 -20px 0 -20px;
	background:url(../images/bg-linka.png) repeat-x;
}
		
.pulka {
	float:left;
	width:320px;
	position:relative;
	margin:0 20px 10px 0;
}

.pulka p {
	margin:0 !important;
}

.pulka p b {
	float:left;
	width:250px;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}

.pulka p i {
	float:left;
	width:70px;
	text-align:right;
	position:relative;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}

/*  ColorBox ----------------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* The following provides PNG transparency support for IE6 */
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* parneři ------------------------------------------------------------------------- */
#loga {
	float:left;
	width:980px;
	height:65px;
}

.vodafone {
	float:left;
	width:78px;
	height:57px;
	position:relative;
	background:url(../images/vodafone.jpg) no-repeat;
}

.vodafone:hover {
	background:url(../images/vodafone_hover.jpg) no-repeat;
}

.grand-princ {
	float:left;
	width:120px;
	height:57px;
	position:relative;
	background:url(../images/grand-princ.jpg) no-repeat;
}

.grand-princ:hover {
	background:url(../images/grand-princ_hover.jpg) no-repeat;
}

.dorma {
	float:left;
	width:96px;
	height:57px;
	position:relative;
	background:url(../images/dorma.jpg) no-repeat;
}

.dorma:hover {
	background:url(../images/dorma_hover.jpg) no-repeat;
}

.cscargo {
	float:left;
	width:102px;
	height:57px;
	position:relative;
	background:url(../images/cscargo.jpg) no-repeat;
}

.cscargo:hover {
	background:url(../images/cscargo_hover.jpg) no-repeat;
}

.casablanca {
	float:left;
	width:140px;
	height:57px;
	position:relative;
	background:url(../images/casablanca.jpg) no-repeat;
}

.casablanca:hover {
	background:url(../images/casablanca_hover.jpg) no-repeat;
}

.czech-coal {
	float:left;
	width:114px;
	height:57px;
	position:relative;
	background:url(../images/czech-coal.jpg) no-repeat;
}

.czech-coal:hover {
	background:url(../images/czech-coal_hover.jpg) no-repeat;
}

.its {
	float:left;
	width:69px;
	height:57px;
	position:relative;
	background:url(../images/its.jpg) no-repeat;
}

.its:hover {
	background:url(../images/its_hover.jpg) no-repeat;
}

.hey {
	float:left;
	width:83px;
	height:57px;
	position:relative;
	background:url(../images/hey.jpg) no-repeat;
}

.hey:hover {
	background:url(../images/hey_hover.jpg) no-repeat;
}

.lego {
	float:left;
	width:73px;
	height:57px;
	position:relative;
	background:url(../images/lego.jpg) no-repeat;
}

.lego:hover {
	background:url(../images/lego_hover.jpg) no-repeat;
}

.ceska-sporitelna {
	float:left;
	width:105px;
	height:57px;
	position:relative;
	background:url(../images/ceska-sporitelna.jpg) no-repeat;
}

.ceska-sporitelna:hover {
	background:url(../images/ceska-sporitelna_hover.jpg) no-repeat;
}

/* zapati ------------------------------------------------------------------------- */
#footer {
	background:url(../images/bg-zapati.jpg) no-repeat top center;
	float:left;
	position:relative;
	width:100%;
	padding:50px 0 0 0;
}

.container {
	float:left;
	width:160px;
	padding:0 0 50px 0;
}

.container h4 {
	width:100%;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

.container ul li {
	color:#fff;
	list-style-type:none;
	background:url(../images/bg-zapati-tecka.jpg) no-repeat 0 5px;
	padding:0 0 0 8px;
	font:normal 11px Arial, Helvetica, sans-serif;
}

.container ul li a {
	color: #fff;
	text-decoration:none;
}

.container ul li a:hover {
	color: #e10506;
}

.karty {
	float:right;
	width:150px;
	padding:30px 0 50px 0;
}

.karty p {
	float:left;
	width:50px;
	height:34px;
}

.diners {
	float:right !important;
	padding:10px 0 0 0;
	width:54px;
	height:40px;
}
.copy {
	clear: both;
	color: #fff;
	display:block;
	float:left;
	font-size:11px;
	margin-bottom:20px;
	width:400px;
}

.bee {
	color:#fff;
	display:block;
	float:right;
	font-size:11px;
	margin-bottom:50px;
	text-align:right;
	width:200px;
}

.bee a {
	color:#fff;
}

/* Up-net Multimedia 2012 ------------------------------------------------------------------------------- */