body {
font-family: verdana;
font-size: 9pt;
margin:0px;
padding:0px;
background-image: url(../images/bcg.jpg);
background-repeat: repeat-x;
background-color: #313131;
color: #666666;
}


#top {
	width: 830px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/top.jpg);
	text-align: right;
	padding-top: 35px;
	padding-right: 50px;
}

#top_logo {
	width: 880px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/top_logo.jpg);
	text-align: center;
}

#menu {
	width: 880px;
	height: 79px;
	line-height: 77px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/menu.jpg);		
	text-align: center;
}

#main {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/main_bcg.jpg);
}

#content {
	margin: 0 60px 0 60px;
	padding-top: 20px;
}


#foot {
	width: 820px;
	height: 50px;
	padding-left: 60px;
	padding-top: 90px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/foot.jpg);
}

#foot_left {
	float: left;
	color: #313131;
	font-size: 8pt;
}

#foot_right {
	float: left;
	text-align: right;
	width: 525px;
	
}

#galerie {
	clear: both;
	height: 180px;
	width: 880px;
}

#posuv_left {
	float: left;
	margin-top: 20px;
	height: 128px;
	width: 30px;
}

#posuv_right { 
	float: left;
	margin-top: 20px;
	height: 128px;
}

div.counter_button {
	padding-left: 6px;
	padding-bottom: 10px;
}

div.uvod {
	clear: both;
	height: 164px;
	margin-bottom: 20px;
}

div.uvod_in {
	width: 190px;
	float: left;
}

div.perex_obr {
	width: 164px;
	height: 164px;
	padding-left: 18px;
	background-image: url(../images/bcg_obr.jpg);	
	float: left;
}

div.perex_text {
	padding-left: 10px;
	float: left;	
	width: 500px;
	height: 164px;
}

div.klient {
	float: left;
	height: 164px;
	margin-bottom: 20px;
}


div.perex_klient {
	padding-left: 10px;
	float: left;	
	width: 168px;
	height: 164px;
}

div.perex_klient1 {
	padding-left: 10px;
	padding-right: 10px;
	float: left;	
	width: 180px;
	height: 164px;
}

div.perex_klient2 {
	padding-left: 10px;
	float: left;	
	width: 180px;
	height: 164px;
}
div.gal_obr {
	width: 164px;
	height: 164px;
	padding-left: 18px;
	background-image: url(../images/bcg_obr.jpg);	
	margin-right: 6px;
}

div.content_other {
	margin: 0 60px 0 65px;
	clear: both;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a.menu {
	color: #999999;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 3px 0 3px;
	padding: 3px 8px 3px 8px;	
}

a.menu:hover, a.menu_current {
	background-color: #5b5a5a;
	color: White;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 3px 0 3px;
	padding: 3px 8px 3px 8px;	
}

a.uvod {
	color: #9b262f;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}

a.uvod:hover {
	text-decoration: underline;
}
a.submenu {
	color: #999999;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

a.submenu:hover {
	text-decoration: underline;
}

a.foot_menu {
	color: #252525;
	font-size: 8pt;
	margin-left: 5px;
}

a.foot_menu:hover {
	color: #cccccc;
}

a.counter {
	color: #abaaaa;
	padding: 5px;
	text-decoration: none;
}

a.counter:hover {
	background-color: #9B262F;
	color: White;		
	text-decoration: none;
}

a.counter_sel {
	background-color: #E3E3E3;
	color: #969696;	
	text-decoration: none;	
	padding: 5px;
}

a.counter_sel:hover {
	text-decoration: none;	
	padding: 5px;
	background-color: #9B262F;
	color: White;			
}

p.perex {
	margin: 0px;
	padding: 18px 0 0 0;
	color: #666666;
	line-height: 18px;
	height: 97px;
}

p.perex_klient {
	margin: 0px;
	padding: 18px 0 0 0;
	color: #666666;
	line-height: 18px;
}

p.main_text {
	margin: 0px;
	padding: 5px 0 0 0;
	color: #666666;
	line-height: 18px;
	width: 400px;
}

p.intro_text {
	margin: 0px;
	padding: 5px 0 0 0;
	color: #666666;
	line-height: 18px;
	width: 500px;
}

p.intro {
	padding: 10px 10px 5px 5px;
	margin:0px;
	line-height: 20px;
}

h1 {
	color: #9b262f;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

input.form_text{
	border: none;
	background-color: #e8e8e8;
	color: #313131;
	height: 20px;
	width: 275px;
	padding: 2px 5px 0 5px;
}

input.form_kod{
	border: none;
	background-color: #e8e8e8;
	color: #313131;
	height: 20px;
	width: 50px;
	padding: 2px 5px 0 5px;
}

input.submit {
	border: none;
	background-color: #e8e8e8;
	color: #313131;
	height: 22px;
	width: 70px;	
	margin-left: 10px;
	cursor: pointer;
}

input.submit:hover {
	border: none;
	background-color: #666666;
	color: #e8e8e8;
	height: 22px;
	width: 70px;	
	margin-left: 10px;
	cursor: pointer;
}

textarea.form_text{
	margin-top: 4px;
	border: none;
	background-color: #e8e8e8;
	color: #313131;
	height: 80px;
	width: 275px;
	overflow: auto;
	padding: 2px 5px 0 5px;	
}

.clear {
	clear: both;
}

img.spat {
	margin-top: 20px;
}

img.viac_uvod {
	margin-top: 5px;
	padding-left: 6px;
}

img.posuv_left {
	padding-top:30px; 
	padding-bottom: 30px;
}

img.posuv_right {
	padding-top:30px; 
	padding-bottom: 30px;
}

img.logo {
	margin-top: 45px;
}