html, body, div, p, ul, li, dl, dt, dd, form, input, select, button, textarea, fieldset, table, th, td, tr { margin: 0; padding: 0; border: 0; }
body {font: 62.5%/1 Arial, sans-serif; color: #fff; background: #000 url(../images/body-bgx.gif) left top repeat-x; }
a, a:link, a:visited, a:hover, a:active { color: #fff; text-decoration: none; outline: none !important; }
a:hover {text-decoration: underline; color: #0096DB}
a.ext-link { padding-right: 12px; background: url(../images/ext-link.png) right 50% no-repeat; }
h1, h2, h3, p {line-height: 1.3; }
.tdspan2, .tdspan4, .tdspan1, .tdspan3 {
font-size:11px;
}
#content ul, #content ol {margin: 0 0 1em 0; font-size: 1.1em; line-height: 1.4; color: #9e9e9e}
#col2 ul li {
margin: 0px;
padding: 0px 0 0 15px;
list-style-type: none;
background: url(../images/square.gif) left 50% no-repeat;
}
#col2 p a {text-decoration: underline;}
#col2 p a:hover {text-decoration: none;}
#col2 form ul li {
margin: 0px;
padding: 0px 0 0 0px !important;
list-style-type: none;
background: transparent !important;
}
/* select option */
p { margin: 0 0 1.1em 0; font-size: 1.1em; color: #9e9e9e}
h1 {margin: .7em 0 .8em; font-size: 1.4em; color: #FFF}
h1.hidden {position: absolute; top: 10px; left: 10px; font-size: 1.5em;}
h2 {margin: .7em 0 .8em; font-size: 1.4em; }
h3 {margin: .6em 0 .5em; font-size: 1.1em; }
table {border-collapse: collapse;}
img {border: 0px}
textarea {font-family: Tahoma, Arial, sans-serif;}
h2.hidden { display: none; }
h3.underline {padding-bottom: 0.8em}
.fl-left {float:left;}
.fl-right {float: right;}
.clear {clear: both;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.hidden {visibility: hidden;}
.color {color: #fff}
.img-fl-left {float: left; margin: 0 10px 10px 0}
.img-fl-right {float: right; margin: 0 10px 0 10px}
.none {display: none;}
#index #page {margin: 0 auto; padding: 463px 0 0; width: 930px; position: relative; }
#page {margin: 0 auto; padding: 151px 0 0; width: 930px; position: relative; }
#head {position: absolute; top: 0px; left: 0px; width: 930px; height: 153px; font-family: Tahoma, Arial, sans-serif; }
#head a#logo, #head a#logo span { position: absolute; right: 10px; top: 29px; margin: 0; width: 150px; height: 103px; overflow: hidden; z-index: 1; }
#head a#logo {background: url(../images/foxstudio-logo.png) left top no-repeat; z-index: 2; }
#picture {border: 10px solid #272727; position: absolute; top: 151px; left: 0px;}
#lang {position: absolute; top: 151px; right: -35px; width: 35px;}
#lang a {padding: 0 0 3px;}
#lang span {display: none;}
#str {position: absolute; bottom: 90px; _bottom: 81px; left: -35px; width: 35px; list-style-type: none; border: 0px solid orange; padding: 0; margin: 0;}
#str a {width: 35px; height: 31px; display: block; margin: 2px 0 0; padding: 0px}
#str a:hover {text-decoration: none; margin: 2px 0 0; padding: 0px}
#str a span { display: block; font-size: 12px; padding-top:10px; padding-left:10px; }
#str #str40 a { width: 35px; height: 31px; display: block; color: #808080; background: #1A1A1A url(../images/str.gif) no-repeat 24px 100%}
#str #str40 a:hover,
#str #str40 a.selected { color: #FFFFFF !important; background: #272727 url(../images/str.gif) no-repeat 24px 0%}
#str #str80 a {background: #1A1A1A url(../images/str.gif) no-repeat -36px 100%}
#str #str80 a:hover,
#str #str80 a.selected { background: #272727 url(../images/str.gif) no-repeat -36px 0}
#str #str120 a {background: #1a1a1a url(../images/str.gif) no-repeat -76px 100%}
#str #str120 a:hover,
#str #str120 a.selected {background: #272727 url(../images/str.gif) no-repeat -76px 0}
#str #str160 a {background: #1a1a1a url(../images/str.gif) no-repeat -113px 100%}
#str #str160 a:hover,
#str #str160 a.selected {background: #272727 url(../images/str.gif) no-repeat -113px 0}
#fancybox-outer { background-color:#202020 !important; }
#head .caption h2 {padding: 5px 5px 8px; margin: 0px; font-size: 1.1em; color: #fff; text-transform: uppercase; }
#head a#logo span, #head h2 span, #head .caption span {visibility: hidden;}
#welcome { position: absolute; left: 10px; top: 60px;}
#welcome .caption {background: url(../images/caption-vitejte-bg.gif) 0 0 no-repeat;}
#welcome p {margin-top: 13px; color:#808080;}
#welcome p strong {font-weight: normal;color:#FFFFFF;}
#welcome p em {font-style: normal; }
#welcome p a {color: #0096DB;}
.admin #welcome p { margin-bottom: 0; }
.admin #welcome p strong { font-weight: bold; }
#breadcrumb {position: absolute; left: 10px; top: 118px; font-size: 1.1em; text-transform: lowercase;}
#breadcrumb ul, #breadcrumb li {display: inline; line-height: 1.4; }
#breadcrumb ul li {padding: 0px 10px 0px 0px; margin-right: 3px; background: url(../images/breadcrumb-dart.png) right 4px no-repeat;}
#breadcrumb ul li ul li {padding: 0px 10px 0px 3px; margin-left:2px; margin-right: 3px; background: url(../images/breadcrumb-dart.png) right 4px no-repeat; }
#breadcrumb ul li.last { background: transparent;}
#breadcrumb a {color: #0096DB; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#menu { position: absolute; left: 245px; top: 60px;}
#menu .caption {background: url(../images/caption-navigace-bg.gif) 0 0 no-repeat;}
#menu ul {margin: 13px 0px 0px 0px; list-style-type: none; }
#menu ul li {float: left; line-height: 1.3; }
#menu ul li a {text-decoration: none; display: block; padding: 0 10px; font-size: 1.1em; font-weight: normal; color: #808080; background: url(../images/menu-separator.png) right 50% no-repeat; }
#menu ul li a.first {padding-left: 0; }
#menu ul li a.last { background-image: none !important; }
#menu ul li a.selected {color: #fff;}
#menu ul li a:hover {color: #fff; text-decoration: underline;}
#menu ul li a strong {font-weight: normal; color: #FFF}
/* #index #menu ul, #index #head #menu h2 { margin-left:-10px !important } */
#index #content {margin: 0; padding: 0px; background: url(../images/content-index-bg.gif) left top repeat-y;}
#index #content #col1{width: 550px; padding: 0px 10px 0px; float: left;}
#index #content #col2{width: 330px; padding: 0px 10px 0px; float: right;}
#index #cols-end {background: url(../images/content-index-bottom.gif) left bottom no-repeat;}
#cols-end {clear: both; height: 10px;}
#content {margin: 0; padding: 0px; background: url(../images/content-bg.gif) left top repeat-y;}
#content #col1 {width: 205px; padding: 0px 10px 0px; float: left;}
#content #col2 {width: 675px; padding: 0px 10px 0px; float: right;}
#inner #content #col1 a {color: #0096DB;}
#inner #content #col1 a:hover {color: #fff;}
#cols-end {background: url(../images/content-bottom.gif) left bottom no-repeat;}
#detail #content {margin: 0; padding: 0px; background: url(../images/content-detail-bg.gif) left top repeat-y;}
#detail #content #col1 {width: 225px; padding: 0px 0px 0px; margin: 0px; float: left;}
#detail #content #col2 {width: 205px; padding: 0px 10px 0px; margin: 0 10px 0 0; float: right;}
#detail #content #col3 {width: 440px; padding: 10px 10px 0; margin: 0px; float: right;}
#detail #cols-end {background: url(../images/content-detail-bottom.gif) left bottom no-repeat;}
#detail #content #col3 a img {border:0;}
#detail #content #col1 ul {list-style-type: none; margin: -8px 10px 13px; padding: 0px;}
#detail #content #col1 ul li {font-size: 1.0em; position:relative; margin: 0px; padding: 0px;}
#detail #content #col1 ul li a span {position: absolute; top: 2px; right: 10px; color:#0096DB !important;}
#detail #content #col1 ul li a {display: block; padding: 2px 0px; text-decoration:none; color: #808080}
#detail #content #col1 li.selected a, #detail #content #col1 li a:hover {color: #FFFFFF; padding: 2px 10px; text-decoration:none; background :#1A1A1A;}
#detail #content #col1 div.nadpis {padding: 12px 10px ; margin: 10px 10px 13px;}
#detail #col3 img { display: block; }
#detail #col3 .picture-set { float: left; margin-top: 10px; width: 440px; }
#detail #col3 .picture-set img { float: left; }
#detail #col3 .picture-set img.right { float: right; }
#detail #col2 ul.technology li {list-style-type: none; background: transparent; padding-left: 0px;}
#detail #col2 ul, #detail #col2 p {margin-bottom: 20px}
#detail #col2 a {color: #0096DB;}
#detail #col2 a:hover {color: #FFF;}
#admin-detail #content {margin: 0; padding: 0px; background: url(../images/content-admin-detail-bg.gif) left top repeat-y;}
#admin-detail #content #col1 {width: 225px; padding: 0px 0px 0px; margin: 0px; float: left;}
#admin-detail #content #col2 {width: 205px; padding: 0px 10px 0px; margin: 0 10px 0 0; float: right;}
#admin-detail #content #col3 {width: 440px; padding: 10px 10px 0; margin: 0px; float: right;}
#admin-detail #cols-end {background: url(../images/content-detail-bottom.gif) left bottom no-repeat;}
#admin-detail #content #col3 a img {border:0;}
#admin-detail #content #col1 ul {list-style-type: none; margin: -8px 10px 13px; padding: 0px;}
#admin-detail #content #col1 ul li {font-size: 1.0em; position:relative; margin: 0px; padding: 0px;}
#admin-detail #content #col1 ul li a span {position: absolute; top: 2px; right: 10px; color:#0096DB !important;}
#admin-detail #content #col1 ul li a {display: block; padding: 2px 0px; text-decoration:none; color: #808080}
#admin-detail #content #col1 li.selected a, #admin-detail #content #col1 li a:hover {color: #FFFFFF; padding: 2px 10px; text-decoration:none; background :#1A1A1A;}
#admin-detail #content #col1 div.nadpis {padding: 12px 10px ; margin: 10px 10px 13px;}
#admin-detail #col3 img { display: block; }
#admin-detail #col3 .picture-set { float: left; margin-top: 10px; width: 440px; }
#admin-detail #col3 .picture-set img { float: left; }
#admin-detail #col3 .picture-set img.right { float: right; }
#admin-detail #col2 ul.technology li {list-style-type: none; background: transparent; padding-left: 0px;}
#admin-detail #col2 ul, #admin-detail #col2 p {margin-bottom: 20px}
#admin-detail #col2 a {color: #0096DB;}
#admin-detail #col2 a:hover {color: #FFF;}
.underline, .underline a {text-decoration: underline;}
.noneunderline, .noneunderline a{text-decoration: none;}
a.underline:hover, .underline a:hover {text-decoration: none;}
a.noneunderline:hover, .noneunderline a:hover {text-decoration: underline;}
.table {border: 0.1em solid #1a1a1a;}
.table tr td {border: 0.1em dotted #6a6a6a;}
.table1 {border: 0.1em solid #272727;}
.table1 tr td {border: 0.1em dotted #6a6a6a;}
.table2 {border-top: 0.1em dotted #6a6a6a;}
.table2 tr td {border-bottom: 0.1em dotted #6a6a6a; font-size: 1.1em; padding: 5px 2px; }
.table2 tr td img {float: left;}
.table2 tr td strong {color: #0096DB; text-align: right !important}
.tcol1 {width: 20px}
.tcol3 {width: 15px}
.tcol4 {width: 40px}
.tcol5 {width: 30px}
.obal {padding: 10px 10px 0px}
ul#cenik {padding: 0px 0px 10px; margin: 0px ; list-style-type: none; border-top: 0.1em dotted #6a6a6a;}
ul#cenik li {padding: 0px; margin: 1px 0px; height: 26px; list-style-type: none; border-bottom: 0.1em dotted #6a6a6a; font-size: 1.1em; background: transparent;}
ul#cenik li a { display: block; position: relative; top: 0px; left: 0px; height: 14px; padding: 5px 0px 7px; margin: 0px;}
ul#cenik li a:hover {background-color: #1a1a1a; color: #fff; text-decoration: none}
.tdspan1 {position: absolute; top: 3px; left: 10px}
.tdspan2,.tdspan3, .tdspan4, .tdspan5 {position: absolute; top: 5px; display: block;}
.tdspan2 {left: 40px}
.tdspan3 {left: 566px}
.tdspan4 {left: 586px; display: block; width: 35px; text-align: right; color: #0195dd; font-weight: bold;}
.tdspan5 {left: 622px}
#index h1 {height: 88px; width: 310px; background: url(../images/h-nabidka-graf-sluzeb.gif) left top no-repeat; position: relative; top: -10px; left: -10px}
#index h1 span {visibility: hidden;}
#index #nabidka {margin: 0px; padding: 20px 0 30px 15px; }
#index #nabidka ul li {float: left; list-style-type: none; position: relative; padding: 10px 0px 10px 35px; display: block; width: 230px;}
#index #nabidka ul li a {text-decoration: none; font-size: 1.2em; font-weight: bold; display: block; }
#index #nabidka ul li a:hover {text-decoration: underline; color: #0096DB;}
#index #nabidka ul li img {position: absolute; top: 0px; left: 0px}
#nabidka {margin: 0px; padding: 20px 0 0px 0px; }
#nabidka ul li {float: left; list-style-type: none; position: relative; padding: 6px 0px 6px 30px; width: 165px}
#col1 #nabidka ul li a {text-decoration: none; font-size: 1em; display: block; color: #FFF !important;}
#col1 #nabidka ul li a:hover {text-decoration: underline; color: #0096DB !important;}
#nabidka ul li img {position: absolute; top: 0px; left: 0px}
.bloky {padding-top: 10px;}
.blok {width: 160px; float: left; padding: 0px 10px 10px 0; }
.blok2 {width: 160px; float: left; padding: 0px 0 10px; }
.blok a img, .blok2 a img { padding: 0; margin: 0}
.blok-projekt {height:160px;float: left; text-align: center; width: 165px; margin: 0 0 20px; line-height: 1.3; }
.blok-projekt span {display: block; }
.blok-projekt a {text-decoration: none; font-size: 1.3em; font-weight: bold;}
.blok-projekt a:hover span {text-decoration: underline}
p.more a {color: #0096DB; padding-left: 10px; background: url(../images/more-bg.png) left 60% no-repeat; }
#footer { margin: 17px 0px 0px; padding: 0px 0px 30px; color: #383838; text-align:center; position:relative;}
#footer p {margin: 5px 0px 0px;}
#footer a {font-weight: normal; color: #0096DB;}
#footer strong {font-weight: normal; color: #FFF;}
#copyright {color:#383838;}
#footer ul {margin: 5px 0px 0px; padding: 0px; list-style-type: none; font-size: 1.1em; text-align: center;}
#footer ul li {display: inline; line-height: 1.3; margin: 0px; padding: 0 10px; background: url(../images/menu-separator.png) right 50% no-repeat; }
#footer ul li.last { background-image: none !important; }
a#caption-projekty, a#caption-sluzby, a#caption-vytvorit-sluzbu, a#caption-vytvorit-klienta, a#caption-vytvorit-clena, a#caption-vytvorit-projekt {display: block; width: 205px; height: 61px; padding-bottom: 10px; text-decoration: none;}
a#caption-projekty span, a#caption-sluzby span, a#caption-vytvorit-sluzbu span, a#caption-vytvorit-klienta span, a#caption-vytvorit-clena span, a#caption-vytvorit-projekt span {visibility: hidden;}
#captions {margin-top: 20px}
a#caption-projekty {background: url(../images/caption-projekty-bg.gif) no-repeat 0 0;}
a#caption-sluzby {background: url(../images/caption-sluzby-bg.gif) no-repeat 0 0;}
/*admin*/
a#caption-vytvorit-sluzbu {background: url(../images/caption-vytvorit-sluzbu.gif) no-repeat 0 0;}
a#caption-vytvorit-klienta {background: url(../images/caption-vytvorit-klienta.gif) no-repeat 0 0;}
a#caption-vytvorit-clena {background: url(../images/caption-vytvorit-clena.gif) no-repeat 0 0;}
a#caption-vytvorit-projekt {background: url(../images/caption-vytvorit-projekt.gif) no-repeat 0 0;}
#inner .ikona-admin {
margin-top:-33px !important;
}
.ikona-admin {
margin-top:-34px;
margin-right:10px;
float:right;
}
.formular {background: #1a1a1a; padding: 0px 10px 0px; position: relative; _height: 1px; min-height: 1px;}
.formular fieldset {float: left; width: 305px; }
.formular legend {visibility: hidden;}
.formular option, .formular input, .formular select, .formular textarea {font-size: 1.1em; }
.formular label {display: block; padding: 0px; margin: 10px 0 3px; font-size: 1.1em; color: #808080; }
.formular select {width: 220px !important; }
.formular input, .formular textarea {width: 213px; padding: 1px; margin-right: 5px}
.formular p {clear: both;}
.formular p input {width: 58px; height: 23px; border: 1px solid red; background: url(../images/btn-odeslat.gif) right bottom no-repeat; border: 0px; font-size: 0; line-height: 0;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
.pozn {color: #0096db}
.formular textarea {width:276px; height: 134px; margin-bottom: 20px; vertical-align: top;}
.form-end {width: 660px; clear: both; position: relative; padding-top: 0px; height: 50px;}
.form-end .pozn {position: absolute; bottom: 7px; left: 0px}
.form-end .odeslat {position: absolute; bottom: 0px; top: 15px; right: 5px}
.form-end-sluzby {width: 660px; height: 20px !important; clear: both; position: relative; padding-top: 0px; height: 50px;}
.form-end-sluzby input { margin-right: 0px !important; }
.form-end-sluzby .odeslat-sluzby { position: absolute; bottom: 0px; right: 5px; top:-14px !important; }
.form-end-sluzby .pozn {position: absolute; bottom: 7px; left: 0px}
.form-end-sluzby .odeslat {position: absolute; bottom: 0px; top: 15px; right: 5px}
.form-end-contact {width: 660px; height: 0px !important; clear: both; position: relative; padding-top: 0px; margin-top:-20px;}
.form-end-contact input { position: absolute; top: -21px; right: -5px !important; }
.form-end-contact .odeslat-contact { position: absolute; bottom: 0px; right: 5px; top:-14px !important; }
.form-end-contact .pozn {position: absolute; top: -33px; left: 0px}
.form-end-contact .odeslat {position: absolute; bottom: 0px; top: -15px; right: 5px}
.form-end-admin-sluzby {width: 425px; height: 20px !important; clear: both; position: relative; padding-top: 0px; height: 50px;}
.form-end-admin-sluzby input { margin-right: 0px !important; }
.form-end-admin-sluzby .odeslat-sluzby { position: absolute; bottom: 0px; right: 5px; top:-14px !important; }
.form-end-admin-sluzby .pozn {position: absolute; bottom: 7px; left: 0px}
.form-end-admin-sluzby .odeslat {position: absolute; bottom: 0px; top: 15px; right: 5px}
.mceLayout {width: 200px !important;}
/* zatim nepouzito */
#box-set:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#box-set {
margin: 10px 0 0;
font-family: Arial, Tahoma, Verdana;
letter-spacing: 1px;
background: url(../images/box-set-bg.png) left top repeat-y;
}
#box-set a { color: #0096DB; }
#box-set p { margin: 5px 0; line-height: 1.2; text-align: left; }
#box-set p.more { float: right; }
#box-set p.more a { padding-left: 10px; background: url(../images/more-bg.png) left 50% no-repeat; }
#box-set div.last { margin: 0; }
#box-set .box{float:left; padding:10px 10px 0; margin-right:10px; width:205px;}
#box-set .box:hover{background-color:#3d3d3d; }
#box-set a img{border:0;padding:0;margin:0;}
#efko{position:relative;}
#efko p{position:relative;height:10px;margin-top:-15px;font-size:9px;}
#efko h5{position:absolute;right:10px;font-weight:normal;font-size:9px;color:#808080;}
.file{width:270px !important;}
.deleteButton {width:11px !important;position:absolute;right:140px;}
.upa{top:5px !important;left:5px;}
.downa{top:11px !important;left:5px;}
.grey { background-color: #3d3d3d; }
.darkgrey { background-color: #272727; }
ul.just-edit li { position: relative; width:205px; left:-10px; padding:0px 10px; }
ul.just-edit li img { position: absolute; right: 23px; top: 2px; border: none; }
ul.just-edit li img.delete-button { right: 5px; }
.included { background: url(../images/square.png) left 50% no-repeat !important; }
.admin .content .first h2 { margin-bottom: 0; }
.admin .content { position: relative; }
.admin .content .third { padding-bottom: 30px; }
.tr-grey td {background-color:#3D3D3D; }
.tr-black td {background-color:#323232; }
.c-l{width:49%; height:150px; float:left; background:transparent url(../images/sluzba.jpg) 5% 8px no-repeat; position:relative; }
.c-r{width:49%; height:150px; float:right; background:transparent url(../images/sluzba.jpg) 5% 8px no-repeat; position:relative; }
.c-l h4,.c-r h4{font-size:11px; font-weight:bold; position:absolute; top:-5px; left:90px; }
.c-l p,.c-r p{position:absolute; left:90px; top:20px; }
.c-l ul ,.c-r ul{position:absolute; left:90px; top:15px; }
.c-l ul li,.c-r ul li{padding-left:10px; background:transparent url(../images/grey-square.png) left 75% no-repeat; }
.c-l ul li sub,.c-r ul li sub{width:200px; margin-left:-10px; background:transparent url(../images/blue-square.png) 0 75% no-repeat; display:block; text-indent:10px; font-size:1em; }
.c-l span,.c-r span{width:75px; height:10px; font-weight:bold; position:absolute; background-image:url(../images/price.jpg); text-align:center; left:90px; top:110px; padding-top:2px; padding-bottom:11px; display:block; }
.c-l a,.c-r a{position:absolute; left:170px; top:112px; text-decoration:underline; }
.c-l a:hover,.c-r a:hover{color:#0096DB; }
.dit { padding:0; }
.dit li { position: relative; width:215px; left:-10px; padding:3px 5px 4px 5px; }
.dit li img { position: absolute; right: 23px; top: 2px; border: none; }
.dit li img.delete-button { right: 5px; }
.vzkaz { padding-top:20px; }
/* Administrace - login */
#login-page #page { width: 225px; }
#login-page #head { width: 225px; }
#login-page #head h1 { left: 32px; top: 34px; }
#login-box { position: relative; padding: 30px 10px; width: 205px; background-color: #272727; }
#error-message {
position: absolute;
left: 207px;
top: 66px;
padding: 0 8px 9px;
width: 135px;
line-height: 17px;
background: url(../images/admin/error-message-bg.png) left top no-repeat;
}
#login-box form label { display: block; font-size: 1.1em; font-weight: bold; }
#login-box form input { margin: 5px 0 15px; padding: 1px; width: 203px; height: 16px; color: #000; font-size: 1.1em; }
#login-box form input.error { height: 14px; width: 201px; border: 1px solid #ff2b03; }
#login-box form label.check { margin: 8px 0 50px; color: #14c1e9; font-weight: normal; }
#login-box form label.check input { margin: 0 5px 0 0; padding: 0; width: auto; height: auto; vertical-align: text-top; }
#login-box form #submit {
position: absolute;
right: 10px;
bottom: 10px;
font-weight:bold;
margin: 0;
padding: 0;
width: auto;
height: auto;
}
#login-page #footer { margin-top: 2.5em; text-align: center; color: #383838; }
/* nadpisy */
#detail #content div.nadpis, #detail #content div.nadpis,
#inner #content div.nadpis, #inner #content div.nadpis, div.nadpis {background: url(../images/nadpis-bg.gif) left bottom no-repeat !important;}
div.nadpis {height: 19px; padding: 12px 10px 13px; margin: 10px 0px 13px;}
#col3 div.nadpis {padding: 12px 10px 13px; margin: 0px 0px 13px;}
div.nadpis h1, div.nadpis h2 {padding: 0px; margin: 0px}
.nadpis h1 span, .nadpis h2 span {visibility: hidden;}
#h-3d-modelovani {background: url(../images/h/3d-modelovani.gif) no-repeat 0% 50%}
#h-cenik {background: url(../images/h/cenik.gif) no-repeat 0% 50%}
#h-cenik-sluzeb {background: url(../images/h/cenik-sluzeb.gif) no-repeat 0% 50%}
#h-corporate-identity {background: url(../images/h/corporate-identity.gif) no-repeat 0% 50%}
#h-design-www-stranek {background: url(../images/h/design-www-stranek.gif) no-repeat 0% 50%}
#h-firemni-tiskoviny {background: url(../images/h/firemni-tiskoviny.gif) no-repeat 0% 50%}
#h-formular-pro-vase-dotazy {background: url(../images/h/formular-pro-vase.gif) no-repeat 0% 50%}
#h-fotografie {background: url(../images/h/fotografie.gif) no-repeat 0% 50%}
#h-co-tvorba-grafiky-obsahuje {background: url(../images/h/co-tvorba-grafiky.gif) no-repeat 0% 50%;}
#h-graficke-studio {background: url(../images/h/graficke-studio.gif) no-repeat 0% 50%;}
#h-historie-foxstudia {background: url(../images/h/historie-foxstudia.gif) no-repeat 0% 50%;}
#h-hlavni-stranka {background: url(../images/h/hlavni-stranka.gif) no-repeat 0% 50%}
#h-informace-o-projektu {background: url(../images/h/informace-o-projektu.gif) no-repeat 0% 50%;}
#h-jednotlive-sluzby {background: url(../images/h/jednotlive-sluzby.gif) no-repeat 0% 50%;}
#h-kategorie-realizovanych {background: url(../images/h/kategorie-realizovanych.gif) no-repeat 0% 50%;}
#h-kde-nas-najdete {background: url(../images/h/kde-nas-najdete.gif) no-repeat 0% 50%}
#h-klienti {background: url(../images/h/klienti.gif) no-repeat 0% 50%}
#h-kontakt {background: url(../images/h/kontakt.gif) no-repeat 0% 50%}
#h-kontaktni-osoby {background: url(../images/h/kontaktni-osoby.gif) no-repeat 0% 50%}
#h-letaky-a-inzerce {background: url(../images/h/letaky-a-inzerce.gif) no-repeat 0% 50%}
#h-nabidka-sluzeb {background: url(../images/h/nabidka-sluzeb.gif) no-repeat 0% 50%;}
#h-nasi-spokojeni-klienti {background: url(../images/h/nasi-spokojeni-klienti.gif) no-repeat 0% 50%;}
#h-nasimi-klienty-jsou {background: url(../images/h/nasimi-klienty.gif) no-repeat 0% 50%}
#h-novy-clen {background: url(../images/h/novy-clen.gif) no-repeat 0% 50%}
#h-novy-klient {background: url(../images/h/novy-klient.gif) no-repeat 0% 50%}
#h-nova-sluzba {background: url(../images/h/nova-sluzba.gif) no-repeat 0% 50%}
#h-novy-projekt {background: url(../images/h/novy-projekt.gif) no-repeat 0% 50%}
#h-o-foxstudio {background: url(../images/h/o-foxstudio.gif) no-repeat 0% 50%}
#h-o-cenach {background: url(../images/h/o-cenach.gif) no-repeat 0% 50%}
#h-obalovy-design {background: url(../images/h/obalovy-design.gif) no-repeat 0% 50%}
#h-o-klientech {background: url(../images/h/o-klientech.gif) no-repeat 0% 50%}
#h-o-projektech {background: url(../images/h/o-projektech.gif) no-repeat 0% 50%;}
#h-o-nas {background: url(../images/h/o-nas.gif) no-repeat 0% 50%;}
#h-otazky-a-odpovedi {background: url(../images/h/otazky-a-odpovedi.gif) no-repeat 0% 50%;}
#h-polepy-a-reklama {background: url(../images/h/polepy-a-reklama.gif) no-repeat 0% 50%}
#h-poptavkovy-formular {background: url(../images/h/poptavkovy-formular.gif) no-repeat 0% 50%;}
#h-potisk-obleceni {background: url(../images/h/potisk-obleceni.gif) no-repeat 0% 50%}
#h-realizovane-projekty {background: url(../images/h/realizovane-projekty.gif) no-repeat 0% 50%}
#h-redesign-www-stranek {background: url(../images/h/redesign-www-stranek.gif) no-repeat 0% 50%}
#h-seznam-projektu {background: url(../images/h/seznam-projektu.gif) no-repeat 0% 50%;}
#h-tvorba-banneru {background: url(../images/h/tvorba-banneru.gif) no-repeat 0% 50%;}
#h-tvorba-firemnich-tiskovin {background: url(../images/h/tvorba-firemnich-tiskovin.gif) no-repeat 0% 50%;}
#h-tvorba-firemnich-prezentaci-na-cd {background: url(../images/h/tvorba-firemnich-prezentaci-na-cd.gif) no-repeat 0% 50%;}
#h-tvorba-grafiky {background: url(../images/h/tvorba-grafiky.gif) no-repeat 0% 50%;}
#h-tvorba-loga {background: url(../images/h/tvorba-loga.gif) no-repeat 0% 50%;}
#h-tvorba-logo-manualu {background: url(../images/h/tvorba-logo-manualu.gif) no-repeat 0% 50%;}
#h-tvorba-logomanualu {background: url(../images/h/tvorba-logomanualu.gif) no-repeat 0% 50%}
#h-tvorba-flash-animaci {background: url(../images/h/tvorba-flash-animaci.gif) no-repeat 0% 50%;}
#h-tvorba-vizitek {background: url(../images/h/tvorba-vizitek.gif) no-repeat 0% 50%;}
#h-vybrane-realizovane-projekty {background: url(../images/h/vybrane-realizovane.gif) no-repeat 0% 50%;}
.h-hidden {visibility: hidden;}
/*admin*/
#col1-admin {float: left; width: 205px; padding: 0x 0px 0px; margin: 0px 0px; }
#col1-admin ul {list-style-type: none; margin: -8px 0px 13px; padding: 0px;}
#col1-admin ul li {font-size: 1.0em; position:relative; margin: 0px; padding: 0px;}
#col1-admin ul li a span {position: absolute; top: 2px; right: 10px; color:#0096DB !important;}
#col1-admin ul li a {display: block; padding: 2px 0px; text-decoration:none; color: #1A1A1A}
#col1-admin li.selected a, #col1-admin li a:hover {color: #FFFFFF; padding: 2px 10px; text-decoration:none; background :#3d3d3d;}
#col1-admin div.nadpis {padding: 12px 10px 16px; margin: 5px 0px 13px;}
#menu-admin { position: absolute; left: 245px; top: 60px;}
#menu-admin ul {margin: 13px 0px 40px 0px; list-style-type: none; }
#menu-admin ul li {float: left; line-height: 1.3; }
#menu-admin ul li a {text-decoration: none; display: block; padding: 0 10px; font-size: 1.1em; font-weight: normal; color: #808080; background: url(../images/menu-separator.png) right 50% no-repeat; }
#menu-admin ul li a.first {padding-left: 0; }
#menu-admin ul li a.last { background-image: none !important; }
#menu-admin ul li a.selected {color: #fff;}
#menu-admin ul li a:hover {color: #fff; text-decoration: underline;}
#menu-admin ul li a strong {font-weight: normal; color: #FFF}
#menu-admin .caption { background: url(../images/caption-ucet-bg.gif) 0 0 no-repeat;}
#menu-admin ul li p span { color:#FFFFFF; }
#menu2-admin { position: absolute; left: 480px; top: 60px;}
#menu2-admin .caption { background: url(../images/caption-navigace-bg.gif) 0 0 no-repeat; }
#menu2-admin ul { margin: 13px 0px 0px 0px; list-style-type: none; }
#menu2-admin ul li { float: left; line-height: 1.3; }
#menu2-admin ul li a { text-decoration: none; display: block; padding: 0 10px; font-size: 1.1em; font-weight: normal; color: #808080; background: url(../images/menu-separator.png) right 50% no-repeat; }
#menu2-admin ul li a.first { padding-left: 0; }
#menu2-admin ul li a.last { background-image: none !important; }
#menu2-admin ul li a.selected {color: #fff;}
#menu2-admin ul li a:hover {color: #fff; text-decoration: underline;}
#menu2-admin ul li a strong {font-weight: normal; color: #FFF}
.aformular {background: #1a1a1a; padding: 0px 10px 0px; position: relative; _height: 1px; min-height: 1px;}
/*
.formular fieldset {float: left; width: 305px; }
*/
#col2 .aformular legend {visibility: hidden;}
#col2 .aformular option, #col2 .aformular input, #col3 .aformular select, #col2 .aformular select, #col2 .aformular textarea {font-size: 1.1em; }
#col2 .aformular label {display: block; padding: 0px; margin: 10px 0 3px; font-size: 1.1em; color: #808080; }
#col2 .aformular select {width: 220px !important; }
#col2 .aformular input.itext {width: 213px; padding: 1px; margin-right: 5px}
#col2 .aformular textarea.atext-tiny {width: 655px; height: 375px; margin-bottom: 25px; vertical-align: top;}
#col2 .aformular p {clear: both;}
#col2 .aformular p input {width: 58px !important; height: 23px; background: url(../images/btn-odeslat.gif) right bottom no-repeat; border: 0px; font-size: 0; line-height: 0;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#col3 .aformular legend {visibility: hidden;}
#col3 .aformular option, #col3 .aformular input, #col3 #col3 .aformular select, #col3 .aformular textarea {font-size: 1.1em; }
#col3 .aformular label {width: 213px; display: block; padding: 0px; margin: 10px 0 3px; font-size: 1.1em; color: #808080; position: relative; }
#col3 .aformular label span{position: absolute; right: 0px; color: #FFF; font-size: 0.9em;}
#col3 .aformular input {width: 213px !important; height: 12px; font-size: 0.9em !important; z-index: 1000; padding: 1px; margin-right: 10px; }
#col3 .aformular textarea.atext-tiny {width: 420px; height: 280px; margin-bottom: 5px; vertical-align: top;}
#col3 .aformular p {clear: both;}
#col3 .aformular p input {width: 58px !important; height: 23px; background: url(../images/btn-ulozit.gif) right bottom no-repeat; border: 0px; font-size: 0; line-height: 0;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#col3 .form-end {width: 425px; clear: both; position: relative; padding-top: 0px; height: 20px;}
#inner input[type="text"], #detail input[type="text"] {width: 213px !important; height: 13px; font-size: 0.9em !important; z-index: 1000; padding: 1px; margin-right: 5px; }
#inner select, #detail select {width: 215px !important; height: 16px; font-size: 0.9em !important; z-index: 1000; padding: 1px; }
#inner option, #detail option { font-size: 0.9em }
#col1-admin {float: left; width: 205px; padding: 0x 0px 0px; margin: 0px 10px}
#col1-admin ul {list-style-type: none; margin: 15px 0px 8px; padding: 0px;}
#col1-admin ul li {font-size: 1.0em; position:relative; margin: 0px; padding: 0px;}
#col1-admin ul li a span {position: absolute; top: 2px; right: 10px; color:#0096DB !important;}
#col1-admin ul li a {display: block; padding: 2px 0px; text-decoration:none; color: #808080}
#col1-admin li.selected a, #col1-admin li a:hover {padding: 2px 10px; text-decoration:none; background :#3d3d3d;}
#admin-detail #col1-admin li.selected a, #col1-admin li a:hover {padding: 2px 10px; text-decoration:none; background :#272727;}
#col1-admin div.nadpis {margin-bottom: 10px;}
body#tinymce.mceContentBody p {
margin:0px !important;
}
#editmenu { padding: 0x 0px 0px; margin: 0px 5px}
#editmenu ul {list-style-type: none; margin: 0px 0px 20px; padding: 0px;}
#editmenu ul li { width: 206px; font-size: 1.0em; position: relative; height: 18px; display: block; margin-left:-5px !important; margin: 4px 0px; padding: 2px 0px; background: transparent;}
#editmenu ul li a span {display: none;}
#admin-detail #editmenu ul li a {text-decoration:none; color: #1A1A1A !important; display: block;}
#admin-detail #editmenu ul li a:hover {text-decoration: underline; color: #0096DB !important; display: block;}
#admin-detail #editmenu ul li:hover { text-decoration:none; background :#272727;}
#editmenu ul li a {text-decoration:none; color: #272727 !important; display: block;}
#editmenu ul li a:hover {text-decoration: underline; color: #0096DB !important; display: block;}
#editmenu ul li a.item {position: absolute; top: 0px; left: 20px; }
#editmenu ul li p.item-service { font-size: 1.0em; position: absolute; top: 4px; left: 10px; }
#editmenu ul li a.up {background: url(../images/admin/up.gif) 0 0 no-repeat; position: absolute; top: 5px; left: 5px; width: 9px; height: 6px}
#editmenu ul li a:hover.up {background: url(../images/admin/up-on.gif) 0 0 no-repeat}
#editmenu ul li a.down {background: url(../images/admin/down.gif) 0 0 no-repeat; position: absolute; top: 12px; left: 5px; width: 9px; height: 6px}
#editmenu ul li a:hover.down {background: url(../images/admin/down-on.gif) 0 0 no-repeat}
#editmenu ul li a.del {background: url(../images/admin/delete.gif) 0 0 no-repeat; position: absolute; top: 4px; right: 5px; width: 15px; height: 16px}
#editmenu ul li a:hover.del {background: url(../images/admin/delete-on.gif) 0 0 no-repeat;}
#editmenu ul li a.edit {background: url(../images/admin/edit.gif) 0 0 no-repeat; position: absolute; top: 4px; right: 25px; width: 15px; height: 16px}
#editmenu ul li a:hover.edit {background: url(../images/admin/edit-on.gif) 2px 0 no-repeat; }
#editmenu ul li p.item {font-size: 1.0em;position: absolute; top: 4px; left: 20px; }
#editmenu ul li:hover { text-decoration:none; background :#3d3d3d;}
#neco { margin:200px auto; }
#frmFlashForm-projectInfo_tbl,
#frmImagesForm-projectInfo_tbl,
#frmUniversalForm-projectInfo_tbl,
#frmform-serviceInfo_tbl,
#frmUniversalForm-usedTechnologies_tbl,
#frmImagesForm-usedTechnologies_tbl,
#frmFlashForm-usedTechnologies_tbl { width:420px !important; }
.mceToolbar { background-color: #1A1A1A !important; border-color: #1A1A1A !important; }
.mceLayout { border-color: #1A1A1A !important; }
.mceLayout { width:655px !important; }
.mceLayout iframe { height: 250px !important; }
.mceToolbar a { border-color: #1A1A1A !important; }
#menu ul li p span {color:#FFFFFF;}
#loginContent { width: 224px; position: relative; margin: 60px auto; }
#loginContent img { position: absolute; left: 37px; }
#loginContent div { width: 224px; padding-top:10px; position: absolute; top: 123px; background:url(../images/login-bg.png) bottom right no-repeat; }
#loginContent div div { position: relative !important; margin: 10px 10px; left: 0; top: 0; padding-top: 0px; width:185px; }
#loginContent div table { width: 205px; margin: 0px 10px 18px 10px; background-color: #1a1a1a; }
#loginContent div table .first { padding-top:20px !important; }
#loginContent div table tr th { text-align: left; padding: 10px 10px 5px 10px; color: #808080; font-size: 10px; }
#loginContent div table tr td { text-align: left; padding: 0px 10px; }
#loginContent div table tr td input { width: 185px; }
#loginContent div table tr td input[type="text"] { width: 183px !important; margin:0 !important; }
#loginContent div form div { position: absolute; top: 10px !important; }
#frmloginForm-login { width: 76px !important; height: 23px; margin: 10px 0px 10px 109px; background: url(../images/btn-prihlasit.gif) right bottom no-repeat; border: 0px; font-size: 0; line-height: 0; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */
}
.form-end input { margin-right: 0px !important; }
.img-services { margin-top: 4px; }
option { font-size:1.1em !important; }
.newList li a { font-size:0.8em !important; }
.selectedTxt { padding-top: 2px !important; font-size: 0.9em !important;}
#frmOrderForm-send, #frmContactPersonForm-send { margin-right: 0px !important; }
#col2 p { font-size:11px !important; }
#loginContent .flash.warning, .error { width: 148px !important; height: 18px; position: absolute; top: 197px !important; left: 195px !important; padding:4px 10px; background: url(../images/login-error-bg.gif) left bottom !important; }
.smallTextArea { height: 80px !important; }