/*css www.sbhwater.cz*/
*{margin:0; padding:0; border:none; min-height:1px;}
body {background:#fff url(../img/bg.gif) top center ; color:#000; font-size:75%; margin:0 auto; width:100%; height:100%; text-align:center; font-family: Tahoma, georgia, "trebuchet ms", verdana,arial, lucida,sans-serif !important; line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
.fleft {float:left;}
.fright {float:right;}
#telo {width:860px; height:100%; margin:0 auto; display:block; float:none; text-align:center;}
#main {background:url(../img/obsah.gif) top center repeat-y; width:860px; position:relative; z-index:10; height:100%; margin:0 auto; display:block; float:left; text-align:center;} 

/*logo*/
#logo {background:#9D9D9D; width:860px; height: 218px; margin:0 auto; text-align:center;}
#logo1 {position:relative; width:860px; height: 218px; overflow:hidden; color:#fff; text-align:center;}
#logo1 span {background:url("../img/logo1.jpg") top left no-repeat; position:absolute; left:0; top:0; width:860px; height:233px; display:block;}
#logoclick {position:absolute; top:30px; left:30px; z-index:5; display:block; width:190px; height:170px;}
#logo1 h1 {position:absolute; top:107px; right:60px; font-size:180%; color:#F47432; z-index:10; font-family:"Garamond"; font-weight:bold}

/*jsmenu*/
#bg-jsmenu{background:#000 url(../img/bg-menu.gif) no-repeat; margin:0 auto; text-align:center; width:860px; height:42px;}
#jsmenu a{color:#fff;text-decoration:none;text-align:center;}
#jsmenu a:hover{}
#jsmenu span{padding-right:10px}
#jsmenu ul{float:right; position:relative; right:30px}
#jsmenu li{display:inline;line-height:30px}

.aktiv1,.aktiv2,.aktiv3,.aktiv4 {height:42px; color:#fff}
#m1_nav a {float:left;background:url(../img/m1.gif) top center;width:100px;background-repeat:no-repeat;}
#m1_nav a:hover {float:left;background:url(../img/m1.gif) bottom center;width:100px;background-repeat:no-repeat}
.aktiv1 {float:left;background:url(../img/m1.gif) bottom center;width:100px;background-repeat:no-repeat}
#m2_nav a {float:left;background:url(../img/m2.gif) top left;width:130px;background-repeat:no-repeat}
#m2_nav a:hover {float:left;background:url(../img/m2.gif) bottom left;width:130px;background-repeat:no-repeat}
.aktiv2 {float:left;background:url(../img/m2.gif) bottom left;width:130px;background-repeat:no-repeat}
#m3_nav a {float:left;background:url(../img/m1.gif) top left;width:100px;background-repeat:no-repeat}
#m3_nav a:hover {float:left;background:url(../img/m1.gif) bottom left;width:100px;background-repeat:no-repeat}
.aktiv3 {float:left;background:url(../img/m1.gif) bottom left;width:100px;background-repeat:no-repeat}
#m4_nav a {float:left;background:url(../img/m1.gif) top left;width:100px;background-repeat:no-repeat}
#m4_nav a:hover {float:left;background:url(../img/m1.gif) bottom left;width:100px;background-repeat:no-repeat}
.aktiv4 {float:left;background:url(../img/m1.gif) bottom left;width:100px;background-repeat:no-repeat}


#m1_nav a,#m2_nav a,#m3_nav a,#m4_nav a {height:42px;background-repeat:no-repeat; color:#000}
#m1_nav a:hover,#m2_nav a:hover,#m3_nav a:hover,#m4_nav a:hover {height:42px;background-repeat:no-repeat; color:#fff}

/*leve-menu*/
li.lm {border-bottom:#3F3F3F 1px solid; color:#555; font-weight:bold;  padding: 2px 0; width:195px}
#leve-menu ul {padding-bottom:20px; display:block; float:left}
#leve-menu ul li {float:left; text-indent: 8px; line-height:30px; width:195px; margin-bottom:0px; font-family: Tahoma, Arial}
#leve-menu li a {background: url(../img/l-menu.gif) bottom right; width: 195px; display: block; color:#9D9B9B; width: 195px; height: 30px; font-size: 12px; text-decoration:none}
#leve-menu li a:hover {background: url(../img/l-menu.gif) top right;  color:#fff}
.aktiv  {background: url(../img/l-menu.gif) top right;  color:#fff}


/*obsah*/
#celek {width:860px; margin:0 auto; display:block;}
#in {background: url(../img/obsah.gif) top center repeat-x; margin:0 auto; display:block; min-height:500px;z-index:1}
#in-lr {width:860px; margin:0 auto; z-index:5;}

/*nastaveni leva*/
#leva {padding:35px 5px 25px 18px; text-align:justify; width:200px; color:#9D9B9B; float:left}
#leva p {background:url(../img/stin-leva.gif) bottom right no-repeat; padding:5px 8px 20px 3px; margin-bottom:10px}
#leva h3 {padding:5px 0 10px 10px}

/*nastaveni prava*/
#prava {padding:25px 45px 30px 15px; text-align:justify; width:550px; float:right; position:relative}
#prava p {text-align:justify; margin:10px 0; font-size:110%}
#prava strong {color:#F47432}
#prava .tucne {color:#000; font-size:90%; line-height:20px; font-weight:bold; }
#prava h2 {color:#000; font-size:160%; line-height:25px; margin-bottom:10px;}
#prava h2:first-letter {font-size:140%; color:#F47432}

#prava h3 {color:#F47432; font-size:120%; line-height:20px; text-align:left;}
#prava h4 {font-size:110% }
#prava h5 {font-size:90%}
#prava img {float:right; margin:0 7px 0px 20px; position:relative; border:#cacaca 2px solid }
#prava hr {color:#F47432; background-color:#F47432; border: 0 none; height:1px; margin:25px auto 20px;  width:100%; text-align:center; clear:both}
#prava em {color:#F47432}

#prava ul {margin:10px 0}
#prava li {list-style-type:square; margin-left:15px}

#prava .objednavka table {width:525px; border:#cacaca 1px solid; border-collapse: collapse; margin-bottom:10px; overflow:hidden} 
#prava .objednavka td {border:#cacaca 1px solid; padding:5px 10px; text-align:left; }

/*pozadi-obrazku*/
.bg-img1 {background:url(../img/bg-img1.gif) top right no-repeat; margin-top:-20px; width:130px; height:170px; display:block; float:right; position:relative; }
.bg-img1-seda {background:url(../img/bg-img1-seda.gif) top right no-repeat; margin-top:-15px; width:130px; height:170px; display:block; float:right; position:relative; }

/*paticka*/
#nadpaticka {background:#212121; height:80px; width:100%; float:left;}
#paticka {background:#fff url(../img/paticka.gif) no-repeat; height:80px; width:860px;  display:block; margin:0 auto;}
#paticka-obsah { width:860px; height:80px;  margin:0 auto;}
#paticka-obsah p {text-align:right; margin-right:60px;  font-size:95%;  padding-top:15px;}
#paticka-obsah a {color:#000;}
#paticka-obsah a:hover {color:#B6631E;}

/*pismena*/
.n {background:url(../pismena/n.gif) top left no-repeat; line-height:50px; height:40px; margin-left:15px; }

/*formular*/
fieldset {border:#cacaca 1px solid; padding:10px; overflow:hidden}
legend {background:#fff; border-bottom:#999 2px solid; border-right:#999 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid; padding:2px 10px; margin-bottom:10px}
.form {width:100%; margin:0 auto; overflow:hidden}

.but {padding:10px 5px}

input.butt {border-bottom:#999 2px solid; border-right:#999 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid;}
input.butt:hover {border-bottom:#f3f3f3 2px solid; border-right:#f3f3f3 2px solid; border-top:#dfdfdf 2px solid; border-left:#dfdfdf 2px solid;}

input {background:#fff; border:#cacaca 1px solid; overflow:hidden}
textarea {background:#fff; border:#cacaca 1px solid; width:330px; padding:0; margin:5px 0}
textarea:hover, input:hover {border:#BD4707 1px solid; background:#f5f5f5}

/*odkazy*/
a {color:#F47432;}
a:hover {color:#000;}

/*rohy*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0px 5px}
.r2{margin: 0px 3px}
.r3{margin: 0px 2px}
.r4{margin: 0px 1px;height: 2px}
.rs1{margin: 0px 2px}
.rs2{margin: 0px 1px}

div.seda, div.bila {padding:5px 10px; margin-bottom:10px; clear:both}
div.seda {background:#f3f3f3;}
div.bila {background:#fff;}

/*index*/
.ind {line-height:-20px; font-size:70%}
.no-orange em {color:#000 !important}