@charset "utf-8";
/******************************	global******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; background-color: #AA233B; padding: 20px 0; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a.uvod { color: #3e76b5; text-decoration: none; }
a img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; left: -10000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }
/******************************	layout******************************/
#outer_box { width: 890px; margin: 0px auto; padding:0px;  background: red; padding-left:0px;background: transparent url(../img/sluchatko.jpg) bottom right no-repeat;padding-bottom:40px; &padding-bottom:28px;}
#page_box { width: 840px;  float:left;background-color: #fff}
#content { float: right; width: 820; margin-top: 0px; padding: 0 15px 30px 20px; background: transparent url(../img/sluchatko2.jpg) bottom right no-repeat;}
#content p {text-align:justify;}
#content p IMG{float:left;margin-right:15px;}
#content p IMG.vpravo{float:right;margin-left:15px;}
#content h2{width:800px;}
#content TABLE h2{width:100%;}
/******************************	zalozky******************************/
#zalozky1{float:left;width:50px; height:240px; }
#zalozky1 a{background: transparent url(../img/zalozky1.jpg) -51px 0px no-repeat; width:50px; height:240px;display:block;}
#zalozky1 a:hover{background: transparent url(../img/zalozky1.jpg) top left no-repeat; }
#zalozky2{float:left;width:50px; height:240px; }
#zalozky2 a{background: transparent url(../img/zalozky2.jpg) -51px 0px no-repeat; width:50px; height:240px;display:block;}
#zalozky2 a:hover{background: transparent url(../img/zalozky2.jpg) top left no-repeat; }
#zalozky1 a span, #zalozky2 a span{display:none;}
/******************************	header******************************/
#header { height: 235px; width:100%; float:left; height:70px;}
#page_box h1{display: block;  padding:0px;margin:0px;width: 840px;float:left; background : #fbf1e5 url(../img/h1.jpg) top left no-repeat; height:65px; }
#page_box h1 a {display: block;    overflow: hidden;    cursor: pointer;    text-indent: -1000px;  width:300px;  height: 66px;    }
#head-picture{background: #fff url(../img/head1.jpg) 0px 0px no-repeat; width:100%;height:155px;float:left;display:none;}
/*****************************	menu******************************/
#menu{width:100%;float:left;height:50px;background: url("../img/nav_bg.jpg") 0 50px;float:left;}
#menu ul { display: block; width: 100%; margin:0px;padding:0px;}
#menu li { list-style-type: none; display: inline; margin-left: 0; height: 50px; }
#menu a { display: block; float: left; background: url("../img/menu.jpg") top left; height: 50px; text-indent:-9999px; }
#IEmenu a{font-size: 0;text-align: right;text-indent: 0}
/*
#menu ul li.menu1 a{width: 73px; background-position: 0px 0px; }
#menu ul li.menu1 a:hover{background-position: 0px 50px; }
#menu ul li.menu2 a{ width: 104px; background-position: -73px top; }
#menu ul li.menu2 a:hover{background-position: -73px 50px; }
#menu ul li.menu3 a { width: 103px; background-position: -176px top; }
#menu ul li.menu3 a:hover{background-position: -176px 50px; }
#menu ul li.menu4 a { width: 139px; background-position: -279px top; }
#menu ul li.menu4 a:hover{background-position: -279px 50px; }
#menu ul li.menu5 a { width: 66px; background-position: -418px top; }
#menu ul li.menu5 a:hover{background-position: -418px 50px; }
#menu ul li.menu6 a { width: 103px; background-position: -484px top; }
#menu ul li.menu6 a:hover{background-position: -484px 50px; }
#menu ul li.menu7 a { width: 74px; background-position: -587px top; }
#menu ul li.menu7 a:hover{background-position: -587px 50px; }
*/

#menu ul li.menu1 a{width: 73px; background-position: 0px 0px; }
#menu ul li.menu1 a:hover{background-position: 0px 50px; }
#menu ul li.menu2 a{ width: 104px; background-position: -73px top; }
#menu ul li.menu2 a:hover{background-position: -73px 50px; }
#menu ul li.menu3 a { width: 157px; background-position: -176px top; }
#menu ul li.menu3 a:hover{background-position: -176px 50px; }
#menu ul li.menu4 a { width: 139px; background-position: -333px top; }
#menu ul li.menu4 a:hover{background-position: -333px 50px; }
#menu ul li.menu5 a { width: 66px; background-position: -472px top; }
#menu ul li.menu5 a:hover{background-position: -472px 50px; }
#menu ul li.menu6 a { width: 103px; background-position: -538px top; }
#menu ul li.menu6 a:hover{background-position: -538px 50px; }
#menu ul li.menu7 a { width: 74px; background-position: -641px top; }
#menu ul li.menu7 a:hover{background-position: -641px 50px; }



#menu a:hover#menu1, #menu a.active#menu1 { background-position: 0px -50px; }
#menu a:hover#menu2, #menu a.active#menu2 { background-position: -93px -50px; }
#menu a:hover#menu3, #menu a.active#menu3 { background-position: -160px -50px; }
#menu a:hover#menu4, #menu a.active#menu4 { background-position: -263px -50px; }
#menu a:hover#menu5, #menu a.active#menu5 { background-position: -325px -50px; }

#menu a:active#menu-services { background-position: 0px -100px; }
#menu a:active#menu-work { background-position: -93px -100px; }
#menu a:active#menu-company { background-position: -160px -100px; }
#menu a:active#menu-blog { background-position: -263px -100px; }
#menu a:active#menu-contact { background-position: -325px -100px; }

/*****************************	content******************************/
h1,h2 { font-size: 16px; color: #BF2A00; margin: 5px 0 10px; }
h3 { font-size: 15px; color: #80807e; margin: 5px 0 10px; }
h3.small{font-size: 13px; color: #3e76b5; margin: 5px 0 10px; }
p { margin: 10px 0 15px; }
ul, ol { list-style: square; margin: 15px 25px; }
ul li { padding: 0 0 3px 0; }
/******************************	kontakt******************************/
p.kontakt, p.kontakt a{font-size:14px;}
/******************************	galerie******************************/
.galerry {text-align:center;padding-top:10px;}
.galerry a{margin-right:10px;font-size:14px;}
/******************************	forms******************************/
form fieldset { border: none; }
input.input,textarea,select { font: 11px Arial, Helvetica, sans-serif; background-color: #eaeaea; }
form.form { padding: 10px 15px; }
.form table td { padding: 2px; }
.form label { font-weight: bold; }
/******************************	footer******************************/
#footer { clear: both; color: #fff; text-align: center; ; background:  transparent url(../img/menu-bg2.gif) 0 0 repeat-x; margin:0px; padding:0px;}
#footer a { color: #fff; line-height:24px;}
#footer span { margin: 0 4px; }
#footer_sluchatko{height: 60px; width:840px; background:  transparent url(../img/sluchatko3.gif) 731px 0px no-repeat;  margin:0px; padding:0px;line-height:43px;}

#content p IMG.obtekani_vlevo{float:right;margin-left:10px;}
#content p IMG.obtekani_vpravo{float:left;margin-right:10px;}

.lc{width: 50%;float: left; margin: 10px 0;}
.rc{width: 50%;float: left; margin: 10px 0;}

#odkazy_balicek {width: 840px; margin: auto; text-align:center;}
hr.cleaner {	clear:both;	visibility:hidden;	height:1px;    margin: -1px 0 0 0; padding:0;	border: none;	margin: 0px;	padding: 0px;}
p.invisible, h2.invisible, .invisible{display:none;}
.tucne{font-weight:bold;}

#odkazy_balicek2{ width: 890px; margin: 0px auto; padding:0px;  text-align:center; }