/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-08-17, 13:17 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

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


body {padding:8px 0; background:url("../design/bg-body.jpg") 0 0  no-repeat fixed; font:0.75em/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */


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


.bombka {
  
	position: absolute;
	background-repeat: no-repeat;
		z-index: 10;
}

.choinka {
  
	position: absolute;
	background-repeat: no-repeat;
		z-index: 10;
}


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

    #header {position:relative; height:100px; padding:0 0 0 35px; background:url("../design/header.gif") 0 0 no-repeat; overflow:hidden;}
    #header #logo {margin:0;}
    
        #slogan {position:absolute; top:30px; right:0; width:275px; padding:10px 10px 10px 15px; background:url("../design/pattern.gif");}


    
    #nav {position:relative; padding:0px 20px; background:url(images/foxmenu_bg-OFF.gif) 0 0 repeat-x;}
    #nav ul {margin:0px; list-style:none;}
    #nav ul li {display:inline;}
    #nav ul li a {display:block; float:left; padding:6px 15px;  100% 0 repeat-y; text-decoration:none;}
    #nav a:hover {text-decoration:underline;}
    #nav ul li.active, #nav ul li.active a {font-weight:bold;}
    #nav #feeds {position:absolute; top:9px; right:25px; margin:0;}
    #nav #feeds a:hover {text-decoration:none;}

    #cols {margin-bottom:10px; background:url("../design/cols.gif") 0 0 no-repeat;}
    #cols-in {min-height:430px; padding:20px; background:url("../design/cols-in.gif") 0 100% no-repeat;}
    
        #content {float:left; width:600px; }
        #aside {float:right; width:280px;}
        #content .in, #aside .in {padding:12px;}

    #footer {padding:15px 15px 5px 15px;}
    #footer p {margin:0; font-size:12px;}
    
        #ico-print {padding-left:12px; background:url("../design/ico-print.gif") 0 50% no-repeat; font-size:12px;}
        #ico-sitemap {margin-left:10px; padding-left:10px; background:url("../design/ico-sitemap.gif") 0 50% no-repeat; font-size:12px;}
	
        .ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat; font-size:12px;}

        #ico-powrot {margin-left:10px; padding-left:10px; background:url("../design/powrot.gif") 0 50% no-repeat; font-size:12px;}

        #ico-up {margin-left:10px; padding-left:10px; background:url("../design/up.gif") 0 50% no-repeat; font-size:12px;}


    #copy {margin:1px auto 0 auto; width:910px;  font-size:11px; padding:2px;}





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

#breadcrumbs {margin:2px; font-size:11px;}
#breadcrumbs a:hover {text-decoration:none;}
#breadcrumbs span {margin:0 3px;}

#topstory-img {	

		float : left;
		background-color: #EFEFEF;
		border : 1px solid #D8D8D8;
		margin : 0px 5px 0px 0px;
		padding : 4px;

}
#img {	

		float : left;		
		margin : 0px 5px 0px 0px;
		padding : 4px;

}





#topstory-txt { margin:0px; font-size:12px;font-family:Arial, sans-serif; color:#000;  text-align: justify; line-height: 24px;  }
#topstory-txt .comment {padding-left:12px; background:url("../design/ico-comment.gif") 0 2px no-repeat; font-size:10px;}




#topstory-txt h3 {margin:0; font-size:12px; font-weight:bold;}

 #topstory-info {margin:0; font-size:11px;font-family:Arial,}


.cols5050 {clear:both; background:url("../design/dot-01.gif") 0 100%  repeat-x;}
.cols5050 .col {float:left; width:275px;}
.cols5050 .col .article {clear:both; margin-bottom:15px; }
.cols5050 .col .article-img {float:left; width:85px; padding: 3px; background-color: #EFEFEF;border: 1px solid #D8D8D8;
}
.cols5050 .col .article-img img {display:block;}
.cols5050 .col .article-txt {float:right; width:175px;}
.cols5050 .col .article-txt p {margin:0px; font-size:12px; margin-bottom:2px; }

#subnav { list-style:none;}
#subnav li {display:inline;}
#subnav li a {display:block; padding:1px 10px 4px 25px; background:url("../design/subnav.gif") 10px 50% no-repeat; font-size:12px;}
#subnav li a:hover {text-decoration:none;}
#subnav li.last a {border:0;}

dl#news {margin:0; background:url("../design/dot-02.gif") 3px 0 repeat-y;}
dl#news dt {margin-bottom:3px; padding-left:20px; background:url("../design/news-dt.gif") 0 50% no-repeat; font-weight:bold; font-size:12px;}
dl#news dd {margin:0; margin-bottom:10px; padding-left:20px; font-size:12px; }
dl#news a:hover {text-decoration:none;}



dl#list {margin:0; background:url("../design/dot-02.gif") 3px 0 repeat-y;}
dl#list dt {margin-bottom:3px; padding-left:20px; background:url("../design/news-dt.gif") 0 50% no-repeat;  font-size:12px;}
dl#list dd {margin:0; margin-bottom:10px; padding-left:40px; font-size:12px; }
dl#list a:hover {text-decoration:none;}


#gallery-in {padding:0px; background:url("../design/gallery.gif") 0 0 repeat-x; font-size:12px;}
#gallery .separator {width:940px; height:4px; margin:6px 0; background:url("../design/separator.gif") 0 0 repeat-x; font-size:12px; line-height:0; overflow:hidden;}
#gallery img {margin-right:10px; border: 1px solid #ccc;padding: 3px;  }
#gallery a.last img {margin:0;}


#polecamy-in {padding:0px; background:url("../design/gallery.gif") 0 0 repeat-x; font-size:12px;}
#polecamy .separator {width:940px; height:4px; margin:6px 0; background:url("../design/separator.gif") 0 0 repeat-x; font-size:0; line-height:0; overflow:hidden;}
#polecamy img {margin-right:10px;  }
#polecamy a.last img {margin:0;}

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

.title-01 {margin:0; padding:1px 1px 1px 45px; background:url("../design/arrow-01.gif") 15px 50% no-repeat; font-size:15px; font-weight:normal;}
.title-02 {background:url("../design/dot-01.gif") 0 60% repeat-x; font-size:13px; font-weight:bold;}
.title-02 span {padding-right:5px;}
.title-03 {margin:0; padding:4px 10px 13px 15px; background:url("../design/arrow-02.gif") 245px  no-repeat; font-size:12px; }
.title-03.gallery {background:url("../design/arrow-02.gif") 885px 50% no-repeat;}
.title-04 {margin:0 5px; padding:12px 30px 1px 15px; background:url("../design/title-04.gif") 0 0  repeat-x; font-size:12px; font-weight:bold;}


.title-05 {margin:0; padding:5px 1px 1px 12px; background:url("../design/arrow-01.gif") 12px 50% no-repeat; font-size:12px; font-weight:normal;}



.more {padding-right:14px; background:url("../design/more.gif") 100% 5px no-repeat; font-size:12px;}
a:hover.more {text-decoration:none;}



.top_search{
width:230px;
height:26px;
margin:0px 0px 0 0;
_margin:0px 1px 0 0;
float:right;
background:url(images/search.gif) no-repeat center;
}
input.search_input{
width:182px;
height:15px;
float:left;
margin:4px 5px 0 0 ;
border:1px  solid silver;
border-bottom-color:silver;
border-right-color:silver;
}
.search{
float:left;
padding:4px 0 0  0px;
width:18px;
height:18px;
border:none;

}




/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}