html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif; background:#000B1E;}

form {margin:0px;}
table {border:none; margin:auto;}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {color:black;}
a:hover {color:#3DB4D2;}

.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#2A7C87;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}

header, nav, aside, article, section, footer {display:block;}

#obal {background:#EAEAEA;}

.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}

h1 {font:normal bold 140% Arial, sans-serif; margin:0px; padding:15px 0px 15px 30px; font-weight:bold;}
h2 {font:normal bold 130% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; font-weight:bold;}
h3 {font:normal bold 120% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; font-weight:bold;}

/*většinou formuláře*/
.c {width:140px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #0B559F; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; height:18px}
.input_mini {width:25px;}
.button {background-color:#0B559F; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; padding:4px; _padding:0px 4px 0px 4px;}
a.button {padding:2px 5px 2px 5px;}
.x {color:white; background-color:#1C1B19; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}


.text {padding:15px;}

.stred {margin:auto; width:960px;}

.nadpis1 {}
.nadpis2 {}
.nadpis3 {}

h1,h2,h3 {margin:0px; padding:0px;}

h1 {font-size:20px; margin:15px 0 15px 0; color:#3C8000;}
h2 {font-size:16px; margin:10px 0 10px 0; color:#000000;}	
h3 {font-size:12px; margin:5px 0 5px 0;} 

/*--------------hlavicka------------------*/
#hlavicka-pozadi {height:354px;}
#hlavicka-pozadi-obs {background:url("imgs/back-obs.png") center top no-repeat; height:135px;}
#hlavicka-pozadi-obs #home {position:absolute; top:45px;}
#hlavicka-pozadi-obs #menu {position:absolute; top:80px;}

#hlavicka {margin:auto; width:960px; position:relative;}
#home {position:absolute; top:55px;}

#kalkulacka {width:150px; height:21px; background:url("imgs/kalkulacka.png") no-repeat; padding-top:5px; position:absolute; top:0; right:180px;}
#kalkulacka a {color:#FFF; text-align:center; display:block; text-decoration:none;}

#vlajecky {background:red; position:absolute; top:0px; right:10px;}

#facebook {position:absolute; top:6px; right:0; color:#fff;}
#facebook:hover {color:red;}

/*---------------menu---------------------*/
#menu {position:absolute; top:40px; right:0;}
#menu a {text-decoration:none; color:#FFFFFF; font-size:14px; float:left; display:block;}
#menu a span {display:block; padding:15px 10px;}

#menu a:hover,#menu a.on {color:#B7DBFF;}

#hlavicka-pozadi-obs #menu {top:76px;}
#hlavicka-pozadi-obs #menu a:hover,#menu a.on {color:#B7DBFF; background:url("imgs/sipka-menu.png") center bottom no-repeat;}

.domecek {background:url("imgs/home.png") left top no-repeat; width:19px; height:15px; margin-top:15px; margin-right:8px;}
a:hover.domecek {background:url("imgs/home.png") left bottom no-repeat;}

/*----------------submenu-----------------*/
#submenu {width:261px;}
#submenu a {display:block; text-decoration:none;}
#submenu a span {display:block;}

.uroven_odkazu2.superfirst {background:url("imgs/submenu-top.png") left top no-repeat;}
.uroven_odkazu2.superfirst span {border-top:none;}
.uroven_odkazu2.superlast {background:url("imgs/submenu-bottom.png") left bottom no-repeat;}
.uroven_odkazu2 {background:url("imgs/submenu-body.png") left top repeat-y; font-size:14px; color:#AAD4FF;}
.uroven_odkazu2 span {border-top:1px solid #235A90; padding:8px 10px; width:232px; margin:0 4px;}

a:hover.uroven_odkazu2,a.on.uroven_odkazu2 {color:#FFFFFF;}
a:hover.uroven_odkazu2 span,a.on.uroven_odkazu2 span {background:url("imgs/sipka-bila.png") 240px center no-repeat;}

.uroven_odkazu3 {background:url("imgs/submenu-body-2.png") left top repeat-y; font-size:13px; color:#AAD4FF;}
.uroven_odkazu3 span {border-top:1px solid #043669; padding:6px 10px 6px 20px; width:222px; margin:0 4px;}
.uroven_odkazu3.last span {border-bottom:1px solid #043669;}

a:hover.uroven_odkazu3,a.on.uroven_odkazu3 {color:#FFFFFF;}
a:hover.uroven_odkazu3 span,a.on.uroven_odkazu3 span {background:url("imgs/sipka-bila.png") 240px center no-repeat;}

.uroven_odkazu4 {background:url("imgs/submenu-body-2.png") right top repeat-y; font-size:13px; color:#AAD4FF;}
.uroven_odkazu4 span {border-top:1px solid #043669; padding:6px 10px 6px 30px; width:212px; margin:0 4px;}

a:hover.uroven_odkazu4,a.on.uroven_odkazu4 {color:#FFFFFF;}
a:hover.uroven_odkazu4 span,a.on.uroven_odkazu4 span {background:url("imgs/sipka-bila.png") 240px center no-repeat;}

.rozbalene {color:#FFF !important;}

/*----------------telo tit----------------*/
.pozadi {position:absolute; top:0px; width:100%; height:354px; background-color:#262626; background-position:top center; background-repeat:no-repeat;}

#snimky {position:absolute; top:320px; left:130px;}
#snimky div.puntik {background:url("imgs/puntik.png") left bottom no-repeat; width:13px; height:14px; float:left; margin-right:10px; cursor:pointer;}
#snimky div.puntik:hover,#snimky .puntik.on {background:url("imgs/puntik.png") left top no-repeat;} 
#slidehide-position {}
#slidehide-container {position:absolute; width:100%; }

.pozadi-text {width:540px; height:215px; display:block; color:#FFFFFF; } 
.placicka-titulka {position:absolute; left:0px; top:145px; color:white; font-size:15px;}

.pozadi-text .text {padding:0;}
.pozadi-text h2 {color:#FFFFFF; font-size:30px; font-weight:normal; margin:10px 0 10px 0;}
.pozadi-text h1 {color:#FFFFFF; font-size:12px; font-weight:normal; font-size:13px; margin:0; padding:0}
.pozadi-text {color:#FFFFFF; font-size:12px; font-weight:normal; font-size:13px; line-height:140%;}


#modra {background:url("imgs/modra.png") left top repeat-x; height:290px;}
#seda {background:#EAEAEA;}
#paticka {background:#000B1E;}

#seda-stred {margin:auto; width:960px; padding:20px 0;}
#rozcestnik-tit {margin:auto; width:960px;}
#redakce-tit {width:285px; float:left;}

#projekty {float:right; width:605px;}

.nav {float:left; width:240px; text-align:center; margin-top:20px;}
.nav h2 {margin-bottom:45px; font-size:20px; font-weight:normal;}
.nav a {display:block; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px 1px #000;}
.nav a span {position:relative; top:-35px; color:#2C2C2C; text-shadow:1px 1px 1px #4484C3; font-size:14px; font-style:italic;}

a#nav1 {background:url("imgs/osvetleni-venkovni.png") center top no-repeat; height:163px; width:230px; margin:auto;}
a:hover#nav1 {background:url("imgs/osvetleni-venkovni.png") center bottom no-repeat;}

a#nav2 {background:url("imgs/prumyslove-objekty.png") center top no-repeat; height:163px; width:230px; margin:auto;}
a:hover#nav2 {background:url("imgs/prumyslove-objekty.png") center bottom no-repeat;}

a#nav3 {background:url("imgs/sheet.png") center top no-repeat; height:163px; width:230px; margin:auto;} 
a:hover#nav3 {background:url("imgs/sheet.png") center bottom no-repeat;}
     
a#nav4 {background:url("imgs/linear.png") center top no-repeat; height:163px; width:230px; margin:auto;} 
a:hover#nav4 {background:url("imgs/linear.png") center bottom no-repeat;}


#seda-stred .nadpis3,#aktuality .nadpis3,#projekty .nadpis3,#newsletter .nadpis3 {color:#027DFA; font-size:24px; text-shadow:1px 1px 1px #B4D3F2; background:url("imgs/linka-horizontalni.png") left bottom repeat-x; padding-bottom:15px; margin-bottom:15px;}
#seda-stred .nadpis3 span,#projekty .nadpis3 span {color:#5E5E5E; font-size:20px;  text-shadow:1px 1px 1px #C9C9C9;}
#submenu-nadpis {color:#027DFA; font-size:18px; text-shadow:1px 1px 1px #B4D3F2; margin:18px 14px 10px 14px;}

/*---------------telo---------------------*/
#telo {margin:auto; width:960px; padding-bottom:50px;}
#vlevo {width:266px; float:left;}
#vpravo {width:650px; float:right;}

#vpravo #projekty {float:left; width:649px;}
#vpravo .projekty {margin-right:30px; margin-left:0; width:185px; height:230px;}
#vpravo .projekty-obrazek {background:#B4B0AD; }

#drobecky {text-align:right; color:#777777; font-size:11px; margin:10px 0;}
#drobecky a {color:#777777;}
#drobecky a:hover {color:#1286FE;}
#drobecky .tbold {color:#1286FE;}

#obsah h1 {color:#0F79E4; font-size:28px; margin-top:18px;}
#obsah h2 {color:#101010; font-size:16px;}
#obsah h3 {color:#0F79E4; font-size:14px;}

#obsah {font-size:13px; line-height:150%; color:#404041;}

#operace {margin:40px 0; height:80px; font-size:11px;}

#aktuality {margin-top:23px; width:260px;}
#aktuality .aktual {padding-left:14px;}
#aktuality .nadpis3,#newsletter .nadpis3 {padding-left:14px;}

#newsletter {margin-top:20px;}
#newsletter small {margin-left:15px; margin-top:10px; display:block;}
#newsletter .input {width:150px; margin-left:15px; height:20px; margin-top:2px; padding-left:4px;}
#newsletter .button {margin-left:5px}
#newsletter a.button {margin-left:15px; text-decoration:none; padding:5px;}
#newsletter a:hover.button {background:#000; color:#FFF;}

/*--------------paticka-------------------*/
#kontaktni-lista {border-bottom:1px solid #353535; font-size:12px; padding:15px 0 15px 0; color:#8D8D8D;}
#kontatni-lista a:hover {color:#AE2A31;}
   
#paticka-stred a {color:#0D66A6; text-decoration:underline;}
#paticka-stred a:hover {color:#FFF;}
#paticka-stred {margin:auto;  width:960px; font-size:10px; color:#0D66A6;}
#paticka-left {float:left;padding:10px 0px 40px 0px;}
#paticka-right {float:right;padding:10px 0px 40px 0px;}

/*-----------------aktualne-----------------*/
.aktual {line-height:155%; margin-bottom:10px; padding-right:15px; display:block;}
.aktual a {text-decoration:none;}
.aktual-nadpis {color:#000000; font-size:13px; font-weight:bold; display:block; text-shadow:1px 1px 1px #FFF;}
.aktual-podnadpis {color:#000000; display:block;}
.aktual-vice {color:#027FFF; float:right; text-decoration:none;}
.aktual-vice span {text-decoration:underline;}
a:hover .aktual-nadpis,a:hover .aktual-podnadpis {color:#027FFF;}

/*-------------------projekty----------------*/
.projekty {float:left; width:185px; margin-left:25px; display:block; line-height:155%;}
.projekty a {text-decoration:none;}
.projekty.first {margin-left:0;}     
.projekty-obrazek {width:183px; height:81px; display:block; overflow:hidden; margin-bottom:5px;}
.projekty-nadpis {display:block; font-size:16px; color:#010101; text-shadow:1px 1px 1px #FFF; font-weight:bold; margin:10px 0;}
.projekty-podnadpis {color:#7D7D7D; font-size:14px; text-shadow:1px 1px 1px #FFF;}
a:hover .projekty-podnadpis {color:#027FFF;}

#rozcestnik {margin-top:20px;}
#rozcestnik a {float:left; display:block; text-decoration:none; padding:7px 10px; width:178px; margin:5px 10px 5px 0; color:#AAD4FF; background:#2D74BB;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; behavior: url("/PIE.htc"); cursor: pointer; position:relative;}
#rozcestnik a img {margin:8px 0 5px 0;}
#rozcestnik a:hover {background:#0B549E; color:#FFF;}

#paticka-stred .vyrazny {color:#8D8D8D;}

/*----------galerie--------------*/
.galerie-slider {position:relative; width:650px;}
.galerie-slider .slide {padding-left:24px;}
.galerie_puntiky {display:none;}
.subslide {background:#2E75BC; display:block; float:left; margin-right:5px;}
.subslide img {padding:3px;}

.galerie_sipka_zpet1 {background:url("imgs/sipka-vlevo.png") left top no-repeat; width:15px; height:29px; display:block; position:absolute; top:40px; left:0;}
.galerie_sipka_vpred1 {background:url("imgs/sipka-vpravo.png") left top no-repeat; width:15px; height:29px; display:block; position:absolute; top:40px; right:0;}
.galerie_sipka_zpet1:hover {background:url("imgs/sipka-vlevo.png") left bottom no-repeat;}
.galerie_sipka_vpred1:hover {background:url("imgs/sipka-vpravo.png") left bottom no-repeat;}

/*------------------galerie-------------*/
#vpravo .galerie  table {margin:10px 0 10px 4px;}
#vpravo .galerie  table {border-spacing:5px;}
#vpravo .galerie  td div {height:150px; width:150px; overflow:hidden; display:block;}

.social .fl {margin-right:10px; margin-bottom:20px;}