a { text-decoration: none; }

body { background-color: #fff; font-family: Arial; max-width: 940px; min-width: 320px; margin: 0 auto; }

.top-header { background-color: #eee; height: 35px; font-size: 14px; margin-bottom: 20px; }
.top-header .categories {
    float: left; background: url(../img/icon-list.png) no-repeat; position: relative; cursor: pointer;
    text-indent: 55px; height: 27px; color: #555; padding-top: 8px; margin-left: 10px; z-index:10002;
}
.top-header .categories:hover ul { display: block; }
.top-header .categories ul {
    position: absolute; top: 35px; z-index: 1000; text-indent: 0; padding: 0; margin: 0;
    border-top: 1px solid #ccc; border-left: 1px solid #ccc; display: none;
}
.top-header .categories ul li {
    display: block; height: 43px; width: 278px; background: url(../img/bg-category.png);
    border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #f4f4f4;
}
.top-header .categories ul li a { display: block; height: 100%; padding: 14px 0 0 10px; color: #555; }
.top-header .categories ul li a:hover { font-weight: bold; }
.top-header .search { float: right; margin-right: 10px; }
.top-header .search input {
    border: 1px solid #ccc; height: 28px; padding: 0; width: 137px; border-radius: 4px; box-shadow: 0 1px 2px #ddd;
    padding: 0 5px; position: relative; top: -1px;
}
.top-header .search button { background: url(../img/icon-search.png) no-repeat; width: 82px; height: 32px; border: none; text-indent: -10000px; padding: 0; }
.sub-header { height: 61px; margin-bottom: 40px; }
.sub-header .logo { float: left; }
.sub-header .social { float: right; margin: 0; padding: 0; }
.sub-header .social li { list-style: none; float: left; }

.sub-header, footer, .main-content h1 { padding: 0 10px; }
.top-header { padding-top: 5px; }

.social li a { display: block; }
.logo a:hover { opacity:0.7; filter:alpha(opacity=70);}
.sub-header .logo a { display: block; background: url(../img/logo-amtv-big.png); width: 66px; height: 61px; text-indent: -10000px; }
.sub-header .social .facebook a { background: url(../img/icon-facebook.png); width: 32px; height: 32px; text-indent: -10000px; }
.sub-header .social .twitter a { background: url(../img/icon-twitter.png); width: 32px; height: 32px; text-indent: -10000px; margin-left: 13px; }
.sub-header .social .rss a { background: url(../img/icon-rss.png); width: 32px; height: 32px; text-indent: -10000px; margin-left: 13px; }

.company-info { margin-bottom: 40px; }
.company-info .logo { background: url(../img/logo-amtv-small.png); width: 29px; height: 27px; text-indent: -10000px; }
.company-info .social .facebook a { background: url(../img/icon-facebook-small.png); width: 28px; height: 28px; text-indent: -10000px; }
.company-info .social .twitter a { background: url(../img/icon-twitter-small.png); width: 28px; height: 28px; text-indent: -10000px; margin-left: 13px; }
.company-info .social .rss a { background: url(../img/icon-rss-small.png); width: 28px; height: 28px; text-indent: -10000px; margin-left: 13px; }
.company-info .social li { list-style: none; float: left; }
.company-info .social { margin-top: 40px; }
.company-info .copyright { margin-top: 20px; }

.sites ul { margin: 0; }
.sites li { float: left; height: 56px; }
.sites li a { background: url(../img/logos-sites.png); text-indent: -10000px; height: 56px; display: block; }
.sites .lisa a { background-position: 0 0; width: 62px; }
.sites .cosmopolitan a { background-position: -62px 0; width: 128px; }
.sites .nat-geo a { background-position: -190px 0; width: 109px; }
.sites .mens-health a { background-position: -299px 0; width: 113px; }
.sites .yu-mama a { background-position: -412px 0; width: 151px; }
.sites .elle a { background-position: -563px 0; width: 66px; }
.sites .story a { background-position: -629px 0; width: 97px; }
.sites .sensa a { background-position: -726px 0; width: 111px; }
.sites .stvar-ukusa a { background-position: -837px 0; width: 83px; }

footer { background: url(../img/bg-footer.png) repeat-x; padding-top: 35px; padding-bottom: 20px; }
footer h1 { font-size: 18px; text-transform: uppercase; font-weight: normal; color: #696969; margin-top: 0; }
footer li, footer li a { font-size: 12px; color: #696969; height: 20px; }
footer li a:hover { text-decoration: underline; }
footer .copyright { font-size: 10px; color: #444; }
footer ul { padding: 0; }
footer li { list-style: none; }
footer .categories { width: 480px; float: left; }
footer .categories ul { width: 50%; height: 120px; float: left; }
footer .company-info { width: 211px; float: right; }

.main-content h1 {
    color: #555; font-size: 34px; font-weight: normal; margin-bottom: 10px; margin-top: 0;
    text-indent: 50px; background: url(../img/icon-arrow-category.png) 10px no-repeat;
}
.main-content h1 a { color:#555;}
.main-content h1:hover { opacity:0.6; filter:alpha(opacity=60); }

.highlighted { background: url(../img/bg-top-box.png); }

.clear { clear: both; }

.row { margin-bottom: 20px; }
.big .thumb { width: 480px; height: 270px; }
.big .title { width: 480px; height: 24px; color: #555; font-size: 20px; }
.big .title { height: 48px; overflow: hidden;  padding-top: 6px; } /* Two row title */
.big .title a { color: #555; }
.big .description { font-size: 14px; color: #555; }
.small .thumb { width: 210px; height: 118px; }
.small .title { width: 210px; height: 45px; color: #333; font-size: 12px; overflow: hidden; }
.small .title a { color: #333; }
.item { float: left; }
.item a, .item .thumb { display: block; }

.small.item > a {
	position:relative;
	padding-top:118px;
}
.big.item > a {
	position:relative;
	padding-top:270px;
}
.item img.thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* min-height: 100%; */
}
.thumb-title img.thumb {
	position: static;
	top: auto;
    left: auto;
	width: 480px;
}
.small.item > a::before {
  background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,40,0.5)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 50%, rgba(0,0,40,0.5) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%);
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%) repeat scroll 0 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  z-index: 1;
}
.small.item > a:hover::before { 
	opacity: 0;
	filter: alpha(opacity=0);
}

.big.item > a::before {
  /* background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(30, 87, 153, 1) 50%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0; */
  background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,40,0.5)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 50%, rgba(0,0,40,0.5) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%);
  background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(255,255,255,0) 60%, rgba(0,0,40,0.5) 100%) repeat scroll 0 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  z-index: 1;
}
.big.item > a:hover::before { 
	opacity: 0;
	filter: alpha(opacity=0);
}

@media all and (max-width: 719px) {
    #footer-clear { display: none; }
    footer .categories { width: 100%; }
    footer .company-info { float: left; width: 50%; }
    .sites { float: left; width: 50%; }
}

@media all and (max-width: 499px) {
    .top-header .categories { text-indent: -10000px; width: 47px; }
    .top-header { /* position: fixed; */ width: 100%; min-width: 320px; top: 0; }
    .sub-header { /* margin-top: 60px; */ }
}

@media all and (max-width: 449px) {
	.index-page .small:nth-child(2n+1), .index-page .small:nth-child(2n), .index-page .small {
	  float: none; margin: 0 1% 10px auto; width: 98%;
	}
	/* 87 linija */
	.big .thumb {
	/*  height: 270px; */
	  height: auto;
      width: 100%;
	}

	/* 90  linija */
	.small.item > a {
	  overflow: hidden;
	  padding-top: 56.25%;
	  position: relative;
	}

	/* 92 linija */
	.small .thumb {
	  /* width: 210px; */
	  height: auto;
      width: 100%;
	}

	/* 93 linija - sa 12 na 14 */
	.small .title {
	  color: #333;
	  font-size: 14px;
	  height:48px;
	  margin: 0 1%;
	  overflow: hidden;
	  padding: 5px 0;
	  width:98%;
	/* width: 210px; */
	}

	/* 102  linija */
	.big.item > a {
	  padding-top: 56.25%;
	  position: relative;
	  overflow: hidden;
	}
}	

.plain-text a {color:#333333;}
.plain-text a:hover {
	text-decoration:underline;
}
form {
	margin:0;padding:0;
}
.search-results h1 { background: url(../img/icon-star-top.png) 10px no-repeat; }

@media all and (max-width: 920px) {
.sites{
    display: none;
}
}