/* OBECNÉ VYCHYTÁVKY */
body, html {color: #515151; text-align: left; font-size: 90%; border: 0px none; margin: 0; padding: 0px;	font-family: Arial, Helvetica, sans-serif;}
body {background: #444444;}

.right {float: right;}
.left {float: left;}

.justify {text-align: justify;}
.center {text-align: center;}
.left-text {text-align: left;}
.right-text {text-align: right;}

.relative {position: relative;}
.absolute {position: absolute;}

.neviditelny {display:none; margin: 0; padding: 0;}

img, table, tr, th, td, h1, h2, h3, h4, h5
{border: 0px none; margin: 0px; padding: 0px;list-style-type:none;}

h2, span.strongh2 {font-size: 120%; color: #5B4531; font-weight: bold; /*text-align: left; */}
h1, .sirka-textu-produkt h2 {color: #000000; font-size: 140%; /*font-weight: bold;*/ width: 100%; border-bottom: 1px solid #000000; margin: 0 0 15px 0; padding: 10px 0 15px 0; /* text-align: left; */}
h1.mainh1 {border: 0px; margin: 0 0 0 -7px; padding: 0;}
h1 span.gray {color: #6F6F6F; font-weight: normal;}
h3 {color: #000000; font-size: 110%; font-weight: bold; width: 100%;}
span.strongh2 {color: #000000; display: block; margin: 0 0 0 0;}

.resetovac {border: 0px none;	margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px;	font-size: 0px;}

a {text-decoration: underline;color: #000000;}
a:hover {text-decoration: none;color: #333333;}

/* KONEC OBECNÉ VYCHYTÁVKY */


/* nastavení pozice celé stránky */

#obal {background:  #ffffff url(../img/health.gif) 400px 400px no-repeat; width: 770px; margin: 0px auto 0px auto; /* padding: 5px;  border: 5px solid #ffffff;*/}
#strankaobal1 {background: url(../img/bg-pruh.gif) 205px 0px repeat-y;}

/* logo */
.logo-obal {position: absolute;}
.logo {position: relative; top: 25px; left: 19px}
.logo img {margin: 0;}

#strankahlavicka, #strankahlavicka-en, #strankahlavicka-de {width: 100%; float: left; height: 182px; background: #fcfcfc url("../img/bg-header.jpg") top left no-repeat;}

/* vlajky */
.vlajky-obal {position: absolute; }
.vlajky {position: relative; top: -40px; left: 855px; float: left;}
.vlajky .jazyk {width: 40px; height: 34px; margin: 0 2px; float: left; text-align: center; padding: 10px 0 0 0; background: url("../obr/pozadi-jazyk.gif") top left no-repeat;}
.vlajky .jazyk a {padding: 5px;}

/* MENU ************************************************** */
/* HORNÍ MENU ************************************************** */
ul#mainMenu {text-transform: uppercase;}
ul#mainMenu li {display: block; float: left;}
div#menu ul, div#menu li, .leve-menu ul, .leve-menu li {z-index: 99; border: 0px none; margin: 0px; padding: 0px;list-style-type:none;}
ul#mainMenu li {z-index: 99;display: block; float: left;white-space: nowrap;}
div#obalmenu {z-index: 99;font-size: 85%; font-weight: bold;}
div#menu {z-index: 99;width: 770px; float: left; background: #F41516 url("../img/bg-menu-top.jpg") top left repeat-x; border-bottom: 2px solid #ffffff; border-top: 2px solid #ffffff; }

div#menu {font-weight: bold;}
ul#mainMenu li.vyska {height: 44px;}
ul#mainMenu li a {display: block; _width: 20px;white-space: nowrap;}
div#menu {font-weight: bold;z-index: 98;}
ul#mainMenu li a {color: #ffffff; text-decoration: none; padding: 15px 26px 15px 27px; /* display: block; float: left; */ background: url("../img/bg-menu-border.gif") left center no-repeat;}
ul#mainMenu li a.prvni {background: none;}
ul#mainMenu li a.posledni {padding: 15px 29px 15px 29px;}
ul#mainMenu li a:hover {color: #ffffff; background: #B80004; }
ul#mainMenu li a:active {color: #ffffff; background: #6D0201; }

/* druha uroven */
ul#mainMenu ul {display: none; z-index: 99; position: absolute; top: 44px; width: 150px;}
/* KONEC HORNÍ MENU ************************************************** */

/* KONEC HORNÍ MENU ************************************************** */






/* leve menu ************************************************** */

#levypanelobal {position: relative; top: -51px; left: 0px;}
#levypanelobal {float: left; width: 191px; margin: 0; padding: 0 0 20px 12px; background: url(../img/bg-menu-left.jpg) top right no-repeat;}

.leve-menu {margin: 0 0 0 0; padding: 0; float: left;}
/* leve menu ************************************************** */
div#leve-menu {width: 191px;}
div#leve-menu { margin: 0; padding: 0;}

#mainLeveMenu {position: relative;}
#mainLeveMenu li a {width: 126px; font-weight: bold; color: #D60808; background: transparent url(../img/menu-odrazka.gif) 1px center no-repeat; border-bottom: 1px solid #BABABA; text-decoration: none; padding: 18px 10px 17px 20px; display: block;}
#mainLeveMenu li a:hover {color: #000000; background: transparent url(../img/menu-odrazka.gif) 2px center no-repeat;}

#mainLeveMenu li {_float: left; width: 156px; padding: 0px 0 0 20px;}

/* konec leve menu ************************************************** */
/* MENU ************************************************** */



.contact-info {float: left; margin: 40px 0 0 0; padding: 0 20px 5px 20px; width: 151px; background: url(../img/bg-obalka.gif) 100% 45% no-repeat;}
.contact-info h2 {color: #000105;}
a.red {color: #D2110C; font-weight: normal; padding: 0;}
.contact-vyska {height: 150px; float: left; width: 151px;}


/* barva pozadi - textu */


#obal-foto {margin: 5px; padding: 0;}
#obal-foto img {padding: 15px; background: #ffffff;}
#obal-foto a {color: #ADA5A5;text-decoration: underline;}
#obal-foto a {color: #ADA5A5;text-decoration: none;}

.fotdo p {margin: 0 0 10px 0;}

/* střední část */
#hlavnipanelobal {text-align: left; padding: 0;}
#hlavnipanelobal-prav {padding: 0;}
#hlavnipanelvnitrek {}

/* odsazeni textu a obrazku */
.obal-sirka-textu {padding: 0; margin: 0 0 0 171px; /* 186px --- min-height: 360px; _height: 360px;*/}
.sirka-textu, .sirka-textu-bezobr, .sirka-textu-produkt {width: 505px; _width: 480px; padding: 20px 0px; margin: 0 0 0 28px;  float: left; min-height: 360px; _height: 360px;}



.sponzori td {margin: 0 0 15px 0; vertical-align: top;}
.prvni-sloupec img {margin: 0 30px 20px 0}
img.fotoborder {margin: 2px 20px 0 0; padding: 5px; border: 1px solid #AF590E;}
a:hover img.fotoborder {border: 1px solid #000000;}

/* prava cast */
#pravypanelobal {float: right; width: 158px; margin: 5px 0 20px 10px; padding: 0;}
.prave-fotky a {margin: 0 0 0 6px;}

/* aktualita */
.aktuality {background: #ffffff; color: #000000;}
.aktuality-nadpis {background: #EA7A18 url(../obr/pozadi-aktualita-roh.gif) right bottom no-repeat; color: #000000; padding: 8px; margin: 0 0 1px 0;}
.h2-aktuality {background: #EA7A18; color: #000000; padding: 0;}

.aktuality-clanek {background: #F0A25D; padding: 8px;}
.aktuality-vice {background: #F0A25D url(../obr/pozadi-aktualita-roh.gif) right bottom no-repeat; padding: 8px;}
.aktuality-clanek-tmavy {background: #EA7A18 url(../obr/pozadi-aktualita-roh.gif) right bottom no-repeat; padding: 8px;margin: 15px 0 0 0;}
.datum {color: #000000; font-size: 85%; display: inline; white-space: nowrap; font-style: italic;}

.aktuality a {color: #000000;}
.aktuality a:hover {color: #333333;}
/*
.aktuality a.detail {color: #C46616;}
.aktuality a.detail:hover {color: #A05311;}
*/

/* detail aktualita */
.aktuality-clanky {margin: 0 0 20px 0; }

.zpet {text-align: right; width: 100%;}

/* konec aktualita */



div.foto {margin: 0 0 10px 10px; font-size: 85%; text-align: left;}
/* konec prava cast */

/* tunning fotografie */
.foto-border, .foto-border1 {margin: 0 0 0 0; border: 1px solid #AF590E;}
img.foto-border {width: 150px;}
.foto-border:hover, .foto-border1:hover {margin: 0 0 0 0; border: 1px solid #EA7A18;}
.lupa {background: url(../obr/lupa.gif) top left no-repeat; height: 16px; width: 16px; position: absolute; top: -25px; left: 177px; _top: -22px; border: 0px none;}
.lupa-minus {background: url(../obr/lupa-minus.gif) top left no-repeat; height: 16px; width: 16px; position: relative; top: -55px; left: 170px;  border: 0px none;}


/* kontakt */
form, form table {margin: 0 0 0 0; padding: 0 0 0 0;}
table.formular {font-size: 100%; margin: 18px 0 0 0; _margin: 10px 0 0 0;}
.formular td {vertical-align: top;}
.td-right {text-align: right;}
.td-left {text-align: left;}

.input, textarea {font-size: 12px; padding: 2px; margin: 0 0 2px 0;font-family: Arial, Helvetica, sans-serif; background: transparent; color: #5B4531; border: 1px solid #5B4531;}
.formular .input, .formular textarea {width: 200px; margin: 0 0 7px 0;}
.formular textarea {width: 350px;}
.submit {cursor: hand; cursor: pointer; text-align: center; background: #000000; color: #ffffff; border: 1px solid #5B4531; margin: 7px 10px 0 0; padding: 1px 5px 1px 5px; _padding: 0;}

.hlaska-kontakt {text-align: left; position: absolute; width: 200px; color: #ffffff; background: #F41516; padding: 3px; margin: 1px 0;}

div.formular table textarea {width: 91%;}
div.formular table {width: 100%;}
div.formular table td input {padding: 1px 10px 1px 0;}
/* konec kontakt */


/* sitemap - strom kategorie */
.odrazky {margin: 5px 0 5px 20px; padding: 0 0 0 35px;background: url(../img/sitemap.gif) top left no-repeat;list-style-type:none;}
/* konec sitemap */

/* patička */
#hlavnipanelpaticka {margin: 0 0 30px 0;}

#obal-strankapaticka {font-size: 85%;color: #8C8A8B; width: 770px; background: #ffffff;}

a.a-strong {color: #8C8A8B; font-weight: bold;}
a.a-red {color: #D2110C; font-weight: normal; padding: 0 5px;}

.site-map-obal {float: left;width: 770px; }
.site-map {float: right; margin: 0; width: 770px; height: 45px; overflow: hidden;background: url(../img/bg-footer.jpg) top left repeat-x;}
.site-map a {height: 13px; display: block; float: right; padding: 15px; background: url("../img/bg-menu-down-border.gif") left center no-repeat;}
#obal-strankapaticka .site-map a.prvni {background: none;}
.site-map a:hover, #obal-strankapaticka .site-map a:hover.prvni {background: #131313 /*url(../img/bg-footer-hover.jpg) top left repeat-x;*/}


.square-obal {position: relative; top: 0px; left: 0; margin: 0 0 0 15px;}
.square {top: 0px; left: 0px; margin: 0; position: absolute; width: 191px; height: 82px; background: url("../img/square-footer.jpg") left top repeat-y;}

.copyright-obal {float: left; width: 770px;}
.copyright {padding: 10px 10px 10px 240px; height: 17px; overflow: hidden; background: #ffffff}



/* konec patička */


/* produkt */
.produkt {margin: 0 0 20px 0;}
.soubory-kestazeni {margin: 10px 0 10px 0;}
/* konec produkt*/



.obrazky-uvod {float: right; padding: 20px 7px 10px 0; border-top: 10px solid #ffffff;background: url("../obr/tecky-mezi-obrazky.gif") 189px 0px repeat-y;}
.obrazky-uvod img {width: 169px;border: 10px solid #ECEADC;}
.obrazky-uvod .prvni, .obrazky-uvod .druhy, .obrazky-uvod .treti {float: left; }
.obrazky-uvod .druhy {margin: 0 2px 0 2px;}

.zprava {color: #555555; font-size: 120%; margin: 30px 0 0 0;}
.zprava, .zprava:hover {text-decoration: none;}
.chyby {background: #F07979; color: #555555; font-size: 120%; margin: 50px 0 0 0; padding: 10px; }



p {display: block; margin: 0 0 5px 0; padding: 0 0 0 0;}




/* fotogalerie */
.galerie {padding: 0; margin: 0;}
.galerie li {display: -moz-inline-box; display: inline-block; /*\*/ vertical-align: top; /**/ margin: 0 0 2px 0; padding: 0; }
.galerie li>div {/*\*/ display: table; /**/ width: 105px;}
.galerie a {display: block; text-decoration: none;color: #000000; text-align: center; background-color: #F6F7FA;cursor: pointer;}
/* IE7? \*/
.galerie>li .wrimg {display: table-cell; vertical-align: middle; width: 105px; height: 105px;}
/**/
.galerie a img {vertical-align: middle; text-align: center; margin: 10px; border: 0px none; float: left;}

.galerie a img {_margin: 10px;}
.galerie li {_margin: 2px;}

.galerie a:hover {background-color: #e5ecff;}

.galerie .caption {display: block; padding: 0; w\idth: 105px;}

/* for IE */
.galerie li { _display: inline;}
.galerie {_height: 0; _he\ight: auto;_zoom: 1;_display: inline;}
.galerie li .wrimg {_display: block;}
.galerie .wrimg span {_vertical-align: middle;_zoom: 1;_height: 105px;}

/* vyskakovaci fotografie */
body.foto  {margin: 30px auto; text-align: center;}
body.foto a {color: #000000; padding: 5px;}
body.foto a:hover {color: #3F3F3F; text-decoration: underline;}

.reference-nastav {display: block;}
.reference-nastav img {margin: 0 50px 0 0;}
table.reference {margin: 0 0 15px 0;}
table.reference td img {margin: 0 0 8px 0;}
table.reference td {background: #F7F7FF; padding: 5px;}

ul#mainMenu li, ul#mainMenu li li, ul#mainLeveMenu li, ul#mainLeveMenu li li, div.aktualita-uvod {behavior: url("./project/css/hover.htc");}


.galerie-div div {padding: 0; margin: 0px;}
.galerie-div div img {padding: 0px;}
.galerie-div div a img {border: 1px solid #000000;}
.galerie-div div a:hover img {border: 1px solid #444444;}

/* #flash-obal {position: absolute;} */
#flash {/*position: relative; top: 0px; left: 232px;*/ float: right;}
#flash-obal, #flash {z-index: 90;}

.image {border: 1px solid #000000;}

table#instrument, table#instrument table { border-collapse: collapse;}
table#instrument td {border: 1px solid #000000; padding: 2px;}

/*.obal-back {width: 100%; }*/
.back {margin: 0 0 3px 0; float: right; /*width: 100%;*/ /* float: right;*/ }
.back a {text-decoration: none; margin: 0; padding: 3px 5px 0 5px; display: block; text-align: center; width: 100px; height: 20px; color: #ffffff; background: #DD0005 url(../obr/bg-back.gif) left top no-repeat; font-weight: bold;}
.back a:hover {text-decoration: none; color: #F2FDFD;}


span.strong {font-weight: bold;}