/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 66%/1.4 Verdana, "Geneva CE", lucida, sans-serif;}

body.body { text-align: center; color: #565656; background: #ffffff url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #ff7019; font-weight: normal; padding: 0; line-height: normal }
h1 { font-size: 200%; clear: both; margin: 0.5em 0 1em 0 }
h2 { font-size: 155%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 135%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #ff7019 }
a:link { color: #ff7019 }
a:hover { color: #000000; text-decoration: none }
p, .vcard { margin: 1em 0 1.5em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 91% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.vab { vertical-align: bottom }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.b { font-weight: bold }
.bg0 { background-color: #f4f4f4 }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 91% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 980px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #ffffff url(img/sys/bg_main.gif) repeat-y 0 0
}
html>body #main { min-height: 100%; height: auto }

#main-in { height: 940px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 0 }
html>body #main-in { min-height: 940px; height: auto }

#header { position: absolute; left: 0; top: 0; width: 980px; background: transparent url(img/sys/bg_header.jpg) no-repeat 5px 98px }
#header-in {
    height: 220px;
    position: relative;
    margin: 0 5px;
    background: transparent url(img/sys/bg_header_in.gif) repeat-x left bottom
}

#content {
    float: right;
    width: 750px;
    margin: 0 5px 0 0;
    padding: 0 0 120px 0;
    display: inline;
    overflow: hidden;
    background: transparent url(img/sys/bg_gradient.gif) repeat-x 0 220px
}
#content-in { margin: 224px 5px 0 0; padding: 0 25px 25px 25px; height: 630px; border: 1px solid #efefef; background: #ffffff url(img/sys/bg_content.jpg) no-repeat right top; text-align: justify }
html>body #content-in { min-height: 630px; height: auto }

#panel {
    float: left;
    width: 220px;
    margin: 0 0 0 5px;
    display: inline;
    background: transparent url(img/sys/bg_gradient.gif) repeat-x 0 220px
}
#panel-in { padding: 230px 5px 120px 5px; background: transparent url(img/sys/bg_linka.gif) no-repeat 15px 220px }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 980px
}
#footer-in { height: 100px; position: relative; margin: 0 5px; background: #f4f3f3 url(img/sys/bg_footer.gif) repeat-x left bottom }
/* /layout - zaklad */

/* layout - special */
.home #header-in { height: 386px }
.home #content { width: 980px; margin: 0; padding: 0; float: none; background: none }
.home #content-in { margin: 0; padding: 386px 5px 120px 5px; height: auto; border: 0; background: none; text-align: left }
html>body .home #content-in { min-height: 0 }

#logo, #logo span { display: block; position: relative; left: 10px; top: 5px; width: 182px; height: 44px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#slogan { color: #73350e; font-weight: normal; line-height: normal; width: 460px; position: absolute; left: 450px; top: 140px }
#slogan strong { color: #ffffff; font-size: 200%; position: relative; top: -10px }
#slogan small {  }

#menu { position: absolute; left: 0; top: 59px; width: 970px; height: 39px; background: #434343 url(img/sys/bg_menu.gif) repeat-x 0 0; z-index: 102; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { float: left; height: 48px; width: 194px; padding: 0; background: transparent url(img/sys/bg_menu_li.gif) no-repeat right 50%; position: relative }
#menu .m-last { background: none }
#menu a { color: #ffffff; display: block; font-weight: bold; height: 39px; line-height: 34px; text-align: center; text-decoration: none; text-transform: uppercase; border-top:3px solid #6c6c6c }
#menu a:hover, #menu li.active a, #menu a.menuhover { color: #fd9702; border-top: 3px solid #FD9702; /*background: url(img/sys/bg_menu-li_roztek.gif) 181px 24px no-repeat;*/}

#menu li ul { position: absolute; left: 0px; top: 38px; width: 260px; height: auto; display: none; background-color: #434343; z-index: 101; }
#menu li ul li { float: none; width: 260px; text-align: left; font-size: 90%; background: none; border: none; height: auto; border-bottom: 1px solid #9a9a9a; }
/*#menu li ul li.m-last { border-bottom: 1px solid #9A9A9A; }*/
#menu li ul li a { text-align: left; height: auto; border: none; line-height: normal; padding: 7px 5px 7px 15px; text-transform: none }
#menu li.active li a { border: none; color: #ffffff }
#menu li.active li.active a, #menu li li a:hover { border: none; color: #fd9702; background-color: #434343; }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; left: 300px; top: 17px }
#searchform input { width: 150px; border: 1px solid #d0d0d0; color: #b7b7b7; padding: 3px 1px 4px 2px }
.button-vyhledat { width: 21px !important; height: 21px !important; padding: 1px 0 0 0 !important }

#top-links { position: absolute; right: 10px; top: 21px }
#top-links a { color: #3b3b3b; font-size: 91%; margin: 0 15px 0 2px; text-decoration: none }
#top-links a:hover { color: #ff7019 }

#segmenty { width: 970px; height: 146px; position: absolute; left: 0; top: 240px; background: transparent url(img/sys/bg_segmenty.gif) repeat-x left bottom }
.segment { height: 145px; float: left; position: relative }
.segment h3 { color: #979797; font-size: 165%; letter-spacing: -2px; margin: 0; padding: 1.6em 10px 0 113px; text-transform: uppercase }
.segment h3 a { color: #979797; text-decoration: none }
.segment h3 a:hover { color: #000000 }
.segment h3 a strong, .segment h3 a:hover strong { color: #ff7019 }
.segment .a-segment { text-decoration: none; cursor: pointer }
.segment .a-segment img { position: absolute; left: 19px; top: 27px }
.segment .h3-titulek { font-size: 91%; padding: 0 0 0 115px; letter-spacing: -1px; position: relative; top: -3px; text-transform: uppercase }
.segment .h3-titulek span { font-weight: normal }
.segment p {line-height: normal; margin: 0; padding: 10px 7px 10px 113px }
.segment .fr { margin: 0 20px 0 0 }

#s-webdesign { width: 325px; background: #f5f4f4 url(img/sys/bg_s_webdesign.jpg) no-repeat 0 0 }
#s-webdesign:hover { background-position:bottom;}

#s-cms { width: 321px; background: #f5f4f4 url(img/sys/bg_s_cms.jpg) no-repeat 0 0 }
#s-cms:hover { background-position:bottom;}

#s-reseni { width: 324px; background: #f5f4f4 url(img/sys/bg_s_reseni.jpg) no-repeat 0 0 }
#s-reseni:hover{ background-position:bottom;}

#s-cms h3 { padding-left: 105px }
#s-cms p { padding-left: 105px }
#s-cms .h3-titulek { padding: 0 0 0 105px; z-index:1}

#segmenty a.special { display:block; position:absolute; top:10px; text-indent:-9999px; overflow:hidden; z-index:100; background:url(img/sys/clean.gif) 0 0 repeat; border:1px solid white}
#s-webdesign a.special {width:309px; height:126px; left:10px;}
#s-reseni a.special {width:309px; height:126px; left:5px;}
#s-cms a.special {width:309px; height:126px; left:5px;}
#segmenty a.special:hover { border-color:#000;}

#cesta { font-size: 91%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 3px; font-size: 91% }

#partneri { width: 100%; overflow: hidden }
.partner { float: left; width: 465px; padding: 10px 10px 0 10px; color: #7e7e7e; font-size: 91%; line-height: normal }
.partner p { line-height: normal }
.partner img { float: left; margin: 0 10px 20px 0 }

#panel-right { float: right; width: 220px; margin: 0 0 2em 1.5em; border: 1px solid #ffffff; background-color: #f5f3f3; text-align: left; clear: both; }
#panel-right h2 { color: #464444; font-size: 135%; padding: 0;}
#panel-right-in { margin: 1.2em 0; padding: 0 15px 0 12px; text-align: left; }

#footer p { margin: 0 }
#copyright { color: #ffffff; position: absolute; left: 10px; bottom: 11px; width: 950px; text-align: right }
#copyright a { color: #fd9702 }
#copyright span { float: left }
#copyright span a { color: #ffffff; margin: 0 0.5em 0 0 }
/* /layout - special */

/* ostatni tridy pro web */
#welcome { width: 100%; height: 230px; position: relative; background: #f4f3f3 url(img/sys/bg_welcome.gif) no-repeat 515px bottom }
html>body #welcome { min-height: 230px; height: auto }
#welcome-in { padding: 27px 25px 0 25px }
#welcome h1 { color: #353535; margin: 0; padding: 5px 0 0 0; position: relative; background: transparent url(img/sys/bg_linka.gif) no-repeat 0 0 }
#welcome .h1-titulek { color: #9f9f9f; font-size: 120%; font-weight: normal }
#welcome p { margin: 0; padding: 15px 0 0 0; width: 450px; line-height: 1.8 }
#topinfo-body { position: absolute; left: 660px; top: 27px; width: 290px }
#topinfo-body h2 { font-size: 160%; margin: 0 }
#topinfo-body .h2-titulek { color: #ff7019; font-size: 91% }
#topinfo-body ul { margin: 0; padding: 15px 0 0 0; list-style: none }
#topinfo-body li { font-size: 91%; line-height: normal; background: transparent url(img/sys/bg_li_linka.gif) no-repeat 0 0 }
#topinfo-body li span { display: block; width: 250px; padding: 5px 0 5px 40px }
#ti-1 span { background: transparent url(img/sys/bg_ti_01.gif) no-repeat 3px 11px }
#ti-2 span { background: transparent url(img/sys/bg_ti_02.gif) no-repeat 3px 11px }
#ti-3 span { background: transparent url(img/sys/bg_ti_03.gif) no-repeat 3px 11px }
#ti-4 span { background: transparent url(img/sys/bg_ti_04.gif) no-repeat 3px 11px }

#sekce { width: 958px; margin: 10px 5px; border: 1px solid #e7e6e6; overflow: hidden }
#sekce h2 { color: #353535; font-size: 160%; margin: 0 }
#sekce .h2-titulek { color: #b6b6b6; font-size: 110%; font-weight: normal }

#sekce-left { float: left; width: 340px }
#sekce-right { float: right; width: 600px }

#hotove-projekty { width: 320px; margin: 20px 0 10px 20px }
.projekt { margin: 1.8em 0 1em 0; width: 100%; overflow: hidden }
.projekt img { float: left; margin: 0 2em 1em 0; border: 3px solid #d8d8d8 }
.projekt a:hover img { border: 3px solid #c7c7c7/*#f0f0f0*/ }
.projekt p { margin: 0 0 1.2em 0 }
.projekt p strong { color: #ff7019 }

#technicka-podpora { width: 470px; margin: 20px 10px 15px 0; padding: 10px 10px 10px 100px; border: 1px solid #e7e6e6; background: transparent url(img/sys/bg_technicka_podpora.jpg) no-repeat right 0 }
#technicka-podpora p { margin: 1em 0 }

#klienti-kontakty { width: 565px; margin: 0 10px 0 0; padding: 0 0 0 15px; overflow: hidden; background: transparent url(img/sys/bg_klienti_kontakty.gif) no-repeat 0 0 }

#nasi-klienti { float: left; width: 330px; padding: 0 0 10px 0 }
#klienti-kontakty #zakladni-kontakty { float: right; width: 230px }

#zakladni-kontakty h2 { color: #353535; font-size: 160%; margin: 0 }
#zakladni-kontakty.info-panel { padding: 0 0 0 10px }
#panel #zakladni-kontakty h3 { color: #353535; font-size: 135%; margin-left: 0 }
#panel a:hover { text-decoration: underline }
#panel h3 { margin-top: 0; margin-left: 10px; font-weight: bold }
#panel h3 a { color: #ff7019 }

#nasi-klienti .p-klienti { margin: 1em 0; width: 100%; overflow: hidden }
#nasi-klienti .p-klienti img { float: left; margin: 5px 40px 20px 0; vertical-align: middle }

#nav-submenu { padding: 0 0 15px 0; background: transparent url(img/sys/bg_submenu.gif) no-repeat 50% bottom }
#nav-submenu ul { margin: 0; padding: 10px; height: 140px; list-style: none; border: 1px solid #efefef; background-color: #ffffff }
html>body #nav-submenu ul { min-height: 140px; height: auto }
#nav-submenu li { padding: 3px 0 5px 20px; background: transparent url(img/sys/bg_submenu_li.gif) no-repeat left bottom }
#nav-submenu a { color: #565656; text-decoration: none }
#nav-submenu a:hover { color: #ff7019 }
#nav-submenu a.active { color: #ff7019; font-weight: bold }
#nav-submenu ul ul { border: 0; padding: 10px 0; height: auto !important }
#nav-submenu ul ul li { font-size: 91%; padding-left: 10px; line-height: 1.1; background: transparent url(img/sys/bullet.gif) no-repeat 0 6px }
html>body #nav-submenu ul ul { min-height: 50px; height: auto } /*IE 6 necte*/

#panel-bannery { margin: 1.5em 0 2em 0; line-height: normal }
#panel-bannery div { margin: 0 0 3px 0; height: 61px; border:1px solid #EFEFEF; }
#panel-bannery h3 { color: #979797; font-size: 125%; letter-spacing: -2px; margin: 0; text-transform: uppercase }
#panel-bannery h3 a { color: #979797; display: block; width: 208px; height: 61px; text-decoration: none }
#panel-bannery h3 a:hover { color: #000000 }
#panel-bannery h3 a strong, #panel-bannery h3 a:hover strong { color: #ff7019 }
#panel-bannery h3 span { display: block; padding: 1.1em 0 0 60px }

.b-webdesign a { background: #f5f3f3 url(img/sys/banner_webdesign.gif) no-repeat 0 0 }
.b-cms a { background: #f5f3f3 url(img/sys/banner_cms.gif) no-repeat 0 0 }
.b-reseni a { background: #f5f3f3 url(img/sys/banner_reseni.gif) no-repeat 0 0 }

.ul-bullet { margin: 1em 0 1.2em 1em; padding: 0; list-style: none }
.ul-bullet li { padding: 3px 0 3px 10px; line-height: 1.2; background: transparent url(img/sys/bullet.gif) no-repeat 0 8px }

#obrazkove-reference { width: 450px; overflow: hidden }
#obrazkove-reference div { color: #565656; font-weight: bold; font-size: 91%; line-height: normal; float: left; width: 136px; margin: 10px 20px 20px 0; text-align: center; height: 125px }
html>body #obrazkove-reference div { min-height: 125px; height: auto } /*IE 6 necte*/
#obrazkove-reference .p-last { margin-right: 0 }
#obrazkove-reference img { border: 3px solid #d8d8d8 }
#obrazkove-reference a:hover img { border: 3px solid #c7c7c7 }

.i-projekt { border: 3px solid #d8d8d8 }
.i-projekt:hover { border: 3px solid #c7c7c7 }
#navigace-sousede { width: 100%; clear: both; margin: 4em 0 1.5em 0; text-align: right }
/*.z-navigace { width: 100%; clear: both; margin: 4em 0 1.5em 0; text-align: right }*/

#napiste-nam { border: 1px solid #f0f0f0; margin: 1.5em 0 0 0; padding: 15px 25px; clear: both }
#napiste-nam h3 { color: #353535; margin: 0 0 1.2em 0 }
#napiste-nam label { color: #b7b7b7 }
#napiste-nam input, #napiste-nam textarea { border: 1px solid #d0d0d0; padding: 2px }
#napiste-nam textarea { width: 280px; height: 60px }
#napiste-nam input { width: 140px }
.button-odeslat { width: 45px !important; height: 21px !important }

#content .t-reference { margin: 0 0 1em 0 }
#content .t-reference td { vertical-align: top }
#content .t-reference ul { margin-left: 0 }

#content .t-fudaje { width: 400px; margin: 1.3em 0 }
#content .t-fudaje .td-fudaje { width: 130px }

#content table { border-color: #000000 }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #9fd5f1 }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 91% }
#topflash {position:absolute; display:block; width:531px; height:152px; top:98px; /*background-color:#999900;*/}

#sitemap { margin: 0 0 0 1em; padding: 0; list-style: none !important; font-size: 100% }
#sitemap ul { list-style: none }
#sitemap ul ul li { padding: 0 0 0 10px; background: transparent url(img/sys/bullet2.gif) no-repeat 2px 4px }
#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5, #sitemap h6 { font-weight: bold; text-transform: none; margin: 0.5em 0; font-size: 100% }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 91%; color: #697277 }
.nw_anotace { font-size: 91% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */

/* produkty a sluzby */

div.sluzby-l { width: 48%; float: left; margin-right: 25px; margin-bottom: 12px; background: url(img/sys/button_zatrzitko.jpg) no-repeat 0px 5px; text-align:left;}
div.sluzby-r { width: 48%; float: left; background: url(img/sys/button_zatrzitko.jpg) no-repeat 0px 5px; text-align:left; margin-bottom: 12px;}
div.sluzby-l h2,div.sluzby-r h2 { font-size: 100%; font-weight: bold; padding: 0 0 0 33px; }
div.sluzby-l p,div.sluzby-r p { margin: 0; padding-left: 33px; text-align: justify;}

/* /produkty a sluzby */


/* produkty a sluzby - panely*/

#panel-right p.ref a {
	text-decoration: none;
}

#panel-right img {
	margin-top: 8px;
}

/* /produkty a sluzby - panely*/

/* Odkaz reference na titulce */

a.no-decoration {
	text-decoration: none;
	color: #000;
}

/* /Odkaz reference na titulce */

/* ceny a verze CMS table */

table.cms-ceny tr td, table.cms-ceny tr th {
	border: 1px solid #d4d4d4;
}



td.bg1, tr.bg1 {
	background: #E5E5E5;
}

/* /ceny a verze CMS table */