/* CSS Document */
body{padding:0px; margin:0px; background:#313131; color:#B6B6B6; font:14px/20px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}

h1 {color: #053762; font-size:12pt; font-weight: bold; font-family: arial; text-align: left;}
h4{color: #696969; font-size:10pt; font-weight: bold; font-family: arial; text-align: left;}
h2{color: #053762; font-size:10pt; font-weight: bold; font-family: arial; text-align: left;}
h3{color: #053762; font-size:10pt; font-weight: bold; font-family: arial; text-align: left;}

.img{border: 6px solid #ececec;}

a:hover img {filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}

#board{ width:1000px; margin:0 auto; background-image: url(images/bg.png); background-color:#a6a6a6;}

#topmenu{ width:970px; margin:0 auto; height:23px; text-align:right; font-family:arial, tahoma; font-size:10pt; padding-top:17px; padding-right:30px; 
color:#b0b0b0; font-weight:bold;}
#topmenu a { display: inline; color: #053762; text-decoration: none; }
#topmenu a:hover { color:#b0b0b0; text-decoration: none;  }

#mmenu{ width:995px; margin:0 auto; height:42px; text-align:center; font-family:arial, tahoma; font-size:8pt; padding-left:5px; background-color:#5b5b5b;padding-top:11px;}
#left25{ width:25px; float:left; height:350px;}
.left25{ width:25px; float:left; height:350px;}
#text300{ width:250px; float:left; height:auto; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762;}
.text300{ width:250px; float:left; height:auto; text-align:justify; font-family:arial, tahoma; font-size:9pt; color:#053762;}
#text400{ width:400px; float:left; min-height:375px; text-align:justify; font-family:arial, tahoma; font-size:9pt; color:#053762; padding-left:25px; padding-top:10px; background-image: url(images/oddelovac.png); background-repeat:no-repeat;}
#text500{ width:500px; float:left; min-height:375px; text-align:justify; font-family:arial, tahoma; font-size:9pt; color:#053762; padding-left:25px; padding-top:10px; background-image: url(images/oddelovac.png); background-repeat:no-repeat;}
#text200{ width:200px; float:left; min-height:375px; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762; padding-left:25px; padding-top:10px; background-image: url(images/oddelovac.png); background-repeat:no-repeat;}
#text200 a { display: inline; color: #696969; text-decoration: none; font-weight:bold; }
#text200 a:hover { color:#053762; text-decoration: none;  font-weight:bold;}
#text100{ width:100px; float:left; min-height:375px; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762; padding-left:25px; padding-top:10px; background-image: url(images/oddelovac.png); background-repeat:no-repeat;}
#place_left{ width:750px; float:left; height:auto; left:25px; padding-bottom:30px;}
#logo{ width:200px; float:left; height:75px;}
.logo{ width:200px; float:left; height:75px;}
#moto{ width:300px; float:left; height:60px; padding-top:15px; color:#5b5b5b;text-align:right;}
#moto a { display: inline; color: red; text-decoration: none;text-align:right; }
#moto a:hover { color:#053762; text-decoration: none;  text-align:right;}
.moto{ width:300px; float:left; height:60px; padding-top:15px; color:#5b5b5b;text-align:right;}
.moto a { display: inline; color: red; text-decoration: none;text-align:right; }
.moto a:hover { color:#053762; text-decoration: none;  text-align:right;}
#popis{ padding-top:30px; width:500px; float:left; height:auto;}
#place{ width:1000px; margin:0 auto; height:auto; text-align:center; font-family:arial, tahoma; font-size:8pt; padding-top:30px;}
#place_right{ width:175px; float:left; min-height:350px; height:auto !important; height:350px; text-align:left; font-family:arial, tahoma; font-size:9pt;  color:#333333; padding-left:25px; padding-top:10px; background-image: url(images/oddelovac.png); background-repeat:no-repeat;}
#place_right a { display: inline; color: red; text-decoration: none; }
#place_right a:hover { color:#053762; text-decoration: none;  }
#place_right p{margin:0; padding:0; text-align:left;}

#patka2{ width:1000px; margin:0 auto; font-family:arial, tahoma; font-size:12px; font-weight:bold; padding-top:5px; padding-bottom:30px; text-align:center;}
#patka2 a { display: inline; color: #ccc; text-decoration: none; }
#patka2 a:hover { color: #06C; text-decoration:none;  }

#loga{ width:700px; float:left; height:100px; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762;}

p{text-align:justify;}

#patka{clear:both; padding-top:50px; background-color:#a6a6a6; background-position:bottom;}
.clear{clear:both;}

.servis1{ width:250px; float:left; height:auto; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762;}
.servis-mapka{width:300px; float:right; height:200px; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762;}
.servis2{ width:250px; float:left; height:auto; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762;margin-top:50px;}
.servis3{ width:250px; float:right; height:auto; text-align:left; font-family:arial, tahoma; font-size:9pt; color:#053762;margin-top:90px;}
.obsah-servis{width:650px; float:left; min-height:375px; text-align:justify; font-family:arial, tahoma; font-size:9pt; color:#053762; padding-left:25px; padding-top:10px; background-image: url(images/oddelovac.png); background-repeat:no-repeat;}

p{padding-top:10px;}



/*<style type="text/css">*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/ul-multi-five.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
/*#backgroundHolder {width:1000px; height:490px; padding-top:10px; background-color:red; margin:0 auto; text-align:center;}*/
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; width:1000px; margin:0 auto; text-align:left; font-weight:bold; padding-left:20px;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(trans.gif); /*filter: alpha(opacity=90); opacity:0.9;*/} 

/* style the <b> element so that is does not affect the size of the link */
.nav a b {color:#fff; font-weight:bold; display:block; padding:5px 10px; margin-right:1px;}
.nav a:hover b {color:#000;}
.nav .fly .main b {background: transparent url(ulmulti5/arrow.gif) no-repeat right 9px;}
.nav .down b {background: transparent url(ulmulti5/arrow2.gif) no-repeat right 11px;}
/* for the offset left dropdown and flyout */
.nav .nav4 ul b {text-align:left;}
.nav .nav4 ul .main b {background: transparent url(ulmulti5/arrow3.gif) no-repeat right 9px; text-align:left;}
.nav .nav4 ul a:hover b {}

/* HEIGHT */
.nav ul ul {top:-40px;} /* position the top of the flyout sub menus */
.nav ul ul.two {top:-40px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1 {width:150px;}
.nav1 a {width:150px;}
.nav1 a b {background-color:#764;}

/* FOR NAV2 */
.nav2,
.nav2 a {width:150px;}
.nav .nav2 a b,
.nav .nav2 .fly a b {background-color:#5b5b5b;}
.nav2 ul li {max-width:100px;}
.nav2 ul a {width:150px; filter: alpha(opacity=95); opacity:0.95;}
.nav2 ul ul {left:130px;}
.nav2 a {margin-right:-99px;}
.nav2 ul a {margin-right:-129px; }

/* FOR NAV3 */
.nav3,
.nav3 a {width:80px;}
.nav .nav3 a b,
.nav .nav3 .fly a b {background-color:#5b5b5b;}
.nav3 ul li {max-width:100px;}
.nav3 ul a {width:120px; }
.nav3 ul ul {left:120px;}
.nav3 a {margin-right:-99px;}
.nav3 ul a {margin-right:-119px;}

/* FOR NAV4 */
.nav4,
.nav4 a {width:120px;}
.nav .nav4 a b,
.nav .nav4 .fly a b {background-color:#5b5b5b;}
.nav4 ul li {max-width:110px;}
.nav4 ul a {width:150px;  filter: alpha(opacity=90); opacity:0.9;}
.nav4 ul ul {left:130px;}
.nav4 a {margin-right:-99px;}
.nav4 ul a {margin-right:-129px;}


/* FOR NAV5 */
.nav5 {width:120px;}
.nav5 a {width:120px;}
.nav5 a b {background-color:#5b5b5b; margin-right:0;}

/* FOR NAV6 */
.nav6 {width:100px;}
.nav6 a {width:100px;}
.nav6 a b {background-color:#5b5b5b;}


/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:hover b,
.nav a:focus b,
.nav a:active b {color: #003366; cursor:pointer;}

.nav .nav4 ul a:hover b,
.nav .nav4 ul a:focus b,
.nav .nav4 ul a:active b {border-left:0;}

.nav2 ul a:hover,
.nav2 ul a:focus,
.nav2 ul a:active {margin-right:-30px; z-index:10; outline:0;}

.nav3 ul a:hover,
.nav3 ul a:focus,
.nav3 ul a:active {margin-right:-20px; z-index:10; outline:0;}

.nav4 ul a:hover,
.nav4 ul a:focus,
.nav4 ul a:active {margin-right:-30px; z-index:10; outline:0;}

/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* ----------------------------------------------------------------------------	*/
