@charset "utf-8";
/*
* Theme Name: Zagorska Sela
*
* Description: Fixed layout
* Version: 2.0
* Author: Darko Lončar - loncarster@gmail.com
* Last Update: 15/7/2013
*
*/

/*Global styles*/
html{-webkit-font-smoothing:antialiased}
body{font:90%/1.7em Roboto,"Droid Sans",Arial,sans-serif;margin:0;color:#584e2a;background:#d8c47c url('gfx/sky-background.jpg')repeat-x 50% 0}

/*Links*/
a{text-decoration:none;color:#369}
a:hover{text-decoration:underline}
a img{border:0}

/*Headings*/
h2,h3{display:block;font-family:"Oswald","Droid Sans","Arial",sans-serif;color:#483e1a}
h2 a,h3 a {color:#483e1a}
h2{margin:0.7em 0;font-size:1.6em;line-height:1.5em;font-weight:normal}
h3{margin:0.7em 0;font-size:1.2em}

/*Text elements*/
p,ol,ul{margin:0 0 1.5em 0}
ol,ul{list-style:square inside;margin-left:2em}

/*Tables*/
th,td{border:1px solid #333;vertical-align:middle}

/*Forms*/
form{margin:0 0 1.7em 0}
label{float:left;clear:both;width:200px;margin-right:1em;padding:5px 0;font-weight:bold}
input[type="text"],input[type="email"],textarea{padding:6px 4px;margin:0 20px 0 0;border:1px solid #c5b169;color:#333;background:#fff}
input[type="submit"]{font-weight:bold;padding:8px;margin:0}
textarea{width:100%}

/*Header*/
header{width:940px;height:200px;margin:0 auto}
#site-logo{float:left;width:120px;height:296px;margin:23px 0 0 0}
#site-title{float:left;width:426px;height:90px;margin:30px 0 0 20px}

#searchform{float:right;margin:52px 0 0 0;display:block;padding:10px 5px 10px 0}
#search{width:250px;margin:5px 0;padding:8px 5px;font-size:1em;border:1px solid #3e6a90;color:#fff;border-radius:3px;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;background:#5E8AB0;opacity:0.9;box-shadow:0 0 5px rgba(0,0,0,0.1)}
#search::-webkit-input-placeholder {color:#eee;font-style:italic}
#search:-moz-placeholder{color:#eee;font-style:italic}
#search::-moz-placeholder{color:#eee;font-style:italic}
#search:-ms-input-placeholder{color:#eee;font-style:italic}
#searchButton{display:none}


/*Dropdown menu*/
#navigation{position:relative;float:left;width:790px;margin:0 0 0 15px;padding:0 0 0 10px;z-index:101;background:transparent url('gfx/menubar.png') 0 0;border-radius:3px}
#navigation li{position:relative;float:left;margin:0;padding:0;list-style-type:none}
#navigation a{font-size:1.2em;line-height:50px;display:block;padding:0 15px;color:#fff;text-align:center;text-shadow:0 0 1px #2d5e88}
#navigation>li:hover>a{background:#6e9ac0;text-decoration:none;color:#fff;text-shadow:none}
#navigation li:hover>ul{display:block}
#navigation li ul{display:none;position:absolute;width:270px;left:0;background:#3d6e98;margin:0;padding:10px;border-top:5px solid #3d6e98;border-bottom: 5px solid #3d6e98;box-shadow:2px 2px 2px 0px rgba(0,0,0, 0.5);border-radius:0 0 3px 3px}
#navigation li ul li a{font-size:1em;line-height:1.5em;width:260px;padding:0.3em 5px;text-align:left;border-bottom:1px solid #4677a1;background:transparent}
#navigation ul li a:hover {background: #ffc980;color:#000;text-decoration:none;text-shadow:none}
#navigation>li.current-menu-item>a{background: #ffc980;color:#532;text-shadow:none}
#navigation>li.current-menu-ancestor>a{background: #ffc980;color:#532;text-shadow:none}

/*Slider*/
#slider-wrap{margin:-15px auto 0 auto;padding:10px;width:910px; height:238px;background:#fff }
#slider{margin:0;list-style-type:none}
#slider img {position:absolute;top:0;left:0;display:none}

/*Content*/
#content-wrap{width:100%;background:#d8c47c url('gfx/background.png');border-top:2px solid #c8b46c} /*#3e882b*/
#content{width:900px;margin:0 auto;background:#f8e49c;border-radius:0 0 5px 5px;border-top:1px solid #c8b46c}

/*Main*/
#main	{float:left;width:60%;padding:10px 0 30px 30px}
.post_meta{color:#887e5a;background:#f4e098;border-top:1px solid #e8d48c;border-bottom:1px solid #e8d48c;margin:0 0 1em 0;padding:0.2 0.8em;font-size:0.8em;text-transform:uppercase;box-shadow:0 0 3px #e6d28a}
.more-link{margin:1em 0}
.wp-post-image{float:left;margin:0.3em 1em 1em 0;padding:5px;background:#e5d38a;border:1px solid #e8d48c}

.gallery-item{float:left;margin:0 11px 10px 0}
.gallery img{background:#f5f3ba;border:1px solid #d8c47c;padding:6px;box-shadow:0 0 20px #d8c47c}
.gallery img:hover{border:1px solid #000}

/*Sidebar*/
aside{float:right;width:30%;margin:0 0 2em 0;padding:0 0 1em 1em;background:#e5d28a;border-radius:0 0 0 15px}
aside h3{font-size:1.4em;padding:0.5em;margin:1em 0 0.5em -1em;color:#483e1a;background:#c5b169;border-left:0.25em solid #f63;font-weight:normal}
aside ul{margin:0 1em 0 0.5em;padding:0}
aside li{list-style:none}
aside li a{display:block;line-height:1.5em;color:#685e3a;font-size:0.9em;border-top:1px solid #d1bd74;padding:5px 0}
aside li:first-child a{border:none}
aside li a:hover{color:#000}

/*Footer*/
#footer{clear:both;width:100%;padding:30px 0;text-align:center;color:#fff;font-size:1em}
#footer a{color:#fff;text-decoration:underline}

/*Clearfix*/
.clearfix:after{clear:both;display:table;content:" "}

/*iFrames*/
iframe{border:none}


/*
 *
 * WP Plugin - Contact Form 7
 *
 * */
.wpcf7-list-item-label{margin-right:10px}
.wpcf7-response-output{font-size:1.2em;line-height:1.6em;font-weight:bold;color:#000;padding:0 0 0 10px;background:transparent;margin-top:10px}
.wpcf7-mail-sent-ok{font-size:1.2em;line-height:1.6em;font-weight:normal;color:#000;padding:0;background:transparent;margin-top:10px}
.wpcf7-validation-errors{font-size:1.2em;line-height:1.6em;font-weight:bold;color:#000;padding:0;background:transparent;margin-top:10px}
.wpcf7-not-valid-tip-no-ajax{font-weight:bold;color:#f00;margin:0}
.wpcf7-submit{margin:0}
img.ajax-loader{width:0!important;height:0!important;margin:0!important;padding:0!important }


/*
 *
 * jQuery Nivo Slider v2.6
 *
 * */
.nivoSlider {position:relative;background:#fff url(gfx/loading.gif) no-repeat 50% 50%;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}

/*The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}

/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;background:url(gfx/arrows.png) no-repeat;text-indent:-9999px;border:0}
.nivo-prevNav {background-position:0 0;left:15px}
.nivo-nextNav {background-position:-30px 0!important;right:60px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;display:block;width:22px;height:22px;background:url(gfx/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {font-weight:bold;background-position:0 -22px;}
