/****************



    ERIC MEYER'S RESET



****************/
html{overflow-x:hidden;}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;
	
}

a:hover{color:#000;}

p.vece{ font-size:15px; }

li a{
	text-decoration: none;
	font-weight:bold;
	}

p a{
    font-weight:bold;
	text-decoration: none;
	}


/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: black;

	background:#122a56 url(bg/body.jpg) repeat-x 0 0;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

strong{

    font-weight:bold; 

}

em{ 

    font-style:italic; 

}



/****************



    STRUCTURE



****************/

#outer{ width:100%; }

    #container{ position:relative; width:997px; height:1077px; margin:0 auto; /**/ }

        #polaroid{ position:absolute; z-index:10; top:0; right:-150px; width:497px; height:361px; }

        #polaroid-small{ position:absolute; z-index:10; top:0; right:120px; width:273px; height:251px; background-color: transparent; }

        #schedule{  position:absolute; z-index:5; top:0; left:222px; width:362px; text-align:center; font-size:24px; font-weight:bold; height:200px; padding-top:10px; padding-left:20px; padding-right:16px; background:url(bg/raspored.png) no-repeat 0 0; }

       	#fles { margin-top:-10px; width:280px; height:170px; }
		
	    .schedule-next{font-size:14pt;margin-bottom:20px;padding-left:20px;}

        .schedule-teams{font-size:14pt;margin-bottom:20px;padding-left:40px;}

        .schedule-date{font-size:14pt;padding-left:80px;}

        #inner{ position:relative; z-index:15; width:997px; background:url(bg/container.png) no-repeat 50% -153px;  }

            #header{ position:relative; z-index:20; height:151px; }

            #main{ position:relative; z-index:10; }

                #navigation{ position:relative; width:100%; height:42px; background:url(bg/menu.png) no-repeat 280px 0; }

                #content{ height:640px; overflow:hidden; padding: 105px 145px 0 125px; background:url(bg/bbb-text.png) no-repeat 15px 9px; }

                #wide-content{ height:655px; overflow:hidden; padding:105px 20px 0 11px; background:url(bg/bbb-text.png) no-repeat 15px 9px; }

                    .video{ float:left; width:425px; min-height:345px; padding:29px; background:url(bg/video-bg.png) no-repeat 0 0; }

                    .video p{ padding-top:40px; }

            #footer{ position:relative; padding:40px 40px 0 0; clear:both; /**/ height:115px; }
			#footer a{ font-weight:bold; float:right; color:#788294; font-family:Arial; text-decoration:none; font-size:12px; text-align:center; }


/****************



    TEXT



****************/


h1{}

h2{ display:block; width:118px; height:57px; margin-bottom:-5px; margin-left:45px; padding-top:10px; padding-left:110px; font:normal 20px Arial; color:#122444; }

    .heading1{ background:url(bg/heading1.png) no-repeat 0 0; }

    .heading2{ background:url(bg/heading2.png) no-repeat 0 0; }

    .heading3{ background:url(bg/heading3.png) no-repeat 0 0; }

h3{ font:bold 22px Arial; color:#122444; padding-bottom:30px; }

h4{}

h5{}

h6{}

p{ font:normal 13px Arial; color:#122444; padding-bottom:10px;}

.read-more{ text-align:left; font-weight:bold; }
.other-news{ font:bold 15px Arial; color:#122444; text-decoration:none;}

.block h2{ width:182px; padding-left:5px; margin-left:0px; margin-bottom:2px;}
h2.boks{ width:353px; padding-left:5px; margin-left:0px; margin-bottom:5px;}


/****************



    LINKS



****************/



a{ color:#122444; }

a:hover{ text-decoration:none; }



/****************



    IMAGES



****************/



img{}



/****************



    LISTS



****************/



ul, ol, dl{}

dt{}

dd, li{ font:normal 13px Arial; color:#122444; }



/****************



    TABLES



****************/



table{}

th, td{}

thead, tbody, tfoot{}



/****************



    FORMS



****************/



select{}

option{}

fieldset{}

label{}

input, textarea{}

.submit{}







/*

usefull classes

*/

.clear{ width:100%; clear:both; height:1%; font-size:1px; }

.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

.align-left{ float:left; margin:0 20px 10px 0; border:3px solid #576988; }



#ador{ position:absolute; width:21px; height:11px; background:url(bg/ador.png) no-repeat 0 0; }

#ador span{ display:none; visibility:hidden; }



#logo{ position:absolute; z-index:20; top:0; left:20px; width:230px; height:230px; background:url(bg/logo.png) no-repeat 0 0; }





/* navigation */

#navigation ul{ list-style:none; }
#navigation li{ position:absolute; top:0; height:42px; }
#navigation a{ display:block; width:100%; height:42px; /**/ }
#navigation a:hover{ background:url(bg/menu.png) no-repeat 0 0; }
#item1{ width:126px; left:290px; }
#item2{ width:77px; left:414px; } 
#item3{ width:92px; left:494px; }
#item4{ width:73px; left:586px; }
#item5{ width:95px; left:659px; }
#item6{ width:83px; left:754px; }
#item7{ width:91px; left:837px; }
#item1 a:hover{ background-position:-10px 100%; }
#item2 a:hover{ background-position:-137px 100%; }
#item3 a:hover{ background-position:-214px 100%; }
#item4 a:hover{ background-position:-306px 100%; }
#item5 a:hover{ background-position:-379px 100%; }
#item6 a:hover{ background-position:-474px 100%; }
#item7 a:hover{ background-position:-556px 100%; }
#item1a, #item1a a:hover { background:url(bg/menu.png) no-repeat 0 0; width:126px; left:290px; background-position:-10px 100%; }
#item2a, #item2a a:hover { background:url(bg/menu.png) no-repeat 0 0; width:77px; left:414px; background-position:-137px 100%; }
#item3a, #item3a a:hover { background:url(bg/menu.png) no-repeat 0 0; width:92px; left:494px; background-position:-214px 100%; }
#item4a, #item4a a:hover { background:url(bg/menu.png) no-repeat 0 0; width:73px; left:586px; background-position:-306px 100%; }
#item5a, #item5a a:hover { background:url(bg/menu.png) no-repeat 0 0; width:95px; left:659px; background-position:-379px 100%; }
#item7a, #item7a a:hover { background:url(bg/menu.png) no-repeat 0 0; width:91px; left:837px; background-position:-556px 100%; }
#footer p{ font:bold 12px Arial; }


/* pagging */

.pagging{ width:100%; clear:both; text-align:center; }
.pagging ul{ padding-bottom:15px; }
.pagging li{ display:inline; margin:0 5px; }
.pagging a{ text-decoration:none; }
.pagging a:hover{ text-decoration:underline; }
.pagging .active{ font-weight:bold; font-size:16px; text-decoration:none; color:#000; }

/* latest news */

#latest-news{ float:right; width:321px; padding-right:17px; }
#latest-news ul{ list-style:none; }
#latest-news li{ width:291px; height:110px; margin-bottom:20px; padding:10px 15px; background:url(bg/thumb-large-bg.png) no-repeat 0 0; font-size:11px; }
#latest-news h4{ font-weight:bold; font-size:14px; padding-bottom:5px; }
#latest-news p{ font-size:11px; }
#latest-news img{ float:left; margin-right:10px; border:2px solid #576988; }

/* fade gallery */

#fade-gallery{ float:left; width:592px; height:291px; margin:0px 17px; background:url(bg/fade-gallery-bg.png) no-repeat 0 0; padding-top:19px; }

/* kontakt */

#kontakt{ float:left; width:930px; height:470px; margin:0px 17px; background:url(bg/kontakt.png) no-repeat 0 0; padding-top:19px; }
.mapa{ margin-left:36px; margin-top:10px; }
.kontaktpodaci{ margin-left:55px; }

/* novosti */

.novostitle{ font-weight:bold; font-size:14px; }

/* gallery list */

#gallery-list{ float:left; padding-right:17px; }
#gallery-list ul{ list-style:none; }
#gallery-list li{ width:600px; height:30px; margin-bottom:20px; padding:10px 15px; }
#gallery-list p{ font-size:13px; padding-top: 16px; }
#gallery-list img{ float:left; margin-right:10px; border:2px solid #576988; width:61px;height:41px; }

/* single gallery list */

#single-gallery-list{ float:left; width:775px; padding-right:17px; }
#single-gallery-list ul{ list-style:none; }
#single-gallery-list li{ display:inline; }
#single-gallery-list p{ font-size:13px; padding-top: 16px; }
#single-gallery-list img{ float:left; margin-right:17px; margin-bottom:15px; border:2px solid #576988; }

/* marketing */

#marketing{ float:left; width:209px; height:98px; margin-bottom:15px; margin-left:21px; background:url(bg/marketing.png) no-repeat 0 0; font-size:11px; }
#marketing h3{ font-weight:bold; font-size:16px; padding-bottom:5px; padding-top:10px; padding-left:30px; }
#marketing p{ font-size:12px; padding-bottom:3px; padding-left:30px; }

/* veliki banner */

#velikibanner{ float:left; margin-left:25px; }

/* anketa */

#anketa{ float:left; width:250px; height:205px; background:url(bg/anketa.png) no-repeat 0 0; margin-left:23px; margin-top:5px; padding-top:5px; padding-left:5px;}
#anketa h3, h3.ankpit{ font-weight:bold; font-size:14px; padding-bottom:0px; padding-left:20px; padding-top:3px; }
#anketa p, #anketa label{ margin:0; font:normal 12px Arial; color:#122444; padding-bottom:0; padding-left:5px; padding-top:3px; }
#anketa div { margin-left:5px; }
#anketa input{ margin-left:15px;}
/* rekviziti */

#rekviziti{ float:left; width:350px; height:200px; margin-left:23px; margin-top:5px; }

/* banner */

#banner{ float:left; width:278px; height:200px; margin-left:23px; margin-top:5px; }