/* OBECNĂ‰ VYCHYTĂVKY height: 100%; */
body, html {color: #B2B2B2; text-align: left; font-size: 11px; background: #010101 url("../obr/hlavni-pozadi.gif") top left repeat; border: 0px none; margin: 0px; padding: 0px;	font-family: Arial, Helvetica, sans-serif;}

/* OBECNĂ‰ VYCHYTĂVKY height: 100%; 
body, html {scrollbar-track-color: #010101; scrollbar-face-color: #010101; scrollbar-highlight-color: #010101; scrollbar-3dlight-color: #010101; scrollbar-darkshadow-color: black; scrollbar-shadow-color: #010101; scrollbar-arrow-color: #ffffff;}
*/

.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;}

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

h1 {font-size: 150%;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}

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

li {list-style-type:none;}

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

.white {color: #ffffff;}

/* KONEC OBECNĂ‰ VYCHYTĂVKY */


/* nastavenĂ­ pozice celĂŠ strĂĄnky,  margin: 0px auto 0px auto; */
#obal {border: 7px solid #292929; border-left: 160px solid #0E0E0E; background: #010101;}

#strankaobal, #obal {width: auto; width: 770px; margin: 0px auto 0px auto; }
#strankaobal {background: #010101 url("http://alotrium.cz/archiv/obr/pozadi/pozadi-01.jpg") left 100px no-repeat;}
#strankaobal1 {}

/* barva pozadi - textu */
#obal {background: url("../obr/pozadi-stred.gif") 170px 45px repeat-y; text-align: left;  /* height: auto; min-height: 100%;	_height: 100%; IE */	margin: 0 auto;	position: relative;}

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


/* hlavicka - horni pruh */


#strankahlavicka {float: left; height: 180px; _height: 103px; }
/* #strankahlavickain {background: url("../obr/horni.jpg") top right no-repeat; height: 118px; border-bottom: 1px solid #939393;} */
#strankahlavickain {width: 770px; height: 118px; border-bottom: 1px solid #3D3D3D;}
#strankahlavickain div.randomfoto {float: right;}
#strankahlavickain div.randomfoto img {height: 118px;}
#strankahlavickain div.logofoto {float: left;}

/*
#strankahlavickain-en {background: url("../obr/horni-en.jpg") top left no-repeat; height: 108px;}
#strankahlavickain-ge {background: url("../obr/horni-ge.jpg") top left no-repeat; height: 108px;}
#strankahlavickain-pl {background: url("../obr/horni-pl.jpg") top left no-repeat; height: 108px;}
#strankahlavickain-ru {background: url("../obr/horni-ru.jpg") top left no-repeat; height: 108px;}
*/

.language {position: absolute; left: 100px;}

.logo {float: left; height: 83px; width: 170px; margin: 0;}
.logo-akt {float: left; height: 108px; width: 100%; _width: 170px;}

.kontakt-nahore {display: none;}
.kontakt-nahore a {color: #ffffff;}


/* M*E*N*U */
#obalmenu {font-size: 100%; text-transform: uppercase;}
.menu2-leve {font-size: 100%;  text-transform: lowercase;}
/* M*E*N*U */

/* horni M*E*N*U */
/* horni M E N U - prvni uroven */
#obalmenu {_width: 500px; padding: 0px; margin: 0px;}
#menu {width: 680px;position: absolute; padding: 0px; margin: 0px; top: 117px; left: 93px;}
#rollmenu {margin:0px; padding: 0px;}
#rollmenu a {color: #B2B2B2;}
#rollmenu a:hover {color: #ffffff; text-decoration: none;}
/* pro iE : hover MENU */
#rollmenu li, #rollmenu li ul li ul li {behavior: url('hover.htc');}
/* pro iE */
#rollmenu li {float:left;} /* menu vodorovnĂŠ */
#rollmenu li {margin:0px; padding: 7px; text-decoration: none; font-weight: bold; border-top: 3px solid none;}
#rollmenu li:hover, #rollmenu li.hover {color: #ffffff; border-top: 3px solid #ffffff;background: #282424;}
/* horni M E N U - druha uroven */
#rollmenu li ul {margin: 0px; padding: 0px;position:absolute; top:30px; visibility:hidden; display:none;width: 170px;} /* skryte menu */
#rollmenu li:hover ul, #rollmenu li.hover ul {margin: 0px; padding: 0px;position: absolute;visibility:visible; display: block;}
#rollmenu li ul li {position: relative; left: -50px; width: 170px;}
/*  horni M E N U - treti uroven */
#rollmenu ul ul li {margin: 0px; padding: 0px;position:absolute; visibility:hidden; display:none; top: 0px; left: 0px;} /* skryte menu */

#rollmenu li a {margin: 1px;}

/* konec horni M*E*N*U */


/* levy panel - LEVĂŠ MENU */
#levypanelobal { position: absolute; left: -170px; top: 120px; _top: 60px; text-align: right; float: left; width: 170px;margin: 0px; padding: 0px;}
.menu2-leve {margin: 0 0 0 0; _margin: 60px 0 0 0; padding: 0px;}
#rollmenu2 {background: none; margin: 0px; padding: 0px;}
#rollmenu2 a {color: #B2B2B2;}
#rollmenu2 a:hover {color: #ffffff; text-decoration: none;}
/* pro iE : hover MENU */
#rollmenu2 li, #rollmenu2 ul li:hover {behavior: url('hover.htc');}
/* pro iE */
#rollmenu2 li {text-transform: uppercase;float: left; width: 156px; margin: 0px;padding: 5px; color: red; text-decoration: none; font-weight: normal;background: none; border-left: 3px solid transparent; _border-left: 0px solid #010101;}
#rollmenu2 li:hover, #rollmenu2 li.hover {color: #ffffff; background: #181818; border-right: 3px solid #ffffff;}
/* horni M E N U - druha uroven */
#rollmenu2 ul {text-align: center; width: 170px; padding: 0px; margin: 0px; position:absolute; left: 172px; top: 125px; visibility:hidden; display:none;} /*skryte menu */

#rollmenu2 li:hover ul, #rollmenu2 li.hover ul{position: absolute;visibility:visible; display: block;}
#rollmenu2 li ul li {position: relative; top: -15px; _top: 0px; left: 0px; width: 170px;}
#rollmenu2 ul {width: 205px; background: #010101;}
/* KONEC LEVĂ‰ MENU */
/* konec levy panel - LEVĂŠ MENU */


/* stĹ™ednĂ­ ÄŤĂĄst */
#hlavnipanelobal {text-align: left; padding: 0 0 0 256px; _padding: 0 0 0 266px;}
#hlavnipanelobal-prav {padding: 0 0 0 256px; _padding: 0 0 0 266px;}
#hlavnipanelvnitrek {}
.sirka-textu-bezobr, .sirka-textu-produkt, .sirka-textu-uvod {padding: 60px 0 40px 20px; margin: 0 20px 0 0;  min-height: 550px; _height: 550px;}
.sirka-textu-bezobr, .sirka-textu-uvod {background: url("http://alotrium.cz/archiv/obr/pozadi/pozadi-a.jpg") bottom right no-repeat;}
.sirka-textu {width: 425px; padding: 60px 0 40px 20px; margin: 0 20px 0 0; _height: 550px; min-height: 550px;}

/* odsazeni h1*/ #hlavnipanelhlavicka {margin: 0px; padding: 0px;}
/* konec stĹ™ednĂ­ ÄŤĂĄst */

/* prava cast */
#pravypanelobal, #pravypanelobal-uvod {background: transparent; float: right; width: 200px; _width: 0px;  margin: 75px 20px 0 10px; padding: 0px;}
#pravypanelproduktobal {float: right; width: 279px; _width: 0px; margin: 45px 0px 30px 10px; padding: 0px; _margin: 105px 10px 50px 10px;}
/* #pravypanelproduktobal .lupa {background: url(../obr/lupa.gif) top left no-repeat; height: 16px; width: 16px; position: absolute; top: -25px; left: 252px; _top: -22px; border: 0px none;} */

.lupa, .lupa-minus, .secret {display:none;}

#pravypanelvnitrek .foto {float: left; margin: 0 0 25px 0; font-size: 85%;}
#pravypanelvnitrek a.odkaz {color: #ADA5A5;text-decoration: none;}
#pravypanelvnitrek a.odkaz:hover {color: #555555;text-decoration: none;}

#pravypanelvnitrek .foto1 {background: transparent; padding: 10px 4px 2px 4px ;float: right; font-size: 85%; margin: 0 2px 0 5px;}

/* konec prava cast */

/* tunning fotografie */
.foto-border {margin: 0 0 0 0;}
/* .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;} */

.lupa, lupa-minus {display: none;}


/* inputy */
input, textarea, select {padding: 0px; margin: 0 0 0 0; background: transparent; color: #B2B2B2; border: 1px solid #565656;}
.submit {cursor: hand; cursor: pointer; text-align: center;background: transparent; color: #B2B2B2; border: 1px solid #565656; margin: 7px 10px 0 0; padding: 0;}
select {background: #010101;}
input {background: #010101;}
input.input {background: transparent;}
/* inputy */


/* kontakt */
.formular {font-size: 100%;}
.formular td {vertical-align: top;}
.formular .td-right {text-align: right;}
.formular .td-left {text-align: left;}
.formular .input, .formular textarea, .formular select {padding: 0px; margin: 0 10px 0 0; background: transparent; color: #B2B2B2; border: 1px solid #565656;}
.formular .submit {cursor: hand; cursor: pointer; text-align: center;background: transparent; color: #B2B2B2; border: 1px solid #565656; margin: 7px 10px 0 0; padding: 0;}
/* konec kontakt */


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


/* patiÄŤka */
#hlavnipanelpaticka {margin: 0 0 0 0;}
#strankapaticka {width: 770px; height: 1px;  margin: 20px 0 0 0; padding: 0 0 5px 0;}

#strankapaticka { text-align: center; min-height: 20px; _height: 20px; }

.autor {font-size: 90%; text-align: center; margin: 5px 20px 5px 10px; }
.autor .left {text-align: right; float: none;  color: #6A6969;}
.autor .left a {color: #6A6969;}
/* konec patiÄŤka */


/* produkt */
.soubory-kestazeni {margin: 10px 0 10px 0;}
.review {background: #565656; color: #010101; font-size: 120%; border: 1px solid #565656; padding: 5px;}
#hhaa {height: 430px; overflow: auto; width: 370px; _ width: 350px; background: #010101; border: 1px solid #565656; position: absolute; top: 135px; _top: 150px; left: 190px; padding: 15px;}
#hhaa .review {float: right;}

#hhaar {height: 430px; overflow: auto; width: 370px; _ width: 350px; background: #010101; border: 1px solid #565656; position: absolute; top: 135px; _top: 150px; left: 190px; padding: 15px;}
#hhaar .review {float: right;}

.stav {background: #565656; color: #ffffff; font-size: 120%;  padding: 0px; }
.div-stav {margin: 10px 0 10px 0;}
.secret {float: right; margin: 0 1px 10px 10px; background: #010101; font-size: 120%; border: 1px solid #565656; padding: 5px;}
.secret:hover {background: #565656; color: #ffffff;}
/* konec produkt*/


/* aktualita */
.aktualita-text, .aktualita-obr, .aktualita tr {behavior: url('hover.htc');}
.aktualita {float: left;margin: 0 0 20px 0; padding: 10px; _padding: 0px; border: 1px solid #1B1B1B; width: 450px;} 
.aktualita a, .aktualita a:hover {text-decoration: none;}
.aktualita h1 {margin: 0 0 10px 0; _margin: 0 0 10px 10px;}
.aktualita tr:hover {background: #131313;}
.aktualita:hover, .aktualita.hover {border: 1x solid #ffffff;_border: none;}

.aktualita-obr {float: left; margin:0px; padding: 0px;}

.aktualita tr {border: none; _float: left;}
.aktualita tr.hover {_background: #131313;border: none; _float: left;}

.aktualita-obr, .aktualita-text {_float: left;}

.aktualita-obr img {border: none; margin: 0 10px 5px 0; _margin: 10px;}

.aktualita h2 {font-weight: bold;}
.aktualita h3 {font-size: 100%; font-weight: bold; margin: 0px;}
.aktualita h4 {font-size: 80%; font-weight: normal;}

.aktualita div.aktualita-text, .aktualita div.aktualita-obr {_padding: 10px; margin: 0 0 20px 0; _margin: 0 0 10px 0;}
.aktualita div.aktualita-obr {margin: 0px; padding: 0px;}

/* konec aktualita */


/* objednĂĄvka */
.objednavka {border: none; border-collapse: collapse;}

.objednavka input, .objednavka textarea, .objednavka select {margin: 3px 0 10px 0;}
.objednavka input, .objednavka textarea {width: 150px;}

.objednavka, .objednavka td, .objednavka tr {vertical-align: center; margin: 0 0 0 0; padding: 0 0 0 0;}
.objednavka h1 {margin: 0 0 0 0; padding: 0 0 0 0; display: inline;}

.zprava {color: #B2B2B2; font-size: 120%; padding: 50px 20px 520px 24px; margin: 0px;}
.chyby {color: #F07979; font-size: 120%; margin: 10px 0 10px 0; padding: 0px; }
/* konec objednĂĄvka */

/* okno s fotografiĂ­ */
.foto .fotowindow {margin: 20px 20px 5px 20px; text-align: center;}
.foto .noprint {text-align: center; margin: 0px;}

/* border u obrazku, .fotowindow img {border: 1px solid #565656;}.sirka-textu-bannery img, .fotogalery img, #rollmenu2 ul img, .sirka-textu img, .sirka-textu-bezobr img, .sirka-textu-produkt img, #pravypanelobal img , #pravypanelproduktobal img */


/* fotogalery fotogalerie */
.sirka-textu-galery {padding: 60px 0 40px 20px; margin: 0px; _padding: 60px 0 60px 20px; _height: 450px; min-height: 450px;}
.fotogalery {margin: 0 22px 40px 0; float: left; }
.fotogalery a, .fotogalery a:hover  {border: none; text-decoration: none;}

.sirka-textu-bannery {width: 700px;; padding: 60px 0 40px 20px; margin: 0px; _margin: -75px 0 0 0; _height: 450px; min-height: 450px;}


.foto p {_width: 200px;}


body {
  font:x-small Georgia,Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  }


h2 {
  margin:0;
  font: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  color:#999;
  text-transform: lowercase;
  }
  
  
h1 {
  margin:0;
  font:150%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  letter-spacing:.2em;
  color:#999;
  }