/* CSS Document */
/* ISPIS SKOLA */
@import "colorbox/colorbox.css";
@import "jcarousel/skin.css";
.info-skole{
padding:20px;
vertical-align:top;
font-size:14px;
font-family:Helvetica;
font-weight:bold;
line-height:18px;
}
.info-vrsta{
font-size:11px;
color:#666666;
font-weight:normal;
}
H1{
font-size:24px;
color:#000;
font-weight:normal;
text-align:center;
margin-top:20px;
margin-bottom:20px;
}
/* MAIN */
BODY{
background-image:url(../img/bg.gif);
background-repeat:repeat-x;
background-color:#023e69;
margin:0px;
}
.main{
width:900px;
font-family:Arial;
margin-top:-30px;
}
.logo{
float:left;
border:none;
}
.head{
margin-top:70px;
margin-left:90px;
font-size:16px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
float:left;
}
.fejs{
width:900px;
text-align:right;
margin-top:10px;
}
.fejs img{
border:0px;
margin-right:10px;
}
.sredina{
background-color:#ffffff;
border-left:4px solid #014878;
border-right:4px solid #014878;
padding-bottom:20px;
padding-left:10px;
padding-right:8px;
}
a.down{
font-size:12px;
text-decoration:none;
font-family:Arial;
color:#000;
}
a.down:hover{
font-size:12px;
text-decoration:underline;
font-family:Arial;
color:#d21717;
}
a.dolje,a.dolje2{
font-size:11px;
text-decoration:none;
font-weight:bold;
font-family:Arial;
color:#000;
}
a.dolje:hover, a.dolje2:hover{
font-size:11px;
text-decoration:none;
font-weight:bold;
font-family:Arial;
color:white;
}
.links{
font-size:11px;
text-decoration:none;
font-family:Arial;
color:#fff;
margin-left:5px;
}
.links:hover{
font-size:11px;
text-decoration:none;
font-family:Arial;
color:#000;
margin-left:5px;
}
.box{
text-align:left;
font-size:12px;
font-weight:bold;
width:120px;
padding-bottom:10px;
/*background-color:#f1f1f1;*/
}
.izbornik-td{
background-color:#ffffff;
border-left:4px solid #014878;
border-right:4px solid #014878;
}
.izbornik{
height:29px;
background-image:url(../img/meni.jpg);
background-position:center;
text-align:left;
margin-bottom:15px;
padding-top:10px;
width:859px;
}
a.meni{
height:22px;
padding-left:30px;
font-size:13px;
margin-top:3px;
color:#666666;
font-weight:bold;
text-align:center;
text-decoration:none;
}
a.meni:hover{
font-size:13px;
color:#333333;
}
.povecalo{
float:left;
margin-left:20px;
}
.odaberi{
float:left;
padding-left:40px;
}
.odaberi div{
padding:5px;
}
.odaberi select{
width:180px;
border:2px solid #cccccc;
}
.str{
font-size:14px;
font-weight:bold;
text-align:center;
color:#333333;
}
.nas{
font-size:14px;
}
.skola{
font-size:13px;
width:520px;
margin-bottom:10px;
}
.naslov{
font-size:14px;
font-weight:bold;
color:#bb1515;
text-align:left;
text-decoration:none;
}
.tekst{
width:200px;
font-size:13px;
text-align:left;
padding-left:10px;
color:#333333;
}
.sredina-vrh{
margin-top:10px;
padding-top:4px;
width:549px;
height:22px;
background-image:url(../img/s_g.gif);
font-weight:bold;
font-size:13px;
color:#333333;
}
.skola-add{
background-color:#f6f6f6;
border:1px solid #cccccc;
}
.alert{
text-align:center;
color:red;
font-weight:bold;
}
.koment{
margin-top:20px;
font-size:13px;
font-weight:bold;
width:500px;
}
.ap{
font-weight:bold;
color:#333333;
font-size:11px;
}
.log{
color:#333333;
font-size:11px;
text-decoration:none;
}
.log:hover{
text-decoration:underline;
}
.login{
border:1px solid #cccccc;
background-color:#ffffff;
font-size:11px;
height:20px;
width:100px;
}
.popis-skola{
background-color:#e2e1e1;
margin-top:10px;
font-size:8px;
width:549px;
}
.layout{
background-color:#eaeaea;
margin-top:10px;
font-size:8px;
width:549px;
}
.dodaj-skolu-link{
text-decoration:underline;
font-size:12px;
color:#000000;
font-style:italic;
}
.banner{
font-size:11px;
font-family:Arial;
width:468px;
height:50px;
margin-top:5px;
background-color:#f7f7f7;
border:1px solid #999999;
}
.tag{
margin:2px;
font-size:11px;
font-weight:bold;
}
/* //// REDIZAJN /// */
.box-home{
width:500px;
text-align:left;
font-size:12px;
font-weight:bold;
width:120px;
padding-bottom:10px;
}
.kategorija{
font-size:13px;
text-decoration:none;
font-family:Arial;
font-weight:bold;
color:#d21717;
}
.kategorija:hover{
font-size:13px;
text-decoration:none;
font-family:Arial;
font-weight:bold;
color:#000;
}
.link-mali{
font-size:11px;
text-decoration:none;
font-family:Arial;
color:#d21717;
}
.link-mali:hover{
font-size:11px;
text-decoration:none;
font-family:Arial;
color:#000;
}
.pages{ 
float:left;
width:80px;
font-weight:bold;
}
.vijesti-ispis{
text-align:left;
width:500px;
margin-top:15px;
padding-bottom:10px;
color:black;
font-size:12px;
}
.vijesti-ispis img{
width:100px;
border:1px solid #cccccc;
}
.ispis-vijesti{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:20px;
text-align:left;
width:500px;
margin-bottom:20px;
padding-bottom:10px;
color:black;
font-size:12px;
}
hr{
color:#cccccc;
background-color:#cccccc;
border:0px;
}
.vijesti-title{
margin-top:20px;
margin-bottom:10px;
color:#333333;
font-size:16px;
font-weight:bold;
}
.ispis-vijesti img{
width:120px;border:1px solid #cccccc;
float:left;
margin-right:10px;
}

div .links{
font-weight:normal;
font-size:11px;
}
.content{
width:550px;
padding-right:10px;
border-right:1px solid #cccccc;
}
.box-desno{
width:300px;
padding-top:10px;
margin-bottom:25px;
font-size:12px;
text-align:left;
border-top:1px solid #cccccc;
margin-top:-20px;
}

.box-desno img{
margin:2px 5px 2px 2px;
border:1px solid #cccccc;
}
.boks{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.taskbar { width:100%; font-family:Arial; text-align:center; height:35px; background-image:url(../img/taskbar_bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#000000; border-bottom:2px solid #010c17; }
div.ledo { background-color:#151515; border-top:2px solid #000; width:100%; margin-top:20px; font-family:Arial; color:white; font-size:12px; padding-top:15px; }
div.ledo .links{ color:#FFFFFF; }
div.ledo .links:hover{ color:#d21717; font-weight:normal; }
#fields input.textbox{ background-color: #fefefe; margin: 5px; padding: 0px; float: left; margin: 5 5 5 0; padding: 2px; border: 1px solid #dedede; color: #333333; -moz-border-radius: 3px; }
div.unutar-ledo{ width:700px; }
div.unutar-ledo a{ float:left; }

/*/////////// JCAROUSEL ///////////////////*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;

}

.jcarousel-clip {
    z-index: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.carousel-text{
text-align:center;
font-size:16px;
font-family:Helvetica;
}


/*////////// FS MENU ///////*/
 /* hidden submenu style */

				a.white{ color:white; text-decoration:none;font-weight:bold; font-size:12px;}
				a.white:hover{ color:white; text-decoration:underline;font-weight:bold; font-size:12px;}
				
                .wmSubMenuHidden {position:absolute;visibility:hidden;z-index:1;width:140px;margin-top:30px;}


                 /* horizontal menu styles igre */
                .hItemOn {float:left;width:110px;cursor:pointer;}
                .hItemOff {float:left;width:110px;cursor:pointer;}
		  
			  
				 /* vertical menu styles */
                .vItemOn  {height:20px;width:110px;margin-top:1px;font-size:11px;font-weight:bold;cursor:pointer;text-align:center;color:white; background-color:#001526; border:1px solid #0086bb;}
                .vItemOff {height:20px;width:110px;margin-top:1px;font-size:11px;font-weight:bold;cursor:pointer;text-align:center;color:white; background-color:#000; border:1px solid #0086bb;}