@charset "utf-8";
/* CSS Document */

html {border:0pt none; margin:0pt; padding:0pt; overflow:auto; width:100%; height:100%; min-height:100%;}

body {border:0pt none; 
	margin:0pt; 
	padding:0pt; 
	width:100%; 
	height:100%; 
	min-height:100%;
	background:url("../layout/background.jpg") top center repeat-y;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#000000;
	}

* {
margin:0;
padding:0;
border:0;
}

ul {
	margin-left: 2em;
	padding-bottom: 10px;
}

li {
	padding-bottom: 3px;
}

a {color:#204f8d;}

a:hover {color:#c39d0d;}

a, a:hover {outline:none; text-decoration:underline;}

h1  {
	color:#000000;
	font-size:16px;
	font-weight: bold;
}
h2  {
	color:#000000;
	font-size:14px;
	font-weight: bold;
	margin:0;
	padding-bottom: 15px;
}
h3  {
	color:#000000;
	font-size:13px;
	font-weight: bold;
	margin:0;
	padding-bottom: 12px;
}


#page {min-height:100%; position:relative;}
*html #page {height:100%;}
		
#container {padding-bottom:30px; overflow:hidden;}

#content {width:958px; margin-left:auto; margin-right:auto; text-align:left; position:relative;}


/*HEADER*/
#header {width:957px; height:167px; background:url("../layout/header.jpg") no-repeat;}

#headerUp {width:957px; height:88px;}

#headerButtons {width:300px; height:27px; float:right;}

#headerRight {width:112px; height:50px; float:right; padding-top:24px;}

.lang a {width:29px; float:right; font-size:9px; color:#FFFFFF;}

.lang a:hover {color:#204f8d;}

#headerMid a {width:37px; height:48px; float:right; background:url("../layout/isci.jpg") bottom right no-repeat; text-indent:-999em;}

#headerMid a:hover {background:url("../layout/isciOver.jpg") bottom right no-repeat;}

#headerLeft {width:262px; height:25px; float:right; margin-top:32px;}

#buttonRight a {width:98px; height:18px; float:right; background:url("../layout/eprijatelj.jpg") top left no-repeat;}

#buttonRight a:hover {background:url("../layout/eprijateljOver.jpg") top left no-repeat;}

#buttonLeft a {width:87px; height:18px; float:right; background:url("../layout/tomtelefon.jpg") top left no-repeat;}

#buttonLeft a:hover {background:url("../layout/tomtelefonOver.jpg") top left no-repeat;}

#headerDown {width:957px; height:26px; display:block; background-color:#FFFFFF;}

#headerDownLeft {width:202px; float:left; height:26px;}

#headerDownRight {width:650px; float:left; line-height:26px;padding-left:10px; font-size:12px;}

#anHolder {
	width: 520px;
	height:115px;
	float:left;
}


#mainMenuHolder {
    width:957px;
    height:52px;
    background:url("../layout/menuUp.jpg") repeat-x;
    clear:both;
}

/*MENU UP*/
ul#mainMenu { 
    padding:0;
    margin:0;
    list-style-type:none;
    float:left;
}
    ul#mainMenu li {
        float:left;
        padding:0;
        margin:0;
        position:relative;
        height:52px;
    }
    ul#mainMenu li a {
        text-indent:-999em;
        display: block;
        height:52px;
    }
#menuM1 {width:97px; height:52px; background:url("../layout/btn_onas.jpg") no-repeat;}
#menuM1:hover {background:url("../layout/btn_onasOver.jpg") no-repeat;}
#menuM1 a {width:97px;}

#menuM2 {width:112px; height:52px; background:url("../layout/btn_kontakti.jpg") no-repeat;}
#menuM2:hover {background:url("../layout/btn_kontaktiOver.jpg") no-repeat;}
#menuM2 a {width:112px;}

#menuM3 {width:118px; height:52px;  background:url("../layout/btn_programi.jpg") no-repeat;}
#menuM3:hover {background:url("../layout/btn_programiOver.jpg") no-repeat;}
#menuM3 a {width:118px;}

#menuM4 {width:123px; height:52px;  background:url("../layout/btn_prireditve.jpg") no-repeat;}
#menuM4:hover {background:url("../layout/btn_prireditveOver.jpg") no-repeat;}
#menuM4 a {width:123px;}

#menuM5 {width:114px; height:52px; background:url("../layout/btn_pocitnice.jpg") no-repeat;}
#menuM5:hover {background:url("../layout/btn_pocitniceOver.jpg") no-repeat;}
#menuM5 a {width:114px;}

#menuM6 {width:142px; height:52px;  background:url("../layout/btn_fotogalerija.jpg") no-repeat;}
#menuM6:hover {background:url("../layout/btn_fotogalerijaOver.jpg") no-repeat;}
#menuM6 a {width:142px;}

#menuM7 {width:130px; height:52px;  background:url("../layout/btn_drugionas.jpg") no-repeat;}
#menuM7:hover {background:url("../layout/btn_drugionasOver.jpg") no-repeat;}
#menuM7 a {width:130px;}

#menuM8 {width:120px; height:52px;  background:url("../layout/btn_povezave.jpg") no-repeat;}
#menuM8:hover {background:url("../layout/btn_povezaveOver.jpg") no-repeat;}
#menuM8 a {width:120px;}

    #mainMenuHolder ul#mainMenu li ul {
        position: absolute;
        font-size:11px;
        left:-999em;
        background-color:#F99837;
        text-indent:0;
        color:white;
        padding:3px;
        margin:0;
        float:left;
        list-style:none;
    }
    #mainMenuHolder ul#mainMenu li:hover ul, #menu ul#mainMenu li.sfhover ul {
        left:0;
    }
    #mainMenuHolder ul#mainMenu li ul li {
        background:none;
        text-indent:0;
        width:140px;
        padding: 0 0 2px 0;
        height:21px;
        margin:0;
    }

    #mainMenuHolder ul#mainMenu li ul li a {
        color:#ffffff;
        background:none;
        text-decoration:none;
        line-height:21px;
        height:19px;
        width:134px;
        text-indent:0;
        font-weight:bold;
        padding:2px 3px;
    }
        #mainMenuHolder ul#mainMenu li#menuM3 ul li,
        #mainMenuHolder ul#mainMenu li#menuM5 ul li {
            width:216px;
        }
        #mainMenuHolder ul#mainMenu li#menuM3 ul li a,
        #mainMenuHolder ul#mainMenu li#menuM5 ul li a {
            width:210px;
        }
        #mainMenuHolder ul#mainMenu li#menuM6 ul li {
            width:196px;
        }
        #mainMenuHolder ul#mainMenu li#menuM6 ul li a {
            width:190px;
        }
    #mainMenuHolder ul#mainMenu li ul li a:hover {
        color:#204F8D;
        background-color:#FBA457;
    }



/*MAIN CONTENT*/
#contentMain {width:957px; height:100%; float:left; background:url("../layout/middleBack.jpg") top center no-repeat;}


/*LEFT*/
#contentLeft {width:202px; height:100%; float:left;}

#leftMenu {width:202px; height:100%; background:url("../layout/menuBlueBack.jpg") top left repeat-y; float:left; padding-top:8px;}

.menuL a {width:155px; background:url("../layout/arrow.jpg") 0 12px no-repeat; font-size:11px; color:#ffffff; display:block; float:left; padding-left:25px; text-decoration:none; padding-top:12px; font-weight:bold;}

ul.submenuHolder {
    display:none;
    float:left;
    width:178px;
    list-style:none;
    padding:0;
    margin:0;
}

li.menuL2 a {width:150px; font-size:11px; color:#ffffff; display:block; float:left; padding-left:28px; text-decoration:none; padding-bottom: 3px;}

.menuL a:hover {background:url("../layout/arrowOver.jpg") 0 12px no-repeat; color:#c39d0d;}
li.menuL2 a:hover {color:#c39d0d;}


#leftMenuDown {width:202px; height:12px; background:url("../layout/menuBlueDown.jpg") top left no-repeat; float:left;}

#leftSponzorji {width:202px; background:url("../layout/sponzorji.jpg") top left no-repeat; padding-top:66px; float:left;}

/*.sponzorji a {width:150px; height:40px; margin-left:30px;}*/


/*MIDDLE*/
#contentMiddle {width:482px; float:left; margin-top:23px; margin-left:20px;}

#contMiddle {width:467px; margin-top:23px; margin-left:10px;}

.title {width:467px; height:30px; font-size:11px; color:#204f8d;}

.titleLeft {width:412px; font-weight:bold; float:left; font-size: 14px;}

.titleRight {width:55px; font-weight:bold; float:right;}

.textMiddle {width:467px; font-size:11px; margin-bottom:5px;}

.more a {width:467px; height:25px; font-size:11px; font-weight:bold; margin-bottom:15px; display:block;}

#contentMiddleNovice {width:502px; background:url("../layout/arhivTitle.jpg") top left no-repeat; float:left;}

#arhivNovice {width:467px; margin-top:30px; margin-left:10px;}

#arhivLeft {width:230px; border-right:#CCCCCC dotted 2px; float:left;}

#arhivRight {width:230px; float:left; margin-left:5px;}

.arhivTitle a {width:170px; font-size:11px; color:#204f8d; font-weight:bold; float:left; margin-bottom:8px;}

.arhivDate {width:50px; font-size:11px; color:#204f8d; float:left; text-align:right; margin-bottom:8px;}

#varna a {width:91px; height:91px; background:url("../images/varna-tocka.png") top left no-repeat; float:left; margin-top:-90px; margin-left:630px; text-indent:-999em;}
#varna a.facebook {width:91px; height:29px; background:url("../images/facebook.png") top left no-repeat; float:left; margin-top:10px; margin-left:630px;}

.list_photo {
    clear: both;
}
.list_photo img {
    float:left;
    margin: 0 10px 5px 0;
	background-color:#FFFFFF;
	border:3px solid #EEEEEE;
	padding:1px;    	
}
#gallery img, #gallery_top img {
    background-color:#FFFFFF;
    border:3px solid #EEEEEE;
    padding:1px;	
}

/*RIGHT*/
#contentRight {width:253px; height:572px; float:right; background:url("../layout/rightBack.jpg") bottom left no-repeat; background-color:#FFFFFF;}

#buttR1 a {width:253px; height:85px; float:left; background:url("../layout/domustvarjalnosti.jpg") top left no-repeat; margin-bottom:10px;}

#buttR2 a {width:253px; height:85px; float:left; background:url("../layout/vircporec.jpg") top left no-repeat; margin-bottom:10px;}

#buttR3 a {width:253px; height:85px; float:left; background:url("../layout/dommilosazidanska.jpg") top left no-repeat;}


/*SUB PAGE*/
.subTitle {width:467px; height:30px; font-weight:bold;}

#subsubLinks {
	padding-bottom: 15px;
}

.subsubTitle a {margin-right:33px; font-size:11px; color:#204f8d; font-weight:bold; float:left; text-decoration:none; line-height:15px;}

.subsubTitle a:hover {color:#c39d0d;}

/* prijava */
table.prijava {
	border-collapse:collapse;
	border-color:#333333;
	margin:10px 0 0 0;
	border-width:1px;
	border-style:outset;
}
table.prijava td, table.prijava th {
	padding:3px;
}
table.prijava th {
	background-color:#F2F7FB;
}
.prijava input, .prijava select {
	border:1px solid #333333;
}