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

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; position:relative }
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px; position:relative }
.cleaner {clear:both}
.vyrazny {color:red;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}

.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:29%; _width:26%; position:relative}
.sloupec2 {float:right; width:69%; _width:66%; position:relative}

.sloupec4 {float:left; width:24%; margin-right:10px; position:relative}
.sloupec5 {float:left; width:24%; margin-right:10px; position:relative}
.sloupec6 {float:left; width:24%;margin-right:10px; position:relative}
.sloupec7 {float:left; width:24%; position:relative}
.pod1 {padding-top:10px; clear:both;}

.pod {padding-top:10px; clear:both;}

/*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 #FFC300; font:normal normal 14px Tahoma,sans-serif; color:black; margin-bottom:1px; height:20px;}
.input_mini {width:25px;}
.button {background-color:#D9754B; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px;}
a.button {padding:2px 5px 2px 5px;}
.x {color:black; background-color:#2A7C87; 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;}


h1 {font-size:180%; }
h2 {margin:0; padding:0; font-size:150%;}
h3 {margin:0; padding:0; font-size:120%;}

#obal {background:#FFFFFF url("imgs/back.jpg") bottom repeat-x; _margin-top:-9px;}
.nadpis {color:#EE262D; font-size:120%; font-weight:bold;}
#hlavicka_top {height:6px; background:url("imgs/back_top.jpg") repeat-x;}
#telo .text {padding:40px 20px 20px 20px;}
#stred {margin:auto; width:924px;}

/*----------hlavicka titulka-------------*/
#hlavicka {margin:auto; background:url("imgs/hlavicka.jpg") no-repeat; position:relative; height:160px;}
#cervena {background:url("imgs/cervena.jpg") no-repeat; width:244px; height:33px; position:absolute; top:0px; left:0px;}
#home {position:absolute; top:53px; left:0px; z-index:1; }

#hlavicka_titulka { position:absolute; top:100px; right:20px; width:600px; }
#hlavicka_titulka h1 {color:#ED1C24; font-size:170%; margin:0px; padding:0px; font-weight:normal;}
#hlavicka_titulka h2 {margin:0px; padding:0px; margin-top:5px; font-size:155%;}

/*-----------menu----------------------------*/

#menu {position:absolute; top:0px; right:0px; background:url("imgs/menu_left.jpg") left 0px no-repeat; height:100px; padding-left:10px;}
#menu_in {background:url("imgs/menu_right.jpg") right top no-repeat; padding-right:10px;}

#menu a {float:left;  font-size:95%;  color:#000000; position:relative; display:block; text-transform:uppercase; text-decoration:none; margin-top:27px;}
#menu a .odkaz_span {display:block; position:relative; padding:28px 15px 30px 15px;}
#menu a:hover,#menu a.on {background:url("imgs/menu_left_hover.jpg") left 12px no-repeat; color:#ED1C24; }
#menu a:hover .odkaz_span,#menu a.on .odkaz_span {background:url("imgs/menu_right_hover.jpg") right 12px no-repeat; display:block;}

#menu_top {position:absolute; top:0px; right:0px; font-size:95%; height:40px; padding:3px 10px 0px 0px; }


/*
#menu {position:absolute; top:0px; right:0px; background:url("imgs/menu_left.jpg") bottom left no-repeat; height:87px; padding-left:10px;}

#menu a {float:left;  font-size:95%;   color:#ED1C24; display:block; text-transform:uppercase;  cursor:pointer; text-decoration:none; _display:inline-block; margin-top:40px; _margin-top:10px; }
#menu a .odkaz_span span {display:block; height:30px; padding:20px 15px 14px 15px; _display:inline-block; _padding-top:50px; }
#menu a.last .odkaz_span span {background:url("imgs/menu_right.jpg") right -40px no-repeat;padding-right:20px; _display:inline-block; cursor:pointer;}
#menu a:hover,#menu a.on {background:url("imgs/menu_left_hover.jpg") left -1px no-repeat;  color:#FFAE00; color:#000000;}
#menu a:hover .odkaz_span span,#menu a.on .odkaz_span span {background:url("imgs/menu_right_hover.jpg") right -1px no-repeat;}
#menu a:hover.last span,#menu a.on.last span {background:url("imgs/menu_right_hover_last.jpg") right -1px no-repeat;}
*/



#drobecky {position:absolute; top:125px; left:330px;}

/*-------------telo titulka-------------*/
#telo_titulka {min-height:600px; _margin-top:24px;}

#odkazy_titulka a {height:201px; float:left; text-decoration:none;}
#odkazy_titulka a span {display:block; text-align:center; margin-top:32px; color:#FFFFFF; text-transform:uppercase; font-size:80%;}

a#obrazek1 {background:url("imgs/tasky.jpg") no-repeat; width:173px; height:201px;}
a#obrazek2 {background:url("imgs/predmety.jpg") no-repeat; width:206px; height:201px;}	
a#obrazek3 {background:url("imgs/tricka.jpg") no-repeat; width:209px; height:201px;}
a#obrazek4 {background:url("imgs/grafika.jpg") no-repeat; width:195px; height:201px;}
a#obrazek5 {background:url("imgs/kalendare.jpg") no-repeat; width:141px; height:201px;}

a:hover#obrazek1 {background:url("imgs/tasky.jpg") 0 -201px no-repeat; }
a:hover#obrazek2 {background:url("imgs/predmety.jpg") 0 -201px no-repeat;}
a:hover#obrazek3 {background:url("imgs/tricka.jpg") 0 -201px no-repeat; }
a:hover#obrazek4 {background:url("imgs/grafika.jpg")  0 -201px no-repeat; }
a:hover#obrazek5 {background:url("imgs/kalendare.jpg")  0 -201px no-repeat;}

/*----------------titulka---------------*/
#titulka_vlevo {float:left; margin-top:15px;}
#titulka_vpravo	{float:right; width:320px; margin-top:15px;}
#titulka_vlevo .nadpis {margin-left:20px;}
#titulka_vpravo .nadpis {margin-right:20px; text-align:right;}

#banner {background:url("imgs/banner.png") no-repeat; width:591px; height:297px; margin-top:10px; padding:2px;}
#aktuality_titulka {margin-top:10px; width:310px;}

/*----------hlavicka obsahovka-------------*/
#hlavicka_obsahovka {}


/*---------------telo obsahovka-------------*/
#telo {min-height:600px; background:#EDEDED; line-height:160%; position:relative; _margin-top:25px;}

#poptejte_nas {font-size:160%; color:#ED212A; margin-top:30px; font-weight:bold;}
#kontaktujte {background:#FFDE64; width:710px; border:1px solid #FFC500; position:relative; min-height:200px; margin-top:20px;}
#nebojte {position:absolute; right:-170px; background:url("imgs/nebojte.png") no-repeat; width:289px; height:168px;}
#kontaktujte .text {padding:15px;}


/*------------submenu--------------*/
#submenu {position:absolute; top:-1px; right:-1px; background:#FFEF89; border:1px solid #FFFFFF; width:400px; height:70px; }
#submenu .submenu_odkaz a {float:left; display:block; width:80px; text-align:center; }
#submenu .submenu_odkaz a.on,#submenu .submenu_odkaz a:hover {background:#F15257; _background:#FFEF89; }

/*---------paticka--------------*/
#paticka_opakuj {background:url("imgs/back_paticka.jpg") top repeat-x;}
#paticka a {color:#000000; text-decoration:underline;}
#paticka a:hover {color:red;}
#paticka {margin:auto; font-size:90%; color:#000000; height:66px; width:924px;}
#paticka-left {float:left; padding:15px 0px 0px 15px; }
#paticka-right {float:right; padding:15px 15px 0px 0px;}

/*-----------------redakce polozka------------*/
#aktuality_titulka .polozka {padding:10px 0 15px 0; background:url("imgs/linka.png") bottom no-repeat; width:268px; margin-left:20px;}
#aktuality_titulka .polozka a {text-decoration:none;}
#aktuality_titulka .polozka a strong {font-size:120%; padding-bottom:1px; color:#000000; display:block;}
#aktuality_titulka .polozka a:hover strong {color:#3DB4D2;}

#telo .polozka {padding:10px 0 25px 0;}
#telo .polozka a {text-decoration:none;}
#telo .polozka a:hover strong {color:#3DB4D2;}

/*-----------------formular-----------------------------*/
.formular_kontakt {width:540px;}
#kontaktujte h3 {color:#EE252D}
#nebojte {color:#616161; font-size:130%;}
#nebojte h3 {color:#329FDD; margin:0px; padding:60px 0px 5px 0px; font-weight:bold; font-size:110%;}

/*------------operace----------------------*/
#operace {margin-top:35px;}

/*------------fotky----------------------*/
.fotky a img {border:2px solid white; }

/*--------------produkty--------------------*/
#produkty {background:url("imgs/submenu.jpg") no-repeat; width:888px; height:174px; margin-top:20px;}
#produkty .text {padding:2px 2px 2px 2px;}
#produkty a {display:block; width:175px; height:166px; float:left; text-decoration:none; text-transform:uppercase; font-size:120%; text-align:center; color:#585858; _background:#FFEB67;}
#produkty a.last { width:174px;}
#produkty a:hover {background:url("imgs/submenu_hover.jpg") repeat-x; color:#FFFFFF; _background:#FFEB67; color:red;}
#produkty .odkaz_nadpis {margin-top:15px; display:block;}

#obrazek_titulka {position:absolute; top:0px; right:23px; background:url("imgs/cerveny_ramecek.jpg") no-repeat; width:186px; height:158px; text-align:center; padding-top:15px;}


#logo {margin:15px 0px 5px 2px; font-size:90%; font-weight:bold;}
#logo a {padding-right:5px;}