html
{
    background-position: top;
    
    background-color: #e2f4ff;
    background-repeat: repeat-x;
}



div.container
{
    position: relative;
    width: 790px;
    margin: 0 auto;

    background-image: url(../images/shadowBack.gif);
    background-color: White;    
    background-position: top center;
    background-repeat: repeat-y;
    font-family: Arial, Helvetica, Sans-Serif;
}

	div.mainBack
	{
	        background-image: url(../images/biggerBack.jpg);
	        background-repeat: no-repeat;
	        background-position: top center;
	}
	
	.rightAlign
    {
    	text-align:right;
    }

	strong
    {
    	font-weight:bold;
    }
    
    h1
    {
        
        width: 780px;
        height: 60px;
        padding-top: 100px;
        float: right;
        background-repeat: no-repeat;
        
        background-position: bottom left;
                
    }
    
        h1 a
        {
            display: block;
            margin-left: 230px;
            width: 269px;
            height: 55px;
            
            background-position: bottom left;
            background-repeat: no-repeat;
            text-indent: -10000px;
            overflow: hidden;
        }
    
    ul.menu
    {
        position: absolute;
        right: 70px;
        top: 185px;
        text-align: right;
    }
    
        ul.menu li
        {
            height: 30px;
            padding-right: 15px;
            background-image: url(../images/arrow.gif);
            background-position: 99% 8px;
            background-repeat: no-repeat;
        }
        
            ul.menu li a
            {
                font-variant: small-caps;
                font-size: 1.2em;
                text-decoration: none;
                color: Black;
            }
            

     
    div.pageHolder
    {
        position: relative;
        width: 1px;
        height: 1px;   
    }
    
    div.mainPart
    {
        margin-top: 220px;
        width: 450px;
        margin-left: 25px;
        background-image: url(../images/textBack.png);
        background-repeat: no-repeat;
        background-position: top left;
        font-size: 0.75em;
        text-decoration: none;
    }
    
        div.mainPart h2
        {
            font-family: Georgia;
            font-size: 2.1em;
            text-align: right; 
            padding-bottom: 20px; 
            color:#336699;
            padding-top: 10px;
            padding-right: 20px;

        }
        
        div.mainText
        {
        	font-family: Georgia;
        	font-size:1.2em;
            padding-right: 0px;
                    padding-left: 15px;
        padding-right: 15px;
        }      
        
        div.mainText h3
        {
        	font-size:17px;
        	font-weight:bold;
        	padding:20px;
        }
        
        div.mainText ul
        {
        	padding-top:10px;
        	padding-left:35px;
        	padding-bottom:10px;
        	font-family:Arial, Sans-Serif;
        	font-size:.9em;
        }
        
        div.mainText ul li
        {
        	list-style-type:square;
        	padding-left:5px;
        	padding-top:2px;
        	padding-bottom:2px;
        	border-bottom:1px solid #EEEEEE;
        }
        
        div.mainText a
        {
        	color:#336699;
        }
        
        div.mainText a:hover
        {
        	color:#996633;
        }
        
        div.mainText p
        {
        	padding-top:10px;
        	padding-bottom:5px;
        }
        
        div.mainText table
        {
        	padding:3px;
        	font-size:.9em;
        	margin-bottom:10px;
        	font-family:Arial, Sans-Serif;
        }
        
        div.mainText table th
        {
        	padding:4px;
        	font-weight:bold;
        	border-bottom:solid 3px #996633;
        }
        
        div.mainText table tr td
        {
        	padding:4px;
        	border-bottom:solid 1px #996633;
        }
        
        div.mainText textarea
        {
        	width:300px;
        	height:100px;
        }
        
        input.ftext
        {
        	width:300px;
        }
      
    p.simplyDifferent
    {
        position: absolute;
        top: 10px;
        right: 80px;
        text-align: right;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 0.7em;
    }

    p.brumBrum
    {
        width: 110px;
        height: 64px;
        background-image: url(../images/brumBrum.png);
        background-position: top left;
        background-repeat: no-repeat;
        text-indent: -10000px;
        position: absolute;
        right: 100px;
        top: 50px;
        background-color: #ffffff;
    }
    
    div.footer
    {

        clear: both;
        width: 790px;
        margin: 0 auto;        
        margin-top: 50px;
        font-size: 0.6em;
        text-align: center;
        color:#666666;
        background-image: url(../images/footerBack.gif);
        background-position: bottom center;
        background-repeat: repeat-x;
        background-color: transparent;
    }
    
    p.delimiter
    {
        position: absolute;

        top: 175px;
        left: 505px;
        width: 1px;
        height: 425px;
        background-image: url(../images/delimiter.gif);
        background-repeat: no-repeat;
        background-position: top left;
    }
    
    ul.w3c
    {
    	padding:10px;
    }
    
    ul.w3c li
    {
    	display:inline;
    }
    
    div#ekipa ul li
    {
        list-style-type: none;
    }
    
    /*
                         Ekipa CSS
--------------------------------------------------------------------
*/

#ekipa ul, #ekipa li, #ekipa h3, #ekipa p, #ekipa h2 {
	margin: 0;
	padding: 0;
	font-family: Georgia;
}

#ekipa h3, #ekipa h2 {
	font-size: 100%;
}

div#ekipa {

	position: relative;
}

#ekipa ul {
	padding-top: 350px;
	list-style: none;
}

#ekipa ul li img, #ekipa ul li a img, #ekipa ul li a:hover img {
	padding: 1px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
}

#ekipa ul li#zvonimirMlinar h3 a img { position: absolute; top: 30px; left: 50px; width: 100px; height: 100px; }
/*#ekipa ul li#zvonimirMlinar h3 a:hover img { z-index:100; top: 0px; left: 76px; width: 160px; height: 160px; }*/
#ekipa ul li#jorgVuljar h3 img { position: absolute; top: 30px; left: 160px; width: 100px; height: 100px; }
/*#ekipa ul li#jorgVuljar h3 a:hover img { z-index:100; top: 0px; left: 186px; width: 160px; height: 160px; }*/
#ekipa ul li#gabrijelaBosnjak h3 img { position: absolute; top: 30px; left: 270px; width: 100px; height: 100px; }
/*#ekipa ul li#gabrijelaBosnjak h3 a:hover img { z-index:100; top: 0px; left: 296px; width: 160px; height: 160px; }*/
#ekipa ul li#hrvojeKutlesa h3 img { position: absolute; top: 140px; left: 95px; width: 100px; height: 100px; }
/*#ekipa ul li#hrvojeKutlesa h3 a:hover img { z-index:100; top: 110px; left: 131px; width: 160px; height: 160px; }*/
#ekipa ul li#marijanKimovec h3 img { position: absolute; top: 140px; left: 205px; width: 100px; height: 100px; }
/*#ekipa ul li#marijanKimovec h3 a:hover img { z-index:100; top: 110px; left: 241px; width: 160px; height: 160px; }*/

#ekipa ul li h3 { float: left;}
#ekipa ul li h2 { float: right; }
#ekipa ul li .ekipaSlike { padding-top: 20px; padding-bottom: 35px; width: 100%; text-align: center; clear: both;}

#ekipa #imeprezime { 
	position: absolute;
	top: 0px;
	left: 260px;
}

.slikaObrub
{
	border:solid 1px gray;
}
    
    
    /**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}