body, p, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, table, td, th { margin: 0; padding: 0; }
body { font-size: 0.75em; color: #363635; font-family: Arial, Tahoma, sans-serif; background: #ebebea; width: 100%; height: 100%; text-align: center; }
fieldset { border: none; }
textarea { font-family: Arial, Tahoma, sans-serif; font-size: 12px; }
.ir { display: block; position: absolute; top: 0; left: 0; }
.clear { clear: both; }
span.clear { clear: both; height: 1px; display: block; }
img { border: none; }
.imgr { float: right; margin: 10px 0 5px 13px; }
.imgl { float: left; margin: 10px 13px 5px 0; }
.taj { text-align: justify !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.fl { float: left !important; }
.fr { float: right !important; }
.nocss { display: none; }
a { color: #f58220; text-decoration: underline; }
a:hover { text-decoration: none; }
table { border-collapse: collapse; }

#global { width: 980px; margin: 0 auto; text-align: left; position: relative; }
#vizual { padding-top: 30px; width: 980px; height: 159px; overflow: hidden; }
#cont-left { width: 290px; float: left; padding: 20px 20px 300px 20px; background: url(../images/layout/vodoznak.png) 65px 300px no-repeat; }
#cont-right { width: 640px; float: left; padding: 10px 10px 20px 0; }

#logo { width: 935px; height: 37px; padding: 3px 0 0 45px; position: relative; }
#logo a { color: #363635; text-decoration: none; font-size: 0.9em; font-weight: normal; }
#logo strong { font-weight: bold; }
#logo small { color: #f58220; font-size: 0.5em; }
#logo span.moto { font-size: 0.7em; }
#logo span.ir { background: url(../images/layout/logo.png) top left no-repeat; width: 980px; height: 40px; }

/* ------------------- Menu ------------------- */

#menu { position: absolute; top: 40px; left: 0; width: 980px; height: 30px; background: url(../images/layout/menu.png) top left repeat-x; }
#menu li { list-style: none; float: left; padding: 7px 0; font-size: 1.2em; }
#menu li.act { background: url(../images/layout/menu-a.png) top left repeat-x; }
#menu li a, #menu li span { padding: 0 20px; border-left: 1px solid #c6c6c6; }
#menu li a { color: #000; }
#menu li span { color: #fff; }
#menu li .first { border-left: none; }

#submenu li { list-style: none; padding: 5px 10px 5px 15px; text-transform: uppercase; font-size: 2em; color: #fff; border-bottom: 1px dotted #9b9b9b; }
#submenu li a { text-decoration: none; color: #9b9b9b; background: url(../images/layout/bul.png) left no-repeat; padding-left: 20px; }
#submenu li a:hover { color: #f58220; background: url(../images/layout/bul-a.png) left no-repeat; }
#submenu li.act { background: #f58220 url(../images/layout/submenu-a.png) top left repeat-x; }
#submenu li.act a { color: #fff; }
#submenu li.act a:hover { color: #fff; background: none; }

/* --------------- Menu konec ----------------- */

/* ----------- Drobečková navigace ------------ */

#crumb { margin-top: 30px; padding: 15px 0 9px 20px; background: url(../images/layout/bg-grey.png) top left no-repeat; color: #c6c6c6; }
#crumb a { color: #797979; font-weight: bold; }
#crumb strong { color: #363635; font-weight: normal; }

/* -------- Drobečková navigace konec --------- */

/* ------------- Textové boxy v bílé -----------*/ 

#box-white { background: #fff url(../images/layout/bg-white.png) top left no-repeat; width: 980px; min-height: 240px; _height: 240px; }
#box-white div { float: left; }
#box-white.hp div { float: left; width: 225px; padding: 10px 10px 141px 10px; }
#box-white #reseni { background: url(../images/layout/img-reseni.png) bottom left no-repeat; padding-left: 20px; padding-right: 0; }
#box-white #prodej { background: url(../images/layout/img-prodej.png) bottom left no-repeat; }
#box-white #skoleni { background: url(../images/layout/img-skoleni.png) bottom left no-repeat; }
#box-white #servis { background: url(../images/layout/img-servis.png) bottom left no-repeat; padding-left: 0; padding-right: 20px; }
#box-white #bezdratove { background: url(../images/layout/img-bezdratove.png) 0 50px no-repeat; width: 296px; padding: 10px 10px 20px 20px; }
#box-white #opticke { background: url(../images/layout/img-opticke.png) 0 50px no-repeat; width: 306px; padding: 10px 10px 20px 10px; }
#box-white #konzultace { background: url(../images/layout/img-konzultace.png) 0 50px no-repeat; width: 296px; padding: 10px 20px 20px 10px; }
#box-white #bezdratove p, #box-white #opticke p, #box-white #konzultace p { padding-top: 145px; }
#box-white #wifi { background: url(../images/layout/img-wifi.png) 0 50px no-repeat; width: 297px; padding: 10px 10px 0 20px; position: relative; }
#box-white #fiber { background: url(../images/layout/img-fiber.png) 0 50px no-repeat; width: 302px; padding: 10px 10px 0 14px; position: relative; }
#box-white #distribuce { background: url(../images/layout/img-distribuce.png) 0 50px no-repeat; width: 297px; padding: 10px 20px 0 10px; }
#box-white #wifi p, #box-white #fiber p, #box-white #distribuce p { margin-bottom: 15px; }
#box-white #wifi p.first, #box-white #fiber p.first, #box-white #distribuce p.first { padding-top: 175px; }
#box-white #wifi #wifi_a,
#box-white #fiber #fiber_a{ display: block; width: 300px; height: 152px; position: absolute; left: 20px; top: 50px; background: url(../images/layout/wifi-shop.png) 0 152px no-repeat; }
#box-white #fiber #fiber_a{ left: 14px; top: 49px; background: url(../images/layout/fiber-shop.png) 0 152px no-repeat; }

#box-white #wifi #wifi_a:hover,
#box-white #fiber #fiber_a:hover{ width: 300px; height: 556px; background-position:0 1px; }

#box-white #servis-b { background: url(../images/layout/img-servis-big.png) 0 50px no-repeat; width: 960px; padding: 10px 0px 20px 20px; }
#box-white #servis-b p { width: 305px; float: left; padding: 150px 15px 0 0; }
#box-white #kontakt { width: 296px; padding: 10px 10px 20px 20px; }
#box-white #kontakt th { width: 80px; }
#box-white #kontakt th, #box-white #kontakt td { padding: 10px 0; font-size: 1.2em; vertical-align: top; }
#box-white #kontakt tr.dot th, #box-white #kontakt tr.dot td { border-bottom: 1px dotted #9b9b9b; }
#box-white #kontakt tr.btm th, #box-white #kontakt tr.btm td { padding-bottom: 0; } 
#box-white #kontakt table td strong { font-size: 1.1em; }
#box-white #kontakt table td strong.orange { color: #f58220; font-size: 1.3em; }
#box-white #mapa { width: 280px; height: 270px; padding: 17px; margin-top: 15px; background: url(../images/layout/bg-map.png) top left no-repeat; }
#box-white #mapa #gmap { width: 280px; height: 270px; }
#box-white #formular { width: 310px; padding: 10px 20px 20px 10px; }
#box-white #formular #popt-form { display: block; width: 337px; height: 73px; position: relative; left: 8px; margin-top: 7px; text-decoration: none; }
#box-white #formular #popt-form span.ir { background: url(../images/layout/popt-form.png) top left no-repeat; width: 337px; height: 73px; }
#box-white #form1 { width: 296px; padding: 10px 10px 20px 20px; }
#box-white #form2 { width: 306px; padding: 10px 10px 20px 10px; }
#box-white #form3, #box-white #form4, #box-white #form5 { width: 296px; padding: 10px 20px 20px 10px; }
#box-white h2 { color: #363635; text-transform: uppercase; font-size: 2em; margin-bottom: 7px; letter-spacing: -1px; }
#box-white h2 a { color: #363635; text-decoration: none; }
#box-white h2.big { font-size: 3.2em; padding: 10px 0 0 20px; }
#box-white a.more { text-decoration: none; font-weight: bold; }
#box-white p { line-height: 18px; }

#box-white #akce {margin-left: 20px; }
#box-white h4 { color: #363635; text-transform: uppercase; font-size: 1.5em; margin-bottom: 7px; letter-spacing: -1px; }

/* -------- Textové boxy v bílé konec --------- */

/* -------- Textové boxy v černé hp ------------*/

#box-black { background: #3b3b3b url(../images/layout/bg-black.png) bottom left no-repeat; color: #b1b1b1; border-top: 1px solid #000; padding-top: 3px; width: 980px; position: relative; }
#box-black div { float: left; }
#box-black .ref-black { float: none; width: 280px; height: 160px; background: url(../images/layout/bg-ref-black.png) top left no-repeat; padding: 16px; }
#box-black .text { float: none; padding: 0 6px; }
#box-black #vanco { width: 325px; }
#box-black #vanco h3, #box-black #vanco p { padding-left: 20px; }
#box-black #novinky { width: 310px; padding: 0 10px; }
#box-black #novinky .more { text-decoration: none; font-weight: bold; }
#box-black #novinky .more strong { text-decoration: underline; color: #fff; }
#box-black #banner {width: 281px; height: 115px; padding: 15px 17px; margin-top: 5px; }   /*//background: url(../images/layout/bg-banner.png) top left no-repeat; */
#box-black #ref-bezdratove, #box-black #ref-servis1 { width: 312px; padding: 10px 0px 20px 15px; }
#box-black #ref-opticke, #box-black #ref-servis2 { width: 312px; padding: 10px 0px 20px 10px; }
#box-black #kontakt { width: 320px; padding: 10px 00px 20px 10px; }
#box-black #ref-bezdratove h3, #box-black #ref-opticke h3, #box-black #ref-servis1 h3, #box-black #ref-servis2 h3 { padding-left: 5px; }
#box-black #ref-servis2 { padding-top: 43px; }
#box-black h3 { color: #fff; text-transform: uppercase; font-size: 2em; margin-bottom: 3px; letter-spacing: -1px; }
#box-black h3 a { color: #fff; text-decoration: none; }
#box-black #lide h3 { font-size: 2.2em; font-weight: normal; text-transform: none; padding-left: 5px; }
#box-black #lide h3 strong { font-weight: bold; color: #f58220; }
#box-black #wifi-box h3, #box-black #fiber-box h3 { font-size: 2.4em; padding: 15px 100px 15px 20px; text-transform: none; }
#box-black #lide h3.skol { float: left; font-size: 2.8em; margin-top: 10px; }
#box-black #lide h3.form { float: left; font-size: 2.6em; margin-top: 20px; line-height: 22px; }
#box-black #reseni { width: 225px; padding: 10px 0 10px 20px; }
#box-black #prodej { width: 225px; padding: 10px 10px 10px 10px; }
#box-black #skoleni { width: 225px; padding: 10px 10px 10px 10px; }
#box-black #servis { width: 225px; padding: 10px 20px 10px 0; }
#box-black h4 { font-size: 1.2em; color: #fff; margin: 10px 0; }
#box-black p { line-height: 16px; margin-bottom: 5px; }
#box-black p.white { color: #fff; }
#box-black #popt-form { display: block; width: 337px; height: 73px; margin-left: -15px; margin-bottom: 10px; position: relative; text-decoration: none; }
#box-black #popt-form span.ir { background: url(../images/layout/hp-popt-form.png) top left no-repeat; width: 337px; height: 73px; }
#box-black #lide { width: 950px; padding: 10px 15px; }
#box-black .lide-box { float: left; width: 280px; height: 73px; padding: 20px 10px 10px 20px; margin: 1px 10px 5px 0; background: url(../images/layout/bg-lide-black.png) top left no-repeat; color: #000; font-size: 1.2em; } 
#box-black .lide-box.last { margin-right: 0; }
#box-black .lide-box strong { font-size: 1.8em; font-weight: normal; color: #fff; }
#box-black .lide-box span { display: block; margin: 7px 0 3px 0; }
#box-black .lide-box a { font-size: 0.9em; color: #fff; }
#box-black #lide .kontakt-box { padding-bottom: 20px; }
#box-black #lide .kontakt-box h3 { text-transform: uppercase; font-weight: bold; }
#box-black #lide2 { position: relative; top: 510px; right: 6px;  }

/* -------- Textové boxy v černé konec -------- */

/* -------------- Box školení ----------------- */

#box-skoleni { background: #fff url(../images/layout/img-skoleni-big.png) top left no-repeat; padding: 195px 0 20px 0; }
#box-skoleni h2 { color: #363635; text-transform: uppercase; font-size: 2em; margin-bottom: 27px; letter-spacing: -1px; }
#box-skoleni .skoleni { background: url(../images/layout/prouzek.png) 0 35px repeat-x; width: 940px; padding: 0 20px 30px 20px; }
#box-skoleni .skoleni p { font-size: 1.2em; line-height: 20px; float: left; width: 290px; padding-right: 15px; }

/* ----------- Box školení konec -------------- */

#box-akce { background: #fff url(../images/layout/img-skoleni-big.png) top left no-repeat; padding: 195px 0 20px 0; }
#box-akce h2 { color: #363635; text-transform: uppercase; font-size: 2em; margin-bottom: 0px; letter-spacing: -1px; }
#box-akce .akce { background: url(../images/layout/prouzek.png) 0 35px repeat-x; width: 940px; padding: 0 20px 30px 20px; }
#box-akce .akce p { font-size: 1.2em; line-height: 20px; float: left; width: 290px; padding-right: 15px; }

/* ------------- Textový obsah vpravo --------- */

#cont-right h2 { font-size: 3em; margin-top: 2px; }
#cont-right #foto-box { width: 600px; height: 200px; padding: 20px; background: url(../images/layout/bg-o-nas.png) top left no-repeat; }
#cont-right p.f2 { width: 300px; float: left; margin: 10px 15px 20px 0; line-height: 20px; font-size: 1.2em; }
#cont-right .ref-box { width: 640px; }
#cont-right .ref-box h3 { color: #f58220; text-transform: uppercase; font-size: 2.4em; }
#cont-right .ref-box h4 { font-size: 1.2em; margin-bottom: 5px; }
#cont-right .ref-box .ref { background: url(../images/layout/bg-ref.png) top left no-repeat; width: 280px; height: 160px; padding: 20px; }
#cont-right .ref-box .ref-text { float: left; width: 310px; padding: 10px 0 0 10px; }
#cont-right .news-left { float: left; width: 50px; padding: 10px 20px 10px 0; font-size: 1.2em; color: #f58220; font-weight: bold; }
#cont-right .news-right { float: left; width: 570px; font-size: 1.2em; line-height: 20px; padding: 10px 0; }

#cont-right ul.o-nas-seznam p {padding:0px 20px 0px 66px; clear: both; }
#cont-right ul.o-nas-seznam li { list-style: none; padding: 16px 9px;  } 
#cont-right ul.o-nas-seznam li h3 { display: block; float: left; padding-left: 66px; }
#cont-right ul.o-nas-seznam li span { display: block; float: left; padding-left: 12px; font-style: italic; }
#cont-right ul#kariera li {background: url(../images/layout/kariera.gif) 23px 7px no-repeat; }
#cont-right ul#kariera li.even {background: #f2f1f1 url(../images/layout/kariera.gif) 23px -441px no-repeat; }
#cont-right ul#dokumenty li {background: url(../images/layout/dokumenty.gif) 23px 7px no-repeat; }
#cont-right ul#dokumenty li.even {background: #f2f1f1 url(../images/layout/dokumenty.gif) 23px -441px no-repeat; }

/* ------- Textový obsah vpravo konec ----------*/

/* --------------- Formulář ------------------- */

#frm1 { width: 310px; position: absolute; top: 420px; right: 6px; }
#frm1.servis { top: 428px; }
#frm1 h3 { margin-bottom: 10px; }
#frm1 input { width: 280px; height: 17px; padding: 4px 10px; background: url(../images/layout/inp.png) top left no-repeat; border: none; margin-bottom: 15px; color: #6a6a6a; }
#frm1 textarea { width: 280px; height: 111px; padding: 7px 10px; background: url(../images/layout/textarea.png) top left no-repeat; border: none; color: #6a6a6a; font-family: Arial; }
#frm1 input.button { width: auto; height: auto; padding: 0; background: none; margin-top: 10px; }
#frm1 .row { position: relative; } 
#frm1 .row label { position: absolute; left: 10px; top: 6px; color: #6a6a6a; }


#frm2 input, #frm2 label { float: left; margin: 0; }
#frm2 input { margin-right: 5px; }
#frm2 input.inp1 { width: 280px; height: 17px; padding: 4px 10px; background: url(../images/layout/inp2.png) top left no-repeat; border: none; margin-bottom: 15px; color: #6a6a6a; }
#frm2 textarea { width: 280px; height: 91px; padding: 7px 10px; background: url(../images/layout/textarea2.png) top left no-repeat; border: none; color: #6a6a6a; font-family: Arial; }
#frm2 input.button { width: auto; height: auto; float: right; margin: 10px; }
#frm2 .row { position: relative; }
#frm2 .row label { position: absolute; left: 10px; top: 6px; color: #6a6a6a; }

#form2 div, #form3 div, #form4 div, #form5 div { float: none; padding-bottom: 10px; }
#form3 label, #form5 label { width: 120px; }
#form5 .fm5 label { width: 70px; }
#form5 h4 { margin-bottom: 10px; }
#form4, #form5 { display: none; }

#frm3 { width: 310px; position: absolute; top: 10px; right: 6px; }
#frm3.servis { top: 428px; }
#frm3 h3 { margin-bottom: 10px; }
#frm3 input {  height: 17px; padding: 4px 10px; background: url(../images/layout/inp.png) top left no-repeat; border: none; margin-bottom: 15px; color: #6a6a6a; }
#frm3 textarea { width: 280px; height: 111px; padding: 7px 10px; background: url(../images/layout/textarea.png) top left no-repeat; border: none; color: #6a6a6a; font-family: Arial; }
#frm3 input.button { width: auto; height: auto; padding: 0; background: none; margin-top: 10px; margin-right: 20px; float: right;}
#frm3 .row { position: relative; } 
#frm3 .row input {width: 280px;}
#frm3 .row label { position: absolute; left: 10px; top: 6px; color: #6a6a6a; }

#frm3 .row2 { position: relative; margin-right: 4px; } 
#frm3 .row2 input {width: 128px;  display: block;}
#frm3 .row2 label { position: absolute; left: 10px; top: 6px; color: #6a6a6a; }



/* ------------ Formulář konec ---------------- */

/* ---------------- Patička ------------------- */

#footer { padding: 5px 20px 30px 20px; }

#nav { float: left; }
#nav li { list-style: none; float: left; }
#nav li a { padding: 0 7px; }

#navi { float: right; }
#navi li { list-style: none; float: left; }
#navi li a { padding: 0 7px; color: #3b3b3b; }

#realizace { float: right; margin-top: 10px; text-align: right; color: #a3a3a2; padding-right: 7px; }
#realizace a { color: #a3a3a2; display: block; text-decoration: none; }
#realizace a span { text-decoration: underline; }
#realizace a:hover span { text-decoration: none; }

/* -------------- Patička konec --------------- */

#sitemap { padding: 10px 20px;  font-size: 1.2em; }
#sitemap h2 { font-size: 2.6em; }
#sitemap ul { padding: 5px 0 10px 20px; }
#sitemap li { padding: 3px 0; }