@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 Arial, "Trebuchet MS", Helvetica, sans-serif; color: #000; background-color: #AA233B; padding: 0px; margin:0px; 
/*background:transparent url(../img/bgbody.jpg) top center ; */
}

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******************************/
#ob{ width: 985px; margin:0px auto; padding:0px;  }
#outer_box { width: 985px; margin: 0px auto; padding:0px;  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; margin-left:76px; }
/*.page_box{background: #fff url(../img/cenik.jpg) 275px 130px no-repeat;}*/
#content { float: left; width: 800px; margin-top: 0px; padding: 0 15px 0px 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:890px;}
#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;}

#outer_box h1, #ob h1{display: block;  padding:0px;margin:0px;width: 100%; float:left; background : transparent url(../img/header.jpg) top left no-repeat; height:114px; }
#outer_box h1 a, #ob h1 a {display: block;    overflow: hidden;    cursor: pointer;    text-indent: -1000px;  width:410px;  height: 114px;    }
/*****************************	menu******************************/
#menu{	border:none;	border:0px;	margin:0px;	padding:0px;	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;		width:100%;float:left;height:63px;background: url("../img/menu_bg.jpg") 0px no-repeat;}
#menu ul{	list-style:none;	width: 804px; margin:0px;padding:0px;margin-left:142px;margin-top:1px;	}
#menu li{		float:left;		padding:0px; height:50px;margin-left:0px;margin-top:0px;		}
#menu li 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.menu8 a { width: 88px; background-position: -721px top; }
#menu ul li.menu8 a:hover{background-position: -721px 50px; }
#menu ul li.menu7 a { width: 74px; background-position: -640px top; }
#menu ul li.menu7 a:hover{background-position: -640px 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;}
/******************************	fotokurzy******************************/
UL#fotokurzy{list-style-type:none;line-height:16px;}
TABLE TR TD.cerveny_text{color: #BF2A00;}
/******************************	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/sluchatko4.gif) bottom right 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; }

#facebookLeft {position: absolute;  left: 0;  top: 280px;}
#facebook{width:815px;float:left;margin-left:25px;background: transparent url(../img/sluchatko2.jpgg) bottom right no-repeat;height:70px;}