﻿body {padding:10px 0px;margin:0px;font-size:12px;font-family:Verdana;color:#333333;}
a:link {text-decoration:none;color:#333333}a:visited {text-decoration:none;color:#333333}a:hover {text-decoration:underline;color:#333333}

h1{font-size:24px;color:#bed73b;margin:0px;padding:0px 0px 7px 0px;font-weight:normal;}
h2{font-size:13px;color:#000;margin:0px;padding:0px 0px 10px 0px;font-weight:bold;font-style:italic;}

#outer{margin:0px auto;width:898px; border:solid 1px #000}
#inner{padding:5px 0px 0px 0px}
#top{background: url('images/bgHeader.gif') no-repeat; height:158px;}

.logo{position:relative;width:125px;top:5px;left:120px;height:85px;cursor:pointer;}
.logoText{position:relative;width:330px;top:15px;left:25px;height:30px;cursor:pointer;}
.seatA, .seatS{background:url(images/logo1.gif) no-repeat left bottom; height:146px;float:right;width:222px;}
.seatA {background:url(images/logo2.gif) no-repeat left bottom;}

.toolbar{text-align:right;height:50px}
.toolbar ul{padding:0px; margin:0px;}
.toolbar li{padding:0px 0px 0px 0px; margin:0px; list-style:none; display:inline; cursor:pointer;}
.langBar{float:right; width:120px; padding-right:37px;font-size:10px}

.mainLeft{float:left;width:149px;padding-right:28px}
.main{float:left;width:569px;text-align:justify;}
.mainRight{float:left;width:130px;padding-left:21px}
.footer{height:73px;background:url(images/bgFooter.gif) no-repeat;}
.footerTxt{position:relative;color:#727173;font-size:9px;width:240px;padding-top:10px}

.menuItem, .menuItemSingle{border-top:solid 1px #cfcfcf;padding:5px 0px 5px 23px; cursor:pointer;font-size:12px;font-weight:bold;}
.menuItemF{height:17px;padding:3px 0px 0px 23px !important;}
.menuItem{padding:5px 0px;}
.menuItem p{padding:0px;margin:0px;}
.menuItemSub{height:15px; color:#bed73b; padding:2px 0px 2px 23px !important;}
.menuItemO{background:url(images/bgMenu.gif) no-repeat center;}

.boxGray{border:solid 1px #cfcfcf;padding:10px}
.divLeft{float:left;}
.divRight{float:right;}
.divClear{clear:both;}
.padRight5{padding-right:5px;}
.padRight10{padding-right:10px;}
.padRight20{padding-right:20px;}
.padRight50{padding-right:50px;}
.padLeft5{padding-left:5px;}
.padLeft10{padding-left:10px;}
.padLeft15{padding-left:15px;}
.padLeft20{padding-left:20px;}
.padTop4{padding-top:4px;}
.padTop3{padding-top:3px;}
.padTop5{padding-top:5px;}
.padTop10{padding-top:10px;}
.padBottom5{padding-bottom:5px;}
.padBottom10{padding-bottom:10px;}
.padBottom20{padding-bottom:20px;}
.pad5{padding:5px;}
.justify{text-align:justify;}
.hand{cursor:pointer;}
.hidden{display:none;}
.error{color:Red;}

.input{border:solid 1px #bed73b;font-size:12px;font-family:Arial}
.button{border:solid 2px #cfcfcf;font-size:12px;font-family:Arial;height:25px}

.tab {margin-bottom:10px}
.tab ul{list-style:none;padding:0px;margin:0px}
.tab li {margin:0px;padding:0px 0px 0px 0px;}
.tabCaption{float:left;width:180px;padding-top:2px}
.tabInput{float:left;width:200px;padding-bottom:5px}

.clear:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear { display: inline-block; }
* html .clearfix { height: 1%; }
.clear { display: block; }


.clear-div
{
	clear:both;
	height: 0;	
}

.company-left, .institution-left
{
    width: 150px;
    margin-right: 20px; 
    border-width: 1px;
    border-color: Red;   
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
}

.company-right, .institution-right
{
    width: 377px;
    float: left; 
}

.company-right h2, .institution-right h2
{
    text-align: left;    
}

h3
{
    font-family: Tahoma;
    font-size: 9pt;    
    margin: 0;
    margin-bottom: 12px;
    
}

img.img-padding
{
    margin-bottom: 10px;    
}

.width350
{
    float: left;
    width: 350px;    
}

.bold-company , .bold-institution
{
    font-weight: bold; 
}

.companies-left, .institutions-left
{
    width: 400px;    
    margin-right: 12px;
    text-align: left;
    float: left;
}

.companies-left h1 a:hover, .institutions-left h1 a:hover  
{
    text-decoration: none;
    color:#BED73B
}    

.flag1 
{
    float: right;
    width: 50px; 
    background-image: url('images/flag1.png');    
    background-repeat: no-repeat;
    background-position:center center;
}

.flag2
{
    float: right;
    width: 50px; 
    background-image: url('images/flag2.png');    
    background-repeat: no-repeat;
    background-position:center center;
}

.companies-right, .institutions-right
{
    width: 133px;
    float: left;   
    text-align: left;    
}

.border-bottom
{
    border-bottom: 1px  solid #cfcfcf;
    margin-bottom: 7px; 
}

.top-space
{
    margin-top: 15px;    
}

.bottom-space
{
    margin-bottom: 15px;        
}

.green-letters, .green-letters a, .green-panoge, .green-panoge a, .green-podrocja, .green-podrocja a
{
    color:#bed73b;
    background-color: #ebe9ea;
}

.green-panoge ul, .green-podrocja ul
{
    padding-left: 20px;
}

.green-panoge li:hover, .green-podrocja li:hover
{
    cursor: pointer;
    text-decoration: underline;
}

.click-letter:hover
{
    cursor: pointer;
    text-decoration: underline;
}

.img-left
{
    float: left; 
    width: 65px;   
}

.img-right
{
    float: left;         
    width: 310px;
}

label 
{
    display: inline-block;
    vertical-align: top;
    width: 105px;
}

h1.panoga-padding-top
{
    padding-top: 15px;    
}
