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

    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
        5) Forms
		6) Contactform
		7) Login & Search form 		
		8) Advert
		9) Overlay
		10) Menu
		11) Sitemap
		12) Others

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

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

body {
	padding:25px 0; 
	background:url("../design/bg.gif") 0 0 repeat-x; 
	font:12px/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
---------------------------------------------------------------------------------------------------------- */

#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;  padding:10px 10px 10px 15px; background:url("../design/pattern.gif"); text-align: center;}
    	#slogan a { color: #FFF; margin: 0px 3px 0px 3px; text-decoration: none;  }
		#slogan a:hover { color: #333; text-decoration: underline; }
    #nav {position:relative; padding:0 20px; background:url("../design/nav.gif") 0 0 repeat-x;}
    #nav ul {margin:0; list-style:none;}
    #nav ul li {display:inline;}
    #nav ul li a {display:block; float:left; padding:9px 15px; background:url("../design/nav-separator.gif") 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 {font-weight:bold;}
    #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:15px;}

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

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

    #copy {margin:15px auto 0 auto; width:910px; font-size:90%;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page
---------------------------------------------------------------------------------------------------------- */

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

#topstory-img, #topstory-index {float:left; width:200px;}
#topstory-img img {display:inline; border: 1px solid #666; }
#topstory-index img {display:inline; border: 0px; }

#topstory-txt {float:right; width:355px;}
#topstory-txt h3 {margin:0; font-size:140%; font-weight:normal; color: #dd3300; }
#topstory-txt #topstory-info {margin:0; font-size:90%;}
#topstory-txt .comment {padding-left:12px; background:url("../design/ico-comment.gif") 0 2px no-repeat;}

.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; height: 85px;}
.cols5050 .col .article-img {float:left; width:85px;}
.cols5050 .col .article-img img {display:block;}
.article-img a img { border: 1px solid #666; }
.cols5050 .col .article-txt {float:right; width:175px;}
.cols5050 .col .article-txt h4 {margin:0; margin-bottom:0px; font-size:110%;}
.cols5050 .col .article-txt p {margin:0; font-size:90%;}

#subnav {margin:0; list-style:none;}
#subnav li {display:inline;}
#subnav li a {display:block; padding:4px 10px 4px 25px; background:url("../design/subnav.gif") 10px 50% no-repeat;}
#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:15px; background:url("../design/news-dt.gif") 0 50% no-repeat; font-weight:bold;}
dl#news dd {margin:0; margin-bottom:10px; padding-left:15px;}
dl#news a:hover {text-decoration:none;}

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

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

/* ----------------------------------------------------------------------------------------------------------
5) Forms -- http://www.dynamicdrive.com/style/
---------------------------------------------------------------------------------------------------------- */

.cssform p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 195px; /*width of left column containing the label elements*/
	border-top: 1px dashed #DADADA;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -195px; /*width of left column*/
	width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform label.radiolabel, .cssform label.checkboxlabel {
	margin-left: 5px; 
	float: none;
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	padding: 1px;
}
.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	padding: 1px;
}

.cssform textarea{
	width: 325px;
	height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}

/* ----------------------------------------------------------------------------------------------------------
6) Contactform
---------------------------------------------------------------------------------------------------------- */

.contactform p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 95px; /*width of left column containing the label elements*/
	border-top: 1px dashed #DADADA;
	height: 1%;
}

.contactform label{
	font-weight: bold;
	float: left;
	margin-left: -95px; /*width of left column*/
	width: 135px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.contactform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	padding: 1px;
}
.contactform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 200px;
	padding: 1px;
}

.contactform textarea{
	width: 330px;
	height: 150px;
	margin-left: -90px;
	margin-top: 5px;
}

/* ----------------------------------------------------------------------------------------------------------
7) Loginform
---------------------------------------------------------------------------------------------------------- */

.loginform p{
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 90px; /*width of left column containing the label elements*/
	height: 1%; 
}

.loginform label{
	font-weight: bold;
	float: left;
	margin-left: -90px; /*width of left column*/
	width: 75px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.loginform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 150px;
	padding: 1px;
}
.loginform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 150px;
	padding: 1px;
}
.loginform input {width: 130px; }
.loginform #loginbtn { width: auto; } 

.searchform p {
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 10px; /*width of left column containing the label elements*/
	height: 1%; 
}
.searchform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 160px;
	padding: 3px;
	color: #666;
}
.searchform input {width: 160px; display: inline;  }
.searchform #searchbtn { width: auto; margin-left: 5px; } 

/* ----------------------------------------------------------------------------------------------------------
8) Advert
---------------------------------------------------------------------------------------------------------- */

.advert-img {float:left; width:100px;}
.advert-img img {display:block; }
.advert-img a img { border: 1px solid #666; }
.advert-txt {float:right; width:455px; }
.advert-txt h3 {margin:0; font-size:140%; font-weight:normal; }
.advert-txt .advert-info {margin:0; font-size:90%;}
.advert-txt .comment {padding-left:12px; background:url("../design/ico-comment.gif") 0 2px no-repeat;}
.advert-txt p { margin-top: 0px;  }

.advert-overview { height: 90px; margin-bottom: 5px;  }

/* ----------------------------------------------------------------------------------------------------------
9) Overlay
---------------------------------------------------------------------------------------------------------- */

#disclaimer
{
    position: relative;
    margin-top: -350px;
	height: 300px;    
    width: 535px;
	border: 5px solid #ccc;
    background: #eee;
    display: none;
	padding: 15px;
	overflow:auto;
}
 
#cloud
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #666;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
    display: none;
}

/* ----------------------------------------------------------------------------------------------------------
10) Menu -- http://www.cssplay.co.uk/menus/iframe_fix.html
---------------------------------------------------------------------------------------------------------- */

/*#menu_container {
	margin:0px 0px 0px 0px; 
	position:relative; 
	z-index:21; 
	background:url("../design/nav.gif") 0 0 repeat-x; }*/
	
#menu_container { z-index:21; margin:0px; position:relative; width:940px; height:32px; background:url("../design/nav.gif") 0 0 repeat-x;} 

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} 

#pmenu iframe {position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;}

#pmenu a, #pmenu a:visited {
	text-align:center;
	display:block;
	width:120px; 
	font-size:12px; 
	font-family:arial, verdana, sans-serif; 
	color:#333; 
	height:30px; 
	line-height:29px; 
	text-decoration:none; 
	text-indent:5px; 
	border:1px solid #fff; 
	border-width:1px 0 1px 1px;
}

#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px; }
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

#pmenu li {float:left; background:#EFEFEF;}

#pmenu li a:hover {position:relative; color:#333; background:#DADADA;}
#pmenu li:hover {position:relative;}
#pmenu li:hover > a {color:#333; background:#DADADA;}
#pmenu li ul {position:absolute; left:-9999px; width:120px;}
#pmenu li:hover > ul {top:-1px; left:121px; width:120px;}
#pmenu > li:hover > ul {left:0; top:31px;}
#pmenu li:hover ul.first {top:0;}

#pmenu table {border-collapse:collapse; width:0; height:0; border:0; font-size:1em;}

#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}

#pmenu li.fly {background:#EFEFEF url(../design/pointer.gif) no-repeat right center;}
#pmenu li.drop {background:#EFEFEF url(../design/drop_arrow.gif) no-repeat right center;}


#pmenu li a:hover ul {
left:-1px; top:30px; width:120px;
}

#pmenu li a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul, 
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
top:-1px; left:120px; 
}

#pmenu a:hover ul ul,
#pmenu li a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul,
#pmenu a:hover ul iframe,
#pmenu li a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul iframe {
left:-9999px;
}

#pmenu a:hover iframe {left:-1px; top:30px;}

#pmenu a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover a:hover iframe {left:120px; top:-1px;}

#menudj a, #menudj a:visited { width: 80px; }
#menudjli li a, #menudjli a:visited { 
	text-align:center;
	display:block;
	width:120px; 
	font-size:12px; 
	font-family:arial, verdana, sans-serif; 
	color:#333; 
	height:30px; 
	line-height:29px; 
	text-decoration:none; 
	text-indent:5px; 
	border:1px solid #fff; 
	border-width:1px 0 1px 1px;	
 }
/* ----------------------------------------------------------------------------------------------------------
11) Sitemap
---------------------------------------------------------------------------------------------------------- */
.sitemap { margin-left: 15px; }
.sitemap ul { margin-left: 10px;  }

/* ----------------------------------------------------------------------------------------------------------
12) Others
---------------------------------------------------------------------------------------------------------- */

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

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

.error_message { color: #C00; }