/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 50% 0 repeat-y; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, p, address, blockquote {margin:15px 0;}

h2 {font:1.3em/1.4 "arial", sans-serif; font-weight:bold; }

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:940px; margin:0 auto; overflow:hidden;}

#header {width:940px; height:95px; overflow:hidden; background:url("../design/header.gif") 0 0 no-repeat;}

#logo {position:relative; width:400px; height:75px; overflow:hidden; margin:0 0 0 20px; padding:0; font-size:300%; float:left;}
#packy {width:130px; height:85px; margin:0 0 0 20px; padding:0; float:right;  background:url("../design/packy.png")}

#logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.png") 0 0 no-repeat; cursor:pointer;}

    #tray {padding:10px 0 15px 10px; background:url("../design/tray.gif") 0 100% no-repeat;}
    
        #tray ul {margin:0; list-style:none;}
        #tray ul li {display:inline;}
        #tray ul li a {display:block; float:left; padding:0 15px 0 10px; background:url("../design/tray-separator.gif") 100% 50% no-repeat; text-decoration:underline;}
        #tray ul li a:hover {text-decoration:none;}
        #tray ul li#tray-active a {font-weight:bold; text-decoration:none;}

    #cols {position:relative; margin:10px 0; background:url("../design/cols.gif") 0 0 repeat-y;}

    	#content {float:right; width:740px; overflow:hidden;}
    	
            #content-left {float:left; width:470px;}
            #content-left-in {padding:0 10px;}
			          
            #content-right {float:right; width:260px;}

    	#aside {float:left; width:190px; overflow:hidden;}
        #aside-top {width:190px; height:5px; background:url("../design/aside-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
        #aside-bottom {position:absolute; bottom:0; left:0; width:190px; height:5px; background:url("../design/aside-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
        
            .nav {margin:0; list-style:none;}
            .nav li {display:inline;}
            .nav li a {display:block; padding:7px 10px 7px 30px; background:url("../design/nav-link.gif") 15px 13px no-repeat;text-decoration:none; }
            .nav li#nav-active a {background:url("../design/nav-active.gif") 15px 13px no-repeat; text-decoration:none; font-weight:bold;}
            .nav #nav-active ul li a {padding-left:45px; background:url("../design/nav-sub.gif") 30px 10px no-repeat;}
            .nav a:hover {text-decoration:none; background:url("../design/nav-active.gif") 15px 13px no-repeat;}

            #search {position:relative; height:22px; margin:0 -15px; padding:15px; text-align:center;}
            #search-input {position:absolute; top:15px; left:15px; width:100px; height:22px; border:0;}
            #search-submit {position:absolute; top:15px; left:115px; width:60px; height:22px; border:0;}
            #search-input, #search-submit {font-size:100%; font-family:"arial",sans-serif;}
            
            #aside h4 {font-size:100%;}
            #aside h4.margin {margin:15px 0 5px 0;}

	#footer {clear:both; padding:20px 0; background:url("../design/footer.gif") 0 0 repeat-x; font-size:85%;}
	#footer p {margin:0;}
	#footer a:hover {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top {width:450px; height:5px; background:url("../design/topstory-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory-bottom {width:450px; height:5px; background:url("../design/topstory-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory {padding:5px 10px 10px 10px;}

    #topstory-img {float:left; width:180px;}
    #topstory-img img {display:block;}
    #topstory-desc {float:left; width:445px;text-align: justify}
    
        #topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;}
        #topstory-desc .info {margin:0; font-size:85%;padding-top:7px;}

#topstory-list {padding:10px 0 5px 10px; overflow:hidden}
#topstory-list img {display:block; float:left; padding-right:10px;}
#topstory-list img.last {margin-right:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) MY
---------------------------------------------------------------------------------------------------------- */

.inzerat_zoznam_2 {border-bottom:1px solid #FFF0A5; color:#000; margin-bottom: 30px; padding: 4px 4px 0 4px; text-align:justify; background-color:#FFF7D1}
.inzerat_zoznam_2 h3{margin:0; font:1.2em/1.2 "arial", sans-serif; font-weight:bold;}
.inzerat_zoznam_2 h3 a{border-bottom:1px dotted #990033; text-decoration:none;}
.inzerat_zoznam_2 h3 a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none;}

.inzerat_zoznam_2 a{border-bottom:1px dotted #990033; text-decoration:none;}
.inzerat_zoznam_2 a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none;}

.paticka_zoznam_2 {color:#000;background-color:#FFF0A5; padding: 5px; margin-top:5px; overflow:hidden; width: 98%;}


.inzerat_zoznam_1 {border-bottom:1px solid #DFDFDF; color:#000; margin-bottom: 30px; padding: 2px 2px 0 2px; text-align:justify;}
.inzerat_zoznam_1 h3{margin:0; font:1.2em/1.2 "arial", sans-serif; font-weight:bold;}
.inzerat_zoznam_1 h3 a{border-bottom:1px dotted #990033; text-decoration:none;}
.inzerat_zoznam_1 h3 a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none;}

.inzerat_zoznam_1 a{border-bottom:1px dotted #990033; text-decoration:none;}
.inzerat_zoznam_1 a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none;}

.text_container {overflow:hidden; margin-top:6px; width: 100%;}


.paticka_zoznam_1 {color:#000;background-color:#F6F6F3; padding: 5px; margin-top:5px; overflow:hidden; width: 98%;}

.float_left {float:left;width: 45%;}
.float_right {float:right; text-align: right;width: 45%;}

.float_left_detail {float:left;width: 60%;}
.float_right_detail {float:right; text-align: right;width: 40%;}


.tovar-foto-box {width: 80px; height: 60px; padding: 1px; border:2px solid #DDDDD4; background: #FFFFFF; display:block;text-align: center; cursor: hand; float:right; margin-left:8px; overflow:hidden;} 

.tovar-foto-box-hover IMG {border: 0; padding: 0; margin: 0;}
.tovar-foto-box-hover A IMG {	border: 0; padding: 0; margin: 0; border-bottom:60px solid #ffffff;}
.tovar-foto-box-hover A:hover IMG{border: 0; padding: 0; margin: 0; border-bottom:60px solid #ffffff;}
.tovar-foto-box IMG {border: 0; padding: 0; margin: 0;}
.tovar-foto-box A IMG {border: 0; padding: 0; margin: 0; border-bottom:60px solid #ffffff;}
.tovar-foto-box A:hover IMG{border: 0; padding: 0; margin: 0; border-bottom:60px solid #ffffff;}

.tovar-foto-box-hover {width: 80px; height: 60px; float: right; padding: 1px; border:2px solid #990033;  background: #FFFFFF; text-align: center; cursor: hand; margin-left:8px; overflow:hidden; float:right; }

.article {margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}

.xarticle {margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; display:block; float:left;}

.article .article-img {float:left; width:80px; }
.article .article-img img {display:block;}
.article .article-desc {float:right; width:355px;}

.article .article-desc h3 {margin:0; font-size:140%; font-weight:normal;}
.article .article-desc .info {margin:0; font-size:85%;}
.article .article-desc p.nomb {margin-top:8px; text-align:justify;}
	
.article .article-desc2 {float:left; width:435px;display:block; }

.article .article-desc2 h3 {margin:0; font-size:140%; font-weight:normal;}
.article .article-desc2 .info2 {margin:0; font-size:85%;}
.article .article-desc2 p.nomb2 {margin-top:8px; text-align:justify;}	
	
.info_cena {margin-top:6px; color: #990033}	
	

.box-01-top {width:260px; height:5px; margin-top:5px; background:url("../design/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01-top-b {padding:5px 10px 15px 10px; background:url("../design/box-01-top-b.gif") 0 100% no-repeat;}
.box-01-top-b .f-left {text-transform:uppercase;}
.box-01-top-b .f-right {padding-top:2px; font-size:85%;}
.box-01-bottom {width:260px; height:11px; background:url("../design/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01 {padding:5px; background:url("../design/box-01.gif") 0 0 repeat-y;}
.box-01 .bg {margin:10px 0; padding:10px 0;}

    .news {margin:0;}
    .news dt {display:block; float:left; width:50px; font-weight:bold; text-align:center; line-height:1.2;}
    .news dt span {font-size:140%;}
    .news dd {display:block; float:left; width:190px; font-size:85%; line-height:1.6;}

.box-02-top {width:260px; height:5px; margin-top:10px; background:url("../design/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02-top-b {padding:5px 10px 15px 10px; background:url("../design/box-02-top-b.gif") 0 100% no-repeat; text-transform:uppercase;}
.box-02-bottom {width:260px; height:11px; background:url("../design/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02 {padding:5px 15px; background:url("../design/box-02.gif") 0 0 repeat-y;}

.mostreaded {margin:0; list-style:none;}
.mostreaded span {font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

#aside .padding {padding:10px 15px;}

.more {padding-right:15px; background:url("../design/arrow.gif") 100% 50% no-repeat;}

.rss {padding-left:22px; background:url("../design/rss.gif") 0 50% no-repeat;}

.parameter {float:left; display:block; margin-right:10px;  margin-bottom:10px; width:210px;}
.parameter_list {float:left; display:block; margin-right:10px;  margin-bottom:2px; width:210px;}
.ramovanie {clear:left; border-top: 1px dotted #DDDDD4; border-bottom: 1px dotted #DDDDD4; overflow:hidden; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px;}


/* ----------------------------------------------------------------------------------------------------------
5) Others 2
---------------------------------------------------------------------------------------------------------- */

.box-03-top {width:260px; height:5px;  background:url("../design/box-03-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-03-top-b {padding:5px 10px 15px 10px; background:url("../design/box-03-top-b.gif") 0 100% no-repeat; text-transform:uppercase;}
.box-03-bottom {width:260px; height:11px; background:url("../design/box-03-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-03 {padding:5px 15px; background:url("../design/box-03.gif") 0 0 repeat-y;}

.box-03-top, .box-03-top-b {background-color:#FFF0A5; color:#000;}

.formInfo a, .formInfo a:active, formInfo a:visited{background-color:#990033;font-size: 1.3em;font-weight:bold;
	padding:1px 2px;margin-left:5px;color:#FFFFFF;text-decoration: none;font-size: 0.8em;}

.formInfo a:hover{color:#FFF0A5;text-decoration: none;}

.capInfo {background-color:#E5E5E5;font-size: 19px;font-weight:bold;
 margin-left:5px;color:#FFFFFF;text-decoration: none;}
	
.capInfo  a{font-weight:bold;padding:1px 2px; color:#990033; text-decoration: none;}	
.capInfo  a:hover {font-weight:bold;padding:1px 2px; color:#fff; text-decoration: none;}	

.strankovanie {
font: 11px Tahoma, Arial, sans-serif;width: 455px;margin-bottom: 10px; padding: 20px 0; text-align: center;}

.strankovanie span { font-weight: bold; padding: 2px 6px 3px 6px; border: 1px solid #FFFFFF; margin-bottom: 20px;
}
.strankovanie a { background: #F1F1EE; color: #A71311; text-decoration: none; padding: 2px 6px 3px 6px;  border: 1px solid  #D0D0D0;}
.strankovanie a:hover { border-color: #990032; background: #990032; color: #ffffff;} 

.detail {border-bottom:1px solid #DFDFDF; color:#000; margin-bottom: 3px; padding: 2px 2px 0 2px; margin-top:18px;}
.detail h1{margin:0; font:1.4em/1.4 "arial", sans-serif; font-weight:bold; color:#990033; }

.detail_text {color:#000; margin-bottom: 15px; padding: 2px 2px 0 2px; text-align:justify; font:1.2em/1.4 "arial", sans-serif; clear:both; margin-top:10px;}

.detail_lista1 {color:#747474; margin-bottom: 15px; padding: 2px 2px 0 2px; text-align:justify; font:0.9em/1.5 "arial", sans-serif;}

.clearer {border-style: none;clear: both; margin: 0;padding: 0; height:0px;} 

.detail_cena {margin-bottom:15px; font:1.4em/1.0 "arial", sans-serif; font-weight:bold; color:#990033; border-bottom:1px solid #DFDFDF; padding-bottom: 15px;}
.detail_cena  span{margin:0 5px 0 0; font:1.0em/1.0 "arial", sans-serif; font-weight:bold; color:#000000;  }
.detail_cena  span.dohoda {font-weight: bold; color:#990033; font:0.6em/1.0 'arial', sans-serif;}
.detail_cena  span.euro {font-weight: bold; color:#404040; font:0.9em/1.0 'arial', sans-serif;margin-left:10px;}

.euro2 {font-weight: bold; color:#404040; font:1.0em/1.0 'arial', sans-serif;margin-left:10px;}

.tovar-foto-box2 {width: 80px; height: 60px; padding: 1px; border:2px solid #DDDDD4; background: #FFFFFF; display:block; text-align: center; cursor: hand; margin-left:4px;  margin-bottom:5px; float:left; overflow:hidden;} 
.tovar-foto-box-hover2 {width: 80px; height: 60px; padding: 1px; border:2px solid #990033;  background: #FFFFFF; display:block; text-align: center; cursor: hand; margin-left:4px; overflow:hidden; margin-bottom:5px; float:left;}

.detail_foto {margin-bottom: 15px; margin-top: 15px; border-bottom:1px solid #DFDFDF; padding-bottom:15px;overflow:hidden; width: 100%;}

.tovar-foto-box-hover2 IMG {border: 0; padding: 0; margin: 0;}
.tovar-foto-box-hover2 A IMG {border: 0; padding: 0; margin: 0; border-bottom:2px solid #ffffff;}
.tovar-foto-box-hover2 A:hover IMG{border: 0; padding: 0; margin: 0; border-bottom:2px solid #ffffff;}
.tovar-foto-box2 IMG {border: 0; padding: 0; margin: 0;}
.tovar-foto-box2 A IMG {border: 0; padding: 0; margin: 0; border-bottom:2px solid #ffffff;}
.tovar-foto-box2 A:hover IMG{border: 0; padding: 0; margin: 0; border-bottom:2px solid #ffffff;}



.detail_kontakt {margin-bottom:3px; font:1.1em/1.5 "arial", sans-serif; color:#000; border-bottom:1px solid #DFDFDF;padding-bottom: 15px; }
.detail_kontakt  h3 {margin-bottom:10px; font:1.3em/1.0 "arial", sans-serif; font-weight:bold; color:#990033;}
.detail_kontakt a{border-bottom:1px dotted #990033; text-decoration:none; font-weight:bold;}
.detail_kontakt a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none; font-weight:bold;}

.detail_email {margin-bottom:3px; font:1.1em/1.5 "arial", sans-serif; color:#000; border-bottom:1px solid #DFDFDF; padding-bottom: 15px;}
.detail_email  h4 {margin-bottom:10px; font:1.1em/1.0 "arial", sans-serif; font-weight:bold; color:#990033;}
.tlacitko {width:120px; height:22px; border:0; color:#ffffff; font-weight:bold; font:0.9em/1.0 "arial", sans-serif; background-color:#990033; margin:0; padding:0;}
.mail_input {width:250px; border:1px solid #D0D0D0; margin:0; padding:3px;}
.captcha_input {width:122px; border:1px solid #D0D0D0; margin:0; padding:3px; text-align:center}

.detail_spat {margin-bottom:3px; font:1.1em/1.5 "arial", sans-serif; color:#000; border-bottom:1px solid #DFDFDF;padding-bottom: 20px; text-align: center; clear:both;}
.detail_spat a{border-bottom:1px dotted #990033; text-decoration:none; font-weight:bold; padding-right:15px; background:url("../design/arrow.gif") 100% 50% no-repeat;}
.detail_spat a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none; font-weight:bold;}

.c_nadpis {color:#990033; font-weight:bold; font:1.3em/1.5 "arial", sans-serif;}
.c_text {color:#990033; font-weight:bold;}
.chyba {background-color:#FFF0A5; color:#990033; font-weight:bold; font:1.1em/1.5 "arial", sans-serif;padding: 5px; text-align:center;}

.input_pocitadlo {FONT-SIZE: 11px; BORDER: #ffffff 0px solid; BACKGROUND-COLOR: #ffffff}
.input_pridat_povinny {FONT-SIZE: 14px; BORDER: #990033 1px solid; BACKGROUND-COLOR: #ffffff; width: 250px; padding:3px;}
.input_pridat_nepovinny {FONT-SIZE: 14px; BORDER: #C0C0C0 1px solid; BACKGROUND-COLOR: #ffffff; width: 250px; padding:3px;}
.input_cena {FONT-SIZE: 14px; BORDER: #C0C0C0 1px solid; BACKGROUND-COLOR: #ffffff; width: 100px; padding:3px;text-align:right;}
.input_file {BORDER: #C0C0C0 1px solid; padding:1px;}

.oprava {margin-bottom:3px; font:16px/1.0 "arial", sans-serif; color:#000; border:1px dotted #990033;padding: 7px; text-align: center; width: 180px; margin-top:10px; background-color:#FFF0A5}
.oprava a{text-decoration:none; font-weight:bold; padding-right:15px; background:url("../design/arrow2.png") 100% 50% no-repeat;}
.oprava a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none; font-weight:bold;}



/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: 100px;
    width: 220px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}	

.frontpage {color:#000; margin-bottom: 3px; padding: 2px 2px 0 2px; margin-top:18px; text-align:justify;}
.frontpage h1{margin:0; font:1.3em/1.4 "arial", sans-serif; font-weight:bold; color:#990033; margin-bottom:10px;}
.frontpage ul {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; MARGIN: 5px 0px 0px 20px; COLOR: #000000; PADDING-TOP: 0px; list-style-type: square}

.praca OL {
	BACKGROUND-COLOR: transparent; PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal
}
.praca OL A {
	COLOR: #990033; TEXT-DECORATION: none; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}
.praca OL A:active {
	COLOR: #990033; TEXT-DECORATION: underline
}
.praca OL A:hover {
	COLOR: #990033; TEXT-DECORATION: underline
}
.praca LI {
	MARGIN-BOTTOM: 5px; border-bottom: 1px dotted #BBC1C7;
}

.praca A {
	COLOR: #990033; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}
.praca A:active {
	COLOR: #990033; TEXT-DECORATION: underline
}
.praca A:hover {
	COLOR: #990033; TEXT-DECORATION: underline
}

.highslide{cursor:url(../images/zoomin.cur),pointer;outline:none;}
.highslide-caption{display:none;border:2px solid white;border-top:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding: 5px 8px;background-color:white;text-align:left;line-height:150%;}
.highslide-display-block{display:block;}
.highslide-display-none{display:none;}
.highslide-loading{display:block;color:#fff!important;font-size:10px;font-weight:normal;text-decoration:none;padding: 3px 6px;border:1px solid white;background-color:black;}
.highslide-wrapper img{border:0!important;margin:0!important;padding:0!important;}
.highslide-wrapper table{border:none;margin:0;}
.highslide-closeimg:hover{cursor:pointer;}
*html.highslide-closeimg{display:none;}
.highslide-wrapper{background-color:transparent;}
.highslide-wrapper .highslide-html-content{width:680px;padding:0;}
.highslide-dimming{background:black;}

.top_inzeraty {border:1px dotted #E5E5E5; background-color:#FAFAF9; padding: 5px;}
.top_inzeraty  a{border-bottom:1px dotted #990033; text-decoration:none;}
.top_inzeraty  a:hover {color:#990033; border-bottom:1px solid #990033; text-decoration:none;}

.article_img {width:100%; text-align:center;}
.article_img A IMG {padding: 2px; margin: 0;}