/* ------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; font-family:Arial, Helvetica, sans-serif;}
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;}

/* ------BASIC------ */

html{background: url(design/bg.jpg) repeat; font-family: arial;}
body{background: url(design/header.jpg) repeat-x; min-height: 561px;}


.page-wrap{width: 895px; margin: 0 auto;}
#header{ width: 100%; height: 561px;}
a#logo{width: 194px; height: 57px; background: url(design/logo.png) no-repeat; display: block; text-indent: -9999px; overflow: hidden;}
.clear{clear: both;}

/*------MAIN NAVIGATION------*/

ul#navigation{ list-style:none; margin: 1px 17px 0px 0px; float: right; }
ul#navigation li{float: left; margin: 0px 0px 0px 0px;}
ul#navigation a * {display:none;}
ul#navigation a, ul#navigation a .hover{height: 34px;position: relative;display: block;background: url(design/menu.png) 0 0 no-repeat;}
		
#navigation a.home{background-position: 0 0; width: 83px;}
#navigation .highlight a.home:hover, #navigation a.home .hover {background-position: 0 -34px;}
#navigation a.autor {background-position: -83px 0px; width: 82px;}
#navigation .highlight a.autor:hover, #navigation a.autor .hover {background-position: -83px -34px;}
#navigation a.portfolio {background-position: -165px 0;width: 100px;}
#navigation .highlight a.portfolio:hover, #navigation a.portfolio .hover {background-position: -165px -34px;}
#navigation a.kontakt {background-position: -265px 0; width: 95px;}
#navigation .highlight a.kontakt:hover, #navigation a.kontakt .hover {background-position: -265px -34px;}

/*------HEADER------ */

img#bedifferent{ float: left; margin: 100px 0px 0px 4px;}
p#slogan{float:left; width: 420px; font-weight: bolder; margin: 15px 0px 0px 9px; color: #444444; text-shadow: 0px 1px 1px white; font-size: 16pt; line-height: 18pt; }
#display{float: right; width: 452px; height: 384px; background: url(design/ledcinema.jpg) no-repeat; margin: 23px 0px 0px 0px;}
#cssmention a{position: fixed; background: url(honormention_green.png) no-repeat; width: 115px; height: 115px; display: block;right: 0px; text-indent: -9999px;}

/* ------MAIN CONTENT------*/

h1#toprow{width: 960px; height: 30px; background: url(design/toprow.png) no-repeat; display: block; text-indent: -9999px; margin: 0px 0px 0px 10px;}

#separate{width: 2px; height: 580px; background: url(design/vertical.jpg) repeat-y;  float: left; margin: 20px 0px 30px 6px;}

/* ------LEFT CONTENT------*/
#left-content{width: 395px; float: left; height:  600px;}
ul#offer{list-style:none;  float: left; margin: 20px 0px 0px -5px; width: 385px; height: 558px; background: url(design/sluzby.png) no-repeat; padding: 15px 27px 0px 27px; line-height: 11pt; }
ul#offer li{ font-size: 10pt; color: #666666; font-weight: bold; width: 320px; padding: 0px 0px 0px 5px;}
ul#offer li#webdesign{margin-top: 62px; position: absolute;}
ul#offer li#logos{margin-top: 185px; position: absolute;}
ul#offer li#print{margin-top: 314px; position: absolute;}
ul#offer li#flash{margin-top: 445px; position: absolute;}



/*------RIGHT-CONTENT------*/

#right-content{width: 490px; float: right;margin: 0px 0px 20px 0px;}
ul#advantages{margin: 0px 0px 0px 40px;}
#grafika{width: 50px; height: 50px; background: url(design/advantages.png) no-repeat 0px 0px; float: left; margin: 0px 2px 1px 0px;}
#orientace{width: 50px; height: 50px; background:url(design/advantages.png) no-repeat 0px -50px; float: left; margin: 0px 2px 1px 0px;}
#seo{width: 50px; height: 50px; background:url(design/advantages.png) no-repeat 0px -150px; float: left; margin: 0px 2px 1px 0px;}
#rychlost{width: 50px; height: 50px; background:url(design/advantages.png) no-repeat 0px -200px; float: left; margin: 0px 2px 1px 0px;}
#cena{width: 50px; height: 50px; background:url(design/advantages.png) no-repeat 0px -250px; float: left; margin: 0px 2px 1px 0px;}
ul#advantages h2{font-weight: bolder; color: #1e1e1e; text-shadow: 0px 1px 1px white; font-size: 1.3em; margin: 20px 0px 5px 0px;}
ul#advantages p{color: #444444; font-size: 10pt; line-height: 11pt;  width: 430px; text-shadow: 0px 1px 1px white; text-align: justify;}
ul#advantages a{font-style: italic; font-weight: bold; text-decoration: none; color: #76598d; border-bottom: 1px #76598d dotted;}
ul#advantages a:hover{font-style: italic; font-weight: bold; text-decoration: none; border: none; color: #a37ec2;}
li#cena-content p{margin: 0px 0px 10px 0px;}

/*----------BUBBLE TIP CSS ------------*/
#pricing{width: 525px; }
#pricing ul{list-style: none; font-size: 11px; font-family:Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}
#pricing-header{width: 525px; height: 32px; background: url(design/pricing-header.jpg) no-repeat; text-indent: -9999px; overflow: hidden; outline: none;}
#pricing-left-content{width: 295px; float: left; padding: 10px 0px 0px 10px;}
#pricing-right-content{width: 220px; float: right; padding: 10px 0px 0px 0px;}
li.header{color: #9c7ab8; font-size: 12px; font-weight: bold;}
li.price{margin-left: 100px;}
li.price span{font-size: 12px; color: #9c7ab8; font-weight: bold;}
ul#other-services li{margin: 3px 0px 3px 0px;}
ul#other-services li.header{margin: 0px;}
ul#price-and-vat li{margin: 3px 0px 3px 0px;}
ul#price-and-vat li.header{margin: 0px;}
ul#other-services li span{float: right; color: #9c7ab8; font-weight: bold;}


/*------FOOTER------*/

#footer{background: url(design/footer.png) repeat-x; width: 100%; height: 330px; float: left; margin-top: 80px;}
#stetec{width: 960px; margin: -88px auto; background: url(design/stetec.jpg) no-repeat; height: 193px; display:block;}

#footer-top-row{width: 960px; height: 28px; background: url(design/footer_top_row.jpg) no-repeat; display: block; float: left; margin: 95px 0px 0px 0px;}

ul#sites{float: left; width: 147px; margin: 0px 0px 0px -7px;}
ul#sites li a{background: url(design/najdete_me.jpg) no-repeat; width: 147px; height: 42px; display: block; text-indent: -9999px; overflow: hidden; outline: none;}
ul#sites li#mail a{ background-position: 0px 0px;}
ul#sites li#mail a:hover{background-position: 0px -174px;}
ul#sites li#facebook a{background-position: 0px -43px;}
ul#sites li#facebook a:hover{background-position: 0px -217px;}
ul#sites li#twitter a{background-position: 0px -85px;}
ul#sites li#twitter a:hover{background-position: 0px -259px;}
ul#sites li#skype a{background-position: 0px -127px;}
ul#sites li#skype a:hover{background-position: 0px -301px;}


table#sitemap{float: left; margin: 6px 0px 0px 16px;font-size: 10pt; font-weight: normal; width: 552px; text-shadow: 0px 1px 1px  #4d4d4d; }
table#sitemap td a, table#sitemap td{width: 130px; float: left; margin: 0px 3px 0px 10px; line-height: 12pt; color: #e2e2e2; text-decoration: none; line-height: 15pt;}
table#sitemap td.short a, table#sitemap td.short{float: left; width: 90px; color: #e2e2e2; text-decoration: none; margin: 0px 0px 0px 8px;}
table#sitemap td.short a:hover, table#sitemap td a:hover{color: #fff;}
table#sitemap tr.strong a{font-weight: bold; font-size: 12pt; color: #eee; text-decoration: none; }
table#sitemap tr.strong a:hover{color: #fff;}

ul#favorites{float: left; width: 180px; margin: 0px 0px 0px 7px;}
ul#favorites li a{background: url(design/oblibene.jpg) no-repeat; width: 180px; height: 42px; display: block; text-indent: -9999px; overflow: hidden; outline: none;}
ul#favorites li#flickr a{ background-position: 0px 0px;}
ul#favorites li#flickr a:hover{background-position: 0px -174px;}
ul#favorites li#lastfm a{background-position: 0px -43px;}
ul#favorites li#lastfm a:hover{background-position: 0px -217px;}
ul#favorites li#deviantart a{background-position: 0px -85px;}
ul#favorites li#deviantart a:hover{background-position: 0px -259px;}
ul#favorites li#made-on-mac a{background-position: 0px -127px;}
ul#favorites li#made-on-mac a:hover{background-position: 0px -301px;}

/*------SLIDER------*/

.anythingSlider {position: absolute; width: 382px; height: 239px; margin: 30px 0px 0px 35px;}
.anythingSlider .wrapper { width: 382px; overflow: auto; height: 239px; margin:0px 0px 0px 0px; position: absolute; }
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; margin: 0px; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0px;}

#thumbNav { margin: 226px 0px 0px 0px;}
#thumbNav a { display: inline-block; height: 15px; width: 15px; background: url(design/slider-button.jpg) no-repeat 0px -15px; margin: 0px 0px 0px 0px;}
#thumbNav a.cur { background-position: 0px 0px;}

#start-stop { background: url(images/play.jpg) no-repeat;width: 14px; position: absolute; right:166px; top: 202px;height: 18px; display: block;}
#start-stop.playing { background: url(images/play.jpg) no-repeat 0px -18px;}
	
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }

a.arrow back{display: none;}

/*------FADE EFFECT------*/

a.fadeThis { position:absolute; display:block; height: 240px; width: 384px; background: transparent; z-index: 3; margin: 30px 0px 0px 34px;}
#display span.hover { position: absolute; top: 0; left: 0; display: none; height: 240px; width: 384px; background:url(design/portfolio.png) repeat;}


/*a.fadeThis{ position: relative; width: 384px; height: 240px; display:block;  margin: 30px 0px 0px 33px; z-index: 4; background: transparent;  }
p.hover { position: absolute; width: 384px; height: 240px; display: none;  background: url(design/portfolio.png) repeat; z-index:3;}*/