/*
Theme Name: Planet Travel
Theme URI: http://escapestudio.net/
Description: Planet Travle Theme.
Version: 1.0
Author: Stanisalv Mihić
Author URI: http://escapestudio.net
Tags: blue, yellow, white
*/


/* Begin Typography & Colors */

* { 
    margin: 0px; 
    padding: 0px; 
    }

body { 
    background: url(images/back.jpg) repeat-x center top #E7C078;
    font-family: Arial,Helvetica,sans-serif; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 62.5%; 
    line-height: 1.6; 
    color:#333333; 
    }
#wrapper{
    margin:0px auto;
    padding:0px;
    width:964px;
    }
#container{
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:964px;
    }
#header{
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 18px;
    float:left;
    width:942px;
    /*height: 185px;*/
    }
#content{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:964px;
    }
#footer{
    margin:0px 0px 0px 0px;
    padding:20px 0px 20px 0px;
    float:left;
    width:964px;
    }
    
/********* fonts and misc ********/

a{
    outline:none;
    color: #5EA2D0;
    text-decoration:underline ;
    }
a:hover{
    text-decoration: none;
    }
a img{
    border:none;
    outline: none;
    }
p{
    margin:0px;
    padding: 10px 0px;
    font-size: 1.1em;
    }
#page p{
    clear: both;  
    }
ul{
    margin:0px;
    padding: 0px 0px 0px 20px;
    list-style-position: inside;    
    font-size: 1.1em;
    }

ul.vodic li{
    padding:3px 0px;
    font-size: 1.2em;
    }
ul.vodic li a{
    color: #3184BA;
    text-decoration: none;
    }             
ul.vodic li a:hover{
    text-decoration: underline;
    } 
h1,h2,h3,h4{
    margin:0px;
    padding: 0px;
    }
    

h1{
    margin:0px;
    padding: 3px 0px 2px 10px;
    display: block;
    font-size: 1.8em;
    color: white;
    line-height: normal;
    background: url(images/h1_bg.png) no-repeat left top;
    }
h1.title{
    margin:10px 0px 0px 0px;
    padding: 3px 0px 2px 10px;
    display: block;
    font-size: 1.8em;
    color: white;
    float: left;
    width: 520px;
    /*clear: both;*/
    line-height: normal;
    background: url(images/h1_bg.png) no-repeat left top;
    }
h1 a{
    color:white;
    text-decoration: none;
    }
h3#linkovi{
    font-size: 1.4em;
    color: /*#4E97C9*/white;
    font-family: Helvetica;
    letter-spacing: -1px;
    font-weight:bold;
    padding:0px 0px 10px 5px;
    display:block;
    clear: both;
    }
#page h3{
    background: #4E97C9;
    color: white;
    padding: 2px 10px;
    font-size:1.2em ;
    margin:10px 0px 10px 0px;
/*    float:left;*/
    display: block;
    width:40%;

    
    }
h4{
    margin:0px;
    padding: 3px 0px 2px 10px;
    display: block;
    font-size: 1.8em;
    color: white;
    line-height: normal;
    background: url(images/h1_bg.png) no-repeat left top;
    }
h2.ponuda{
    margin:0px;
    padding: 0px;
    float:left;
    display:block;
    width: 220px;
    height: 43px;
    background: url(images/ponuda_putovanja.png) no-repeat left top;
    text-indent: -9999px;
    }

h2.newsletter{
    margin:0px;
    padding: 0px;
    float:left;
    display:block;
    width: 220px;
    height: 43px;
    background: url(images/newslett.png) no-repeat left top;
    text-indent: -9999px;
    }
    
h3.last_min{
    margin:0px 0px 0px 0px;
    padding:0px;
    float: left;
    display: block;
    width: 145px;
    height: 26px;
    background: url(images/last_minute.png) no-repeat 5px top;
    text-indent: -9999px;
    }
h3.prognoza{
    margin:10px 0px 0px 0px;
    padding:0px;
    float: left;
    display: block;
    width: 150px;
    height: 26px;
    background: url(images/vremenska_prognoza.png) no-repeat 1px top;
    text-indent: -9999px;
    }
h3.pretraga{
    margin:10px 0px 0px 0px;
    padding:0px;
    float: left;
    display: block;
    width: 150px;
    height: 26px;
    background: url(images/pretraga.png) no-repeat 1px top;
    text-indent: -9999px;
    }
h3.slicna_putovanja{
    margin:10px 0px 0px 0px;
    padding:0px;
    float: left;
    display: block;
    width: 150px;
    height: 26px;
    background: url(images/slicna_putovanja.png) no-repeat 1px top;
    text-indent: -9999px;
    }
h3.popularna_putovanja{
    margin:10px 0px 0px 0px;
    padding:0px;
    float: left;
    display: block;
    width: 150px;
    height: 26px;
    background: url(images/popularna_putovanja.png) no-repeat 1px top;
    text-indent: -9999px;
    }
h3.linksh{
    margin:10px 0px 0px 0px;
    padding:0px;
    float: left;
    display: block;
    width: 150px;
    height: 26px;
    background: url(images/korisni_linkovi.png) no-repeat 1px top;
    text-indent: -9999px;
    }
#page h2{
    font-size: 1.8em;
    color: #4E97C9;
    font-family: Helvetica;
    letter-spacing: -1px;
    font-weight: normal;
    padding:0px 0px 5px 0px;
    display:block;
    clear: both;
    }
#page h2 a{
    color: #306B94;
    text-decoration: none;
    }
#page #random h3{
    font-size: 1.1em;
    background: none;
    padding: 0px 0px;
    margin: 0px;
    }
#page #random h3 a{
    display: block;
    width: 160px;
    padding: 0px 0px;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    /*font-size:1.2em;*/
    color: #4E97C9;
    }     
#page #random h3 a:hover{
    text-decoration:underline;
    
    }     
/*************** header *************/

#logo{
    margin:0px;
    padding: 0px;
    float: left;
    width: 200px;
    }
#logo a{
    margin:0px;
    padding: 0px;
    float:left;
    display:block;
    width: 200px;
    height: 70px;
    text-indent: -9999px;
    background: url(images/planet_travel.png) no-repeat left top;
    }

    
/********* navigation *********/

#navigation{
    margin:0px;
    padding:25px 0px 0px 90px;
    float: left;
    width:360px;
    }
#navigation ul{ 
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }
#navigation ul li{  
    margin:0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    float:left;
    }
    
#navigation ul li.home a{  
    margin:0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    float:left;
    width: 60px;
    height: 20px;
    text-indent: -9999px;
    background:url(images/naslovna.png) no-repeat left top;
    }
#navigation ul li.home a:hover{
    background:url(images/naslovna.png) no-repeat left bottom;
    } 
    
#navigation ul li.page-item-2 a{  
    margin:0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    float:left;
    width: 60px;
    height: 20px;
    text-indent: -9999px;
    background:url(images/o_nama.png) no-repeat left top;
    }
#navigation ul li.page-item-2 a:hover{
    background:url(images/o_nama.png) no-repeat left bottom;
    } 
#navigation ul li.page-item-4 a{  
    margin:0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    float:left;
    width: 85px;
    height: 20px;
    text-indent: -9999px;
    background:url(images/rezervacije.png) no-repeat left top;
    }
#navigation ul li.page-item-4 a:hover{
    background:url(images/rezervacije.png) no-repeat left bottom;
    } 
#navigation ul li.page-item-6 a{  
    margin:0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    float:left;
    width: 70px;
    height: 20px;
    text-indent: -9999px;
    background:url(images/kontakt.png) no-repeat left top;
    }
#navigation ul li.page-item-6 a:hover{
    background:url(images/kontakt.png) no-repeat left bottom;
    } 
#navigation ul li.page-item-8 a{  
    margin:0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    float:left;
    width: 75px;
    height: 20px;
    text-indent: -9999px;
    background:url(images/newsletter.png) no-repeat left top;
    }
#navigation ul li.page-item-8 a:hover{
    background:url(images/newsletter.png) no-repeat left bottom;
    } 
    
#navigation ul li.current_page_item a{
    background-position: bottom;
    } 
/**** lang ****/
#lang{  
    float:left;
    padding:0px 0px 0px 10px;
    color: #FDC61C;
    }
#lang a{
    color:white;
    }           
#lang a:hover {
    text-decoration: none;
    }
/********* bread ***********/

#bread{
    margin:0px;
    padding:8px 0px;
    float:left;
    width: 500px;
    clear: both;
    color: #FBAF00;
    } 
#bread a{
    color:#2C80B7;
    }
#bread a:hover{
    text-decoration: none;
    }
/********** search ***********/

 #search{float:right; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; width:190px;}

#search #search_form{
    margin:0px 0px 0px 0px;
    padding:4px 4px 4px 2px;
    border:none;
    /*color:rgb(38, 131, 184);*/
    width:150px;
    float: left;
    background: url(images/search_bg.png) no-repeat left top;
    }
#searchsubmit{
    float:right;
    }   
.srch{float:left; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; width:390px;}

.srch #search_form{
    margin:0px 0px 0px 0px;
    padding:2px 4px 2px 2px;
    border:none;
    /*color:rgb(38, 131, 184);*/
    width:350px;
    float: left;
  /*  background: url(images/search_bg.png) no-repeat left top;*/
  border:1px solid rgb(38, 131, 184);
    }
#searchsubmit{
    float:right;
    }   
    
/*********** sidebar's ************/

#sidebar2{
    float:left;
    width: 220px;
    margin: 0px;
    padding:40px 0px 0px 0px;
    }
#ponuda_putovanja{
    margin:0px;
    padding: 0px 10px 0px 10px;
    float:left;
    display: block;
    background: url(images/ponuda_bg.png) repeat-y left top; 
    width: 200px;
    }
#ponuda_bottom{
    margin:0px;
    padding: 0px 0px 0px 0px;
    float:left;
    display: block;
    background: url(images/ponuda_bottom.png) no-repeat left top; 
    width: 220px;
    height: 15px;
    }
#ponuda_putovanja ul{
    list-style-type: none;
    margin:0px 0px 5px 0px;
    padding:5px 0px;
    float:left;
    background: #F0F7FB;
    width: 195px;
    font-size: 1.2em;
    }     
#ponuda_putovanja ul li{
    list-style-type: none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 3px 0px ;
    float:left;
    display: block;
    background: url(images/li_bg.png) repeat-x left bottom;
    width: 195px;
    }  
#ponuda_putovanja ul li a{
    list-style-type: none;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    display: block;
    width: 175px;
    color: #555555;
    font-weight: bold;
    text-decoration: none;
    }  
#ponuda_putovanja ul li a:hover{
    background:url(images/li_hover.png) no-repeat 5px center;
    }
#ponuda_putovanja ul li.current-cat a{
    background:url(images/li_hover.png) no-repeat 5px center;
    } 
    
.welcome{
    margin:0px;
    padding: 0px;
    float:left;
    width: 214px;
    height: 154px;
    background: url(images/welcome_to_croatia.png) no-repeat left top;
    }
     

/********* right sidebar  ********/
      
#sidebar{
    float:left;
    width: 200px;
    margin: 0px;
    padding:80px 0px 0px 5px;
    }
    
.white_h{
    margin:0px;
    padding: 0px;
    float:left;
    display: block;
    background: url(images/box_h.png) no-repeat left top white;
    width: 200px;
    height:10px;
    }
.white_f{
    margin:0px 0px 10px 0px;
    padding: 0px;
    float:left;
    display: block;
    background: url(images/box_b.png) no-repeat left top;
    width: 200px;
    height: 10px;
    }
.white_b{
    margin:0px;
    padding:5px 0px;
    float:left;
    display: block;
    background: white;
    width: 200px;
    }  
    
#wp-forecasta{
    float:left;
    }  

ul.last{
    list-style-type: none;
    margin:0px;
    padding:0px 5px;
    }
ul.last li{
    margin:0px;
    padding: 0px;
    display: block;
    float: left;
    }
ul.last li a{
    text-decoration: none;
    color: #5EA2D0;
    font-size: 1.1em;
    font-weight: normal;
    display: block;
    width: 190px;
    padding: 3px 0px 3px 0px;
    background: url(images/last_bg.png) repeat-x left bottom;
    }    
ul.last li a:hover{
    color: #5F5F60;
    }    
    
#tur_vod{
    margin:10px 0 0 0;
    padding: 0px 0px 0px 0px;
    float: left;
    }
#tur_vod a{
    margin:0px;
    padding: 0px;
    float: left;
    width: 200px;
    height: 110px;
    text-indent: -9999px;
    background: url(images/banner_turisticki_vodic.jpg) no-repeat left top;
    }  
    
#links{
    margin:0px;
    padding: 0px;
    }
#links ul{
    list-style-type: none;
    margin:0px;
    padding:0px 5px;
    }
#links ul li{
    margin:0px;
    padding: 0px;
    display: block;
    float: left;
    }
#links ul li a{
    text-decoration: none;
    color:white;
    font-size: 1.1em;
    font-weight: normal;
    display: block;
    width: 190px;
    padding: 3px 0px 3px 0px;
    border-bottom: 1px dotted white;
    /*background: url(images/last_bg.png) repeat-x left bottom;*/
    }    
#links ul li a:hover{
    color:  #5EA2D0;
    }  
/******** content ***********/

#page{
    margin:40px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float:left;
    width: 535px;
    }
.page_head{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    height:9px;
    width: 535px;
    background: url(images/page_head.png) no-repeat left top white;
    }
.page_content{
    margin:0px;
    padding: 0px 10px 10px 10px;
    float: left;
    display: block;
    width: 515px;
    background: white;
    }
.page_foot{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    height:10px;
    width: 535px;
    background: url(images/content_foot.png) no-repeat left top;
    }
    
    
.info{
    margin:0px;
    padding:0px;
    float: left;
    width: 520px;
    }
.short_entry .image{
    padding:0px 0px 0px 0px;
    }
.short_entry .image img{
    text-align: center;
    background-color: #FECA21;
    padding:5px;
    margin: 0px 10px 0px 0px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    }
    
.page_content .category{
    float: left;
    padding:0px 0px 10px 0px;
    margin:0px 0px 5px 0px;   
    width: 515px;
    display: block;
    background: url(images/category_bottom.png) repeat-x left bottom;
    }
.page_content .category .more_links{
    margin:0px;
    padding: 0px 0px 0px 0px;
    float: right;
    display: block;
    width: 515px;
    }
.page_content .category .more_links a{
    margin:0px;
    padding: 0px;
    float: right;
    display: block;
    width: 68px;
    height: 21px;
    background: url(images/details_2.png) no-repeat left top;
    text-indent: -9999px;
    }    
.page_content .category .more_links a:hover{
    background: url(images/details_2.png) no-repeat left bottom;
    }            
.image{
    float:left;
    width: 170px;
    }
.page_content .short_entry ul.short{
    margin:0px;
    padding:0px 10px 0px 0px;
    list-style-type: none;
    float: left;
    width: 320px;
    }

.page_content .short_entry ul.short li{
    margin:0px;
    padding: 5px 0px;
    
    }
    
.post ul.short{
    margin:0px;
    padding:10px 10px 30px 0px;
    list-style-type: none;
    float: left;
    width: 320px;
    }
ul.short li{
    margin:0px;
    padding: 5px 0px;
    display: block;
    float:left;
    width: 300px;
    }
span.polazak{
    margin:0px;
    padding: 0px;
    float:left;
    display: block;
    width: 100px;
    background:url(images/polazak_dolazak.png) no-repeat left top ;
    text-indent: -9999px;
    }
 span.cijena{
    margin:0px;
    padding: 0px;
    float:left;
    display: block;
    width: 95px;
    background:url(images/cijena.png) no-repeat left top ;
    text-indent: -9999px;
    }
span.smjestaj{
    margin:0px;
    padding: 0px;
    float:left;
    display: block;
    width: 57px;
    background:url(images/smjestaj.png) no-repeat left top ;
    text-indent: -9999px;
    }
span.prijevoz{
    margin:0px;
    padding: 0px;
    float:left;
    display: block;
    width: 55px;
    background:url(images/prijevoz.png) no-repeat left top ;
    text-indent: -9999px;
    }   
    
    
.more_info{
    margin:0px 0px 10px 0px;
    padding: 0px 0px;
    float: left;
    display: block;
    
    
    }
.more_info a{
    margin:0px;
    padding: 10px 0px 0px 50px;
    float: left;
    display: block;
    font-size:1.5em;
    color: white;
    width: 465px;                                       
    height: 36px;
    text-decoration: none;
    background: url(images/info.png) no-repeat left top;
    }        
.more_info a:hover{
    background: url(images/info.png) no-repeat left bottom;
    }
/******** random **********/

#random{
    margin: 10px 0px;
    padding:0px;
    float: left;
    width:510px;
    
    }    
#page #random ul{ 
    margin: 0px;
    padding:0px;
    list-style-type: none;
    float: left;
    }        
#page #random ul li{ 
    margin: 0px;
    padding:5px;
    list-style-type: none;
    float: left;
    display: block;
    width: 160px;
    height: 210px;
    }        
#page #random ul li a{
    /*display: block;
    width: 160px;
    padding: 0px 0px;
    text-align: center;
    text-decoration: none;
    font-size:1.2em;
    color: white;*/
    }
#page #random ul li img{
    padding:5px;
    margin: 0px;
    background: #FECA21;
    float: left;
    -moz-border-radius:5px;
    } 
#random .details{
    margin:0px;
    width: 110px;
    padding:5px 0px 10px 50px;
    display: block;
    float: left;
    text-align: center;
    }
#random .details a{
    margin:0px 0px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
    background: url(images/details_2.png) no-repeat left top;
    width: 62px;
    height: 21px;
    text-indent: -9999px;
    }
#random .details a:hover{
    background: url(images/details_2.png) no-repeat left bottom;
    }  
/******** footer ************/

#small_logo{
    margin:0px;
    padding:0px 0px 0px 210px;
    float: left;
    }
#small_logo a{
    margin:0px;
    padding:0px;
    float: left;
    display: block;
    width: 146px;
    height: 52px;
    text-indent: -9999px;
    background: url(images/planet_travel_small_logo.png) no-repeat left top;
    }    
#footer ul{
    margin:0px;
    padding: 7px 0px 0px 0px;
    float:left;
    list-style-type: none;
    display: block;
    width: 600px;
    font-size: 1.1em;
    }
#footer ul li{
    list-style-type: none;
    float: left;
    padding: 0px 5px;
    }     
#footer a{
    color: white;
    } 
#footer a:hover{
    text-decoration: none;
    }               
#footer p{
    float:left;
    padding:0px 0px 0px 5px;
    color: white; 
    }
    
    

/********* oldies *********/    
    

.navigation{
    margin:0px 0px 10px 0px;
    padding: 6px 0px;
    text-align: center;
    clear: both;
    border-top:1px solid #BBD7EC;
    border-bottom:1px solid #BBD7EC;
    }
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	/*border: 1px solid #ddd;*/
	text-align: center;
	background-color: #FECA21;
	padding-top: 4px;
	margin: 10px 10px 0px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
    color: white;
}


/*********** table *******/
 #pattern-style-a
{
    margin:10px 0px;
    width: 515px;
    text-align: left;
    border-collapse: collapse;
    background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
    background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
    font-size: 13px;
    font-weight: normal;
    padding: 2px;
    border: 1px solid #60A2D2;
    color: white;
    background: #60A2D2;
}
#pattern-style-a td
{
    padding: 8px; 
    border: 1px solid #60A2D2;
    color: #669;
    border-top: 1px solid transparent;
    font-size: 1.1em;
}
#pattern-style-a tbody tr:hover td
{
    color: #339;
    background: #fff;
}

/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

    
/************ forma **********/

#upit{
    margin:0px;
    padding: 0px;
    float: left;
    }
    
#newsletters{
    margin:0px;
    padding: 0px;
    float:left;
    }
.left_s{
    margin:0px;
    padding: 0px 10px 0px 10px;
    float:left;
    display: block;
    background: url(images/ponuda_bg.png) repeat-y left top; 
    width: 200px;
    }
.left_s_bottom{
    margin:0px;
    padding: 0px 0px 0px 0px;
    float:left;
    display: block;
    background: url(images/ponuda_bottom.png) no-repeat left top; 
    width: 220px;
    height: 15px;
    }
.submit
    {
    float:right;
    }
.newsletterTextInput{
    float:left;
    width: 110px;
    margin:0px 5px 0px 0px;
    }
#newsletterFormDiv{
    padding:0px 5px 10px 5px;   
    float: left;
    }
    
.ddsg-pagenav{
    text-align: center;
    padding: 10px;
    }
#privatni_smjestaj{
    margin:7px;
  }