@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext);
@import url("normalize.css");

/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address { display:block; }
* {margin:0; padding:0;}
body {font-family: 'Roboto', sans-serif; background: #E3E2DD; color: #212121; font-size: 14px;}
img {border:0;}
*:focus {outline: 0;}

header, footer { width:100%; clear:both; padding:0; margin:0; }

.spacer {width:100%; height:0; clear:both}

a {
    color: #136CB2;
}

.cc-window.cc-banner {padding: 5px 20px;}
.cc-banner .cc-message {font-size: 12px;}
.cc-btn {font-size: 12px; padding: 0px 15px;}

/* Header */
header {width: 100%; height: 142px; background: #313131;}
.header-top {padding: 8px 20px;}
.header-top h1 {float: left; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #F8DB48;}
.header-top h1 a {color: #F8DB48; text-decoration: none;}
.priljubljene {float: right; padding-left: 28px; background: url('images/priljubljene.png') no-repeat left 2px; color: #FFF; text-decoration: none;}
.priljubljene:hover {text-decoration: underline;}
.banner-top {text-align: center; margin-top: 14px;}

/* Main Body */
.wrap {margin: 0 auto; width: 980px; background: #FFF; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}

.top {border-bottom: 2px #D0CFCB solid; padding: 23px 20px 15px 20px;}
.iskalnika label {float: left; margin: 11px 25px 0 0;}
.iskalnika input {float: left; width: 216px; padding: 10px 10px; border: 2px #E4E3DF solid; background: #DAF5FF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.google {float: left;}
.najdi {float: right;}

/*.popularne {margin-top: 33px;}*/
.popularne span {float: left; margin-top: 5px;}
.popularne img {float: left; margin-left: 29px;}

.btns {border-bottom: 2px #D0CFCB solid; padding: 17px 20px 9px 20px;}
.btns ul {margin: 0; padding: 0;}
.btns ul li {float: left; list-style: none;}
.btns ul li a {float: left; list-style: none; width: 180px; height: 31px; margin: 0 0 8px 10px; padding-top: 9px; background: url('images/btn.png') no-repeat; text-align: center; color: #212121; font-size: 15px; line-height: 22px; text-decoration: none;}
.btns ul li:first-child a {margin-left: 0;}

.oglasujte {border-bottom: 2px #D0CFCB solid; padding: 20px; font-size: 15px;}
.oglasujte h2 {font-size: 24px; margin: 0 0 14px 0;}
.oglasujte p {line-height: 22px; margin-bottom: 20px;}
.oglasujte .vec {font-weight: bold; color: #136CB2; text-decoration: none;}
.oglasujte .vec:hover {text-decoration: underline;}
.bann-4 {float: left; margin-right: 30px;}

.banners {border-top: 2px #D0CFCB solid; padding: 20px;}
.banners h2 {font-size: 17px; font-weight: bold; margin-bottom: 12px;}
.banners ul li {float: left; list-style: none; margin-left: 19px;}
.banners ul li:first-child {margin-left: 0;}
.banners ul li a, .banners ul li a img {float: left;}

.ad {background: #D0CFCB; text-align: center; padding: 10px 0 6px;}

.oglasujte ul, .oglasujte ol {margin-bottom: 20px;}
.oglasujte li {margin-left: 20px;}

/* Footer */
footer {margin: 0 auto; width: 940px; padding: 30px 0; font-size: 13px;}
.copy {float: left; width: 50%;}
.povezave {float: right; width: 50%; text-align: right;}
.povezave a {color: #136CB2; margin-left: 20px; text-decoration: none;}
.povezave a:hover {text-decoration: underline;}

/*Responsive
@media (max-width: 1000px) {
	.wrap {width: 100%;}
	.ad img {width: 100%;}
	.header-top {padding: 8px 5px;}
}*/