/* reset */
h1, h2, h3, h4, h5, p, form, ul, li {
	padding :0px;
	margin: 0px;
}
.pomoc { cursor: help; }
.levo, .left { float:left; }
.desno, .right { float: right; }

a {
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;	
}

#subnav {
	margin-bottom:20px;
}

.zaglavlje {
	background: #f1f4f7; /* svetlo plava */
	border-top: 1px solid #b9b9b9;
	padding: 5px 10px 4px;
}

.zaglavlje h1, .zaglavlje h2, .zaglavlje a {
	color: #00abe0;
}

/* PRETRAŽIVAČ */
.smestaji {
	background: #f1f4f7; /* svetlo plava */
}
.pretraga .zaglavlje h3,  .zaglavlje h1, .zaglavlje h2 {
	font: bold 14px Arial, Helvetica, sans-serif;

}
.pretraga .smestaji .zaglavlje {
	background: #FF9C00 url(http://statika.putovanja.info/grafika/pretrage-zaglavlja.gif) no-repeat 180px -84px; /* oranž */
	color: #fff;
	border-top:1px solid #FF9C00;
}
.zaglavlje p {
	font-size: 10px;
}
.pretraga form {
	padding: 5px 10px;	
}
.pretraga form, .pretraga form select, .pretraga form input{
	font: normal 11px Verdana, Geneva, sans-serif;	
}
.pretraga form .obavezno {
	color: #ffb5b5;
}
.pretraga form label {
	display: block;
	padding-bottom: 2px;
}
.pretraga form select, .pretraga form .date-pick {
	width: 100%;
	margin-bottom:8px;
	border: 1px solid #848484;
}
.pretraga form input {
	width: 92px;	
}
.pretraga form input.checkbox {
	width: auto;
	margin: 1px 5px 1px 0px;
	padding:0px;
	border: auto;
}
.pretraga .pola {
	width: 	95px;
}

.pretraga optgroup {
	font-weight:bold;
}
.pretraga optgroup option {
	font-weight:normal;	
}
.pretraga form input.date-pick {
	background: #FFF url(http://statika.putovanja.info/grafika/kalendar.gif) no-repeat right center;
	cursor:pointer;
}
.pretraga .smestaji form button {
	background: #f1f4f7 url(http://statika.putovanja.info/grafika/form-trazi.gif) no-repeat left -42px;
	width:57px;
	height:21px;
	border:0;
	cursor:pointer;
}

form .lokacije .regija {
	font-weight: bold;
	text-align: center;
}
form .broj-rezultata {
	margin-top: 3px;	
}
form .broj-rezultata .broj {
	font-weight: bold;
}
form.formular-filteri .linija {
	padding-top:5px;
	border-top:1px solid #ccc;
	margin-top: 10px;
}
form.formular-filteri .reset {
	color: #00ABE0;
	cursor:pointer;
}
form.formular-filteri h4 {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}
form.formular-filteri h5 {
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: normal;
	font-size: 11px;
}
/* SREDNJA KOLONA */

.srednja h1, .rezultati h1 {
	color: #00ABE0;
	font: bold 14px Arial,Helvetica,sans-serif;
	margin:0px;
	padding:0px;
}
.rezultati h1 a {
	color: #00ABE0;
	font: 11px Arial,Helvetica,sans-serif;
        text-decoration: underline;
	margin:0px;
	padding:0px;
}
.srednja p.opis {
	font-size:11px;
	color: #555;
	margin-bottom: 10px;
}
.tabovi {
	background: #f1f4f7; /* svetlo plava */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:3px 5px 0px;
	height:21px;
	list-style: inside;
}
.tabovi li {
	display: block;
	list-style: none inside;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
	padding: 3px 7px 5px;
	float: left;
	color:#00ABE0;
}
.tabovi li.selected {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #fff;
	padding: 3px 7px 7px;
	color: #DB3558;
}
.srednja .dir {
	padding-left:10px;
	margin-bottom:10px;
}
.srednja .dir ul {
	list-style-type:none;
	width: 130px;
}
.srednja .dir li, .ponude h2 .desno {
	background: url(http://statika.putovanja.info/grafika/form-toggle-strelice.gif) no-repeat;
}
.srednja .dir li {
	margin:0px;
	font-size:10px;
	background-position: left -46px;
	padding:3px 0 0 10px;
}
.srednja .dir li a {
	color: #00ABE0;
}
.srednja .dir li a:hover {
	text-decoration:underline;
}

.ponude {
	font: normal 11px Verdana, sans-serif;
	color: #b1b1b1;
}

.ponude h2 {
	font: normal 14px Arial, sans-serif;
	border-bottom: 1px solid #f1f4f7;
	margin: 10px 0px 0px;
	padding-left:10px;
}
.ponude h2 a {
	color: #00abe0;
}
.ponude h2 .desno {
	font: 10px Verdana, sans-serif;
	background-position: right -47px;
	display: block;
	padding: 3px 10px 0px;
}
.ponude .red {
	padding: 3px 10px;
	
}
.ponude .red h3, .ponude .red a {
	font: normal 11px Verdana, sans-serif;
	color: #65cc33;
	padding-left:5px;
}
.ponude .neparan {
	background-color: #f1f4f7;
}
.ponude .red .cena {
	color: #dd4263;
	font-size: 10px;
}
.zvezdice {
	background: url("http://statika.putovanja.info/grafika/smestaji/zvezdice2.gif") no-repeat;
	width: 49px;
	height: 9px;
	display: block;
	margin-top:3px;
	font-size:0px;
}
.zvezdice-0 {
	background-position: center 0px;	
}
.zvezdice-1 {
	background-position: center -10px;	
}
.zvezdice-2 {
	background-position: center -20px;	
}
.zvezdice-3 {
	background-position: center -30px;	
}
.zvezdice-4 {
	background-position: center -40px;	
}
.zvezdice-5 {
	background-position: center -50px;	
}
.privatni {
	margin-top:10px;	
}
.privatni .galerija img {
	border:1px solid #DDDDDD;
	padding:1px;
}
.privatni .galerija {
	margin:5px 10px 5px 10px;	
}
.privatni h3, .privatni h3 a {
	font: normal 11px Verdana, sans-serif;
	color: #00ABE0;
	width:128px;
}
.privatni h4, .privatni h4 a {
	font: normal 10px Verdana, sans-serif;
	color: #b1b1b1;
	width:128px;
}
.privatni .smestaj {
	
	margin-bottom: 10px;
	text-align: center;
}
.privatni .zvezdice {
	width: 128px;	
}

.rezultati .hotel {
	border: 1px solid #d5d5d5;	
	padding:5px;
	margin-bottom: 10px;
}

.rezultati .hotel .slika img {
	border: 1px solid #ccc;
	padding: 1px;
}
.rezultati .hotel h2, .rezultati .hotel h2 a {
	font: normal 16px Arial, sans-serif;
	color: #00ABE0;
}

.rezultati .hotel a:hover {
	color: #00ABE0;
}
/*
.rezultati .hotel h2 a {
	margin-right: 7px;	
}
*/
.rezultati .hotel h3, .rezultati .hotel h3 a {
	font-size: 11px;
	font-weight: normal;
	color: #00ABE0;
}
.rezultati .hotel .zvezdice {
	margin-top: 7px;
	margin-left: 7px;	
}
.rezultati .hotel .info {
	width: 565px;
	padding-left: 10px;
}
.rezultati .hotel .info p {
	margin-top: 5px;
	font: normal 11px Verdana, sans-serif;
	line-height: 14px;
}
.rezultati .hotel .ocena {
	font-size: 10px;
	margin-bottom: 10px;
}
.rezultati .hotel .ocena .levo {
	margin-right: 5px;
}
.rezultati .hotel .bez-opisa {
	color: #888;
}

.ocene {
	background: url("http://statika.putovanja.info/grafika/smestaji/ocene.gif") no-repeat;
	width: 53px;
	height: 9px;
	display: block;
	margin-top:5px;
	font-size: 0px;
	margin-left: 5px;
}
.ocena-0 {
	background-position: center 0px;
}
.ocena-1 {
	background-position: center -10px;	
}
.ocena-2 {
	background-position: center -20px;	
}
.ocena-3 {
	background-position: center -30px;	
}
.ocena-4 {
	background-position: center -40px;	
}
.ocena-5 {
	background-position: center -50px;	
}
.rezultati .hotel .cene {
	background-color: #f5f5f5;
	padding: 5px;	
	font-size: 11px;
	text-align: center;
	margin-right: 20px;
	margin-top: 10px;
	width: 140px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
}
.rezultati .hotel .cena-agencija {
	border-color: #65CC34;	
}
.rezultati .hotel .cena-booking {
	border-color: #FF9C00;	
}
.rezultati .hotel .cene .cena {
	color: #e83d72;
	font-size: 14px;
	font-weight: bold;
}
.rezultati .hotel .cene .pomocni {
	color: #e83d72;
}
.rezultati .hotel .cene .pomocni-ispod {
	font-size:9px;
}
.rezultati .hotel .dodatno {
	width: 168px;
}

.rezultati .hotel .sobe {
	font: normal 10px Verdana, sans-serif;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #555;
}
.rezultati .hotel .sobe th {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #d5d5d5;
}
.rezultati .hotel .sobe td {
	padding: 4px;	
}
.rezultati .hotel .sobe tr.even {
	background-color: #f5f5f5;	
}
.rezultati .hotel .sobe .rezervisi {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #E83D72;
	display:block;
	padding: 2px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 2px solid #ddd;
}
.rezultati .hotel .sobe a.rezervisi:hover {
	text-decoration: none;	
	border: 2px solid #bbb;
}
.rezultati .hotel a {
	color: #E83D72;
}
.rezultati .hotel .sobe .rack {
	text-decoration: line-through;
	margin-right: 10px;
}
.rezultati .hotel .sobe .cena, .rezultati .hotel .nema-soba {
	color: #E83D72;	
	font-weight: bold;
}
.rezultati .filteri {
	background-color: #f5f5f5;
	margin: 5px 0px;
	padding: 3px 10px;
	font-size: 11px;
}
.rezultati .filteri select, .rezultati .filteri button {
	border: 1px solid #d5d5d5;
	padding: 1px;
	font: normal 11px Verdana, sans-serif;
}
.rezultati .loader {
	position: absolute;
	background-color: #fff;
	opacity:0.4;
	display:none;
}
.skala{
    background: url("../grafika/smestaji/skala.gif") no-repeat;
    width: 82px;
    height: 7px;
    margin: 5px 3px 2px;
    padding: 1px 0 0 1px;
}
.popunjenost{
    background: url("../grafika/smestaji/skala.gif") no-repeat scroll 0 -9px transparent;
    height: 7px;

}
.popunjenost-0{ width: 0px; } .popunjenost-01{ width: 2px; } .popunjenost-02{ width: 4px; } .popunjenost-03{ width: 6px; } .popunjenost-04{ width: 8px; } .popunjenost-05{ width: 10px; } .popunjenost-06{ width: 12px; } .popunjenost-07{ width: 14px; } .popunjenost-08{ width: 16px; } .popunjenost-09{ width: 18px; } .popunjenost-1{ width: 20px; } .popunjenost-11{ width: 22px; } .popunjenost-12{ width: 24px; } .popunjenost-13{ width: 26px; } .popunjenost-14{ width: 28px; } .popunjenost-15{ width: 30px; } .popunjenost-16{ width: 32px; } .popunjenost-17{ width: 34px; } .popunjenost-18{ width: 36px; } .popunjenost-19{ width: 38px; } .popunjenost-2{ width: 40px; } .popunjenost-21{ width: 42px; } .popunjenost-22{ width: 44px; } .popunjenost-23{ width: 46px; } .popunjenost-24{ width: 48px; } .popunjenost-25{ width: 50px; } .popunjenost-26{ width: 52px; } .popunjenost-27{ width: 54px; } .popunjenost-28{ width: 56px; } .popunjenost-29{ width: 58px; } .popunjenost-3{ width: 60px; } .popunjenost-31{ width: 62px; } .popunjenost-32{ width: 64px; } .popunjenost-33{ width: 66px; } .popunjenost-34{ width: 68px; } .popunjenost-35{ width: 70px; } .popunjenost-36{ width: 72px; } .popunjenost-37{ width: 74px; } .popunjenost-38{ width: 76px; } .popunjenost-39{ width: 78px; } .popunjenost-4{ width: 80px; }

.skalaPlavo{
    background: url("../grafika/smestaji/skala.gif") no-repeat scroll 0 -16px transparent;
    width: 60px;
    height: 7px;
    margin: 5px 0 2px;
    padding: 1px 0 0 1px;
}
.popunjenostPlavo{
    background: url("../grafika/smestaji/skala.gif") no-repeat scroll 0 -25px transparent;
    height: 7px;

}
.popunjenostPlavo-00{ width: 0px; } .popunjenostPlavo-01{ width: 3px; } .popunjenostPlavo-02{ width: 3px; } .popunjenostPlavo-03{ width: 6px; } .popunjenostPlavo-04{ width: 6px; } .popunjenostPlavo-05{ width: 9px; } .popunjenostPlavo-06{ width: 9px; } .popunjenostPlavo-07{ width: 12px; } .popunjenostPlavo-08{ width: 12px; } .popunjenostPlavo-09{ width: 15px; } .popunjenostPlavo-10{ width: 15px; } .popunjenostPlavo-11{ width: 18px; } .popunjenostPlavo-12{ width: 18px; } .popunjenostPlavo-13{ width: 21px; } .popunjenostPlavo-14{ width: 21px; } .popunjenostPlavo-15{ width: 24px; } .popunjenostPlavo-16{ width: 24px; } .popunjenostPlavo-17{ width: 27px; } .popunjenostPlavo-18{ width: 27px; } .popunjenostPlavo-19{ width: 30px; } .popunjenostPlavo-20{ width: 30px; } .popunjenostPlavo-21{ width: 33px; } .popunjenostPlavo-22{ width: 33px; } .popunjenostPlavo-23{ width: 36px; } .popunjenostPlavo-24{ width: 36px; } .popunjenostPlavo-25{ width: 39px; } .popunjenostPlavo-26{ width: 39px; } .popunjenostPlavo-27{ width: 42px; } .popunjenostPlavo-28{ width: 42px; } .popunjenostPlavo-29{ width: 45px; } .popunjenostPlavo-30{ width: 45px; } .popunjenostPlavo-31{ width: 48px; } .popunjenostPlavo-32{ width: 48px; } .popunjenostPlavo-33{ width: 51px; } .popunjenostPlavo-34{ width: 51px; } .popunjenostPlavo-35{ width: 54px; } .popunjenostPlavo-36{ width: 54px; } .popunjenostPlavo-37{ width: 57px; } .popunjenostPlavo-38{ width: 57px; } .popunjenostPlavo-39{ width: 60px; } .popunjenostPlavo-40{ width: 60px; }

.logoi-sponzora{
    margin-top: 10px;
    background-image: url("http://statika.putovanja.info/grafika/logoi-sponzora.jpg");
    width: 160px;
    height: 235px;
}
.logoi-sponzora .vila, .logoi-sponzora .laguna, .logoi-sponzora .digifoto{
    width: 160px;
}
.logoi-sponzora .vila{
    height: 95px;
}
.logoi-sponzora .laguna{
    height: 94px;
}
.logoi-sponzora .digifoto{
    height: 43px;
}
.bez-rezultata {
    background: none repeat scroll 0 0 #F1F4F7;
    border: 1px solid #65CC33;
    padding: 6px;
    font-size: 11px;
}
.standard {
    border: 1px solid #D4D4D4;
    margin-bottom: 10px;
    position: relative;
}
h1.imeLokacije {
	font-size: 17px;
	color: #40c7f4;
	margin: 8px;
}
h1.imeLokacije a {
	color: #40c7f4;
}
ul.oLokaciji {
	list-style: none;
	font-size: 9px;
	margin-bottom: 10px;
}
ul.oLokaciji li {
	background: #ededed;
	width: 186px;
	margin: 3px 0;
	padding: 1px 16px;
	color: #656364;
}
ul.oLokaciji li a {
	background: url(http://www.putovanja.info/d/_/bullet2.gif) no-repeat center left;
	padding-left: 10px;
	font-weight: 900;
	color: #656364;
}
ul.oLokaciji li a:hover {
	color: #333;
} 
p.zemljaLokacije {
    font-size: 9px;
    margin: 10px;
}
p.zemljaLokacije a {
    color: #000000;
    font-size: 10px;
    font-weight: 900;
}
ul.ostaleLokacije {
    font-size: 9px;
    list-style: none outside none;
    margin: 0 10px 10px;
}
ul.ostaleLokacije li {
    display: inline;
    line-height: 14px;
}
ul.ostaleLokacije li a {
    color: #616161;
}
