@CHARSET "UTF-8"; 

body {margin-top:5px; padding:0; font-family:"Trebuchet MS","MS Sans Serif","Segoe UI",helvetica,Geneva,sans-serif; font-size:80%; background-color:white; margin-bottom:5px;}
a {color: black;}
a:hover {color:#f4aa00;}
a:active {outline:none;}
a img {border:0px;}
div.pozn div {margin-bottom:5px; font-size:12px;}
input, textarea {border:1px solid #DDDEE0; padding:2px;}
p {margin:0 0 10px 0;}


#bg h1{width:480px; float:left; margin:0px; padding:0px; position:absolute; left:0px; top:350px;}
#bg, #bgBig {width:860px; margin: 1.66em auto; background:url("body.gif") repeat-y 417px top;}

#bgBig {width: 910px;}
#bgBig h2, div.ref h2, #bg .art h2 {width: auto; float: none; text-align: left;}
#bgBig #midBig {margin:0px 10px; margin-top:10px; padding:10px 20px; border:1px solid #f4aa00; background-color:white; width: 618px; float: right; position: relative; z-index: 1;}
#bgBig #imager {float:left; width:200px; margin-left:20px;}
#bgBig #nav {padding: 0; height: 500px; background-position: -110px 260px; width: 243px; padding-top: 15px; float: left; clear: both; margin-right: -13px; position: relative; z-index: 10; margin-top: 15px;}
#bgBig #nav ul li a{background-position:left top; padding: 0px 45px 0px 0px; border-left: 0px solid #ccc; text-align: right;}
#bgBig #nav ul li {background: url(bg_ornament_deactive.png) no-repeat 165px 4px;}

.art h2 span {background-image:url("nadpish2.gif"); padding-left:25px; padding-bottom:5px;}
.art h2.title{position:relative; top:-5px; margin:0px;}
.art h2 {margin:8px 0 0 0; padding:0px; font-size:18px; margin:20px 0px 10px 0px;}
.art h3 {color: orange; margin: 0;}
#bg .art {padding:20px; border:2px solid #F4AA00; width:370px; float: right; height:310px;}
.eshopy #bg .art p, .webmarketing #bg .art p, .eshopy #bg .art h3 {font-size: 120%;}
/*.default #bg .art p, .grafika #bg .art p, .fotografie #bg .art p, .tiskoviny #bg .art p, .reference #bg .art p  {margin-bottom: 0;}*/
.neplatici #bg .art {min-height:300px;}
/* \*/ * html .neplatici #bg .art {height:300px;}
#bg .art h2 {margin: 1px; padding: 0;}
.kontakty .art p {margin:0;}

.artBlock .ref {margin-bottom:15px; height:90px; overflow: hidden;}
.artBlock .ref p {margin: 5px 0;}
.errorBox {background-color:red; color:yellow; padding:10px;}
.formular .fieldSet .hdr {display:block; float:left; width:110px; font-weight:bold; padding-right:5px;}
.imgtop {margin-bottom:15px;}

#copy {clear:both; background-color:white; background-image:URL("copyright.gif"); background-repeat:no-repeat; background-position:220px 0px; height:20px; padding-top:13px; font-size:90%;}
#copy div{margin:0px 0px 0px 448px;}

#imager {float:left; width:50%; height:290px;}
#imager #image {margin:30px 25px auto auto; width:172px; height:219px; border:1px solid #A7A7AA;}

#lbuild table{margin: 0 auto;}
#lbuild table label {display:block; text-align:right;}
#lbuild textarea{width:540px;}
#lbuild h3 {margin:15px 0 0 0;}
#lbuild input {margin:0 5px 0 3px;}
#lbuild div.auto {padding:10px 0px 5px 0; text-align:right; width:545px;}
#lbuild .auto input{width:auto; margin:0;}

#mid {clear:both;}
#midBig .formular .pozn {padding-top:10px;}
#midBig #lbuild {width:540px; margin:0 auto;}

#nav {font-size: 150%; width:280px; clear:left; padding:31px 200px 0 380px; margin:0 0 15px 0; height:245px;}
#nav ul {list-style-type:none; margin-top: 0px; text-align: left;}
#nav ul li a {display:block; height:33px; line-height: 33px; background-repeat:no-repeat; background-position:left top; text-decoration:none; color:#bbb; padding: 0px 30px 0px 27px;}
#nav ul li a:hover, #bg #nav ul li.set a:hover {color: black;}
#nav ul li {background:url("bg_ornament_deactive.png") no-repeat;}
#nav ul li.set		{background: url("bg_ornament_active.png") no-repeat;}
#nav ul li.set a	{color:black;}
#nav ul li.eshopy 	{background-position: 100px 4px;}
#nav ul li.webmarketing	{background-position: 155px 4px;}
#nav ul li.grafika	{background-position: 95px 4px;}
#nav ul li.fotografie	{background-position: 120px 4px;}
#nav ul li.tiskoviny	{background-position: 112px 4px;}
#nav ul li.reference	{background-position: 115px 4px;}
#nav ul li.kontakty	{background-position: 110px 4px;}
ul li a:active; ul li a:focus {outline:none;}

.default	#nav {background:url("menu/home.jpg") no-repeat 55px 4px;}
.eshopy		#nav {background:url("menu/eshop.jpg") no-repeat 55px 0px;}
.webmarketing	#nav {background:url("menu/webmarketing.jpg") no-repeat 55px 4px;}
.grafika	#nav {background:url("menu/grafika.jpg") no-repeat 55px 7px;}
.fotografie	#nav {background:url("menu/fotografie.jpg") no-repeat 55px 6px;}
.tiskoviny	#nav {background:url("menu/tiskoviny.jpg") no-repeat 55px 18px;}
.reference	#nav {background:url("menu/reference.jpg") no-repeat 55px 8px;}
.neplatici	#nav {background:url("menu/neplatici.jpg") no-repeat 146px 80px;}
.kontakty	#nav {background:url("menu/kontakty.jpg") no-repeat 55px 14px;}

#logo {background: url(bg_logo.gif) no-repeat; background-position:right top; display:block; width:400px; float: left;}
#logo a {background-image:url(space.gif); height:62px; display:block;}
#logo a em, #logo h1 {display:none;}

#flg {background: url(flags.png) no-repeat 57px center; height: 36px; float: left; margin-left: 46px; width: 300px; margin-top: 15px;}
#flg a {display: block; text-decoration: none; width: 130px; text-transform: uppercase;}
#flg em {display: none;}

div.ref {float: left; width:370px; height:97px;}
div.ref h3 {color:orange; text-decoration:none; float:left; width:258px;}
div.ref h3.no_img {width:100%;}
div.ref h3 a, #perex a {color:#f4aa00;}
div.ref h3 a:hover, #perex a:hover {color:#f4cf7a;}
div.ref img {clear:left; font-size:xx-small; color:#aaa; margin-bottom:0;}
div.ref p {clear:right; line-height:18px;}
div.ref .datum {float:left; color:gray; border-bottom:1px solid #FFE6AB; font-size:85%; padding-right:3px; line-height:15px; height:15px; margin-right:5px; margin-top:2px;}
.neplatici div.ref .datum {display:none;}
div.ref .logotyp {width:102px; float:left; text-align:center; margin-right:10px; height:97px;}

#nfo {margin:0; padding:0; text-align:right; float:left; position:relative; width:394px !important; height:350px;}
#nfo h2 {font-size:180%; margin:-5px 0 10px;}
#nfo h3 {font-size:170%; font-weight:normal;}
#nfo #note {padding-top:30px;}
#nfo #note a {color:orange; font-weight:bold;}
#nfo #perex {position:absolute; bottom:0; right:0;}
#nfo .head {position:absolute; right:0; top:0;}

#perex h2, h2.title {margin:10px 0px 5px 0px; color:#F4AA00; font-size:100%; text-align: right;}
#perex p {font-size: 120%; line-height: 1.14em; margin:10px 0 0 0;}
#perex .hr hr {display:none;}
#perex .hr {border-bottom:2px solid orange; line-height:0; padding:0; margin:0 0 7px 0; width:275px; float:right;}
.reference #perex p {font-size:117%;}
#perex {text-align:right; width: 396px; margin-left: -2px;}
#perex h4 {font-size: 120%; margin-bottom: 0px;}

.pager {z-index:10; text-align:right; float:right; margin-top:-20px; margin-right:0; border:1px solid #ffe6ab; border-top:0px solid #fff; margin-bottom:8px; background-color:#f5f5f5; height:20px; line-height:20px;}
.pager a {text-decoration:none; padding:1px 10px; font-size:14px; font-weight:bold; font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif;}
.pager a:hover {background-color:#ffe6ab; color:black;}
.pager em {border-left:1px solid orange; font-size:0; height:20px; position:absolute; margin-right:1px}

.thumbnail {position:relative; z-index:0; display:block; width:auto; height:90px}
.thumbnail:hover {background-color:transparent; z-index:50; display:block; position:relative; outline:none; cursor:url("magnify.cur"), help;}
.thumbnail:active {outline: none;}
.thumbnail span {position:absolute; background-color:white; padding:0; border:1px solid #dcdee0; visibility:hidden; color:black; text-decoration:none; display:block; right:0; bottom:0; background:url("bg_thumb.png");} 
.thumbnail span img {border-width:0; padding:0; width:auto; height:auto; display:block; border:1px solid #aaa;} /*CSS for enlarged image*/
.thumbnail:hover span {visibility:visible; bottom:-6px; right:111px; display:block; position:absolute; padding:10px; cursor:default;}
.thumbnail:active span {outline: none;}
.thumbnail img {width:inherit; height:auto; float:left; clear:left; border:1px solid #dcdee0; font-size:xx-small; background-color:#f5f5f5; display:block;}

#perex a {color:#cc8e00;}
#perex a:hover {color:#f4aa00}

.mapy_cz {width:83px; height:20px; position:absolute; margin-top:299px; background: white url('mapy.cz.png') no-repeat center center; border:1px solid #f0f0f0; margin-left:280px; padding:5px;}
.mapy_cz:hover {border: 1px solid orange;}
.mapy_cz em {display: none;}

.tiskoviny div.ref h3 {line-height:1.1em;}
.tiskoviny div.ref p {line-height:1.2em; font-size:1em;}
.tiskoviny div.ref .datum {height:13px; line-height: 13px; margin:1px 5px 0 0;}

/* \*/ * html #bgBig {width:920px;}
/* \*/ * html #bgBig #nav ul li {height:1px;}
/* \*/ * html .pager em {margin-top:1px}
/* \*/ * html .thumbnail span {background-color:#eee;}
/* \*/ * html .thumbnail img {height:100%;}

#dodger {text-decoration:none; padding-top:7px; width:250px; border-top:2px solid #f4aa00; margin-top:5px; float:right;}

h2 {font-size:140%; text-align:right;}
h3 {font-size:110%; margin:0; padding:0;}
h2:first-letter {color:#f4aa00;}
h3:first-letter {color:#f4aa00;}