html { height:100%; min-height:100%; width: 100%; min-width: 1260px; }
/* fonts,colors,sizes */

/*body { font-family: 'Source Sans Pro', sans-serif; }*/
/*body { font-family: 'Open Sans Condensed', sans-serif; }*/
body { font-family: 'PT Sans Narrow', sans-serif; }

body { height: 100%; min-height: 100%; width: 100%; min-width: 1260px; font-size: 80%; color: #535353;  }
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,form { display: block; margin: 0; padding: 0; border: 0; }
select,input,option,textarea,th,td { margin: 0; font-size: 1em; font-family: 'PT Sans Narrow', sans-serif; }

body { background-image: url("Images/bg.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center;  }
/*body { background-image: url("Images/bg.jpg"); background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-position: top center;   }*/
a { text-decoration: none !important; }
a img { border: none; }

.white { color: #fff !important; }
.red { color: #e50101 !important; }
.darkred { color: #932b2b !important; }
.green { color: #00ff00 !important; }
.grey { color: #535353 !important; }
.darkbg { background: transparent url("Images/bg-headtop.png") top left repeat; }
.darkbgs { background: transparent url("Images/bg-sidebar.png") top left repeat; }
.greybg { background: #e5e5e5; }
.round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.round10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.shadow { box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1); }
.shadowtopright { -webkit-box-shadow: 8px -1px 8px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 8px -1px 8px 0px rgba(50, 50, 50, 0.7); box-shadow: 8px -1px 8px 0px rgba(50, 50, 50, 0.7); }
.shadowbottom { -webkit-box-shadow: 0px 10px 10px -8px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 10px 10px -8px rgba(50, 50, 50, 0.3); box-shadow: 0px 10px 10px -8px rgba(50, 50, 50, 0.3); }
.transit05 { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
.acenter { text-align: center !important; }
.aright { text-align: right !important; }
.nomarpad { margin: 0 !important; padding: 0 !important; }
.lh16 { font-size: 16px; line-height: 16px !important; }
.lh16 img { display: inline; vertical-align: middle; }
.padd { padding: 10px; }
.fleft { float: left; }
.fright { float: right; }
.headway { padding: 20px; margin: 0 0 20px 0; }



.blocker { clear: both; height: 1px; width: 10px; font-size: 1px; }
.blocker30 { clear: both; height: 30px; width: 10px; font-size: 1px; }
.blocker50 { clear: both; height: 50px; width: 10px; font-size: 1px; }


/* layout */
body,#left,#right { margin: 0; padding: 0; border: 0; }
#content { clear: both; /*width: 100%; max-width: 1200px;*/ width: 1200px; margin: 0 auto -50px; height: auto !important; height: 100%; /*border: solid green 1px;*/ }
#left { float: left; /*width: 75%;*/ width: 770px; margin-left: 50px; /*border: solid blue 1px;*/ }
#right { float: right; /*width: 20%;*/ width: 300px; margin: 18px 55px 50px 0; /*border: solid red 1px;*/ }

/* reklamy */
.wrapleft { padding: 40px 18px 40px 18px; }
.wrapbanner { text-align: center; padding: 30px 0; margin: 0 0 20px 0; }
.banner-horiz { display: inline-block; width: 728px; height: 91px; }
.banner-vert { display: inline-block; width: 300px; /*height: 250px;*/ }


/* hlavicka */
#head { position: relative; width: 1200px; padding: 65px 0 0 0; margin: 0 auto; }

#headtop { width: 1200px; /*100%;*/ height: 65px; position: absolute; top: 0; left: 0; /*fixed*/ z-index: 2000; }
#headtopbox { width: 1200px; margin: 0 auto; }
#ht-left { float: left; width: 365px; line-height: 65px; text-align: left; }
#ht-left ul { position: relative; margin: 0px 0px 0 70px; padding: 0; }
#ht-left ul li { position: relative; float: left; line-height: 65px; padding: 0 20px 0 0; }
#ht-left ul li a { color: #fff; text-decoration: none; font-size: 18px; }
#ht-left ul li a img { display: inline; vertical-align: middle; }
#ht-left ul li > ul { display: none; position: absolute; left: 35px; top: 40px; z-index: 2001; width: 230px; margin: 0; }
#ht-left ul li > ul li { float: none; }
#ht-left ul li:hover > ul { display: block; }
.editors { padding: 30px 0 0 0 !important; background: url("Images/bg-editors.png") top left no-repeat; }
.editors li { padding: 0 0 15px 9px !important; }
#ht-right {  }
#ht-right ul { position: relative; float: right; margin: 15px 60px 0 0; }
#ht-right ul li { position: relative; float: left; padding: 0 0 0 20px; }
#ht-right ul li:first-child { padding: 0; }
#ht-right ul li a { color: #fff; text-decoration: none; font-size: 18px; }
#ht-right ul li a img { display: inline; vertical-align: middle; }


#headcenter { clear: both; }
#hc-left { float: left; width: 795px; }
#hc-left img,#hc-left h2 { float: right; }
#hc-left h2 { color: #fff; font-weight: normal; font-size: 18px; text-align: center; width: 650px; padding: 0; }
#hc-right { float: right; width: 400px; }
#headbottom { clear: both; padding: 40px 80px 40px 60px; text-align: left; }
#userico { border: solid #878495 1px; }



/* lang */
#langswitch { float: right; margin: 15px 80px 0 0; }
#langswitch a { color: #fff; font-size: 15px; text-transform: uppercase; text-decoration: none; }
#langswitch a:hover, #currlang { color: #00bbe9 !important; }

/* navigacia horizontal v hlavicke */
#menu { clear: both; float: right; margin: 30px 60px 0 0; }
#menu li { float: left; }
#menu li a { color: #fff; text-transform: uppercase; text-decoration: none; font-size: 16px; display: block; text-align: center; width: 70px; padding: 30px 10px 0 10px; background: transparent url("Images/bg-menu.png") 40px 0px no-repeat; }
#menu li a:hover, #currmenu { color: #43ff00; background: transparent url("Images/bg-menu.png") 40px -100px no-repeat; }


/* buttony na update v myprofile */
#menusidebarlu { float: left; width: 350px; margin: 20px 0 0 20px; }
#menusidebarru { float: right; margin: 20px 20px 0 0; }


/* buttony na uvodnu v profile */
#menusidebarl { float: left; width: 150px; margin: 20px 0 0 20px; }
#menusidebarr { float: right; margin: 20px 20px 0 0; }
#menusidebarl li,#menusidebarlu li { float: left; text-align: center; }
#menusidebarr li,#menusidebarru li { float: left; text-align: center; margin: 0 0 0 15px; }
#menusidebarl li a,#menusidebarr li a,#menusidebarlu li a,#menusidebarru li a { color: #535353; text-transform: uppercase; text-decoration: none; font-size: 16px; display: block; text-align: center; padding: 15px 20px; }
#menusidebarl li a:hover,#menusidebarr li a:hover,,#menusidebarlu li a:hover,#menusidebarru li a:hover { color: #43ff00; }


/* foot */
#boxfoot { position: fixed; width: 100%; min-width: 1260px; bottom: 0; z-index: 100; background: #f2f2f2; }
#foot { width: 1200px; margin: 0 auto; text-align: center; }
#foot, #foot a { color: #626262; text-decoration: none; }
#foot p { padding: 10px 20px; font-size: 15px; font-weight: normal; }
#backlink a { color: #f2f2f2; font-size: 1px; }

/* filter + search */
#data { margin: 0; padding: 0; }
#data fieldset { border: none; }
#data label { color: #000; font-size: 15px; text-transform: uppercase; margin: 0 6px 0 0; }
#forfilterCat { margin: 0 15px 0 20px !important; }
#data select { padding: 5px 5px 5px 15px; border: none; color: #1d1d1d; font-size: 15px; text-transform: uppercase; margin: 0; }
#fCntrComm,#fOrder { width: 260px; }
#fCntr { width: 240px; }
#fCat { width: 280px;  }
#fOrderP { width: 150px; }
/* #s je povodny search nahradeny google cse */
#s { width: 220px; border: none; padding: 6px 25px 6px 15px; margin: 0px; font-size: 15px; color: #29547e; background: #fff url("Images/ico-search.png") center right no-repeat; }
#cse-search-box fieldset { border: none; }
#cse-search-box input[type="text"] { width: 220px; border: none; padding: 6px 25px 6px 15px; margin: 0px; font-size: 15px; color: #29547e; background: #fff url("Images/ico-search.png") center right no-repeat; }
#data input[type="submit"] { display: none; }


/* sidebar */
.sidebarbox { margin-bottom: 15px; }
.sidebarbox h2 { color: #fff; text-align: center; font-weight: normal; padding: 6px; }
#counters { }
#counters li { float: left;  margin: 15px 0; text-align: center; font-size: 18px; color: #fff; width: 49.8%; padding: 35px 0 0 0; }
#counters li:first-child { border-right: solid #807f8f 1px; }
#regcounter { background: transparent url("Images/ico-users.png") top center no-repeat; }
#onlinecounter { background: transparent url("Images/ico-online.png") top center no-repeat; }

/* index + prave stlpce */
#tabln { position: relative; }
#tablnhead { display: block; position: relative; width: 772px; height: 81px; }
#tablnhead a { display: block; float: left; text-align: center; font-size: 20px; color: #535353; font-weight: normal; text-decoration: none; }
#l1tab { width: 150px; padding: 32px 0 0 0; }
#l2tab { width: 170px; padding: 32px 0 0 0; }
#l3tab { width: 200px; padding: 32px 0 0 0; }
#l4tab { width: 200px; padding: 32px 0 0 0; }
#tablnend { clear: both; padding: 0 0 44px 0; background: transparent url("Images/bg-left1p-end.png") bottom left no-repeat; position: relative; }
#tablncon { margin: 0; width: 712px;  min-height: 990px;  padding: 15px 30px; background: transparent url("Images/bg-left1-p.png") top left repeat-y; }

/*
#tabsl { position: relative; }
#tabslhead { display: block; position: relative; z-index: 35; padding: 32px 0 0 20px; }
#tabslhead a { display: block; float: left; text-align: center; font-size: 20px; color: #535353; font-weight: normal; text-decoration: none; }
#l1tab { width: 130px; }
#l2tab { width: 170px; }
#l3tab { width: 200px; }
#l4tab { width: 200px; }
#tabl1 { padding: 0 0 40px 0; background: transparent url("Images/bg-left1-end.png") bottom left no-repeat; position: absolute; top: 0px; left: 0; z-index: 23; }
#tabl2 { padding: 0 0 37px 0; background: transparent url("Images/bg-left2-end.png") bottom left no-repeat; position: absolute; top: 0px; left: 0; z-index: 22; }
#tabl3 { padding: 0 0 37px 0; background: transparent url("Images/bg-left3-end.png") bottom left no-repeat; position: absolute; top: 0px; left: 0; z-index: 21; }
#tabl4 { padding: 0 0 37px 0; background: transparent url("Images/bg-left4-end.png") bottom left no-repeat; position: absolute; top: 0px; left: 0; z-index: 20; }
#tabl1 img, #tabl2 img, #tabl3 img, #tabl4 img { display: block; }
#tabl1c { background: #fff; margin: 0; padding: 15px 120px 15px 30px; background: transparent url("Images/bg-left1.png") top left repeat-y; text-align: right; }
#tabl2c { background: #fff;  margin: 0; padding: 15px 100px 15px 30px; background: transparent url("Images/bg-left2.png") top left repeat-y; text-align: right; }
#tabl3c { background: #fff;  margin: 0; padding: 15px 80px 15px 30px; background: transparent url("Images/bg-left3.png") top left repeat-y; text-align: right; }
#tabl4c { background: #fff;  margin: 0; padding: 15px 60px 15px 30px; background: transparent url("Images/bg-left4.png") top left repeat-y; text-align: right; }
*/

.paging { text-align: center; padding: 20px; width: 620px; }
.paging a { padding: 0 10px; text-decoration: none; font-size: 20px; color: #9b9b9b; }
.currpage { color: #009a00 !important; border: solid #b5b5c3 1px; font-weight: bold; }

.tabmenu { text-align: center; padding: 50px 0 20px 0; width: 620px; }
.tabmenu a { padding: 60px 20px 0 20px; text-decoration: none; font-size: 15px; color: #666; text-transform: uppercase;  }
#tabmenu1 { background: transparent url("Images/ico-tabmenu1.png") top center no-repeat; }
#tabmenu2 { background: transparent url("Images/ico-tabmenu2.png") top center no-repeat; }
#tabmenu3 { background: transparent url("Images/ico-tabmenu3.png") top center no-repeat; }
#tabmenu5 { background: transparent url("Images/ico-tabmenu5.png") top center no-repeat; }

/* index prave stlpce */
#tabsr { position: relative; }
#tabsrhead,.tabsrhead { display: block; position: relative; width: 300px; height: 56px; }
#tabsrlab1,.tabsrlab1 {  width: 300px; height: 56px; background: transparent url("Images/tab-right1.png") top left no-repeat; position: absolute; z-index: 11; }
#tabsrlab2 {  width: 300px; height: 56px; background: transparent url("Images/tab-right2.png") top left no-repeat; position: absolute; z-index: 10; }
#tabsrlabels,.tabsrlabels { display: block; position: absolute; z-index: 30; top: 0; left: 0; }
#tabsrlabels a,.tabsrlabels a,.tabsrlabels span { display: block; float: left; padding: 20px 0 0 20px; text-align: left; font-size: 15px; color: #000; font-weight: normal; text-decoration: none; }
#r1tab { width: 140px; }
#r2tab { width: 120px; }
#tabr1,.tabr1 { padding: 0 0 34px 0; background: transparent url("Images/bg-right1-end.png") bottom left no-repeat; position: relative; }
#tabr2 { padding: 0 0 34px 0; background: transparent url("Images/bg-right2-end.png") bottom left no-repeat; position: absolute; top: 56px; left: 0; z-index: 11; display: none; }
#tabr1c,.tabr1c { background: #fff; width: 280px; margin: 0; padding: 10px; background: transparent url("Images/bg-right1.png") top left repeat-y; }
#tabr2c { background: #f0f0f0; width: 280px;  margin: 0 0 0 0px; padding: 10px; background: transparent url("Images/bg-right2.png") top left repeat-y; }

.userthumb { clear: both; border-bottom: solid #f1f1f1 1px; padding: 10px 5px; }
.userthumb ul { display: block; width: 90px; padding: 0 5px; }
.userthumb ul li { padding: 2px 0 2px 25px; height: 20px; text-align: right; color: #9b9b9b; font-size: 16px; }
.userthumb p { clear: both; margin: 0; padding: 0; }
.userthumb p a { color: #9b9b9b; font-size: 18px; }
.uv { background: transparent url("Images/ico-uv.png") left center no-repeat; }
.ul { background: transparent url("Images/ico-ul.png") left center no-repeat; }
.uu { background: transparent url("Images/ico-uu.png") left center no-repeat; }
.us { background: transparent url("Images/ico-us.png") left center no-repeat; }
.uf { background: transparent url("Images/ico-uf.png") left center no-repeat; }

#forlogin { position: absolute; top: 0px; left: 0px; width: 740px; padding: 20px; margin: 0; background: #fff; text-align: center; opacity: 0; z-index: 999; }
#forshare { position: absolute; top: 0px; left: 0px; width: 860px; margin: 0; background: #fff; text-align: center; opacity: 0; z-index: 999; }
#forupload { position: absolute; top: 0px; left: 0px; width: 740px; padding: 20px; margin: 0; background: #fafafa; opacity: 0; z-index: 999; }


/* komunita */
.communitythumb { float: left; width: 315px; border-bottom: solid #f1f1f1 1px; padding: 10px; margin: 0 20px 15px 0; }
.communitythumb:hover { background: #fafafa; }
.communitythumb img { float: left; } 
.communitythumb ul { display: block; float: right; width: 150px; padding: 0 0 0 5px; }
.communitythumb ul li { padding: 2px 0 2px 25px; height: 20px; text-align: right; color: #9b9b9b; font-size: 16px; }
.communitythumb ul li:last-child { padding: 5px 0 2px 0px; height: 20px; text-align: left; }
.communitythumb a { color: #9b9b9b; }



/* post */
#tabpost { position: relative; }
#tabposthead { display: block; position: relative; width: 772px; height: 125px; background: transparent url("Images/tab-post-head.png") top left no-repeat; }
#tabpostbody { clear: both; padding: 0 0 40px 0; background: transparent url("Images/bg-post-end.png") bottom left no-repeat; position: relative; }
#tabpostcontent { margin: 0; width: 736px;  min-height: 990px;  padding: 10px 18px; background: transparent url("Images/bg-post-content.png") top left repeat-y; }
.simthumb { display: inline-block; position: relative; margin: 0 0 0 5px; width: 135px; vertical-align: top; }
.simthumb img { width: 100%; }
.simthumb-video { width: 270px; }
.simthumb-video::after {
    transition: background-size 0.25s;
    content: '';
    display: block;
    position: absolute;
    background: url(../Images/play-button.png) center no-repeat;
	background-size: 30%;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
	pointer-events: none;
}
.simthumb h5 {
	font-size: 16px;
	color: #535353;
	padding: 0px 0 8px 0;
    margin-top: -4px;
}

#postbox { position: relative; text-align: center; }
#postbox img { display: inline-block; max-width: 736px; }
#postinfo { padding: 30px 0 0 35px; }
#postavatar { float: left; margin: 0 20px 0 0; }
#postinfo h2 { font-size: 20px; font-weight: bold; color: #000; width: 100%; padding: 5px 0; }
#postinfo h2 a { color: #000; text-decoration: none; }
#postinfo ul { margin: 0; list-style-type: none; }
#postinfo ul li { float: left; padding: 5px 20px 0 0; width: 120px; font-size: 20px; font-weight: bold; color: #666; }
#postinfo ul li img { display: inline; vertical-align: middle; }

#navarrows { text-align: center; }

#postmeta { padding: 0 20px 15px 20px; border-bottom: solid #6f6f6f 1px; }
#postmeta h1 { clear: left; color: #000 !important; font-weight: normal; width: 300px; }
#postmeta h3 { color: #666 !important; font-weight: normal; width: 300px; }
#postmeta h4 { color: #000 !important; font-weight: normal; font-size: 14px; }
#votebuttons { width: 210px; float: left; list-style-type: none; margin: 0; padding: 0; border-right: solid #f1f1f1 2px; }
#votebuttons li { position: relative; float: left; }
#votebuttons li>a { position: relative; display: block; width: 100px; height: 45px; padding: 5px 0; border-left: solid #f1f1f1 2px; text-align: center; }
#postbuttons { width: 350px; float: right; list-style-type: none; margin: 0; padding: 0; }
#postbuttons li { position: relative; float: right; }
#postbuttons li>a { position: relative; display: block; width: 100px; height: 90px; padding: 5px 0; border-left: solid #f1f1f1 2px; text-align: center; color: #717171; text-transform: uppercase; font-size: 14px; }

#votebuttonsfloat { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
#votebuttonsfloat { position: absolute; top: 0px; left: 0px; width: 236px; margin: 0; background: #fff; text-align: center; opacity: 0; }
#votebuttonsfloat:hover { opacity: 1; top: 150px; margin-left: 250px; }
#votebuttonsfloat img { display: inline-block; margin: 20px; }
#postbox a[rel="lightbox"]:hover + p, #postbox iframe:hover + p {
	opacity: 1; top: 150px; margin-left: 250px;
}


#comments { position: relative; width: 430px; float: left; font-size: 24px; color: #535353 !important; text-transform: uppercase; font-weight: normal; padding: 30px 0 30px 0; text-align: right; background: url("Images/btn-talk.png") 40px 0px no-repeat; }
#addcomment,.addcomment { display: block; float: right; padding: 10px 20px; }
#commentform { display: none; padding: 10px 40px; }
#commentform fieldset { border: solid #ccc 1px; padding: 20px 20px; margin: 0; }
#commentform label { display: block; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 18px; width: 100%; }
#commentform input[type="text"],#commentform textarea { width: 100%; margin-bottom: 20px; font-size: 18px; color: #666; padding: 2px 5px; border: solid #333 1px; }
#commentslist { padding: 20px 40px; }
.commentavatar { float: left; margin: 0 15px 15px 0; }
.commentmeta { font-size: 18px; font-weight: normal; }
.commentmeta span { font-size: 13px; }
.commentmeta img { display: inline !important; vertical-align: middle; }
.commentmeta a { text-decoration: none; color: #666 !important; }
.comment { position: relative; padding: 10px; border-bottom: solid #ededed 1px; margin: 0; overflow: hidden; }
.comment:hover { background: #fcfcfc; }
.comment h3 { margin: 0; font-size: 15px; font-weight: 300; }

/* profil, moj profil */
#profhead { position: relative; clear: both; width: 1080px; margin: 200px 0 0 68px; height: 372px; }
#profheadavatar { position: relative; float: left; background: #fff; width: 270px; height: 270px; margin: 60px 0 0 0; overflow: hidden; text-align: center; }
#profheadavatar { -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; }
#profheadavatar h2 { text-align: center; height: 40px; padding: 20px 20px 0 20px; font-size: 20px; color: #535353; font-weight: normal; } 
#profheadavatar h2 a { color: #535353; }
#profheadflag { float: right; padding: 1px 1px 0 0; }
#profheadflag img { display: inline-block; } 
#profheadavatar img { border-left: solid #fff 5px; border-right: solid #fff 5px; }
#profheadbottomleft { clear: both; float: left; background: #fff; width: 260px; height: 26px; text-align: center; padding: 8px 0; }
#profheadbottomright { float: right; background: #fff; width: 780px; height: 26px; text-align: right; padding: 8px 20px; }
#profheadbottomright img { display: inline; vertical-align: middle; }
#profheadbottomleft,#profheadbottomright a { color: #676767 !important; font-size: 18px !important; }
#profheadbottomleft { -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
#profheadbottomright { -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
#changeavatar { position: absolute; top: 80%; left: 79%; z-index: 50; }
#changeavatar img { border: none !important; }
#changebg { position: absolute; top: 75%; left: 95%; z-index: 51; }


#mylike { width: 100px; float: left; background: transparent url('Images/ico-like.png') left center no-repeat; padding: 0 0 0 40px; }
#myunlike { width: 100px; float: right; background: transparent url('Images/ico-unlike.png') left center no-repeat; padding: 0 0 0 40px; }
#myfans { background: transparent url('Images/ico-myfans.png') left center no-repeat; padding: 50px 0 50px 130px; }
#myposition { background: transparent url('Images/ico-myposition.png') left center no-repeat; padding: 10px 0 20px 130px; }

.listfans { display: inline-block; margin: 0 0 5px 5px; }


#tabsp { position: relative; }
#tabsphead { display: block; position: relative; width: 772px; height: 72px; }
#tabsplab1 {  width: 772px; height: 72px; background: transparent url("Images/tab-left1-p.png") top left no-repeat; position: absolute; z-index: 21; }
#tabsplab2 {  width: 772px; height: 72px; background: transparent url("Images/tab-left2-p.png") top left no-repeat; position: absolute; z-index: 20; }
#tabsplabels { display: block; position: absolute; z-index: 30; top: 0; left: 0; }
#tabsplabels a,#tabsplabels span { display: block; float: left; padding: 35px 0 0 0; text-align: center; font-size: 20px; color: #535353; font-weight: normal; text-decoration: none; }
#p1tab { width: 360px; }
#p2tab { width: 360px; }
#tabp1 { clear: both; padding: 0 0 44px 0; background: transparent url("Images/bg-left1p-end.png") bottom left no-repeat; position: relative; }
#tabp2 { padding: 0 0 44px 0; background: transparent url("Images/bg-left1p-end.png") bottom left no-repeat; position: absolute; top: 72px; left: 0; z-index: 21; display: none; }
#tabp1c,#tabp2c { margin: 0; width: 712px;  min-height: 990px;  padding: 15px 30px; background: transparent url("Images/bg-left1-p.png") top left repeat-y; }

.labelsocial { text-align: center; font-size: 24px; font-weight: normal; text-transform: uppercase; padding: 60px 0 0 0; }
.profile-social { list-style-type: none; margin: 50px 0; padding: 0; border-top: solid #505050 1px; }
.profile-social li { border-bottom: solid #505050 1px; }
.profile-social li:hover { background: #ededed; }
.profile-social li a { display: block; padding: 20px 0 20px 110px; text-decoration: none; color: #666; font-size: 20px; text-transform: uppercase; }
#pFbk { background: transparent url("Images/ico-prof-fbk.png") 20px 10px no-repeat; }
#pTwi { background: transparent url("Images/ico-prof-twi.png") 20px 10px no-repeat; }
#pLin { background: transparent url("Images/ico-prof-lin.png") 20px 10px no-repeat; }
#pGog { background: transparent url("Images/ico-prof-gog.png") 20px 10px no-repeat; }
#pYtb { background: transparent url("Images/ico-prof-ytb.png") 20px 10px no-repeat; }
#pVk { background: transparent url("Images/ico-prof-vk.png") 20px 10px no-repeat; }

#letshare { display: none; position: absolute; z-index: 100; top: 180px; left: 48px; width: 400px; border: solid #fff 3px; padding: 80px 80px 20px 80px; background: #ededed url('Images/btn-share.png') top center no-repeat; text-align: center; }
#letshareindex { padding: 80px 20px 20px 20px; background: #ededed url('Images/btn-share.png') top center no-repeat; text-align: center; }

#profbuttons { position: absolute; top: 420px; left: 646px; }
#profbuttons ul { position: relative; list-style-type: none; margin: 0; padding: 0; }
#profbuttons ul li {  position: relative; margin: 0 0 2px 0; }
#profbuttons ul li>a { position: relative; display: block; width: 100px; height: 90px; padding: 5px 0; border: solid #ccc 4px; text-align: center; color: #717171; text-transform: uppercase; font-size: 14px; }
#btn-likebox { background: url("Images/btn-likebox.png") center center no-repeat; }
#btn-share { background: url("Images/btn-share.png") center center no-repeat; }
#btn-follow { background: url("Images/btn-follow.png") center center no-repeat; }
#btn-nofollow { background: url("Images/btn-nofollow.png") center center no-repeat; }
#btn-talk { background: url("Images/btn-contact.png") center center no-repeat; }
#btn-report { background: url("Images/btn-report.png") center center no-repeat; }

#reportform { display: none; position: absolute; top: 0; left: 115px; background: #fff; border: solid #ccc 4px; width: 350px; z-index: 92; }
#reportform fieldset { border: solid #fff 1px; padding: 10px 20px; margin: 0; }
#reportform label { display: block; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 18px; width: 100%; }
#reportform input[type="text"],#reportform textarea,#reportform select,#reportform input[type="file"] { width: 100%; margin-bottom: 20px; font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }

#followform { display: none; position: absolute; top: 0; left: 115px; background: #fff; border: solid #ccc 4px; width: 350px; z-index: 91; }
#followform fieldset { border: solid #fff 1px; padding: 10px 20px; margin: 0; }

#nofollowform { display: none; position: absolute; top: 0; left: 115px; background: #fff; border: solid #ccc 4px; width: 350px; z-index: 91; }
#nofollowform fieldset { border: solid #fff 1px; padding: 10px 20px; margin: 0; }

.ignoreform { display: none; position: absolute; top: 5px; left: 5px; background: #fff; border: solid #ccc 4px; width: 400px; z-index: 93; }
.ignoreform fieldset { border: solid #fff 1px; padding: 0px 20px; margin: 0; }
.ignoreform .buttongreen { margin: 16px 0 !important; }

#sharebox { display: none; position: absolute; top: 0; left: 115px; background: #fff; border: solid #ccc 4px; width: 350px; z-index: 90; }
#sharebox a { display: block; padding: 20px 0 20px 110px; text-decoration: none; color: #666; font-size: 20px; text-transform: uppercase; }
#sharebox a:hover { background-color: #ededed; }

#talkform { display: none; padding: 10px 120px 10px 20px; }
#talkreply { display: none; padding: 10px 20px 10px 20px; }
#talkform fieldset,#talkreply fieldset { border: solid #ccc 1px; padding: 20px 20px; margin: 0; }
#talkform label,#talkreply label { display: block; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 18px; width: 100%; }
#talkform input[type="text"],#talkreply input[type="text"],#talkform textarea,#talkreply textarea { width: 100%; margin-bottom: 20px; font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }
#talklist { padding: 20px 120px 20px 20px; }
.talk { position: relative; margin: 0 0 10px 0; padding: 0 0 15px 0; background: #fcfcfc; overflow: hidden; }
.talkhead { background: #efefef; padding: 5px 10px; margin: 0; }
.talkuserico { float: left; width: 34px; }
.talkheadleft { width: 50%; float: left; overflow: hidden; }
.talkheadright { width: 28%; float: right; text-align: right; overflow: hidden; }
.talkhead h3 { font-size: 16px; }
.talkhead span { font-size: 14px; font-weight: normal; }
.talkhead a { color: #676767; }
.talkhead h2 { float: left; width: 100%; font-size: 18px !important; padding: 10px 0;  text-decoration: underline !important; }
.new,.new a { font-weight: bold; color: #009a00 !important; }
.talk p { margin: 0 0 10px 0; }
.talkbody { display: none; padding: 5px 10px; font-size: 16px; border-bottom: solid #ededed 1px; border-left: solid #ededed 1px; border-right: solid #ededed 1px; }
.refm { padding: 10px; background: #efefef; color: #aaa; }

.warnheadleft { width: 70%; float: left; overflow: hidden; }
.warnheadright { width: 18%; float: right; text-align: right; overflow: hidden; }


/* nahlady */
.postthumb { display: inline-block; position: relative; margin: 0 5px 5px 0; width: 300px; height: 250px; vertical-align: top; }
.postthumb a img { width: 100%; }
.postthumb-video { }
.postthumb-video::after {
    transition: background-size 0.25s;
    background-size: auto;
    content: '';
    display: block;
    position: absolute;
    background: url(../Images/play-button.png) center no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 68%;
	pointer-events: none;
}
.postthumb-video:hover::after {
    background-size: 70px;
}
.postthumb h5 {
	font-size: 22px;
	color: #535353;
}

.meta { display: none; position: absolute; top: 0; left: 0; background: transparent url("Images/bg-meta.png") repeat-x; width: 300px; height: 100px; color: #666; overflow: hidden; }
.meta img { display: inline; vertical-align: middle; }
.meta a,.status a { text-decoration: none; color: #666; }
.meta p { padding: 5px; }
.status { position: absolute; top: 215px; left: 0; background: transparent url("Images/bg-meta.png") repeat-x; width: 300px; height: 35px; color: #666; overflow: hidden; }
.status img { display: inline-block; margin-bottom: 5px; vertical-align: middle; }
.status p { padding: 5px; }



/* lava zalozka na celu sirku */
#tabst { position: relative; margin-left: 50px; }
#tabtphead { display: block; position: relative; background: transparent url("Images/tab-left1-t.png") top left no-repeat;  width: 1124px; height: 45px;  padding: 27px 0 0 40px; font-size: 20px; color: #666; }
#t1tab { width: 360px; }
#tabt1 { padding: 0 0 44px 0; width: 1124px; background: transparent url("Images/bg-left1t-end.png") bottom left no-repeat; }
#tabt1 img { display: block; }
#tabt1c { background: #fff; margin: 0; padding: 15px 30px; background: transparent url("Images/bg-left1-t.png") top left repeat-y; }

/* lava zalozka na celu sirku bez nadpisu pre editory */
#tabedhead { display: block; position: relative; background: transparent url("Images/tab-left1-ed.png") top left no-repeat;  width: 1124px; height: 45px;  padding: 27px 0 0 40px; font-size: 20px; color: #666; }


/* login, logout */
#tabbig { position: relative; }
#tabbighead { display: block; position: relative; background: transparent url("Images/tab-left-big.png") top left no-repeat;  width: 772px; height: 45px; padding: 25px 0 0 40px; font-size: 20px; color: #666; }
#tabbigbody { padding: 0 0 40px 0; background: transparent url("Images/bg-left-big-end.png") bottom left no-repeat; }
#tabbigbody img { display: block; }
#tabbigcontent { positon: relative; background: #fff; margin: 0; padding: 15px 30px 15px 40px; background: transparent url("Images/bg-left-big.png") top left repeat-y; }
#tabbigcontent a { color: #009aff; }


/* forms vseobecne */
input,textarea,select,button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bred { border: solid #f23f00 2px !important; }
input[type='checkbox'].bred { background: #f23f00 !important; }
.bblue { border: solid #99ccff 1px; }
.pad20 { padding: 20px; }
.messagefalse { background: #efe7e7; padding: 20px 30px 10px 30px; margin: 0 0 40px 0 !important; }
.messagefalse h2 { color: #932b2b; margin: 0 0 15px 0; padding: 0; font-size: 20px; line-height: 24px; text-align: center; }
.messagetrue { background: #d0edd6; padding: 20px 30px 10px 30px; margin: 0 0 40px 0 !important; }
.messagetrue h2 { color: #6bac77; margin: 0 0 15px 0; padding: 0; font-size: 20px; line-height: 24px; text-align: center; }
.messagefalse p,.messagetrue p { margin: 0 0 15px 0; font-size: 16px; line-height: 18px; }

.inmessagetrue,.inmessagefalse { padding: 0 20px; margin: 15px; }
.inmessagetrue h2 { color: #6bac77; font-size: 18px; line-height: 20px; margin: 0 0 15px 0; text-align: center; }
.inmessagefalse h2 { color: #932b2b; font-size: 18px; line-height: 20px; margin: 0 0 15px 0; text-align: center; }


input.error,textarea.error,select.error,div.error { border: solid #f00 3px !important; }
input[type='checkbox'].error { background: #f00; }
label.error { display: block; font-size: 13px !important;  color: #f00 !important; clear: both; float: right !important; width: 100% !important; text-align: right !important; margin: 0 0 30px 0 !important;  }
#reponse_msg { opacity: 0; padding: 0 20px; }
#reponse_msg h3 {  }


.buttonorange,.buttongreen,.buttonblue,.buttonred,.buttonbrick,.buttoncyan { font-size: 18px; font-weight: bold; padding: 10px 12px !important; color: #fff !important; margin: 20px 0 !important; border: none; cursor: pointer; cursor: hand; text-decoration: none; text-align: center; }
.buttonorange a,.buttongreen a,.buttonblue a,.buttonred a,.buttonbrick a,.buttoncyan a { color: #fff !important; text-decoration: none; }
.buttongreen { background-color: #00cd5e; }
.buttonorange { background-color: #f29400; }
.buttonblue { background-color: #3b5997; }
.buttonred { background-color: #8e1c02; }
.buttonbrick { background-color: #dc4d28; }
.buttoncyan { background-color: #00bbf5; }

.button { width: 45% !important; display: inline-block; }
.button30 { width: 28% !important; display: inline-block; }
.button100 { width: 100% !important; display: inline-block; }


/* contact form */
#contactform fieldset { border: solid #fff 1px; padding: 0 20px 20px 20px; margin: 0; }
#contactform label { display: block; clear: both; float: left; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 24px; width: 50%; }
#contactform textarea,#contactform input[type="text"] { float: left; width: 45%; margin-bottom: 20px; font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }


/* register, login form */
#box-register { width: 49%; float: left; padding: 0 5% 0 0; }
#box-login { width: 45%; float: right; }
#reglog { padding: 0; margin: 20px 0 20px 0; }
#reglog fieldset { border: solid #fff 1px; padding: 0 20px 20px 20px; margin: 0; }
#reglog label { display: block; clear: both; float: left; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 24px; width: 50%; }
#reglog input[type="text"],#reglog input[type="password"],#reglog textarea,#reglog select,#reglog input[type="file"] { float: left; width: 45%; margin-bottom: 20px; font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }
#blockagree { clear: both; float: left; width: 90%; margin: 0; }
label sup.red { font-size: 12px; }
#lostpasswdswitch { padding: 20px; display: none; }
#lostpasswdform { width: 70%; display: none; }
#lostpasswdform fieldset { border: solid #fff 1px;  padding: 0 20px 20px 20px; margin: 0; }
#regrulesbox { display: none; margin: 0 0 30px 0; border: solid #dcdcdc 1px; }





/* edit my profile */
#profmenu { }
#profmenu li { float: left;  margin: 15px 0; text-align: center; font-size: 18px; color: #fff; width: 32.8%; padding: 18px 0 17px 0; border-right: solid #807f8f 1px; }
#profmenu li:last-child { border-right: none !important; }


/* upload avatar */
#avatar { margin: 0; }
.upload-box { position: relative; float: left; width:260px; min-height:250px; text-align: center; margin: 10px auto 40px auto; background: #fff url("Images/empty-avat.png") top center no-repeat; }
.upload-box img, .upload-box a img { display: inline !important; }
.upload-box iframe { display: none !important; text-align: center; width: 260px; height: 210px; line-height: 210px; }
.upload-box iframe img { display: inline; text-align: center; }
.upload-box p { margin: 0; padding: 0; }
.upload { padding: 20px; }
.upload form { margin: 0; padding: 0; }
.upload fieldset { margin: 0 !important; padding: 0 !important; border: none !important; }
.upload label { display: block; clear: both; float: left; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 24px; width: 50%; }
.upload input { float: left; width: 45%; margin: 0 0 0 50% !important;  font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }


/* upload bg */
#profilebg { margin: 0; }
.upload-box-b { position: relative; float: left; width:670px; min-height:250px; text-align: center; margin: 10px auto 40px auto; background: #fff url("Images/empty-avat.png") top center no-repeat; }
.upload-box-b img, .upload-box-b a img { display: inline !important; }
.upload-box-b iframe { display: none !important; text-align: center; width: 670px; height: 210px; line-height: 210px; }
.upload-box-b iframe img { display: inline; text-align: center; }
.upload-box-b p { margin: 0; padding: 0; }
.upload-b { padding: 20px; }
.upload-b form { margin: 0; padding: 0; }
.upload-b fieldset { margin: 0 !important; padding: 0 !important; border: none !important; }
.upload-b label { display: block; clear: both; float: left; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 24px; width: 100%; }
.upload-b input { float: left; width: 45%; margin: 0 0 0 50% !important;  font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }


/* upload post */
#imageupload { position: relative; width: 1000px; margin: 0 auto; }
.upload-box-p { width: 1000px; min-height: 200px; margin: 10px auto 0 auto; background: #fff url("Images/empty-avat.png") center center no-repeat;  }
.upload-box-p img, .upload-box-p a img, .upload-box-p p img { display: inline !important; }
.upload-box-p iframe { display: none !important; text-align: center; width: 800px; height: 600px; line-height: 600px; }
.upload-box-p iframe img { display: inline !important; text-align: center !important; }
.upload-box-p p { margin: 0; padding: 0; }
.upload-p { padding: 20px 0 0 0; }
.upload-p form { margin: 0; padding: 0; }
.upload-p fieldset { margin: 0 !important; padding: 0 !important; border: none !important; }
.upload-p label { display: block; clear: both; float: left; color: #666; padding: 0px; margin: 0 20px 20px 0; text-align: right; font-size: 24px; width: 380px; }
.upload-p input { float: left; width: 40%; margin: 5px 0 20px 0 !important;  font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }



#uploadform { width: 860px; padding: 0; margin: 20px auto; }
#uploadform fieldset { border: solid #fff 1px; padding: 0 20px 20px 20px; margin: 0; }
#uploadform label { display: block; clear: both; float: left; color: #666; padding: 0px; margin: 0 0 20px 0; text-align: left; font-size: 24px; width: 50%; }
#uploadform input[type="text"],#uploadform input[type="password"],#uploadform textarea,#uploadform select,#uploadform input[type="button"],#uploadform input[type="file"] { float: left; width: 45%; margin-bottom: 20px; font-size: 16px; color: #666; padding: 2px 5px; border: solid #333 1px; }

#target { display: inline; }
#submitavatar { display: none; }
#submitbg { display: none; }

/* free editor */
#imageupload-free { position: relative; width: 1064px; min-height: 800px; margin: 0 auto; }
.upload-box-free { width: 1064px; min-height: 800px; margin: 0 auto; background: #fff url("Images/pasca.png") top left no-repeat;  }
.upload-box-free img, .upload-box-free a img, .upload-box-free p img { display: inline !important; }
.upload-box-free iframe { display: none !important; text-align: center; width: 800px; height: 600px; line-height: 600px; }
.upload-box-free iframe img { display: inline !important; text-align: center !important; }
.upload-box-free p { margin: 0; padding: 0; }
.upload-free { padding: 0; }
.upload-free form { margin: 0; padding: 0; }
.upload-free fieldset { margin: 0 !important; padding: 0 !important; border: none !important; }
.upload-free label { display: none; /* none */}
.upload-free input { display: none; /* none */}
#choose { position: absolute; top: 0; left: 0; width: 100%; height: 550px; z-index:200; padding: 250px 0 0 0; }
#getdownload { display: none; position: absolute; top: 350px; left: 0; width: 90%; height: auto; margin: 0 5%; z-index:201; padding: 0; background: transparent url("Images/bg-headtop.png") repeat; }
#getdownload img { display: inline-block; margin: 5px; }
#downloadform {  }
#downloadform fieldset { border: none; }

/* flash editor */
#showmeebox { width: 100%;  height: 85%; }



/* komunita */
#commbar { margin: 18px 18px 0 18px; }
#commcounters { }
#commcounters li { float: left;  margin: 15px 0; text-align: center; font-size: 18px; color: #fff; width: 24.8%; padding: 18px 0 17px 0; border-right: solid #807f8f 1px; }
#commcounters li:last-child { border-right: none !important; }

/* obsah */
#obsah { padding: 50px 90px; text-align: left; color: #535353; overflow: hidden; }
#obsah h1 { padding-top: 20px; margin-bottom: 40px !important; }
#obsah h2,#obsah h3 { margin-bottom: 30px; }
#obsah h1 { font-size: 28px; color: #626262; font-weight: normal; }
#obsah h2 { font-size: 24px; color: #626262; }
#obsah h3 { font-size: 18px; color: #626262; }
#obsah ul { list-style-type: square; }
#obsah ol { list-style-type: decimal; }
#obsah ul, #obsah ol { list-style-position: outside; padding: 20px 0 0 50px !important; }
#obsah ul li,#obsah ol li { display: list-item; margin-bottom: 10px; line-height: 1.5em;  }
#obsah dl dt,#obsah dl dd { margin-bottom: 10px; line-height: 1.5em;  }
#obsah dl dt { color: #f29400; text-align: left; padding-bottom: 0px; margin-right: 0.7em; }
#obsah dl dd { text-align: left; padding-bottom: 20px; }
#obsah address { line-height: 1.5em; margin-bottom: 30px; font-style: normal; text-align: left; }
#obsah p,#obsah ul li,#obsah ol li,#obsah blockquote,#obsah table { font-size: 16px; line-height: 1.5em; color: #535353; }
#obsah hr { clear: both; border: 0; width: 80%; color: #eaeaea; background-color: #eaeaea; height: 1px; margin: 10px auto 20px auto; }
#obsah p,#obsah ul,#obsah dl,#obsah ol,#obsah table { margin-bottom: 40px; }
#obsah acronym { border-bottom: #f29400 dotted 2px; }
#obsah blockquote { padding: 20px 15px; margin: 0 0 30px 0; font-style: italic; background-color: #f6f6f6; }
#obsah blockquote p { padding: 0; margin: 0; }
#obsah p.message { display: block; background-color: #f6f6f6; color: #f29400; padding: 20px 30px; margin-bottom: 30px; font-weight: bold; }

#obsah li h2,#obsah li h3 { display: inline; font-size: 1.2em; }
#obsah ul ul { margin: 0.5em 0 2em 1.5em; }
#obsah ul ul ul { margin: 0.5em 0 0 1.5em; }
#obsah ol ol  { list-style: lower-roman inside }
#obsah table { float: left; table-layout: fixed; width: 100%; border-collapse: collapse; margin-bottom: 40px; font-size: 1em; }
#obsah caption { text-align: left; font-size: 1.1em; font-weight: normal; color: #f29400; padding-bottom: 20px; }
#obsah td,#obsah th { padding: 5px 6px; vertical-align: top; border: solid #e9e9e9 1px; }
#obsah th { color: #696969; background-color: #f3f3f3; text-align: center; }

#obsah a:link,#obsah a:active,#obsah a:visited { color: #f29400; }
#obsah a:hover { color: #696969; }