/* CSS Document */

a img{border:none;}
a{outline:none; color:#998470; text-decoration:underline;}
a:hover{color:#e54030; text-decoration:none;}

h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 10px 0; line-height:normal; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; color:#998470;}
h1{font-weight:normal; font-size:20px;}
h2{font-size:16px;}
h3{font-size:12px; font-weight:normal; margin-bottom:0; padding-bottom:3px;}
h4{font-size:12px;}

p{margin:0; padding:0 0 20px 0;}

body{
	margin:0;
	padding:0 0 15px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:160%;
	text-align:center;
	color:#b0aaa4;
	background:#000 url(images/bg_body.jpg) repeat-x 0 0;
	}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_container.jpg) repeat-y 0 0;
	}

#head{
	width:950px;
	height:242px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
	}

.SkinEVO #head{background:url(images/bg_head_evo.jpg) no-repeat 0 0;}
.SkinSTI #head{background:url(images/bg_head_sti.jpg) no-repeat 0 0;}

#head #logo{margin:0; padding:0; position:absolute; top:102px; left:0px; width:525px; height:90px; display:block;}
#head #logo a{text-indent:-9999px; overflow:hidden; width:525px; height:90px; display:block;}

#wrapper{background:url(images/bg_wrapper.jpg) no-repeat center top; text-align:center;}

#left{
	float:left;
	width:190px;
	padding-top:34px;
	padding-right:26px;
	min-height:130px;
	_height:130px;
	background:url(images/bg_left.jpg) no-repeat 0 0;
	}

#content{
	float:right;
	width:700px;
	padding:34px 17px 10px 17px;
	overflow:hidden;
	background:url(images/bg_content.jpg) no-repeat 0 0;
	}

.SkinEVO #content{background:url(images/bg_content_evo.jpg) no-repeat 0 0;}
.SkinSTI #content{background:url(images/bg_content_sti.jpg) no-repeat 0 0;}

#footer{
	clear:both;
	width:950px;
	}

#footer p{
	text-align:center;
	font:normal 10px "trebuchet ms",Arial, Helvetica, sans-serif;
	color:#847f7a;
	margin:0;
	padding:25px 0 0 0;
	background:#000 url(images/bg_footer.jpg) no-repeat 0 0;
	}

#footer p a{color:#847f7a; text-decoration:none;}
#footer p a:hover{color:#847f7a; text-decoration:underline;}


/******** Main Menu *********/
#head .menu{
	position:absolute;
	top:208px;
	left:1px;
	margin:0;
	padding:0;
	height:34px;
	}


#head .menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:34px;
	background:url(images/separator.jpg) no-repeat right bottom;
	}

#menu-li-1-1{width:58px;}
#menu-li-2-1{width:62px;}
#menu-li-3-1{width:92px;}
#menu-li-4-1{width:77px;}
#menu-li-5-1{width:61px;}
#menu-li-6-1{width:63px;}
#head .menu li#menu-li-7-1{width:80px; background:none;}

#head .menu li a{
	display:block;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	}

#menu-li-1-1 a{background:url(images/bg_menu.gif) no-repeat 0 0;}
#menu-li-2-1 a{background:url(images/bg_menu.gif) no-repeat -58px 0;}
#menu-li-3-1 a{background:url(images/bg_menu.gif) no-repeat -120px 0;}
#menu-li-4-1 a{background:url(images/bg_menu.gif) no-repeat -212px 0;}
#menu-li-5-1 a{background:url(images/bg_menu.gif) no-repeat -289px 0;}
#menu-li-6-1 a{background:url(images/bg_menu.gif) no-repeat -350px 0;}
#menu-li-7-1 a{background:url(images/bg_menu.gif) no-repeat -413px 0;}


#menu-li-1-1 a:hover{background:url(images/bg_menu.gif) no-repeat 0 -34px;}
#menu-li-2-1 a:hover{background:url(images/bg_menu.gif) no-repeat -58px -34px;}
#menu-li-3-1 a:hover{background:url(images/bg_menu.gif) no-repeat -120px -34px;}
#menu-li-4-1 a:hover{background:url(images/bg_menu.gif) no-repeat -212px -34px;}
#menu-li-5-1 a:hover{background:url(images/bg_menu.gif) no-repeat -289px -34px;}
#menu-li-6-1 a:hover{background:url(images/bg_menu.gif) no-repeat -350px -34px;}
#menu-li-7-1 a:hover{background:url(images/bg_menu.gif) no-repeat -413px -34px;}

/***---*/
#menu-li-8-25{width:54px;}
#menu-li-19-25{width:70px;}
#menu-li-20-25{width:86px;}
#menu-li-21-25{width:80px;}
#menu-li-22-25{width:53px;}
#menu-li-23-25{width:59px;}
#head .menu li#menu-li-24-25{width:70px; background:none;}

#menu-li-8-25 a{background:url(images/menu-en.gif) no-repeat 0 0;}
#menu-li-19-25 a{background:url(images/menu-en.gif) no-repeat -54px 0;}
#menu-li-20-25 a{background:url(images/menu-en.gif) no-repeat -124px 0;}
#menu-li-21-25 a{background:url(images/menu-en.gif) no-repeat -210px 0;}
#menu-li-22-25 a{background:url(images/menu-en.gif) no-repeat -290px 0;}
#menu-li-23-25 a{background:url(images/menu-en.gif) no-repeat -343px 0;}
#menu-li-24-25 a{background:url(images/menu-en.gif) no-repeat -402px 0;}

#menu-li-8-25 a:hover{background:url(images/menu-en.gif) no-repeat 0 -34px;}
#menu-li-19-25 a:hover{background:url(images/menu-en.gif) no-repeat -54px -34px;}
#menu-li-20-25 a:hover{background:url(images/menu-en.gif) no-repeat -124px -34px;}
#menu-li-21-25 a:hover{background:url(images/menu-en.gif) no-repeat -210px -34px;}
#menu-li-22-25 a:hover{background:url(images/menu-en.gif) no-repeat -290px -34px;}
#menu-li-23-25 a:hover{background:url(images/menu-en.gif) no-repeat -343px -34px;}
#menu-li-24-25 a:hover{background:url(images/menu-en.gif) no-repeat -402px -34px;}

/***---*/
#menu-li-12-23{width:54px;}
#menu-li-13-23{width:77px;}
#menu-li-14-23{width:92px;}
#menu-li-15-23{width:81px;}
#menu-li-16-23{width:60px;}
#menu-li-17-23{width:56px;}
#head .menu li#menu-li-18-23{width:70px; background:none;}

#menu-li-12-23 a{background:url(images/menu-hu.gif) no-repeat 0 0;}
#menu-li-13-23 a{background:url(images/menu-hu.gif) no-repeat -56px 0;}
#menu-li-14-23 a{background:url(images/menu-hu.gif) no-repeat -131px 0;}
#menu-li-15-23 a{background:url(images/menu-hu.gif) no-repeat -223px 0;}
#menu-li-16-23 a{background:url(images/menu-hu.gif) no-repeat -304px 0;}
#menu-li-17-23 a{background:url(images/menu-hu.gif) no-repeat -364px 0;}
#menu-li-18-23 a{background:url(images/menu-hu.gif) no-repeat -420px 0;}

#menu-li-12-23 a:hover{background:url(images/menu-hu.gif) no-repeat 0 -34px;}
#menu-li-13-23 a:hover{background:url(images/menu-hu.gif) no-repeat -56px -34px;}
#menu-li-14-23 a:hover{background:url(images/menu-hu.gif) no-repeat -131px -34px;}
#menu-li-15-23 a:hover{background:url(images/menu-hu.gif) no-repeat -223px -34px;}
#menu-li-16-23 a:hover{background:url(images/menu-hu.gif) no-repeat -304px -34px;}
#menu-li-17-23 a:hover{background:url(images/menu-hu.gif) no-repeat -364px -34px;}
#menu-li-18-23 a:hover{background:url(images/menu-hu.gif) no-repeat -420px -34px;}

	
/****************  W-boxy ***************************************/

#left .title{margin:0; padding:0 0 5px 0; width:190px; height:22px; text-indent:-9999px; overflow:hidden;}
#left #aktualne{background:url(images/aktualne.jpg) no-repeat 0 0;}
#left #kategorie{background:url(images/katalog.jpg) no-repeat 0 0;}
#left #referencie{background:url(images/referencie.jpg) no-repeat 0 0;}
#left #fotogaleria{background:url(images/fotogaleria.jpg) no-repeat 0 0;}
#left #videogaleria{background:url(images/videa.jpg) no-repeat 0 0;}

#left #actual{background:url(images/actual.jpg) no-repeat 0 0;}
#left #catalogue{background:url(images/catalogue.jpg) no-repeat 0 0;}
#left #ourwork{background:url(images/ourwork.jpg) no-repeat 0 0;}
#left #photos{background:url(images/photos.jpg) no-repeat 0 0;}
#left #videos{background:url(images/videos.jpg) no-repeat 0 0;}


#left #aktualisan{background:url(images/aktualisan.jpg) no-repeat 0 0;}
#left #katalogus{background:url(images/katalogus.jpg) no-repeat 0 0;}
#left #kikvagyunk{background:url(images/kikvagyunk.jpg) no-repeat 0 0;}
#left #kepek{background:url(images/kepek.jpg) no-repeat 0 0;}
#left #videok{background:url(images/videok.jpg) no-repeat 0 0;}


#left #kategorie .content{}
#left .content{}

/************** Kategorie ********************/
.cat{margin:0 0 10px 0; padding:0;}
.cat li{list-style:none; padding:2px 0; margin:0;}
.cat li a{color:#aca49f; text-decoration:none; background:url(images/cat.jpg) no-repeat 0 0; display:block; width:170px; height:20px; padding:5px 5px 0 15px; font-weight:bold;}
.cat li a:hover, .cat a.selected:hover{color:#e54030; text-decoration:none; background:url(images/cat.jpg) no-repeat 0 -27px;}

.cat li a.selected{color:#e54030; background:url(images/cat.jpg) no-repeat 0 -27px}

/* druhy level*/
.cat li ul{margin:0; padding:5px 0 5px 10px;}
.cat li ul li{list-style:none; padding:2px 0 2px 10px; margin:0; background:url(images/sipka.gif) no-repeat 0 8px;}
.cat li ul li a, .cat li ul li a.selected{color:#847e7a; text-decoration:none; background:transparent none; margin:0; padding:0; width:auto; height:auto; display:inline; font-size:11px; font-weight:normal;}
.cat li ul li a:hover, .cat ul li a.selected:hover{color:#e54030; text-decoration:none; background:url(images/li-2.jpg) no-repeat 0 4px;}
.cat li ul li a.selected{color:#e54030;}

/************* show-image *************/
body.show-image{background:#fff none; padding:20px 0;}

/************** Kategorie ********************/
#left ul.menu{margin:0; padding:0 0 0 5px;}
#left ul.menu li{list-style:none; padding:2px 0 2px 10px; margin:0; background:url(images/sipka.gif) no-repeat 0 8px;}
#left ul.menu li a{color:#847e7a; text-decoration:none; font-size:11px;}
#left ul.menu li a:hover, .cat a.selected:hover{color:#e54030; text-decoration:none;}

/*#aktualne ul li.selected a{color:#e54030;}*/

/**** FOTOGALERIA ****/
.tab-galeria{}
.tab-galeria td{
	border-bottom:0;
	border-right:0;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	background-color:#212121;
	text-align:center;
	padding:7px;
	}

.tab-galeria td:hover{background-color:#444;}

.tab-galeria td a img{
	border-bottom:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
	border-left:0;
	border-top:0;
	}

.fotogaleria-intro, .videogaleria-intro{padding:0 0 10px 0;}

/*****************/
div.category{padding-bottom:5px;}
table.category, table.detail{width:100%; font:normal 16px "trebuchet ms",Arial, Helvetica, sans-serif; color:#7e7e7e;}
table.category td.col1{width:80%; background-color:#212121; padding:3px 20px; border-top:1px solid #333333; border-left:1px solid #333333;}
table.category td.col2{background-color:#2d2d2d; text-align:center; border-top:1px solid #464646;}
table.category td.col2 a{text-decoration:none; text-transform:uppercase; font-size:14px; display:block;  background:url(images/detail.gif) no-repeat 35px 5px;}

.product-image{text-align:center;}
.product-image img{border:5px solid #333333;}
.pathway{border-bottom:1px solid #3e3c3c; margin:0 0 15px 0; padding:0 0 5px 0;}
.pathway a{color:#ee0000; text-decoration:none;}
.pathway a:hover{color:#ee0000; text-decoration:underline;}

.video h2{color:#ff0000; font:normal 16px "trebuchet ms",Arial, Helvetica; text-align:center; margin:0; padding:15px 0;}

table.detail th{width:20%; text-align:right; background-color:#212121; padding:3px 5px; border-top:1px solid #333333; border-left:1px solid #333333; font-weight:normal; vertical-align:top;}
table.detail td{background-color:#212121; padding:3px 5px; border-top:1px solid #333333; border-left:1px solid #333333; font-size:12px; font-weight:normal;}

.backlink{text-align:center; padding:5px 0;}
.backlink a{text-decoration:none; text-transform:uppercase; font-size:14px; background:url(images/detail.gif) no-repeat 0px 5px; padding:0 0 0 10px;}

.cat-strany{height:28px; background-color:#212121; margin:0 auto; position:relative; width:696px; padding:0; font:normal 16px "trebuchet ms",Arial, Helvetica; margin-top:20px;}
.prev{display:block; width:150px; height:28px; position:absolute; top:0; left:0;}
.next{display:block; width:150px; height:28px; position:absolute;  top:0; right:0;}
a.prev{background:url(images/prev.jpg) no-repeat 0 0; color:#3d3a3a; padding-left:50px; width:100px; text-decoration:none; padding-top:3px; height:25px;}
a.next{background:url(images/next.jpg) no-repeat right top; color:#3d3a3a; padding-right:50px; width:100px; text-align:right; text-decoration:none; padding-top:3px; height:25px;}
.strany{display:block; text-align:center; width:396px; position:absolute; top:0; left:150px; color:#3d3a3a; padding-top:3px;}
.strany a{color:#3d3a3a; text-decoration:none;}
.strany a:hover{color:#808080; text-decoration:none;}
.strany a.selected{text-decoration:underline;}
a.prev:hover{background:url(images/prev.jpg) no-repeat 0 -28px; color:#808080; text-decoration:none;}
a.next:hover{background:url(images/next.jpg) no-repeat right -28px; color:#808080; text-decoration:none;}

.flags{position:absolute; top:208px; right:5px; margin:0; padding:0;}
.flags li{margin:0; padding:0; list-style:none; float:left; width:40px; height:34px;}
.flags li a{display:block; text-indent:-9999px; overflow:hidden; width:15px; height:10px; width:26px; height:22px; padding-top:12px; padding-left:14px;}

.flags li#f1{background:url(images/separator.jpg) no-repeat right bottom;}

.flags li#f1 a{background:url(images/flags.gif) no-repeat 14px -27px;}
.flags li#f2 a{background:url(images/flags.gif) no-repeat -28px -27px;}
.flags li#f3 a{background:url(images/flags.gif) no-repeat -68px -27px;}

.flags li#f1 a:hover{background:url(images/flags.gif) no-repeat 14px 13px;}
.flags li#f2 a:hover{background:url(images/flags.gif) no-repeat -28px 13px;}
.flags li#f3 a:hover{background:url(images/flags.gif) no-repeat -68px 13px;}

.flags li#f1.selected a, .flags li#f1.selected a:hover{background:url(images/flags-set.gif) no-repeat 5px 7px;}
.flags li#f2.selected a, .flags li#f2.selected a:hover{background:url(images/flags-set.gif) no-repeat -36px 7px;}
.flags li#f3.selected a, .flags li#f3.selected a:hover{background:url(images/flags-set.gif) no-repeat -76px 7px;}

.clanok{padding:5px 0 10px 0; text-align:justify; font-size:12px;}
.clanok h3{font-size:13px; font-weight:bold;}
.clanok .datum{font-size:11px; color:#E54030;}

.more {display: none;}
a.showLink, a.hideLink {
    padding-left: 15px;
    background: transparent url(images/down.gif) no-repeat left;
	}
a.hideLink {
    background: transparent url(images/up.gif) no-repeat 4px 0;
	}
a.showLink:hover, a.hideLink:hover {
    border-bottom: 1px dotted #e54030;
	}

.category-gal{}
.category-gal td{
	border-bottom:0;
	border-right:0;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	background-color:#212121;
	text-align:center;
	padding:7px;
	width:33%;
	}

.category-gal td:hover{background-color:#444;}

.category-gal td a img{
	border-bottom:1px solid #a1a1a1;
	border-right:1px solid #a1a1a1;
	border-left:0;
	border-top:0;
	}

.category-gal td.nazov{vertical-align:top;}
.category-gal td.nazov .popis{font-size:11px;}
.category-gal td.nazov:hover{background-color:#212121;}
p.desc{padding:0;}
.moref a{color:#E54030; font-size:11px;}