/* www.balcarpolansky.cz/www.balcarpolansky.sk */
/* created: Jan Chrt, www.jenicek-design.cz */
/* CSS for screen */

body {background: #fff url("../graf/background.jpg") bottom repeat-x; color: #333333; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-attachment: fixed;}
#box {margin: 30px auto 0px auto; width: 842px; text-align: center;}

/* head */
#head {width: 842px;}
#head h1 {width: 550px; height: 50px; margin: 0px 0px 5px 5px; padding: 0px; display: block; font: 1.8em verdena, san-serif; text-align: left; position: relative; float: left;}
#head h1 span {width: 550px; height: 50px; background: #fff url("../graf/balcar_polansky_eversheds.jpg") left top no-repeat; position: absolute; left:0; top:0; cursor: pointer; color: #fff; z-index:1000;}
#head h1 a {text-decoration: none;}
#head_picture {width: 842px; height: auto; background-color: #fff ; position: relative; right:0; top:0; color: #fff; border: none; z-index: -10; float: right;}
.head_picture_center {float: left; text-align: left; margin: 0 1px 0 0;}
.head_picture_right {float: right; text-align: right; margin: 0 1px 0 0;}
.head_picture_left {float: left; text-align: left; margin: 0 1px 0 0;}
#search_lang {width: 285px; float: right; text-align: right; margin-top: -35px;}
#search_lang input{height: 1em; margin: 5px 5px 0px 0px;}
#search_lang a {color: #676767; font-size: 0.8em; text-decoration: none;}
#search_lang a:hover {color: #009d96; font-size: 0.8em; text-decoration: underline; background-color: #fff;}

/* top menu */
#menu {border-bottom: 1px solid #b7b7b7; margin: 1px 0px 0px 0px; padding: 0px; float: left; background: url("../graf/menu_strip.gif") bottom repeat-x;}
#menu ul {float: left; width: 842px; margin: 0px; padding: 0px; list-style: none;}
#menu li {float:left;  border-left: 1px solid #b7b7b7;}
#menu a {display: block; width: auto; padding: 6px 1.1em 6px 1.1em; color: #fff; font-weight: bold; text-decoration: none;}
#menu li.first {border-left: none;}
#menu a:hover {color: #fff; background: url("../graf/menu_highlight.gif") bottom repeat-x;}
#menu a.activ {color: #fff; background: url("../graf/menu_highlight.gif") bottom repeat-x;}

/* content */
#content {width: 842px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; float: left; position: relative; background-color: #fff;}
#content_left {width: 30%; padding: 5px; float: left;}
#left_menu {height: 560px;}
#left_menu ul {margin: 0px; padding: 5px 0px 5px 0px; color: #666; list-style:none;}
#left_menu ul a{color: #666; text-decoration: none; display: block; width: auto; padding: 3px; border-bottom: 1px solid #dfdfdf;}
#left_menu ul a:hover{color: #fff; background-color: #009D96;}
#left_menu li {margin: 0px; padding: 0px;}
#left_menu li ul {margin: 0px 0px 10px 0px;}
#left_menu li ul a{padding: 3px 3px 3px 25px;}
#novinky {background-color: #e5e5e5; padding: 5px; float: right; width: 27%; border-top: 3px solid #7C51A1; margin: 11px 10px 10px 5px;}
#novinky h2 {color: #5f5f5f; background-color: #dfdfdf; font-weight: normal; margin: 3px; padding: 0px 0px 2px 5px; width: 95%; border-bottom: 1px solid #bfbfbf;}
#novinky ul {margin: 0px; padding: 5px 0px 5px 0px; color: #009d96; list-style:none;}
#novinky li {margin: 10px 0px 0px 0px;}
#novinky ul a{color: #009d96; text-decoration: none; display: block; width: auto; padding: 3px; border-bottom: 1px solid #dfdfdf;}
#novinky ul a:hover{color: #fff; background-color: #009D96;}
#content_right {width: 560px; margin: 5px 0px 15px 5px; padding: 5px 0px 5px 5px; float: left; min-height: 350px;}
#content_right_100 {width: auto; margin: 5px 0px 15px 0px; padding: 5px; float: left;}
#content_right ul{margin: 0px 0px 5px 25px; padding: 0px; list-style: square;}
#content p {text-indent: 0em;}
.date {color: #666; margin: 0px 1em 0px 0px; font-weight: bold;}
.adress {width: 400px; float: left;}
#navigation {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 1px 1px 5px; text-align: right; font-size: 0.7em; border-bottom: 1px dotted;}
#navigation a {text-decoration: none;}
.people {display: block; width: 100%; float: right; margin: 0px 0px 25px 0px;} 
.people img {float: right; margin-left: 5px;}
#breadcrumbs {font-size: 0.9em; margin: 3px 0px 2px 5px; color: #8f8f8f;}
#breadcrumbs a{color: #8f8f8f; text-decoration: none;}
#breadcrumbs a:hover {color: #fff; text-decoration: underline; background-color: #009d96;}
.archiv li {list-style: none;}
 
/* foot */
#foot {border-top: 1px solid #b7b7b7; float: left; width: 842px; margin:0px; padding: 3px 0px 0px 0px; font-size: 0.9em; color: #8f8f8f;}

/* general and others */
h2 {font-size: 1.5em; color: #fff; font-weight: bold; margin: 5px 0px 5px 0px; padding: 3px 0px 3px 10px; width: auto; background-color:#c5d0d4; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h3 {font-size: 1.3em;  margin: 5px 0px 5px 0px; padding: 2px; color: #7C51A1; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h4 {font-size: 1.5em;  margin: 5px 0px -5px 0px; padding: 0px; color: #7C51A1; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
a {color: #009D96; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none; background-color: #009D96}
.both {clear: both; display: none;}
.activ {color: #0092b6;}
.first {border-left: none;}
.bol {font-weight: bold;}
.description {font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px; width: 150px; display: block; color: #7C51A1;}
table, tr {padding: 0px; margin: 10px 0px 0px 0px;}
td {padding: 0px 2em 0px 0px; margin: 0px;}
a img{border: none; text-decoration: none;}