/*
	TopDizajn - Basic Style Sheet
	grzegorz@kaliciak.net / www.etrust.pl
	v1.0.0, 29.12.2008
*/

/* =global */
body{color:#343434;font:0.88em/1.3 Arial,sans-serif;background:#000;text-align:center;margin:0;padding:0 0 1em;}
img{border:0;}
strong{font-weight:bold;}
em{font-style:italic;}
p,ul,ol,dl{margin:1em 0;padding:0;}
li{margin:0 0 0 2em;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:1em 0;line-height:1.2;}
td,th{vertical-align:top;}

#banner-top {width: 960px;}
#swf-top {width: 750px; margin: 0 auto}

/* =forms */
form{padding:0;margin:0;}
fieldset{margin:0;padding:0;border:0;}
input,select,textarea{font:1em/1.4 Arial,sans-serif;color:#000;}
textarea,input.text,select{background:#fff;}
textarea,input.text{padding:0.4em 7px 0.1em;border:1px solid #E8E8E8;}
input.text{height:1.4em;}
input[type=checkbox]{vertical-align:top;}

/* =links */
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}
a.more{padding-left:14px;background:url('../lay-gfx/more.png') no-repeat 0 0.3em;font-weight:bold;}

/* =skips */
.skip{position:absolute;text-indent:-9999px;overflow:hidden;list-style:none;}

/* =layout */
#wrapper{width:960px;margin:0 auto;text-align:left;background:#fff;}
#main{padding:0 0 20px;overflow:hidden; vertical-align: top}

/* ----------------------------------------------------------------------------------------- */
/** =branding **/
#branding{overflow:hidden;position:relative;padding:0;height:148px;background:url('../lay-gfx/top-bg.png');}
#branding h1{margin:0;position:absolute;top:14px;left:15px;width:316px;height:130px;background:url('../lay-gfx/id-top_dizajn.gif') no-repeat;}
#branding h1 a{display:block;width:316px;height:130px;overflow:hidden;text-indent:-9999px;}

/* =global navigation */
#nav-global{margin:0;position:absolute;left:354px;bottom:11px;}
#nav-global li{float:left;list-style:none;margin:0 8px 0 0;}
#nav-global a{float:left;padding:10px 3px;line-height:1;border-bottom-width:5px;border-bottom-style:solid;font-size:1.21em;font-weight:bold;color:#000;}
#nav-global a:hover,#nav-global a:focus,#nav-global a:active,#nav-global a.active{text-decoration:none;}
#nav-global .c1{border-color:#EC7A00;}
#nav-global .c1-active,
#nav-global .c1:hover,
#nav-global .c1:active,
#nav-global .c1:focus{color:#EC7A00;}
#nav-global .c2{border-color:#0071EC;}
#nav-global .c2-active,
#nav-global .c2:hover,
#nav-global .c2:active,
#nav-global .c2:focus{color:#0071EC;}
#nav-global .c3{border-color:#EC0029;}
#nav-global .c3-active,
#nav-global .c3:hover,
#nav-global .c3:active,
#nav-global .c3:focus{color:#EC0029;}
#nav-global .c4{border-color:#39A51F;}
#nav-global .c4-active,
#nav-global .c4:hover,
#nav-global .c4:active,
#nav-global .c4:focus{color:#39A51F;}
#nav-global .c5{border-color:#A51F5A;}
#nav-global .c5-active,
#nav-global .c5:hover,
#nav-global .c5:active,
#nav-global .c5:focus{color:#A51F5A;}
#nav-global .c6{border-color:#006196;}
#nav-global .c6-active,
#nav-global .c6:hover,
#nav-global .c6:active,
#nav-global .c6:focus{color:#006196;}

/* ----------------------------------------------------------------------------------------- */
/** =content **/
#content{float:right;width:616px;padding-top:20px;}
#content .content{background:url('../lay-gfx/vsep.png') repeat-y;padding:0 0 0 5px;height:100%;}
#content .content .fb-padding{padding-bottom:15px;}
#content a{font-weight:bold;}
#content h2 a{font-weight:normal;}
#content h1{font-size:4.29em;font-weight:bold;line-height:1;margin:0 0 0.4em;padding-left:44px;background:url('../lay-gfx/h-p.png') no-repeat 6px 0.4em;color:#000;}

/* =article */
#article{padding:0 20px 0 10px;}
#article h2{font-size:1.86em;font-weight:normal;line-height:0.95;margin:0;}
#article .date{margin:0 0 0.5em;font-size:0.86em;}

/* =content-list */ 
#content-list{margin:0 0 -20px;}
#content-list li{margin:-20px 0 20px 0;padding:20px 20px 20px 0;list-style:none;display:block;overflow:hidden;height:100%;background:url('../lay-gfx/hsep.png') 0 100% repeat-x;}
#content-list img{float:left;}
#content-list div.c{float:right;width:410px;}
#content-list .date{margin:0 0 0.5em;font-size:0.86em;}
#content-list h2{font-size:1.86em;font-weight:normal;line-height:0.95;margin:0;}
#content-list p{color:#454545;margin:0.7em 0 0;}

/* =pagination */
#pagination{overflow:hidden;position:relative;background:#E8E8E8;margin:-1px 0 0;text-align:right;padding:10px 40px; width: 530px}
#pagination a{font-weight:normal;}
#pagination li{display:inline;list-style:none;margin:0;padding:0 4px 0 9px;background:url('../lay-gfx/pager-sep.png') no-repeat 0 55%;}
#pagination li.first{background-image:none;}
#pagination strong{text-decoration:underline;}
#pagination li.prev,
#pagination li.next{background-image:none;position:absolute;text-align:left;margin:0;padding:0;}
#pagination li.next{top:12px;right:18px;}
#pagination li.prev{top:12px;left:18px;}
#pagination li.next a{display:block;overflow:hidden;text-indent:-9999px;background:url('../lay-gfx/next.png') no-repeat;width:15px;height:16px;}
#pagination li.prev a{display:block;overflow:hidden;text-indent:-9999px;background:url('../lay-gfx/prev.png') no-repeat;width:15px;height:16px;}

/* =breadcrumb */
#breadcrumb{overflow:hidden;height:100%;line-height:1;margin:5px 0 -10px 356px;}
#breadcrumb li{list-style:none;margin:0 0 0 -15px;float:left;padding:0 20px 0 15px;background:url('../lay-gfx/breadcrumb-sep.png') no-repeat 0.3em;}

/* =teaser */
#teaser{clear:both;padding-top:20px;}
#teaser .t{float: left; width:308px;border:1px solid #DCDCDC;margin-left:7px;}
#teaser img{float:left;border:1px solid #787878;margin:3px 9px 4px 0;}
#teaser .w{padding:17px 5px 4px 12px;overflow:hidden;height:100%;}
#teaser .t1 .w{border-bottom:2px solid #F13E00;}
#teaser .t2 .w{border-bottom:2px solid #00661A;}
#teaser .t3 .w{border-bottom:2px solid #0043A8;}
#teaser h2{font-size:1.14em;font-weight:bold;margin:0;}
#teaser p{color:#666;margin:0.7em 0;}

/* ----------------------------------------------------------------------------------------- */
/** =sidebar **/
#sidebar{float:left;width:338px;padding-top:20px;}
#sidebar h2{margin:0 0 1em;color:#F23F00;background:#E6E6E6;font-size:1.86em;font-weight:normal;padding:12px 12px;line-height:1;}
#sidebar ul{margin:2em 0 1em;}
#sidebar li{margin:0;padding:0 0 0 24px;background:url('../lay-gfx/list-p.png') no-repeat 11px 0.55em;}
#sidebar .redir{margin-bottom:7px; display:block;}


/* ----------------------------------------------------------------------------------------- */
/** =footer **/
#footer{color:#aaa;font-size:0.86em;padding-top:3px;}
#footer a{color:#aaa;}
#footer ul{margin:0;text-align:center;}
#footer li{margin:0 0.5em;list-style:none;display:inline;}

/* =misc */
.cl{clear:both;line-height:1px;height:1px;font-size:1px;position:relative;}