html, body 			{margin: 0;	padding: 0;}

img          		{max-width: 100%;	height: auto;	}

body				{background: #e4d9c7 url(../images/body-bg.jpg) no-repeat fixed;	font: .95em/150% 'Roboto Condensed', sans-serif; font-weight:300;	color: #000000;}

ul, ol 				{margin: 1em 0 1.4em 24px;	padding: 0;	line-height: 140%;}

li					{margin: 0 0 .5em 0;	padding: 0;}

h1 					{font-size: 2em; color:#193d86;  margin:10px 0 30px 0; font-weight:400; text-shadow: 1px 1px  #fcf3e4; line-height:1.2em;}

h2 					{font-size: 1.6em; font-weight:700;}

h3					{font-size: 1.4em; margin-bottom:10px; color:#193d86;  font-weight:400; text-shadow: 1px 1px  #fcf3e4;}

h4 					{font-size: 1.2em;}

h5 					{font-size: 1.1em; margin-bottom:10px; color:#193d86;  }

h6 					{font-size: 1em; margin-top:-20px; margin-bottom: 0; color:#193d86;  }

p 					{margin: 0 0 0.9em;	padding: 0;}

a 					{ color: #dc9b02;	text-decoration: none;	outline: none;}

a:hover 			{color: #193d86; text-decoration: none;}

.clear 				{clear:both;}

.font-italic		{ font-style:italic;}

#pagewrap 			{width: 1200px;	margin: 0 auto; position: relative;  }


#header 			{height: 150px; padding-top:30px; margin:0 0 10px 0; }

#main-nav 			{width: 100%; height:45px; bottom: 0 ; 
				 	background:  #193d86; background: -ms-linear-gradient(bottom, #0099cc 0%, #193d86 100%); background: -moz-linear-gradient(bottom, #0099cc 0%, #193d86 100%); background: -o-linear-gradient(bottom, #0099cc 
					0%, #193d86 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0099cc), color-stop(1, #193d86)); background: -webkit-linear-gradient(bottom, #0099cc 0%, #193d86 100%); 
					background:	linear-gradient(to top, #0099cc 0%, #193d86 100%);		
				 
					 margin: 0;	padding: 0;	 font: 1.4em 'Roboto Condensed', sans-serif; 
				 	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);	box-shadow: 0 1px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				 		}

#main-nav li 		{margin: 0;	padding: 0;	list-style: none;	float: left;	position: relative; 	}

#main-nav a 		{line-height: 100%;	font-weight: 300;	color: #fff;	display: block;	padding: 14px 15px;	text-decoration: none;	 text-shadow: 1px 1px 0 #003399;  border-right: solid 1px #0196ca;  
				 	-moz-transition: background 0.4s ease-in; -ms-transition: background 0.4s ease-in; -o-transition: background 0.4s ease-in; transition: all 0.4s ease-in; }

#main-nav a:hover, 
#main-nav a:active  {	color: #fff; 	background: #dc9b02;  }

#right 				{float:right; margin:-43px 20px 0 0;  }

.btn-croatia, 
.btn-english, 
.btn-germany, 
.btn-slovakia  		{display: block;	width: 32px;	height: 35px; float:left; }

.btn-croatia 		{background: url(../images/croatia-btn.png) top; background-position: 32px 0}
.btn-croatia:hover 	{background-position: 0 0;}

.btn-english 		{background: url(../images/english-btn.png) top; background-position: 32px 0}
.btn-english:hover 	{background-position: 0 0;}

.btn-germany 		{background: url(../images/germany-btn.png) top; background-position: 32px 0}
.btn-germany:hover 	{background-position: 0 0;}

.btn-slovakia 		{background: url(../images/slovakia-btn.png) top; background-position: 32px 0}
.btn-slovakia:hover {background-position: 0 0;}

#panorama			{width:1200px; margin:0 auto;  height:458px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); background:url(../images/panorama.jpg) no-repeat; 
						-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);	box-shadow: 0 1px 3px rgba(0,0,0,.4);  }
						
#content-vrh		{width:100%; background: url(../images/content-bg.png) repeat; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);	
					box-shadow: 0 1px 3px rgba(0,0,0,.4);}
					
#lijevo				{ width:70%; float:left; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);	box-shadow: 0 1px 3px rgba(0,0,0,.4); }

#side				{width:30%; float:right; }
						
					
#intro				{ width:94%; margin: 0 auto; min-height:370px; height:auto; padding:20px 15px 15px 25px; float:left;  }
					

.widget				{padding:15px 25px 15px 15px; margin:0 0 3px 0;   float:left; background: #eaddc9; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);	
					box-shadow: 0 1px 3px rgba(0,0,0,.4);   }
					
.widget2 			{background:none; margin:20px 0 3px 0; float:left; padding:20px;}

.widget h1 			{margin:10px 0 20px 0;  border-bottom: #193d86 1px solid; padding-bottom:15px;}

.razmak 			{margin-bottom:0; float:left; width:300px;}

.nazivi 			{background: none; float: left; width: 100px; margin-bottom: 5px; height: 25px; padding-top: 2px; line-height:1em; }

.botun-forma, 
.botun-forma:link, 
.botun-forma:active, 
.botun-upit, 
.botun-upit:link, 
.botun-upit:active,
.botun-podmeni, 
.botun-podmeni:link, 
.botun-podmeni:active 	{color: #fff!important ;	text-shadow: 1px 1px 0 #003399; background:  #193d86; display: inline-block;	padding: 10px 15px 10px;	text-decoration: none; line-height: 1;
					 -webkit-border-radius: 8px;	-moz-border-radius: 8px;	border-radius: 8px;		position: relative;	cursor: pointer;	float:right; border:0;}
					 
.botun-forma:hover, .botun-podmeni:hover  {background: #dc9b02;  color: #fff ;}

.botun-podmeni a {color:#fff;}
					 
.botun-upit, 
.botun-upit:link, 
.botun-upit:active { background:  #eaddc9; margin-right:10px; color:#193d86; text-shadow: none;}
					
.botun-upit:hover {background: #dc9b02;  color: #fff ;}

.botun-podmeni, 
.botun-podmeni:link, 
.botun-podmeni:active {margin-right:7px; margin-bottom:15px; float:left;}

#content			{background: url(../images/content-bg.png) repeat;	margin: 0;	padding: 20px;	width: 1160px;	float: left; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
					box-shadow: 0 1px 3px rgba(0,0,0,.4); }
					
.dno 				{ width:173px; float:left; margin:0 10px;}


.jedinica-home 		{padding: 10px; width: 192px; height: auto; min-height:310px; float: left; background-color: rgba(25, 61, 134, 0.1); margin: 0 9px 20px 9px;  -webkit-border-radius: 8px;	-moz-border-radius: 8px;	
					border-radius: 8px; line-height:1.4em;	}
					
.jedinica-smjestaj 	{ width:90%; height:auto; margin: 20px auto;  padding:30px 15px 15px 15px; clear:both; 
					-webkit-box-shadow: 0 1px 3px rgba(138,121,95,0.7);	-moz-box-shadow: 0 1px 3px rgba(138,121,95,0.7);	box-shadow: 0 1px 3px rgba(138,121,95,0.7);  }

.jedinica-smjestaj h1 	{ margin-top:-10px;}

.slika-jedinica 	{max-width: 100%; height: auto; border: solid 1px #c2ad8c;   margin-bottom:-15px;}

.image-rotation 	{ max-width: 85%; float:left; border: 3px solid #FFFFFF;  margin: 20px 0 35px 10px;
					transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -o-transform: rotate(-1deg);
					box-shadow: 0px 0px 0px 10px rgba(199, 170, 133, 0.3), 0px 15px 20px 0px rgba(25, 61, 134, 0.4);}
					
.naslovna-slika, .slika-sadrzaj, .slika-sadrzaj-desno 	{max-width: 85%; float:left; border: 3px solid #FFFFFF;  margin: 0 25px 35px 10px;
					transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -o-transform: rotate(-1deg);
					box-shadow: 0px 0px 0px 10px rgba(199, 170, 133, 0.3), 0px 15px 20px 0px rgba(25, 61, 134, 0.4); }	
					
.slika-100 			{max-width: 98%; float:left; border: 3px solid #FFFFFF;  margin: 0 25px 35px 10px; box-shadow: 0px 0px 0px 10px rgba(199, 170, 133, 0.3), 0px 15px 20px 0px rgba(25, 61, 134, 0.4); }	
					
.slika-sadrzaj		{min-width:auto; max-width:98%; margin: 20px 25px 35px 10px; }

.slika-sadrzaj-desno {float:right; min-width:auto; max-width:95%; margin: 20px 0 35px 30px;}
					
.ikona-jedinica 	{margin-bottom:-5px; margin-top:2px;}
					
					
#footer 			{width: 1160px; padding:20px 10px; margin: 20px 0;}

#footer a			{color: #193d86;}

#footer a:hover		{color: #dc9b02; text-decoration: none;}

.footer-dio, 
.footer-kontakt,
.footer-adress,
.footer-adress2		{width: 210px; margin: 0 9px 20px 9px; float:left; }

.footer-kontakt 	{width: 70px; float:right; margin: 0 0 20px 9px;  }

.footer-adress		{width: 150px; padding-top:25px;}

.footer-adress2		{width: 200px; padding-top:25px;}

.btn 				{ display: inline-block; padding: 10px; border-radius: 5px; /*optional*/  color: #aaa;  font-size: .875em;}

.pagination 		{padding: 25px; margin-bottom: 20px; float:right;}

.page 				{display: inline-block; padding: 0px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #cdc3b7;font-weight: 400; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);                     font-size: .875em; text-decoration: none; color: #193d86;}

.page:hover, 
.page.gradient:hover{background: #dc9b02; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc9b02), to(#f2ca6d)); background: -moz-linear-gradient(0% 0% 270deg,#dc9b02, #f2ca6d); color: #fff;}

.page.active 		{border: none;  background: #193d86; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);  color: #f0f0f0;  text-shadow: 0px 0px 3px rgba(0,0,0, .5);}


/*--------------------------------- stil jedinice ------------------------------------- */

.opis-lijevo, .opis-desno, .opis-desno-dno {float:left; width:48%; margin-top:15px;  }

.opis-lijevo{float:left; }

.opis-desno, .opis-desno-dno {float:right;  }

.opis-desno h6 {margin-bottom:10px;}

.opis-desno-dno {padding-top:30px;}

.opis-lijevo h3, .opis-desno h3 {margin-top:0;}

.opis-manji-lijevo, .opis-manji-desno { width: 32%; margin-right:1%; margin-top: 15px; }

.opis-manji-lijevo {float:left; }

.opis-manji-desno {float:right;  }

.cjenik {background: #193d86; color: #f5ede0; font-size: .8em; line-height:1.5em; padding:5px 0;}

.col-izbornik {
float: left;
width: 80%;
height: auto;
background: url(../images/col-top.png) #eaddc9 repeat-y left top;
margin: 5px 0 5px 15px;
padding: 15px 22px 15px 21px; color:#fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
					box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.col-explorer, .col-adventure, .col-culture, .col-gastro, .col-blank {
float: left;
width: 330px;
height: 222px;

margin-left:10px;
margin-right: 10px;
margin-bottom: 15px;
padding: 26px 22px 0 21px; color:#fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
					box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.col-explorer {background: url(../images/col-explorer.jpg) #eaddc9 no-repeat left top;}

.col-adventure {background: url(../images/col-adventure.jpg) #eaddc9 no-repeat left top;}

.col-culture {background: url(../images/col-culture.jpg) #eaddc9 no-repeat left top;}

.col-gastro {background: url(../images/col-gastro.jpg) #eaddc9 no-repeat left top;}

.col-blank {background: url(../images/col-top.png) #eaddc9 no-repeat left top;}

.col-explorer a, .col-adventure a, .col-culture a, .col-gastro a, .col-izbornik a, .col-blank a {color:#FFF;}

.col-explorer a:hover, .col-adventure a:hover, .col-culture a:hover, .col-gastro a:hover, .col-izbornik a:hover, .col-blank a:hover {color:#193d86;}

.name-col {
font-size: 30px;
line-height: normal;
color: #fff;
display: block;
overflow: hidden;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 12px; 
}




input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], keygen, select, select[size="0"], select[size="1"], textarea  { background:#f3e9da; border:1px solid #eaddc9; padding:3px; margin-bottom:5px;}