@CHARSET "UTF-8";

body {margin-top:5px; padding:0; font-family:"Trebuchet MS","MS Sans Serif","Segoe UI",helvetica,Geneva,sans-serif; font-size:9pt; background-color:#fff; margin-bottom:5px;}
a {color:#000;}
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;}

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

#bgBig {width:910px;}
#bgBig h2, div.art h2, #wrap .arts 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 {text-align:right; padding-right:15px;}

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

#footer {clear:both; background:url("copyright.gif") no-repeat 220px 0; height:38px; font-size:90%; }
#footer a {margin:0 0 0 448px; text-decoration:none; color:#000; background:url("../forcom-logo.png") no-repeat right 10px; padding:14px 55px 7px 0; display:inline-block;}
#footer a img {display:none;}
#footer a:hover {text-decoration:underline;}

#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 5px 0; height:245px;}
#nav ul {list-style-type:none; margin-top:0px; text-align:left;}
#nav ul li a {display:inline-block; height:33px; line-height:33px; background-repeat:no-repeat; background-position:left top; text-decoration:none; color:#bbb; padding:0px 28px;}
#nav ul li a:hover, #wrap #nav ul li.set a:hover {color:black;}
#nav ul li 		{background-image:url("bg_ornament_deactive.png"); background-repeat:no-repeat; background-position:right 0;}
#nav ul li.set		{background-image:url("bg_ornament_active.png"); background-position:right 1px;}
#nav ul li.set a	{color:#000;}
ul li a:active; ul li a:focus {outline:none;}

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

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

#flg {background:url("flags.png") no-repeat 47px 50%; height:36px; position:absolute; top:15px; right:282px; line-height:18px;}
#bgBig #flg {right:332px; }
#flg a {display:block; text-decoration:none; width:130px; text-transform:uppercase; height:auto;}
#flg a:hover {color:#000; text-decoration:underline;}
#flg em {display:none;}

div.art {width:370px; height:108px;}
#bgBig div.art {width:auto; height:auto;}
div.art, div.art a.zoom, div.art div.nfo {vertical-align:middle;}
div.art h3 {color:orange; text-decoration:none; float:left; width:258px;}
div.art h3.no_img {width:100%;}
div.art h3 a, #prx a {color:#f4aa00;}
div.art h3 a:hover, #prx a:hover {color:#f4cf7a;}
div.art img {font-size:xx-small; color:#aaa; margin-bottom:0;}
div.art p {line-height:18px;}
div.art .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;}
div.art div.nfo {width:250px;}
body.neplatici div.art .datum {display:none;}
div.art a.zoom {text-align:center; margin-right:10px;}

#nfo {margin:0; padding:0; text-align:right; float:left; position:relative; width:394px !important; height:350px; z-index:2}
#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 #prx {position:absolute; bottom:-6px; right:0;}
#nfo .head {position:absolute; right:0; top:0;}

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

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

a.zoom {position:relative; z-index:100;}
a.zoom:hover {background-color:transparent; z-index:50; display:inline-block; position:relative; outline:none; cursor:url("magnify.cur"), help;}
a.zoom:active {outline:none;}
a.zoom 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");} 
a.zoom span img {border-width:0; padding:0; width:auto; height:auto; border:1px solid #aaa;} /*CSS for enlarged image*/
a.zoom:hover span {visibility:visible; bottom:-6px; right:111px; display:inline-block; position:absolute; padding:10px; cursor:default;}
a.zoom:active span {outline:none;}
a.zoom img {width:inherit; height:auto; border:1px solid #dcdee0; font-size:xx-small; background-color:#f5f5f5; display:block;}

a {}

#prx a {color:#cc8e00;}
#prx 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.art h3 {line-height:1.1;}
.tiskoviny div.art p {line-height:1.2; font-size:1em;}
.tiskoviny div.art .datum {height:12px; line-height:12px; margin:1px 5px 0 0;}

#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;}

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

#nav li, div.art a.zoom, div.art div.nfo {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;}