/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}



/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #2a2a2a; background-color: #666666; }

table.tabela { border: 1px solid #afafaf; }
table.tabela tr td { border: 1px solid #afafaf; padding: 3px; }

.block-wrapper { margin: auto; display: block; float: left; width: 100%; }

#header { margin: auto; padding: 0px; display: block; width: 800px; height: 121px; background: url('../graphics/header-bg.png') no-repeat top left; }
    #header #logo { margin: auto; padding: 23px 0px 0px 14px; display: block; float: left; width: 111px; height: 98px; }
    #header #logo-title { margin: auto; padding: 52px 0px 0px 0px; display: block; float: left; width: 450px; height: 69px; }
        #header #logo-title p { margin: 0px; padding: 0px; font-family: arial; font-size: 13px; color: #000000; }
    #header #header-tab { margin: auto; padding: 100px 20px 0px 0px; display: block; float: left; width: 205px; height: 21px; background: url('../graphics/header-tab.png') no-repeat bottom right; }
        #header #header-tab p { margin: 0px; padding: 0px; font-size: 12px; color: #727272; text-align: right; }
        #header #header-tab a { color: #727272; text-decoration: none; }         
        #header #header-tab a:hover { color: #727272; text-decoration: underline; }   

#menu { margin: auto; padding: 0px 0px 0px 5px; display: block; width: 795px; height: 34px;  }
    #menu .menu-item-holder { padding: 0px; margin: 0px; display: block; float: left; height: 34px; }
        #menu .menu-item-holder a { z-index: 2; position: relative; margin: auto; padding: 8px 10px 8px 10px; display: block; font-family: arial; font-size: 15px; color: #d0d0d0; text-decoration: none; letter-spacing: 1px; }
        #menu .menu-item-holder a:hover { padding: 7px 10px 9px 10px; color: #ffffff; text-decoration: none; }
        #menu .menu-item-holder a.active { padding: 7px 10px 9px 10px; color: #ffffff; }
        #menu .menu-item-holder .menu-item-decoration { margin: 0px 5px 0px 5px; position: relative; top: -6px; background-color: #e45814; z-index: 1; display: none; height: 7px; box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.3); border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; }


.submenu { margin: auto; padding: 0px 0px 0px 10px; display: none; width: 790px; height: 33px; }
.activesubmenu { display: block; }
    .submenu a { color: #ffc99e; text-decoration: none; float: left; display: block; margin: 7px 30px 0px 0px; padding: 0px; }
    .submenu a:hover { color: #ffffff; text-decoration: none; border-bottom: 1px solid #fc8c33; }
    .submenu a.active { color: #ffffff; text-decoration: none; border-bottom: 1px solid #fc8c33; }

    
#home-content-head { margin: auto; padding: 0px; display: block; width: 800px; height: 489px; }
    #home-content-head #home-content-head-left { width: 240px; height: 459px; margin: 0px; padding: 25px 11px 0px 14px; float: left; display: block; }
    #home-content-head #home-content-head-center { width: 238px; height: 459px; margin: 0px; padding: 25px 13px 0px 19px; float: left; display: block; background: url('../graphics/home-column-bg.png') repeat-y left; }
    #home-content-head #home-content-head-right { width: 247px; height: 484px; margin: 0px; padding: 0px 5px 0px 13px; float: left; display: block; background: url('../graphics/home-column-bg.png') repeat-y left; }
    #home-content-head h1 { font-size: 22px; color: #ffffff; font-weight: normal; padding: 0px 0px 5px 0px; }
    #home-content-head p { font-size: 13px; color: #ffffff; line-height: 18px; padding: 3px 0px 5px 0px; }
    #home-content-head a { color: #ffffff; text-decoration: none; }
    #home-content-head a:hover { text-decoration: underline; }
    #home-content-head a.detaljnije { display: block; float: right; width: 60px; height: 18px; text-align: right; margin: 0px; padding: 0px 25px 0px 0px; color: #ffffff; font-size: 11px; text-decoration: none; background: url('../graphics/detaljnije-link.png') no-repeat top right; }
    #home-content-head a.detaljnije:hover { text-decoration: underline; }
    
#home-content { margin: auto; padding: 0px; display: block; width: 800px; min-height: 209px; }
    #home-content .box1 { display: block; float: left; margin: 15px 0px 0px 0px; padding: 0px; width: 400px; min-height: 209px; background: url('../graphics/home-column-left-bg.png') no-repeat top left; }
            #home-content .box1 .box1-header { color: #577d15; font-size: 14px; font-family: arial; display: block; float: left; margin: 0px; padding: 12px 30px 0px 40px; width: 330px; height: 25px; }
            #home-content .box1 .box1-content { color: #2a2a2a; font-size: 12px; line-height: 16px; display: block; float: left; margin: 0px; padding: 0px 30px 0px 40px; width: 330px; min-height: 126px; }
                #home-content .box1 .box1-content p { color: #2a2a2a; font-size: 12px; }
                #home-content .box1 .box1-content h1 { color: #666666; font-size: 14px; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; }
                #home-content .box1 .box1-content a.detaljnije { border-top: 1px solid #d4cdbf; border-bottom: 1px solid #d4cdbf; display: block; width: 130px; height: 18px; text-align: right; margin: 5px 0px 0px 0px; padding: 2px 0px 2px 200px; color: #e45814; font-size: 11px; text-decoration: none; }
                #home-content .box1 .box1-content a.detaljnije:hover { text-decoration: underline; }
    #home-content .box2 { display: block; float: left; margin: 15px 0px 0px 10px; padding: 0px; width: 390px; min-height: 209px; background: url('../graphics/home-column-right-bg.png') no-repeat top left; }
            #home-content .box2 .box2-header { color: #577d15; font-size: 14px; font-family: arial; display: block; float: left; margin: 0px; padding: 12px 30px 0px 40px; width: 330px; height: 25px; }
            #home-content .box2 .box2-content { color: #2a2a2a; font-size: 12px; display: block; float: left; margin: 0px; padding: 0px 30px 0px 20px; width: 350px; min-height: 126px; }
                #home-content .box2 .box2-content p { color: #2a2a2a; font-size: 12px; }
                #home-content .box2 .box2-content h1 { color: #666666; font-size: 14px; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; }
                #home-content .box2 .box2-content a { color: #e45814; text-decoration: underline; }
                #home-content .box2 .box2-content a.detaljnije { display: block; width: 60px; height: 18px; text-align: right; margin: 0px 0px 0px 125px; padding: 0px 25px 0px 0px; color: #e45814; font-size: 11px; text-decoration: none; background: url('../graphics/detaljnije-link.png') no-repeat top right; }
                #home-content .box2 .box2-content a.detaljnije:hover { text-decoration: underline; }

    
#content-head { margin: auto; padding: 0px; display: block; width: 800px; height: 198px; background: url('../graphics/content-head-bg.png') no-repeat top left; }
    #content-head #content-head-left { display: block; float: left; margin: auto; padding: 20px 20px 20px 0px; width: 285px; height: 158px; text-align: right; }
        #content-head #content-head-left p { font-size: 10px; color: #ffffff; padding: 0px; margin: 0px; }
        #content-head #content-head-left h1 { font-size: 28px; color: #ffffff; font-weight: normal; }
        #content-head #content-head-left a {color: #ffffff; text-decoration: none; }
        #content-head #content-head-left a:hover { text-decoration: underline; }
    #content-head #content-head-right { display: block; float: left; margin: auto; padding: 0px; width: 495px; height: 198px; }


#content { margin: auto; padding: 0px; display: block; width: 800px; min-height: 200px; }
    #content #content-left { display: block; float: left; margin: auto; padding: 0px; width: 305px; }
        #content #content-left img.content-left-shadow-top { position: absolute; }
        
        #content #content-left .box1 { display: block; float: left; margin: 10px 0px 10px 0px; padding: 0px; width: 305px; min-height: 200px; }
            #content #content-left .box1 .box1-top { display: block; float: left; margin: 0px; padding: 0px; width: 305px; height: 24px; background: url('../graphics/box1-top.png') no-repeat top left; }
            #content #content-left .box1 .box1-header { color: #577d15; font-size: 14px; font-family: arial; display: block; float: left; margin: 0px; padding: 0px 0px 0px 50px; width: 255px; height: 25px; background: url('../graphics/box1-header.png') no-repeat top left; }
            #content #content-left .box1 .box1-content { color: #2a2a2a; font-size: 12px; display: block; float: left; margin: 0px; padding: 0px 40px 0px 50px; width: 215px; min-height: 126px; background: url('../graphics/box1-content.png') repeat-y; }
                #content #content-left .box1 .box1-content p { color: #2a2a2a; font-size: 12px; }
                #content #content-left .box1 .box1-content h1 { color: #666666; font-size: 14px; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; }
                #content #content-left .box1 .box1-content a.detaljnije { display: block; width: 60px; height: 18px; text-align: right; margin: 0px 0px 0px 130px; padding: 0px 25px 0px 0px; color: #e45814; font-size: 11px; text-decoration: none; background: url('../graphics/detaljnije-link.png') no-repeat top right; }
                #content #content-left .box1 .box1-content a.detaljnije:hover { text-decoration: underline; }
            #content #content-left .box1 .box1-bottom { display: block; float: left; margin: 0px; padding: 0px; width: 305px; height: 25px; background: url('../graphics/box1-bottom.png') no-repeat top left; }
            
        #content #content-left .box2 { display: block; float: left; margin: 10px 0px 10px 0px; padding: 0px; width: 305px; height: 320px; background: url('../graphics/box2-bg.png') no-repeat top center; }
            #content #content-left .box2 .box2-content-top {  width: 200px; height: 140px; margin: 65px 52px 0px 53px; padding: 0px; display: block; float: left; }
                #content #content-left .box2 .box2-content-top p { text-align: center; font-size: 12px; color: #2a2a2a; }
            #content #content-left .box2 .box2-content-middle { width: 155px; height: 40px; margin: 10px 77px 0px 78px; padding: 0px; display: block; float: left; }
                #content #content-left .box2 .box2-content-middle p { text-align: center; font-size: 11px; color: #828282; line-height: 16px; }
            #content #content-left.box2 .box2-content-bottom { background-color: #123123; width: 100px; height: 14px; margin: 0px 102px 0px 103px; padding: 0px; display: block; float: left; }
                #content #content-left .box2 .box2-content-bottom p { text-align: center; font-size: 11px; color: #e45814; }
                #content #content-left .box2 .box2-content-bottom a { color: #e45814; text-decoration: none; }
                #content #content-left .box2 .box2-content-bottom a:hover { text-decoration: underline; }
                
    #content #content-right { display: block; float: left; margin: auto; padding: 0px 0px 30px 0px; width: 495px; }
        #content #content-right .separator1 { width: 495px; height: 6px; margin: 10px 0px 20px 0px; background-color: #f5f1e9; border-top: 1px solid #d4cdbf; border-bottom: 1px solid #d4cdbf; display: block; float: left; }
        #content #content-right img.content-right-shadow-top { position: absolute; }
        #content #content-right h2 { font-size: 15px; line-height: 23px; letter-spacing: 1px; color: #9c9b77; font-weight: bold; padding: 20px 0px 8px 0px; }
        #content #content-right h3 { font-size: 13px; line-height: 23px; letter-spacing: 1px; color: #676767; font-weight: bold; }
        #content #content-right p { font-size: 13px; line-height: 23px; letter-spacing: 0px; color: #2a2a2a; font-weight: normal; }
        #content #content-right p.smallparagraph { font-size: 10px; line-height: 15px; letter-spacing: 0px; color: #2a2a2a; font-weight: normal; }
        #content #content-right ul { padding: 4px 0px 4px 40px; }
        #content #content-right a { color: #e45814; text-decoration: none; }
        #content #content-right a:hover { color: #e45814; text-decoration: underline; }
        #content #content-right a:visited { color: #b78973; }
        #content #content-right #level3-menu { width: 495px; min-height: 62px; margin: 9px 0px 10px 0px; padding: 0px; display: block; float: left; border-top: 1px solid #d4cdbf; border-bottom: 1px solid #d4cdbf; }
            #content #content-right #level3-menu #level3-menu-left { min-height: 48px; padding: 7px; background-color: #f5f1e9; width: 185px; border-right: 1px solid #d4cdbf; display: block; float: left;}
            #content #content-right #level3-menu #level3-menu-right { min-height: 48px; padding: 7px; width: 281px; display: block; float: left; }
            #content #content-right #level3-menu a { color: #e45814; text-decoration: none; font-weight: bold; }
            #content #content-right #level3-menu a:hover { color: #e45814; text-decoration: underline; }
            #content #content-right #level3-menu a:visited { color: #b78973; }
        #content #content-right #map1 { width: 495px; height: 250px; display: block; float: left; margin: 15px 0px 25px 0px }
        #content #content-right #map2 { width: 495px; height: 250px; display: block; float: left; margin: 15px 0px 25px 0px }
        
#footer { margin: auto; padding: 0px; display: block; width: 800px; min-height: 78px; background: url('../graphics/footer.png') no-repeat top left; }
    #footer #footer-content { float: left; display: block; margin: auto; padding: 30px 90px 0px 90px; width: 620px; height: 48px; font-size: 10px; }
        #footer #footer-content a { color: #666666; text-decoration: none; }
        #footer #footer-content a:hover { text-decoration: underline; }
    #footer #footer-home-content { border-top: 1px solid #b0aa9e; float: left; display: block; margin: auto; margin: 1px 2px 0px 2px; padding: 12px; width: 772px; height: 60px; font-size: 10px; }
        #footer #footer-home-content p { color: #d0d0d0; font-size: 10px; line-height: 16px; }
        #footer #footer-home-content #footer-home-content-left { width: 346px; height: 60px; padding: 0px 40px 0px 0px; display: block; float: left; }
        #footer #footer-home-content #footer-home-content-right { width: 306px; height: 60px; padding: 0px 40px 0px 40px; display: block; float: left; background: url('../graphics/footer-icon.png') no-repeat top left; }


        
        

/* Raspored */

/* Blue - Leto */
.rGDoba1_Header	{
	display: block;
	width: 472px;
	height: 50px;
	background-image: url(../images/raspored/god1_header.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.rGDoba1_Back	{
	background-image: url(../images/raspored/god1_back.gif);
	background-repeat: repeat-y;
        padding-left: 10px;
}
.rGDoba1_Footer	{
	display: block;
	width: 472px;
	height: 20px;
	background-image: url(../images/raspored/god1_footer.gif);
	background-repeat: no-repeat;
}
.rGDoba1_Middle	{
	display: block;
	width: 472px;
	height: 28px;
	background-image: url(../images/raspored/god1_middle.gif);
	background-repeat: no-repeat;
}

/* Brown - Jesen */
.rGDoba2_Header	{
	display: block;
	width: 472px;
	height: 50px;
	background-image: url(../images/raspored/god2_header.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.rGDoba2_Back	{
	background-image: url(../images/raspored/god2_back.gif);
	background-repeat: repeat-y;
        padding-left: 10px;
}
.rGDoba2_Footer	{
	display: block;
	width: 472px;
	height: 20px;
	background-image: url(../images/raspored/god2_footer.gif);
	background-repeat: no-repeat;
}
.rGDoba2_Middle	{
	display: block;
	width: 472px;
	height: 28px;
	background-image: url(../images/raspored/god2_middle.gif);
	background-repeat: no-repeat;
}

/* Purple - Zima */
.rGDoba3_Header	{
	display: block;
	width: 472px;
	height: 50px;
	background-image: url(../images/raspored/god3_header.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.rGDoba3_Back	{
	background-image: url(../images/raspored/god3_back.gif);
	background-repeat: repeat-y;
        padding-left: 10px;
}
.rGDoba3_Footer	{
	display: block;
	width: 472px;
	height: 20px;
	background-image: url(../images/raspored/god3_footer.gif);
	background-repeat: no-repeat;
}
.rGDoba3_Middle	{
	display: block;
	width: 472px;
	height: 28px;
	background-image: url(../images/raspored/god3_middle.gif);
	background-repeat: no-repeat;
}

/* Green - Prolece */
.rGDoba4_Header	{
	display: block;
	width: 472px;
	height: 50px;
	background-image: url(../images/raspored/god4_header.gif);
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.rGDoba4_Back	{
	background-image: url(../images/raspored/god4_back.gif);
	background-repeat: repeat-y;
        padding-left: 10px;
}
.rGDoba4_Footer	{
	display: block;
	width: 472px;
	height: 20px;
	background-image: url(../images/raspored/god4_footer.gif);
	background-repeat: no-repeat;
}
.rGDoba4_Middle	{
	display: block;
	width: 472px;
	height: 28px;
	background-image: url(../images/raspored/god4_middle.gif);
	background-repeat: no-repeat;
}



.rGDobaTitlePadd	{
	padding: 17px 0px 0px 16px;
}
.rGDobaCity	{
	float: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #2a2a2a;
}
.rGDobaSpecOffer	{
	float: right;
}
.rGDobaHeadTitle	{
	font-size: 13px;
	color: #e45814;
	text-indent: 12px;
}
.rGDobaTableTxt	{
	font-size: 13px;
	color: #2a2a2a;
	text-indent: 12px;
}
.rGDobaCommentPadd	{
	text-indent: 20px;
}
.rGDobaCommentPaddBox	{
	padding-left: 20px;
}
.rGdobaBorderTop	{
	border-top: #d4cdbf 1px solid;
}
.rGdobaBorderBottom	{
	border-bottom: #d4cdbf 1px solid;
}
.rGdobaBorderRight	{
	border-right: #d4cdbf 1px solid;
}

.rStep	{
	clear: both;
	display: block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #f58125;
	padding: 2px 2px 2px 2px;
	margin-top: 15px;
}


#box3NavHolder {
    width: 247px; height: 25px; display: block; float: left;
}
.box3Nav	{
	background-image: url('../images/home/m_nav_back.gif');
	background-repeat: no-repeat;
	width: 82px;
	height: 21px;
}
.box3NavPadd	{
	padding: 0px 14px 0px 0px;
}
.box3NavTxt	{
	font-size: 11px;
	color: #FFFFFF;
}
.box3NavTxt a:active, .box3NavTxt a:visited, .box3NavTxt a:link {
	color: #ffffff;
	text-decoration: none;
}
.box3NavTxt a:hover {
	text-decoration: underline;
}



/* Knjizara */

#content #content-right .kTxtPadd	{
	padding: 0px 0px 10px 12px;
}

#content #content-right .kTitle	{
	display: block;
	width: 473px;
	height: 33px;
	line-height: 33px;
	background-image: url(../images/k_title_back.gif);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #9c9b77;
	letter-spacing: 2px;
	text-indent: 12px;
}
#content #content-right .kSUBTitle	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #9c9b77;
	letter-spacing: 2px;
	text-indent: 12px;
}

#content #content-right .kBookTitle	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #e45814;
	letter-spacing: 2px;
}
#content #content-right .kBookSUBTitle	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #676767;
	letter-spacing: 2px;
}
#content #content-right .kSmallTxt	{
	font-size: 11px;
	font-style: italic;
	padding-bottom: 15px;
}
#content #content-right .kSingleLine	{
	display: block;
	width: 473px;
	height: 2px;
	border-bottom: #d4cdbf 1px solid;
}
#content #content-right .kDoubleLine	{
	display: block;
	width: 473px;
	height: 6px;
	border-top: #d4cdbf 1px solid;
	border-bottom: #d4cdbf 1px solid;
	background-color: #f5f1e9;
}
#content #content-right .kDoubleLine2	{
	display: block;
	width: 473px;
	height: 6px;
	border-top: #d4cdbf 1px solid;
	border-bottom: #d4cdbf 1px solid;
	background-color: #f5f1e9;
	margin: 15px 0px 15px 0px;
}


form#applicationForm { padding: 20px 0px 0px 0px; }
    form#applicationForm input[type=text] { float: left; display: block; width: 480px; margin: 3px 0px 10px 0px; padding: 2px; }
    form#applicationForm input[type=file] { float: left; display: block; width: 473px; margin: 3px 0px 10px 0px; padding: 2px; }

/* 09.06.2011. */
.contactInfo {float: left; display: inline; position: relative;}
.contactInfoAddress {width: 260px;}
.contactInfoPhone {width: 150px; float: right;}
.clear {clear: both;}
#map_canvas, #map_canvas2 {width: 470px; height: 365px;}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }