body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, table, tr, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}

body{font-size: 12px; font-family: Arial;color: #373737;}
a {color: #06C;text-decoration: none;}
a:hover {color: #373737;text-decoration: underline;}

.hollow{	background-color: transparent;}
.head{padding:7px 0px 0px 13px;	height:44px; background-color: #c2bf43;/* #CCCA5B;*/}

.menuBox{background-color: #E6EFCF;}

.searchBox{	background-color: #CCCA5B;	float:left;}
.dodajLindju{border:1px solid #CCCA5B; border-top:none;}
.searchBox h1{	font-size: 16px; 	margin:7px;}
.searchBox p{ padding:0px 7px 7px 7px;}
.searchBox table{	border:0px;}

.innerBox{float:left; width:100%;}
h1.inner {font-size: 22px; margin: 0px 0px 7px 0px;}
h2.inner {font-size: 12px; margin: 7px 0px 17px 0px;}


.fotwLink{float:right;}
.jednaZ{vertical-align:top;}
.odvojL{	padding-left:17px; padding-top:0px;}
.odvojT{	padding-top:17px;}
.cellZ{height:216px;}

.legenda{background-color:#fff; }
.legendaO{text-align:right; height:31px; color:#000; font-size:80%; text-transform:uppercase; padding:0px 4px 0px 4px; background-color:#eae9b1;}
.legendaS{font-size:90%; background-color:#d5d377;}
.slovaLegenda{padding:7px;}

.legendaOVP{width:150px; text-align:right; font-size:80%; text-transform:uppercase; padding:7px; background-color:#eae9b1; vertical-align: top;}
.legendaSVP{width:650px; font-size:90%; padding:7px; background-color:#eae9b1; color:#000;}

.stripeHOR2{text-align:center; width:120px; height:36px; font-size:20px; padding-top:5px;}
.stripeHOR3{text-align:center; width:120px; height:24px; font-size:18px; padding-top:0px;}
.stripeVER2{text-align:center; width:60px; height:72px; font-size:20px; margin-top:20px;}
.stripeVER3{text-align:center; width:40px; height:72px; font-size:18px; margin-top:20px;}

input,textarea{
	border: 1px solid #A0ACC0;
}

/**novi tultip**/

span.tool {
  position: relative;   /* this is key */
  cursor: pointer;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  bottom: 23px;
  left: 0;

  padding: 3px 7px 4px 6px;
  border: 1px solid #737373;
  background-color: #fff;
  font-size:90%;
/*  font: normal 0.9em/1.2em arial, helvetica, sans-serif;*/
  text-align: left;
  color: #000;
  text-decoration:none;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
}

/* css/tooltip.css */


.checkDesc{clear:both;	background-color: #eae9b1;	padding:7px; height:42px; margin-top:1px;}
.checkImage{float:left;	margin:0px 7px 0px 0px;}
.checkText{	float:left;	margin:13px 0px 0px 0px;}
.checkBox{	margin:15px 15px 0px 15px;	float:right; }

.checkDesc2{	background-color: #eae9b1; position:relative;}


.flagOtdBox{height:113px; width:170px; float:left;}
.flagOtdBox2{float:left; width:242px; height:113px; background:#eae9b1;
 position:relative;}
.flagOtd{float:left; height:50px; display:block; padding-top:28px;}

.flagPole{ float:left;	background-image: url(images/flagpole.png);	height:111px;
	width:10px;
	margin-top:2px;
}


.button{	
	background-color: #484848;
	padding:10px;
	border: 1px solid #000000;
	color:#E6EFCF;
	background-image: url(images/button.png);
}
.footer{
	float:left;
	margin:11px 0px 11px 11px ;
	/*width: 670px;*/
	text-align:center;
	font-size: 90%; 
}
sup{
	font-size:60%;
}

/*thumb*/
div.thumb {min-height:150px;
margin: 3px;
border: 1px solid #A0ACC0;
height: auto;
float: left;
text-align: center;
}
.thumb img{
display: inline;
margin: -1px;
border: 1px solid #A0ACC0;
}
.thumb a:hover img {}
.photocattitle {text-align: center; font-weight: bold;}
.phototitle {
width:97px;
height:20px;
text-align: center;
font-weight: normal;
margin: 0 3px 3px 3px;
font-size:90%
} 

.vexPhotoNav{
padding:17px;
position:relative;
vertical-align: top;
}

/*SEARCH*/
/*divisions*/
#mainSearch{
	border: 1px solid #666;
	clear: both;
	background: #fafaee;
	padding: 7px 3px 3px 3px ;
	float:left; /*min-height: 170px; height:auto  !important; height: 170px;*/
	/*width:970px;*/
}
#SelectedSofar{
	border: 1px solid #666;
	clear: both;
	background: #eae9b1;
	padding: 3px ;
	margin:11px 11px 0px 11px ;
	float:left; height:auto;
}

div.division {min-height:110px;
margin: 3px;
background-color: #eae9b1;
/*border: 1px solid #A0ACC0;*/
height: auto;
float: left;
text-align: center;
border: 1px solid #A0ACC0;
}
div.divisionHollow {min-height:110px;
margin: 3px;
height: auto;
float: left;
text-align: center;
border: 1px solid #fafaee;
/*background:#A0ACC0;*/
}
div.divisionSH {/*min-height:110px;*/
margin: 3px;
background-color: #eae9b1;
/*border: 1px solid #A0ACC0;*/
float: left;
text-align: center;
border: 1px solid #A0ACC0;
width:163px;
/*height: 90px;*/
padding:7px;
}
div.divisionDE {/*min-height:110px;*/
margin: 3px;
background-color: #eae9b1;
/*border: 1px solid #A0ACC0;*/
float: left;
text-align: center;
border: 1px solid #A0ACC0;
width:123px;
height:83px;
/*height: 90px;*/
padding:7px;
}

div.divisionCO {
margin: 3px;
height: auto;
float: left;
text-align: center;
/*border: 1px solid #fafaee;*/
/*background:#A0ACC0;*/
}
div.divisionPRSE {
margin: 3px;
height: auto;
float: center;
text-align: center;
/*border: 1px solid #fafaee;*/
/*background:#A0ACC0;*/
}

.division img, .bordered{
display: inline;
border: 1px solid #666;
}
.ulevo{
	float:left;
}
.borderedTRL{
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
}
.borderedL{
border-left: 1px solid #666;
}
.borderedBL{
border-left: 1px solid #666;
border-bottom: 1px solid #666;
}
.borderedTBL{
border-top: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
}



.buttonSearch{	
	background-color: #484848;
	padding:3px;
	border: 1px solid #000000;
	color:#E6EFCF;
	background-image: url(images/button.png);
	font-size:90%;
	width:120px;
}
.buttonSearchHollow{	
	/*background-color: #484848;*/
	padding:3px;
	border: 1px solid #000000;
	/*color:#E6EFCF;*/
	background-image: url(images/buttonHollow.png);
	font-size:90%;
	height:50px;
}
.potamni{	color:#484848;}
.posvetli{	color:#E6EFCF;}
.velikaboja{	width:140px;}
.malaboja{	width:75px;}


h3.searchH3{
	float:left; margin: 3px; padding:17px 0px 7px 0px; width:700px;
}
h3.searchSofar{
	float:left; margin: 7px; width:700px;
}

.SelectedSegment{
float:left; margin:7px;
/*background-color:#ab67be;*/
height:52px;}

/*found*/
#SelectedFound{
	/*border: 1px solid #666;*/
	clear: both;
	background: #fafaee;
	padding: 3px ;
	float:left; height:auto;
	width:924px;
}
.SelectedSegmentFound{
background-color:#fff;
float:left; 
margin: 2px;
padding:4px;
border: 1px solid #8B8B8B;
color:#000;
}
h3.searchFound{
	float:left; margin: 7px; width:896px;
}
div.foundP{
	float:left; margin: 7px; width:896px;
	margin: 7px;
}
#SelectedFound{
	/*border: 1px solid #666;*/
	clear: both;
	background: #fafaee;
	padding: 3px ;
	float:left; height:auto;
	width:924px;
}
#results{
	/*border: 1px solid #666;*/
	clear: both;
	background: #fafaee;
	padding: 3px ;
	float:left; height:auto;
	width:924px;
}
div.divisionResults {/*min-height:110px;*/
margin: 3px;
background-color: #eae9b1;
border: 1px solid #A0ACC0;
float: left;
text-align: center;
width:132px;
height:83px;
/*height: 90px;*/
padding:7px;
}


.pageNow{
	background-color:#fff; padding: 2px;
	margin: 2px;
	border: 1px solid #8B8B8B;
	width:14px;
	text-align:center;
	display: inline;
	float:left;
}
.pageOther{
padding: 2px;
	width:14px;
	margin: 2px;
	border: 1px solid #8B8B8B;
	text-align:center;
	display: inline;	
	float:left;
}