@charset "utf-8";
/* 
Theme name: Blue Travel
Description: WP theme for bluetravelvb.com
Version: 1.0
Author: Miloš Milikić
Author URI: http://milosmilikic.com/
*/

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

body{
background: #d2e6fc url(images/body-bg.jpg) repeat-x;
font-family: Arial, Geneva, sans-serif;
font-size: 12px;
color: #555555;
}

a{
text-decoration: none;
}

a:focus{
-moz-outline: none;
}

img{
border: none;
}

p{
margin: 0 0 10px 0;
}

.container{
width: 900px;
margin-left: auto;
margin-right: auto;
}


/*---HEADER---*/

#header{
width: 900px;
height: 220px;
background: url(images/header-bg.jpg) no-repeat;
background-position: bottom;
}

#firstNav{
width: 880px;
height: 30px;
margin-right: 20px;
}

#firstMenu{
position: relative;
top: 0; left: 0;
padding: 0;
display: inline;
}

#firstMenu a {
display: block;
line-height: 30px;
text-decoration: none;
color: #fff;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}

#firstMenu a:hover {
text-decoration: underline;
}

#firstMenu li{
float: right;
list-style: none;
}

#logo{
float: left;
margin-left: 50px;
margin-top: 30px;
}

#secondNav{
width: 880px;
height: 30px;
float: left;
margin-left: 20px;
margin-top: 26px;
display: inline;
}

#secondMenu{
position: relative;
top: 0; left: 0;
padding: 0;
display: inline;
}

#secondMenu a {
display: block;
line-height: 30px;
text-decoration: none;
color: #0052ae;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}

#secondMenu a:hover {
/* text-decoration: underline;*/
background-color:#95C0EF;
}

#secondMenu li{
float: left;
list-style: none;
}

/*------------*/

/*---CONTENT---*/

h2{
font-weight: normal;
color: #0052ae;
font-size: 22px;
margin: 0 0 10px 0;
}

h3{
font-weight: normal;
color: #0052ae;
font-size: 18px;
margin: 0 0 10px 0;
}

#content a{
color: #0052ae;
text-decoration: underline;
}

#content a:hover{
color: #0052ae;
text-decoration: none;
}

#content{
width: 900px;
background: url(images/content-bg.jpg) no-repeat;
}

#left{
float: left;
width: 590px;
margin-left: 30px;
margin-top: 20px;
display: inline;
}

#right{
float: left;
width: 220px;
margin-left: 30px;
margin-top: 20px;
display: inline;
}

.mesta{
float: left;
margin: 0 0 10px 10px;
padding: 0;
list-style: none;
width: 380px;
}

.mesta li{
display: inline;
padding-right: 10px;
line-height: 18px;
}

.listaOkvir{
width: 588px;
margin-bottom: 20px;
border: 1px solid #C1D8F3;
background: #E3EFFC;
}

.listaMiniOkvir{
margin: 10px 20px;
width: 548px;
}

.lista{
list-style: none;
padding: 0;
}

.lista li{
margin: 0;
padding: 0;
}

.slikalevo{
padding: 3px;
float: left;
margin-right: 10px;
margin-left: 0;
margin-bottom: 10px;
border: 1px solid #C1D8F3;
background: #E3EFFC;
}

.slikadesno{
padding: 3px;
float: right;
margin-left: 10px;
margin-right: 0;
margin-bottom: 10px;
border: 1px solid #C1D8F3;
background: #E3EFFC;
}

#smestaj img{
padding: 3px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border: 1px solid #C1D8F3;
background: #E3EFFC;
}


#mestoOpis img{
padding: 3px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border: 1px solid #C1D8F3;
background: #E3EFFC;
}

.datum{
font-size: 10px;
color: #0052ae;
}

/*-------------*/

/*---POCETNA---*/

#rowTwo{
float: left;
width: 590px;
height: 100px;
margin-top: 10px;
margin-bottom: 10px;
display: inline;
}

#rowThree{
float: left;
width: 590px;
height: 100px;
margin-bottom: 20px;
display: inline;
}

#blockOne{
float: left;
width: 190px;
margin-right: 10px;
height: 100px;
}

#blockTwo{
float: left;
width: 190px;
margin-right: 10px;
height: 100px;
}

#blockThree{
float: left;
width: 190px;
height: 100px;
}

#blockFour{
float: left;
width: 190px;
margin-right: 10px;
height: 100px;
}

#blockFive{
float: left;
width: 190px;
margin-right: 10px;
height: 100px;
}

#blockSix{
float: left;
width: 190px;
height: 100px;
}

#recentPosts{
float: left;
margin-left: 10px;
width: 240px;
background: #e3effc;
border: 1px solid #c1d8f3;
}

#recentPostsBlock{
width: 220px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

#recentPostsBlock ul{
margin: 0;
padding: 0;
list-style: none;
line-height: 18px;
}

#hitPonuda{
float: left;
width: 338px;
}

/*-------------*/

/*---KATEGORIJA LETOVANJA---*/

.blockCat{
float: left;
width: 588px;
margin-bottom: 20px;
display: inline;
border: 1px solid #C1D8F3;
background: #E3EFFC;
}

.miniblockCat{
float: left;
width: 550px;
margin-top: 10px;
margin-left: 20px;
display: inline;
}

.picCat{
float: left;
margin-bottom: 10px;
border: 1px solid #C1D8F3;
}

/*--------------------------*/

/*---SIDEBAR---*/

.blockRight ul{
margin: 0;
padding: 0;
list-style: none;
}

.blockRight li{
padding: 10px;
background: #e3effc;
border: 1px solid #c1d8f3;
margin-bottom: 20px;
}

#searchform{
margin: 0;
}

#s{
float: left;
color: #334c8a;
line-height: 18px;
height: 18px;
width: 140px;
border: 1px solid #c1d8f3;
background: #fff;
margin-top: 5px;
}

#search_submit{
float: left;
line-height: 18px;
border: 1px solid #fff;
height: 22px;
color: #fff;
background: #2d6eb1;
margin-top: 5px;
margin-left: 5px;
cursor: pointer;
}

#search_submit p{
margin-left: 5px;
margin-right: 5px;
padding: 0;
}

.separatorBlank{
background: #e3effc;
height: 1px;
clear: both;
}

#log{

color: #334c8a;
line-height: 18px;
height: 18px;
width: 190px;
border: 1px solid #c1d8f3;
background: #fff;
margin-top: 5px;
}

#pwd{

color: #334c8a;
line-height: 18px;
height: 18px;
width: 190px;
border: 1px solid #c1d8f3;
background: #fff;
margin-top: 5px;
}

#log_submit{
line-height: 18px;
border: 1px solid #fff;
height: 22px;
color: #fff;
background: #2d6eb1;
margin-top: 5px;
margin-left: 5px;
cursor: pointer;
}

/*-------------*/


/*---STICKY FOOTER---*/

html, body, #main{
height: 100%;
}

body > #main{
height: auto;
min-height: 100%;
}

#content{
padding-bottom: 100px;
}  /* must be same height as the footer */

#footer{
position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear: both;
} 
	
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*---FOOTER---*/

#footer{
background: #2c6db1;
border-top: 1px solid #fff;
color: #fff;
font-size: 11px;
text-align: center;
}

#footerContent{
margin-top: 20px;
line-height: 18px;
}

#footerContent a{
color: #fff;
text-decoration: underline;
}

#footerContent a:hover{
color: #fff;
text-decoration: none;
}