@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------------------------------------------------------------
1) Hlavní
---------------------------------------------------------------------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	text-align:center;
	background:#141615 url('../img/BgBody.jpg') no-repeat center top;
}

#container {
	width:960px;
	margin:0px auto;
	text-align:left;
}
#header { width:960px; position:relative; height:101px;}

#header h1 {
	display:block;
	width:410px;
	height:101px;
	float:left;
	background:url('../img/logo.png') no-repeat;
	text-indent: -4999px;
}

#main {
	margin-top:40px;
	width:960px;
	height:340px;
	background:url('../img/main.png') no-repeat;
	position:relative;
}
#main a { display:block; width:195px; height:50px; background:url('../img/showBtn.png') 0px -50px; position:absolute; bottom:15px; right:70px; }
#main a:hover { background:url('../img/showBtn.png') 0px 0px; }

#footerWrap {background:#000 url('../img/BgFooterWrap.gif') repeat-x; clear:both;}
#footer { 
	background:#000 url('../img/BgFooter.gif') no-repeat;
	width:960px;
	margin:0px auto;
	text-align:left;
}


/* ----------------------------------------------------------------------------------------------------------
2) Navigation
---------------------------------------------------------------------------------------------------------- */

ul.menu {float:right; list-style-type:none; padding:22px 0px; margin-right:10px;}
ul.menu li {display:inline;}
ul.menu li a {display:block; text-decoration:none; text-indent:-4999px; float:left; margin-left:48px;}

ul.menu li a.home {width:43px; height:19px; background:url('../img/homeBtn.png') no-repeat 0px -38px;}
ul.menu li a.homeActive {width:43px; height:19px; background:url('../img/homeBtn.png') no-repeat 0px 0px;}

ul.menu li a.webdesign {width:81px; height:19px; background:url('../img/webdesignBtn.png') no-repeat 0px -38px;}
ul.menu li a.webdesignActive {width:81px; height:19px; background:url('../img/webdesignBtn.png') no-repeat 0px 0px;}

ul.menu li a.tisk {width:32px; height:19px; background:url('../img/tiskBtn.png') no-repeat 0px -38px;}
ul.menu li a.tiskActive {width:32px; height:19px; background:url('../img/tiskBtn.png') no-repeat 0px 0px;}

ul.menu li a.kontakt {width:57px; height:19px; background:url('../img/kontaktBtn.png') no-repeat 0px -38px;}
ul.menu li a.kontaktActive {width:57px; height:19px; background:url('../img/kontaktBtn.png') no-repeat 0px 0px;}

ul.menu li a.home:hover, ul.menu li a.webdesign:hover, ul.menu li a.tisk:hover, ul.menu li a.kontakt:hover {background-position:0px -19px;}


/* ----------------------------------------------------------------------------------------------------------
3) Boxy (ovládají i ty v patičce)
---------------------------------------------------------------------------------------------------------- */

.boxy { width:960px; margin:0px auto; line-height:22px; color:#dcdcdc;}
.boxy p { margin-top:62px;}
.boxy a { color:#eb7f00; }
.boxy a:hover { text-decoration:none;}
#nabizim { 
	width:300px;
	height:124px;
	float:left;
	background:url('../img/nabizim.gif') no-repeat 0px -124px;
	margin:0px 10px;
}
#nenabizim { 
	width:300px;
	height:124px;
	float:left;
	background:url('../img/nenabizim.gif') no-repeat 0px -124px;
	margin:0px 10px;
}
#cenik { 
	width:300px;
	height:124px;
	float:left;
	background:url('../img/cenik.gif') no-repeat 0px -124px;
	margin:0px 10px;
}
#nabizim:hover, #nenabizim:hover, #cenik:hover {color:#fff; background-position:0px 0px;}
.clr90 { clear:both; width:960px; height:90px;}
.clr70 { clear:both; width:960px; height:70px;}
.clr50 { clear:both; width:960px; height:50px;}
.clr20 { clear:both; width:960px; height:20px;}


/* ----------------------------------------------------------------------------------------------------------
4) Galerie
---------------------------------------------------------------------------------------------------------- */

.gallery { clear:both; width:960px; margin:0px auto;}
.gallery a { width:280px; height:200px; float:left; padding:10px; background:#0f100f url('../img/galleryItem.gif') no-repeat 0px -220px; margin:0px 10px; }
.gallery a:hover { background:#000 url('../img/galleryItem.gif') no-repeat 0px 0px; margin:0px 10px;}


/* ----------------------------------------------------------------------------------------------------------
1) Patička
---------------------------------------------------------------------------------------------------------- */

#footer img { float:left; margin-right:20px; margin-top:8px;}
#footer .boxy { width:960px;}
#footer .boxy p {margin-top:80px;}
#omne, #sleduj, #kontakt {float:left; margin:0px 10px; color:#7f7f7f;}
#omne {width:450px; background:url('../img/omne.png') no-repeat; margin-right:20px;}
#sleduj {width:220px; background:url('../img/sleduj.png') no-repeat;}
#kontakt {width:220px; background:url('../img/kontakt.png') no-repeat;} #kontakt span {color:#fff;}

.twitter, .lastfm, .facebook {display:block; width:220px; height:25px;}
.twitter { background:url('../img/twitter.png') no-repeat 0px -25px;}
.lastfm { background:url('../img/lastfm.png') no-repeat 0px -25px;}
.facebook { background:url('../img/facebook.png') no-repeat 0px -25px;}
.twitter:hover, .lastfm:hover, .facebook:hover { background-position:0px 0px;}

#twitter_div {}
#twitter_div h2 { display:block; width:220px; height:22px; background:url('../img/twitterFeed.png') no-repeat; margin-bottom:10px;}

#miluju a {display:block; float:left; margin:0px 10px; height:42px; text-indent:-4999px;}
#miluju a:hover { background-position:0px 0px;}
span.miluju { display:block; background:url('../img/miluju.gif') no-repeat; text-indent:-4999px; height:40px; margin-left:10px;}

.car { width:140px; background:url('../img/logos/car.gif') no-repeat 0px -42px;}
.da { width:60px; background:url('../img/logos/da.gif') no-repeat 0px -42px;}
.beh { width:140px; background:url('../img/logos/beh.gif') no-repeat 0px -42px;}
.typ { width:140px; background:url('../img/logos/typ.gif') no-repeat 0px -42px;}
.env { width:140px; background:url('../img/logos/env.gif') no-repeat 0px -42px;}
.dp { width:140px; background:url('../img/logos/dp.gif') no-repeat 0px -42px;}
.ra { width:60px; background:url('../img/logos/ra.gif') no-repeat 0px -42px;}