body {background: #F8F8F8; margin: 0; padding: 0; font-family: 'PT Sans', sans-serif; font-size: 16px; color: #666;}
* {border: 0; outline: none;}
.content {width: 970px; margin: 0 auto;}
.conIn {padding: 15px 0;}
.in {padding: 15px;}
strong {font-weight: 700;}

/* ************************************************************************************ links */
A {color: #666; text-decoration: none;}
A:hover {text-decoration: underline;}
A.reverse {text-decoration: underline;}
A.reverse:hover {text-decoration: none;}

/* ************************************************************************************ text align */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* ************************************************************************************ headlines */
h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans', sans-serif; font-weight: 400; margin: 0; padding: 0; padding-bottom: 10px;}
h1, h2 {text-align: left; color: #B25279; font-size: 22px; border-bottom: 1px dotted #B25279; padding-bottom: 2px; margin-bottom: 20px;}
h1 {font-size: 26px;}
h1 span, h2 span {border-bottom: 3px solid #B25279;}
.mainBlok h1 {border: none; color: white; text-align: center; font-size: 35px;}
.footer h2 {color: #666; border-bottom: 1px dotted #666;}
.footer h2 span {border-bottom: 3px solid #666;}
h2.smaller {font-size: 23px;}
h3 {font-size: 16px; font-weight: 700; border-bottom: 1px solid #EEEEEE;}

/* ************************************************************************************ top social */
.topSocial {float: right; margin-top: 7px;}
.topSocial.noMain {margin-top: 13px; margin-right: -40px;}
.topSocial .facebook, .topSocial .twitter, .topSocial .gplus {float: left;}
.topSocial .facebook {margin-right: 15px;}
.topSocial .gplus {margin-top: -2px;}
.topSocial .twitter {width: 110px; overflow: hidden;}

/* ************************************************************************************ float */
.left {float: left;}
.right {float: right;}
.noFloat {float: none;}
.clear {clear: both;}

/* ************************************************************************************ form */
input, textarea {font-family: 'PT Sans', sans-serif;}
.input, textarea {padding: 10px; background: white; border: 1px solid #DDDDDD; font-family: 'PT Sans', sans-serif; font-size: 15px;}
#recaptcha_response_field {border: 1px solid #DDD !important; padding: 10px !important;}
.recaptchatable {background: white;}
label {cursor: pointer;}

/* ************************************************************************************ btn */
.btn {background: #D5379C; padding: 6px 15px; color: white; border: none; cursor: pointer; font-family: 'PT Sans', sans-serif;}
.btn:hover {background: #BE2789;}
.btn[disabled], .btn[disabled]:hover {background: #7E7E7E;}

/* ************************************************************************************ header */
.header {background: #1C98B2;}
.header .in {padding: 10px 12px;}
.header .name {float: left; font-size: 33px; margin: 0; padding: 0; line-height: 27px;}
.header .name A {color: white; text-decoration: none;}
.header.outMain {box-shadow: inset 0px -1px 5px rgba(0,0,0,0.2); margin-bottom: 20px; padding: 5px 0;}
.header.outMain .homeLogo {float: left;}
.headerSearch {float: left; margin-left: 50px; margin-top: 5px;}

/* ************************************************************************************ main blok */
.mainBlok {background: #5FB9CC; padding: 20px 0; box-shadow: inset 0px -1px 5px rgba(0,0,0,0.2); margin-bottom: 25px;}
.mainSearch {width: 530px; margin: 0 auto;}
.mainSearch p {color: white; margin: 0; padding-top: 5px;}
.mainSearch .searchInput, .headerSearch .searchInput {background: white; width: 400px; float: left; padding: 9px;}
.headerSearch .searchInput {width: 300px; padding: 8px;}
.mainSearch .searchSubmit, .headerSearch .searchSubmit {float: left; margin-left: 10px; padding: 9px 30px;}
.headerSearch .searchSubmit {padding: 8px 30px;}
.main_ld {margin: 20px 0;}

/* ************************************************************************************ top tags */
.topTags {margin: auto; padding: 0; list-style: none; width: 810px; margin-bottom: 10px;}
.topTags li {float: left;}
.topTags li A {display: block; color: white; padding: 10px 25px; font-size: 20px; margin: 5px;}
.topTags li A:hover, .topTags li A.active {background: #D5379C; border-radius: 3px; text-decoration: none;}

/* ************************************************************************************ matice prezenaci */
.bestPres {/* background: #F5F5F5; */}
.presCon {margin-left: -2%; margin-bottom: 15px;}
.maticePres {background: white; box-shadow: 2px 2px 1px rgba(0,0,0,0.1); float: left; width: 18%; margin-left: 2%; margin-bottom: 2%; height: 330px; position: relative; overflow: hidden;}
.maticePres.maticeWide {width: 31%; height: 276px;}

.detailPres {width: 100%; margin-right: 0; height: 200px;}

.featured .maticePres {width: 23%;}
.maticePres h4 {padding-top: 5px; text-align: left;}
.maticePres h4 A {font-weight: 700; font-size: 16px; color: #444; word-break: break-word;}
.maticePres .category {padding: 0 10px; padding-top: 8px; text-align: left;}
.maticePres .category A, .maticePres .hashtags A {font-size: 11px; font-family: Arial;}
.maticePres .hashtags {text-align: left; padding: 0 10px; margin-top: 10px;}
.maticePres .presInfoMatice {position: absolute; width: 100%; bottom: 10px; border-top: 1px solid #eee;}
.catIco {background: url('../img/list.png') no-repeat left center; padding-left: 10px; padding-right: 6px;}
.tag {background: url('../img/cat.png') no-repeat left center; padding-left: 10px; padding-right: 6px; white-space: nowrap;}
.featured {width: 740px; float: right;}
.mainFeatured {width: 380px; margin-right: 30px; float: left;}
.mainCategories {width: 560px; float: right;}

span.presDesc {font-size: 14px;}

/* ************************************************************************************ tag cloud */
.tagCloud {margin-bottom: 10px; text-align: center;}
.tagCloud.darkCloud {margin: 15px 0;}
.tagCloud A {color: #B1E3EB;}
.tagCloud.darkCloud A {color: #999;}
.tagCloud A.size1 {font-size: 12px;}
.tagCloud A.size2 {font-size: 14px;}
.tagCloud A.size3 {font-size: 16px;}
.tagCloud A.size4 {font-size: 18px;}
.tagCloud A.size5 {font-size: 20px;}
.tagCloud A.size6 {font-size: 22px;}
.tagCloud A.size7 {font-size: 24px; color: #CCEDF2}
.tagCloud.darkCloud A.size7 {color: #666;}
.tagCloud A.size8 {font-size: 26px; color: #CCEDF2;}
.tagCloud.darkCloud A.size8 {color: #666;}
.tagCloud A.size9 {font-size: 28px; color: white;}
.tagCloud.darkCloud A.size9 {color: #333;}
.tagCloud A.size10 {font-size: 30px; color: white;}
.tagCloud.darkCloud A.size10 {color: #333;}

/* ************************************************************************************ pager */
.pager {text-align: center; margin: 20px 0;}
.pager A {background: #5FB9CC; padding: 6px 10px; color: white; border-radius: 4px; text-decoration: none;}
.pager A:hover {background: #1C98B2;}
.pager A.active {background: #B25379;}

/* ************************************************************************************ bnrs */
.bt_ld, .bn_bbd {margin: 20px auto;}
.ld_dtl {border: 1px dotted #999;margin: 30px auto;
	width: 970px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.bn_rtn {border: 1px dotted #999;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.ld_bg {border: 1px dotted #999;
	width: 970px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.oddelBn {border: 1px dotted #999;margin-bottom: 15px;}
.adv_text {
	font-size: 10px;
	text-align: right;
	padding: 0 4px 4px 0;
}

/* ************************************************************************************ footer */
.footer {margin-top: 40px; background: #DDDDDD; box-shadow: inset 0px 1px 10px rgba(0,0,0,0.1);}
.social {float: right;}
.social table td {text-align: center;}
.social table td A {color: white; font-size: 13px;}
.footerLinks {float: left;}
.footerLinks ul {float: left; list-style: none; margin: 10px; padding: 0; margin-right: 30px;}
.footerLinks ul li.head {font-size: 14px; color: #65C6CD; padding-bottom: 5px;}
.footerLinks ul A {color: white; font-size: 13px;}

/* ************************************************************************************ hp categorylist */
.categoryList {width: 210px; float: left;}
.categorySlidesList {width: 100%; float: none;}
.categoryList ul, .mainCategories ul {list-style: none; margin: 0; padding: 0;}
.mainCategories ul {float: left; width: 33%;}
.categorySlidesList ul {float: left; width: 25%;}
.categoryList ul li, .mainCategories ul li {padding-bottom: 5px;}
.mainCategories ul li {text-indent: -17px; padding-left: 17px;}
.categoryList ul li A, .mainCategories ul li A {background: url('../img/list2.png') no-repeat left center; padding-left: 17px; font-size: 14px; text-decoration: none; transition: padding 0.2s;}
.categoryList ul li A:hover, .categoryList ul li A.active, .mainCategories ul li A:hover, .mainCategories ul li A.active {padding-left: 21px; font-weight: 700; color: #B25279;}

/* ************************************************************************************ tweets */
.tweetContent {border-bottom: 1px solid #e1e8ed}
.tweetImage {width: 48px; height: 48px; border-radius: 5px; margin-right: 10px; margin-top: 5px;}
.tweet {padding-left: 58px; color: black; margin: 0; margin-top: 2px;}
.tweetDate {color: #bbb;}
.tweets {margin-bottom: 25px;}

/* ************************************************************************************ detail */
.detailLeft {width: 595px; float: left;}
.detailRight {width: 338px; float: right;}
.presInfo {margin: 20px 0;}
.presInfo .hashtags A {padding-right: 10px;}
.presInfoName {background: #999999; color: white; width: 100%;}
.presInfoName .in {/* white-space: nowrap;  */width: 315px; text-overflow: ellipsis; overflow: hidden; padding: 10px; height: 40px;}
.presInfoDetails {background: white;}
.presInfoDetails .in {padding: 15px;}
.socialLine {margin: auto; margin-bottom: 25px; margin-top: 10px; width: 320px; margin-right: 105px;}
.socialLine .facebook, .socialLine .twitter, .socialLine .gplus {float: left;}
.socialLine .facebook {margin-right: 15px;}
.socialLine .twitter {width: 100px; overflow: hidden;}
.socialLine .gplus {margin-top: -2px;}
.whiteBlock {background: white;}
.searchRes {padding: 20px;}
.searchRes h2 {padding-bottom: 0;}
.searchRes p {margin-bottom: 0; padding-bottom: 25px; font-size: 15px;}
.searchRes p.last, .searchRes p:last-of-type {padding-bottom: 0; border: none;}
.readMore {padding-top: 10px; display: inline-block; font-size: 14px; color: #777;}
.textPres {margin-top: 20px; max-height: 650px; overflow-y: auto; word-break: break-word;}
.textPres p {font-size: 15px; line-height: 21px; margin: 0;}
.textPres p.last {margin-bottom: 0;}
.resOver {max-height: 750px; overflow-y: auto; word-break: break-word;}

/* ************************************************************************************ tabs */
.tabMenu A {display: inline-block; background: #DDDDDD; width: 200px; padding: 10px 0 10px 15px; text-align: left; color: #545454;}
.tabMenu A:hover {background: #EEE; text-decoration: none;}
.tabMenu A.active {font-weight: bold; background: white;}
.tabItems {margin-bottom: 25px;}
.tabItems p.last {max-height: 350px; overflow-y: auto; margin: 0;}

.tabsMenu {position: relative; z-index: 10;}
.tabsMenu A {display: inline-block; background: #F4F4F4; padding: 7px 16px; color: #444; border: 1px solid #DDDDDD;}
.tabsMenu A:hover {text-decoration: none;}
.tabsMenu A.active {background: white; border-bottom: 1px solid white;}
.tabsItem {width: 100%; background: white; border: 1px solid #ddd; margin-top: -1px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.tabItem.sysTags {height: 250px; overflow: hidden;}
.tabItem.recentBlok {height: 250px; overflow: hidden;}
.homePageTabs .tabItem A {display: block; margin-bottom: 20px;}
.homePageTabs .tabItem A.last {margin-bottom: 0;}
.showMoreTags {display: block; display: none; font-size: 15px;}

.adminInput{background-color: #F0F0F0; padding: 10px; height: 18px; width: 235px;margin: 10px;}
.adminSubmit {background: #A4DC21; color: white; padding: 10px 20px; cursor: pointer; font-family: 'Source Sans Pro', sans-serif; transition: background 150ms linear; font-size: 14px;}




.ratingBlock {margin: 10px auto; padding-top: 15px; border-top: 1px solid #eee; width: 440px;}
.thumbs_up {
    background: #3c9923; /* Old browsers */
    background-image: url('/img/thumbs_up.png'); /* fallback */
    background-image: url('/img/thumbs_up.png'), -moz-linear-gradient(top,  #3c9923 0%, #299a0b  100%); /* FF3.6+ */
    background-image: url('/img/thumbs_up.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9923), color-stop(100%,#299a0b )); /* Chrome,Safari4+ */
    background-image: url('/img/thumbs_up.png'), -webkit-linear-gradient(top,  #3c9923 0%,#299a0b  100%); /* Chrome10+,Safari5.1+ */
    background-image: url('/img/thumbs_up.png'), -o-linear-gradient(top,  #3c9923 0%,#299a0b  100%); /* Opera 11.10+ */
    background-image: url('/img/thumbs_up.png'), -ms-linear-gradient(top,  #3c9923 0%,#299a0b  100%); /* IE10+ */
    background-image: url('/img/thumbs_up.png'), linear-gradient(to bottom,  #3c9923 0%,#299a0b  100%); /* W3C */
    background-repeat: no-repeat; background-position: center center; cursor: pointer; width: 16px; height: 15px; padding: 8px; border-radius: 3px; border: 1px solid #008E15; float: left;
}

.thumbs_down {background: #e51616;
    background-image: url('/img/thumbs_down.png'); /* fallback */
    background-image: url('/img/thumbs_down.png'), -webkit-gradient(linear, left top, left bottom, from(#e51616), to(#cf0404)); /* Saf4+, Chrome */
    background-image: url('/img/thumbs_down.png'), -webkit-linear-gradient(top, #e51616, #cf0404); /* Chrome 10+, Saf5.1+ */
    background-image: url('/img/thumbs_down.png'),    -moz-linear-gradient(top, #e51616, #cf0404); /* FF3.6+ */
    background-image: url('/img/thumbs_down.png'),     -ms-linear-gradient(top, #e51616, #cf0404); /* IE10 */
    background-image: url('/img/thumbs_down.png'),      -o-linear-gradient(top, #e51616, #cf0404); /* Opera 11.10+ */
    background-image: url('/img/thumbs_down.png'),         linear-gradient(to bottom, #e51616, #cf0404); /* W3C */
    background-repeat: no-repeat; background-position: center center; cursor: pointer; width: 16px; height: 15px; padding: 8px; border-radius: 3px; border: 1px solid #B20303; float: left;
}

.thumbs_up:active {box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);}
.thumbs_down:active {box-shadow: inset -1px 1px 1px rgba(0,0,0,0.1);}

.rankCounter {font-weight: 600; padding-top: 6px; font-size: 14px;}

.ratingLine {float: left; width: 250px; margin: 8px 15px 0; border: 0px solid white; background: white; border-radius: 3px;}
.likeRating {height: 15px; background: #3c9923; float: left; border-radius: 2px 0 0 2px}
.dislikeRating {height: 15px; background: #e51616; float: right; border-radius: 0 2px 2px 0;}
.ratingCount {float: left; margin-left: 15px; margin-top: 6px;}

.presDescrition {background: white; border: 1px solid #eee; border-radius: 3px; box-shadow: 0px 0px 1px rgba(0,0,0,0.1);}


.commentForm {margin: 30px 0;}

.commentContent {margin-bottom: 1px;}
.userComment {background: url('/img/icons/user.png') no-repeat left center; padding: 5px 0px 5px 40px; font-weight: 600;}
.userComment span {color: #999; font-weight: 400;}
.commentText {background: white; border-radius: 2px; margin: 10px 0 20px; position:relative;}
.commentText:before {position: absolute; content: " "; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; bottom: 100%; left: 45px;}

.presDate {display: block; padding-top: 5px; margin-top: 5px; font-size: 12px;}