@import url('/css/general_tinymce.css');

body {
	background: #f0f0f0 url('/img/bgimage-top.png') repeat-x 0px 0px;
	font-family: Verdana, Arial;
}

input, textarea {
	font-family: Arial;
}

div#main {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#page-header {
	height: 153px;
	width: 100%;	
}

#contact-info {
	background: url('/img/contact-icon.png') no-repeat 0px 0px;
	padding-left: 40px;
	float: right;
	font-size: 11px;
	width: 320px;
	color: #888888;
	height: 30px;
	margin-top: 25px;
	padding-top: 17px;
}

#contact-info strong {
	margin-left: 10px;
}

#logo {
	display: block;
	float: left;
	height: 52px;
	width: 290px;
	margin-top: 20px;
	background: url('/img/logo.png') no-repeat 0px 0px;
}

#top-menu-line {
	width: 100%;
	height: 54px;
	float: left;
	margin-top: 27px;
}

#top-menu-content {
	width: 946px;
	height: 100%;
	background: url('/img/top-menu-bg.png') repeat-x 0px 0px;
	float: left;
}

#top-menu-left {
	float: left;
	height: 100%;
	width: 2px;
	background: url('/img/top-menu-left.png') no-repeat 0px 0px;
}

#top-menu-right {
	float: right;
	height: 100%;
	width: 2px;
	background: url('/img/top-menu-right.png') no-repeat 0px 0px;
}

#top-menu {
	height: 100%;
}

#top-menu li {
	display: block;
	float: left;
	height: 48px;
	padding: 6px 7px 0px 5px;
	background: url('/img/top-menu-separator.png') no-repeat right 16px;
	position: relative;
	width: auto;
}

#top-menu li.last {
	background: none;
}

#top-menu li a { 
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 15px 7px 0px 7px;
	height: 33px;
	float: left;
}

#top-menu li a.selected,
#top-menu li a:hover {
	color: #2f7ec3;
	background-color: #ffffff !important;
	border: 0px solid #ffffff; /* required for IE o.O */
}

#top-menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 100;
	background: url('/img/transparent.gif') repeat top left;
}

#top-menu li:hover ul {
	display: block;
}

#top-menu li ul li {
	background: none;
	padding: 0px;
	margin: 0px;
	height: auto;
	float: left;
	clear: both;
}

#top-menu li ul li a {
	display: block;
	font-size: 10px;
	color: #ffffff;
	width: 129px;
	height: auto;
	padding: 5px 5px 5px 5px;
	margin-top: 1px;
	background-color: #0458a7;
	font-weight: none;
	text-transform: none;
	opacity: 0.8;/*css3*/
	filter:alpha(opacity=80);/*IE*/
	border: 1px solid #0458a7;
}

#top-menu li ul li a.selected,
#top-menu li ul li a:hover {
	border: 1px solid #0458a7;
}

#flags {
	float: right;
	width: 100px;
	height: 21px;
	margin-top: 16px;
}

#flags a {
	display: block;
	margin: 5px 4px 5px 4px;
	float: left;
	height: 11px;
	width: 16px;
	background: no-repeat 0px 0px;
}

#flags .cz { background-image: url('/img/flag-cz.png'); }
#flags .de { background-image: url('/img/flag-de.png'); }
#flags .pt { background-image: url('/img/flag-pt.png'); }
#flags .en { background-image: url('/img/flag-en.png'); }


/*> horny obrazok na hp */

#hp-top .shade {
	height: 310px;
	width: 950px;
	background: url('/img/hp-top-bg.png') repeat-x top left;
	position: relative;
	margin-left: 15px;
}

#hp-top {
	width: 982px;
	background: url('/img/hp-top-panel-shade.png') no-repeat 0px -54px;
	margin-left: -15px;
}

#hp-menu {
	width: 260px;
	float: left;
}

#hp-menu h2 {
	height: 37px;
	background: url('/img/hp-menu-top.png') no-repeat 0px 0px;
	padding: 10px 0px 0px 50px;
	text-transform: uppercase;
	color: #5a5a5a;
	font-size: 12px;
	margin-left: 26px;
	margin-top: 20px;
}


#hp-top .hp-image {
	float: left;
	margin: 12px 12px 0px 0px;
}

#hp-top object {
	index: 0;
}

#filler-menu ul {
	margin-left: 20px;
	margin-top: 20px;
}

#hp-menu ul {
	margin-left: 36px;
}

#filler-menu li,
#hp-menu li {
	list-style: none;
	height: 36px;
	padding-left: 30px;
	background: url('/img/hp-menu-listitem.png') no-repeat 0px 4px;
}

#filler-menu li {
	background: url('/img/hp-menu-listitem.png') no-repeat 0px 0px;
}

#filler-menu li a,
#hp-menu li a {
	color: #868686;
}

/* horny obrazok na hp <*/

#toolbar {
	height: 52px;
	width: 100%;
}

#breadcrumbs {
	font-size: 10px;
	margin: 20px;
	float: left;
}

#breadcrumbs a {
	color: #9b9b9b;
}

#breadcrumbs .current {
	font-weight: bold;
}

#search {
	float: right;
	height: 26px;
	margin-top: 13px;
}

#search .search-input {
	width: 172px;
	height: 20px;
	padding: 3px;
	margin: 0px;
	margin-left: 8px;
	border: 0px;
	background: url('/img/search-input.png') no-repeat 0px 0px;
}

#search .search-submit {
	width: 66px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	margin-left: 8px;
	border: 0px;
	background: url('/img/search-button.png') no-repeat 0px 0px;
	color: #ffffff;
	font-weight: bold;
}

#search img,
#search input {
	float: left;
	margin-left: 8px;
}

#content {
	width: 100%;
	background-color: #ffffff;
	min-height: 100px;
	float: left;
}

#content .content {
	width: 600px;
	float: left;
	padding: 0px 25px 25px 25px;
}

#content .right-panel,
#content .short-news {
	width: 300px;
	float: left;
}

#content h1 {
	color: #5a5a5a;
	font-size: 2em;
	margin-top: 13px;
	margin-bottom: 13px;
}

#content {
	color: #747474;
	font-size: 10px;
}

#content p.perex {
	color: #2e7cc4;
	font-weight: bold;
}

.short-news {
	float: left;
}

.short-news .view-catalog {
	display: block;
	width: 178px;
	height: 62px;
	background: url('/img/view-catalog.png') no-repeat 0px 0px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding-top: 31px;
	padding-left: 105px;
	float: left;
}

.short-news h2 {
	height: 30px;
	background: url('/img/short-news.png') no-repeat top left;
	padding: 10px 0px 0px 50px;
	text-transform: uppercase;
	color: #5a5a5a;
	font-size: 12px;
}

.short-news .thumb {
	width: 62px;
	height: 62px;
	padding: 5px;
	float :left;
	background: url('/img/thumb-bg.png') no-repeat 0px 0px;
}

.short-news .text {
	float: left;
	width: 200px;
	margin-left: 10px;
}

.short-news .text-wide {
	width: 272px;
}

.short-news .text h3 {
	display: inline;
	color: #2e7cc4;
}

.short-news .item {
	clear: both;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.short-news .all-news {
	color: #2e7cc4;
	display: block;
	font-style: italic;
	font-size: 12px;
	padding-bottom: 6px;
	text-align: right;
	padding-right: 25px;
	float: left;
	margin-left: 100px;
}

.short-news .all-news img {
	margin-bottom: -6px;
}

#footer {
	width: 100%;
	background: url('/img/bottom-shade.png') no-repeat 0px 0px;
	float: left;
	padding-top: 28px;
}

#footer .logo-shaded {
	float: right;
}

#bottom-menu a {
	float: left;
	display: block;
	color: #8e8e8e;
	padding: 0px 15px 0px 15px;
	text-transform: uppercase;
	font-size: 10px;
	background: url('/img/bottom-menu-separator.png') no-repeat right 0px;
}

#bottom-menu a.last {
	background: none;
}

#footer .sig {
	float: left;
	display: block;
	color: #8e8e8e;
	font-size: 9px;
	clear: left;
	padding: 15px;
}

/*> email */

h2 span {
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	color: #747474;;
}

.news {
	border-bottom: 1px dotted #747474;;
}

/* email <*/

#write-form fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#write-form label {
	width: 80px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#write-form input.text {
	border: 1px solid #e7e7e7;
	height: 25px;
	width: 140px;
	padding: 0px 5px 0px 5px;
	background: url('/img/form-input-bg.png') repeat-x 0px 0px;
	float: left;
}

#write-form input.submit {
	border: 1px solid #e7e7e7;
	padding: 7px 15px 7px 15px;
	background: none;
	float: right;
}

#write-form span.red {
	color: #ff0000;
	height: 25px;
	display: block;
	width: 10px;
	float: left;
}

#write-form label.suggest {
	float: left;
	width: 250px;
}

#write-form textarea {
	border: 1px solid #e7e7e7;
	width: 400px;
	float: left;
}

#write-form .line {
	width: 100%;
	float: left;
	margin: 3px 0px 3px 0px;
}

#error-text ul li {
	list-style: none;
}

.more {
	text-align: right;
	width: 100%;
	display: block;
	clear: both;
}


#slideshow-cover {
	width: 600px;
}

#slideshow-cover .prev,
#slideshow-cover .next {
	float:left;
	color:#69C;
	display: block;
	width: 25px;
	height: 90px;
	vertical-align: middle;
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

#slideshow-cover .prev {
	margin-right: 5px;
	background-image: url('/img/slideshow-back.png');
}

#slideshow-cover .next {
	margin-left: 5px;
	background-image: url('/img/slideshow-next.png');
}

#slideshow{
	float: left;
	overflow:hidden;
	width:540px;
}


#slideshow ul{
	width:3900px;
	padding-left:0px;
}