/*************************************************
				Vseobecne STYLY
*************************************************/

body {
    margin: 0;
    padding: 0;
	font-family: arial, tahoma, verdana;
    font-size: 12px;
	background: #b0b1be url(../images/bg.gif) repeat-x center top;
	text-align:center;
	color:#373940;
	line-height:16px;
}
.clear  {
clear : both;
width : 100%;
height : 1px;
line-height : 0;
background : none;
padding:0;
margin:0;
font-size:1px;
} 

/*****************************
	Odkazy -  barvy
*****************************/
a {text-decoration: underline;}
a:link {text-decoration: underline;color: #373940!important;}
a:visited {text-decoration:none;color: #373940!important;}
a:hover {text-decoration: none;color: #373940!important;}
a:active {text-decoration: none;color: #373940!important;}
a img, img {border: 0;margin:10px;}
ul li a:link, ul li a:visited, ul li a:hover, ul li a:active {color: #373940!important;}

/*****************************
	Seznam - odsazení, barvy
*****************************/
ul {margin:0; padding:0 0 15px 0; line-height:16px;}
ul li { list-style-position: outside; margin:0 0 0 20px; padding:0 0 2px 0; line-height:16px;}
ol {margin:1px 0 5px 20px; padding:0;}
ol li {margin:0; padding:0 0 2px 0;}

hr {border:none; border-bottom: 1px solid #eee; padding:0; margin: 10px 0;}

p {line-height:16px;margin:0 0 20px 0; padding:0;}
p.anotace, p.perex {font-weight:bold; font-style: italic; color:#666;border-bottom:1px solid #eee;padding-bottom:10px;}
p.datum {font-size:11px; color:#999;}

blockquote {border:1px solid #d60909; padding: 15px 15px 0 15px; margin: 0px 10px 15px 10px; background: #fff5f5;} /* combo - Citace */

/*****************************
	Nadpisy - výšky, barvy
*****************************/
h1, h2, h3, h4, h5, h6 {margin: 5px 0; padding: 5px 0;}
h1, h1 a {font-size:18px; color: #d60909!important;padding-bottom:15px;}
h2, h2 a {font-size:14px; color: #d60909!important;} /* combo - Nadpis 2 */
h3, h3 a {font-size:13px; color: #d60909!important;} /* combo - Nadpis 3 */
h4, h4 a {font-size:13px; color: #d60909!important;}
h5, h5 a {font-size:13px; color: #d60909!important;}
h6, h6 a {font-size:12px; color: #d60909!important;}


/*****************************
	Tabulky - ohraničení
*****************************/
table {
	border:1px solid #d60909;
	vertical-align: top;
	margin: 0 0 15px 0;
	line-height: 20px;
}
table tr th {color: #ffffff; font-weight:bold; background: #373940; padding: 5px 5px; text-align:left;}
table tr td { padding: 0px 5px; background: #fff5f5;}
table tr.dark td {background: #f7fbfc;}
table tr.rowOver td { background: #F4F8FF;}
table td.rowOver { background: #F4F8FF;}

table.noBorder {border:none!important;}
table.noBorder tr th {color: #000000; background: none!important;}
table.noBorder tr td {background: none!important;}
table.noBorder tr.dark td {background: none!important;}

/*****************************
	Zarovnavani ­ textu
*****************************/
.textAlignJustify {text-align:justify;}
.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}
.textAlignCenter {text-align:center;}

/*****************************
	Zarovnavani obrázků
*****************************/
.imgLeft  {float: left; margin-right: 15px; margin-bottom: 15px;}
.imgRight {float: right; margin-left: 15px; margin-bottom : 15px;}
.imgCenter {clear : both; margin-top : 15px; margin-bottom : 15px; text-align: center; width: 100%!important}

/*****************************
	Další styly
*****************************/
.zvyrazneny1 {color:#cc0000;font-weight:bold;} /* combo - Zvýrazněný 1 */
.zvyrazneny2 {color:#dd0000;font-weight:bold;} /* combo - Zvýrazněný 2 */

/*****************************
	Container
*****************************/
.container {width:808px; margin:86px auto 0 auto; padding:19px 0 0 0; text-align:left;clear:both;	position:relative; background:  url(../Images/container-bg-top.png) no-repeat top left;
}

/*****************************
	Body
*****************************/
.body {
	margin:0 auto;
	padding:60px 0 0 0;
	width: 808px;
	position:relative;
	background: url(../images/container-bg-center.png) repeat-y 0 0;
	clear:both;
}

/*****************************
	onContentRight - definice
*****************************/
.onContentRight .content {
	width:555px;
	float:left;
	position: relative;
	top:0;
	left:19px;
	background: #ffffff;
	margin:0;
	padding: 0;
}
.onContentRight .contentRight {
	width:200px;
	float:right;
	position: relative;
	top:0;
	right:19px;
	background: #ffffff;
	margin:0;
	padding: 0;
}

/*****************************
	Header
*****************************/
.header {
	margin:0;
	padding:0;
	position:absolute;
	top:-86px;
	left:0;
	background: ;
	width:808px;
	height:150px;
	background: url(../images/header-bg.jpg) no-repeat top center;
}
/*******************************************
	logo 
*******************************************/
.logo {
	position:absolute;
	top: -69px;
	left: 15px;
	font-size: 30px;
	height: 60px;
	width: 180px;
	overflow:hidden;
	margin:0;
	padding:0;	
	color: #153e65!important;
	text-align:left;
	z-index:1;
	font-family: Verdana;
	font-weight:bold;
	text-align:right;
}
.logo a {
	color: #cc0000!important;
	text-decoration:none;
	font-weight:bold;
	font-style: italic;
	font-size: 55px;
	line-height:55px;
}
.logo span {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 180px;
	overflow:hidden;
	cursor: pointer;
	background: url(../images/m333-logo.gif) no-repeat top left;
}
.m333text {
	position:absolute;
	top: -70px;
	right: 41px;
	color: #fff!important;
	text-decoration:none;
	font-weight:bold;
	font-style: italic;
	font-size: 13px;
	height: 60px;
	width: 340px;
	overflow:hidden;
	z-index:1;
}
.m333text span{
	position:absolute;
	top: 0px;
	left: 0px;
	position:absolute;
	top: 0px;
	left: 0px;
	height: 60px;
	width: 340px;
	overflow:hidden;
	background: url(../images/kancelarske-potreby-text.gif) no-repeat top left;
}

/*****************************
	topMenu
*****************************/
.topMenu {
	margin:0;
	padding:0;
	position:absolute;
	top:105px;
	left:19px;
	width:770px;
	height:45px;
	background: #ffc600 url(../images/topmenu-bg.gif) no-repeat top left;
}
.topMenu ul {
	margin:0;
	padding:0 0 0 1px;
}
.topMenu ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 1px;
	height:45px;
	text-align:center;
	background: url(../images/odd.gif) no-repeat center left;
}
.topMenu ul li.first {background: none;}
.topMenu ul li.first a:hover{background: url(../images/topmenu-hover.gif) no-repeat top left;}
.topMenu ul li.last {}
.topMenu ul li.last a:hover{background: url(../images/topmenu-hover.gif) no-repeat -113px 0;}
.topMenu ul li a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	line-height:45px;
	padding: 13px 32px 13px 33px;
}
.topMenu ul li a span {}
.topMenu ul li a:hover {background: url(../images/topmenu-hover.gif) no-repeat top center;}
.topMenu ul li a:hover span {}

/*****************************
	Footer
*****************************/
.footer {
	width:768px;
	height:auto;
	margin:0 auto;
	padding:20px;
	position:relative;
	font-size:12px;
	background: url(../images/container-bg-bottom.png) no-repeat 0 -5px;
	color:#ffffff;
}
.footer .copyright {float:left;margin-top:20px;}
.footer .copyright a{ color:#ffffff; font-weight:bold;}

.footer .powered {float:right;margin-top:20px;}
.footer .powered a{color:#ffffff!important;}
.footer .powered a strong{ color:#ffffff; font-weight:bold;}

/*****************************
	Box pravy
*****************************/
.contentRight .box {
	position:relative;
	width:100%;
	background: url(../images/box-center-bg.gif) repeat-y top left;
}
.contentRight .box .nadpis{
	width:100%;
	height:42px;
	margin:0;
	padding:0;
	clear:both;
	background: url(../images/box-nadpis-bg.gif) no-repeat top left;
}
.contentRight .box .nadpis h2{
	font-size: 14px;
	font-weight:bold;
	margin:0;
	padding: 15px;
	color:#373940!important;
}
.contentRight .box .inside{
	width:100%;
	height:auto;
	margin:0;
	padding:15px 15px 0 15px;
	clear:both;
}
.contentRight .box .inside p {margin-bottom:10px;}
.contentRight .box .bottom{
	width:100%;
	height:10px;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	clear:both;
	background: url(../images/box-bottom-bg.gif) no-repeat top left;
}

.contentRight .mapa {
	position:relative;
	width:100%;
	margin-top:15px
}

.noMargin {margin:0;}

.textHp {
	margin-top:20px;
	line-height: 24px;
	text-align:center;
	font-size: 20px;
	font-weight:bold;
	color:#c00;
}