Kod: Zaznacz cały
::-webkit-scrollbar { background-color: #fff; width: 5px; }
::-webkit-scrollbar-thumb { width: 5px; background-color: #a6b3b3; }
::selection { background-color: #F5F3F3; color: #8f9a9c; }
body { margin: 0px, 0px, 0px, 0px; background-color: #F5F3F3; background-image: url("https://i.imgur.com/kYxIz8Q.png"); background-position-x: center; background-repeat: no-repeat; background-attachment: fixed; background-size: auto; }
.bodyline>table[width="753"] { width: 955px; }
td.bodyline { width: 955px; }
.bodyline { background-color: #FBFBFB; border: 1px #F0F0F0 solid; border-radius: 0px; padding: 15px; padding-top: 1px; overflow: hidden; }
.forumline { background-color: #ffffff; border: 1px #F4f4f4 solid; border-radius: 0px; padding: 20px; margin: 10px auto; overflow: hidden; }
td.row1 { background-color: transparent; border: none; margin: 10px;}
td.row2 { background-color: transparent; border: none; }
td.row3 { background-color: transparent; border: none; }
td.row_helped { background-color: transparent; }
td.rowpic { background-color: transparent; border: none; height: 5px; }
.top-nav1 { position: absolute; top: 50px; left: 0; width: 100%; height: 40px; background-color: #ffffff; border-bottom: 1px #f3f3f3 solid; display: inline-block; text-align: right; j font-size: 9px; font-weight: bold; color: #b2babe; letter-spacing: 2px; text-transform: uppercase; z-index: 21; }
.top-nav1 li { display: inline-block; margin-right: 12px; line-height: 40px; }
.top-nav1 li a { font-family: 'Varta', sans-serif; font-size: 10px; line-height: 44px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #b2babe; }
.top-nav1 li a:hover { color: #e1cebf; }
.nav1 { position: fixed; top: 0; left: 0; width: 100%; height: 38px; padding-top: 6px; padding-bottom: 6px; text-align: center; vertical-align: middle; display: inline-block; z-index: 22; background-color: #b2babe; }
.nav1 a:link, .nav1 a:visited, .nav1 a:hover { color: #fff; font-family: 'Varta', sans-serif; font-size: 8px; line-height: 38px; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; margin-right: 15px; }
.nav_top { color: #fff; padding: 0; margin: 0; }
.nav_top li { float: center; display: inline; }
.nav_top a:link, .nav_top a:visited { float: center; color: #fff; font-family: 'Varta', sans-serif; font-size: 10px; text-decoration: none; }
.nav_top a:link.active, .nav_top a:visited.active, .nav_top a:hover { color: #FFFFFF; text-decoration: none; }
font, th, td, p { font-family: 'Montserrat', sans-serif; font-size: 11px; line-height: 150%; color: #888; }
a:link, a:active, a:visited { text-decoration: none; color: #a8b9be; }
a:hover { color: #a8b9be; }
.gen, .genmed, .gensmall { font-size: 11px; color : #888;}
a.gen,a.genmed,a.gensmall { color: #b2babe; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #a8b9be; text-decoration: none; }
hr { height: 0px; border: none; }
th { color: #a6b3b3; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { border: none; font-size: 18px; height: 20px; }
td.cat,td.catHead,td.catBottom { border: none; height: 20px; }
th.thCornerL,th.thTop,th.thCornerR { font-size: 10px; font-weight: bold; color: #fff; height: 28px; }
td.row3Right,td.spaceRow { background-color: #FFFFFF; border: none; }
.avatar-bg { position: relative; margin-top: 115px; margin-left: -24px; border-left: 40px #F8F8F8 solid; border-bottom: 60px #F8F8F8 solid; }
.post-bg { background-color: red; }
.upfield { background-color: #F8F8F8; margin-top: 5px; margin-left: -247px; margin-right: -24px; margin-bottom: 15px; height: 110px; }
.maintitle, h1, h2 { font-family: 'Varta', sans-serif; font-weight: bold; font-size: 14px; text-decoration: none; }
.mainmenu { font-size: 12px; color: #8f9a9f; }
a.mainmenu { text-decoration: none; color: #4F4F4F; }
a.mainmenu:hover { text-decoration: underline; color: #a8b9be; }
.cattitle { font-family: 'Varta', sans-serif; font-size: 0; color: transparent; height: 5px; }
a.cattitle, a.cattitle:hover { text-decoration: none; color: transparent; }
.nav { font-family: 'Varta', sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #b2babe!IMPORTANT; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
a.nav { padding: 2px 4px; color: #b2babe; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-decoration: none; }
a.nav:hover { color: #e1cebf; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-decoration: none; }
.forumlink { font-family: 'Varta', sans-serif; font-weight: bold; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
a.forumlink, a.forumlink:hover { text-decoration: none; color: #8f9a9f; }
.topictitle { font-family: 'Varta', sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 1px; }
a.topictitle:link, a.topictitle:visited { font-family: 'Varta', sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #a8b9be; letter-spacing: 1px;}
a.topictitle:hover { text-decoration: none; color: #dadcdb; }
.name { font-size : 11px; color : #000000;}
.name+.postdetails>img+br+br,.name+.postdetails>img+br { display: none; }
.postdetails { font-family: 'Varta', sans-serif; font-size: 11px; }
.postdetails2 { margin-left: 5px; font-family: 'Varta', sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; color: #b2babe;}
.postdetails3 { margin-left: 5px; font-family: 'Varta', sans-serif; font-size: 11px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; }
.postdetails3 a { padding-right: 3px; color: #e9cdba; }
.postbody { font-family: 'Montserrat', sans-serif; font-size: 13px; line-height: 166%; text-align: justify; display: block; word-wrap: break-word !important; white-space: normal; }
.postbody-bg { padding: 15px; padding-left: 30px;}
a.postlink:link, a.postlink:visited { text-decoration: none; color: #e09e70; }
a.postlink:hover { color: #e09e70; }
.code { display: block; background-color: #fdfdfd; border-top: 3px #F5F3F3 solid; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 160%; padding: 10px; word-break: break-word!important;}
.quote { background-color: #fdfdfd; border-top: 3px #F5F3F3 solid; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 160%; padding: 10px; text-align: justify; }
.hide { text-align: justify; }
.copyright { font-size: 9px; letter-spacing: 1px; font-family: 'Varta', sans-serif; text-transform: uppercase; color: #b2babe; }
a.copyright, a.copyright:hover { text-decoration: none;}
form { margin: 0; }
form { display: inline; }
.helpline { background-color: transparent; border: none; }
.shareon { display: none; }
input,textarea, select { background-color: #fdfdfd; border: 1px #eee solid; color: #4F4F4F; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 160%; padding: 5px; }
input.post, textarea.post, select { background-color: #fdfdfd; border: 1px #eee solid; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 166%; margin: 3px; padding: 5px;}
input.post2, textarea.post2, select { background-color: #fdfdfd; border: 1px #eee solid; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 166%; margin: 3px; padding: 5px; }
input { text-indent : 2px; }
input.button { padding: 5px; background-color: #fdfdfd; border: 1px #eee solid; font-family: 'Varta', sans-serif; font-size: 10px; }
input.mainoption { background-color: transparent; border: none; font-family: 'Varta', sans-serif; font-weight: bold; color: #8f9a9f; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; height: 28px; min-width: 75px; padding: 5px; margin: 2px; text-align: center; display: inline-block; }
input.liteoption { background-color: transparent; border: none; font-family: 'Varta', sans-serif; font-weight: bold; color: #8f9a9f; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; height: 28px; min-width: 75px; padding: 5px; margin: 2px; text-align: center; display: inline-block; }
.pm { font-size: 11px; text-decoration: none; color: #de4c4c; }
.table0 { padding: 5px; border: none; color : #000000; font-size: 10px; }
td.bbcode { font-family: 'Varta', sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #b2babe!IMPORTANT; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; line-height: 16px!important;}
td.bbcode a { color: #b2babe; }
.sb1 { background-color:transparent; color: #888; font-family: 'Varta', sans-serif; font-size: 13px; margin: 2px; border: none; line-height: 140%; }
.sb2 { background-color:transparent; color: #888; font-family: 'Varta', sans-serif; font-size: 13px; margin: 2px; border: none; line-height: 140%; }
.sb1 a { text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
.sb2 a { text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
.pagination { font-family: 'Varta', sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding-right: 3px; cursor: pointer; text-decoration: none; }
.pagination a, .pagination a:visited, .pagination a:active, .pagination a:hover { display: inline-block; padding: 2px; width: 15px; height: 15px; color: #e29a80; text-decoration: none; text-align: center; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
/* @font-face kit by Fonts2u (https://fonts2u.com) */
@font-face {font-family:"Shefiratte";src:url("http://dreamy-seattle.pl/fonts/Shefiratte.eot?") format("eot"),url("http://dreamy-seattle.pl/fonts/Shefiratte.woff") format("woff"),url("http://dreamy-seattle.pl/fonts/Shefiratte.ttf") format("truetype"),url("http://dreamy-seattle.pl/fonts/Shefiratte.svg#Shefiratte") format("svg");font-weight:normal;font-style:normal;}
/* LOKACJE */
.lok0 { margin: 10px auto; width: 491px; border-bottom: 40px #F8F8F8 solid; outline: 1px #f8f8f8 solid;}
.lok1 { position: relative; border-bottom: 30px #FBFBFB solid; border-left: 30px #FBFBFB solid; }
.lok2 { position: relative; width: 440px; padding: 10px; height: auto; background-color: #FEFEFE; border: 1px #f8f8f8 solid; border-top: none; }
.lok2 img { width: 440px; }
/* BOXY */
.bx0 { margin: 8px auto; margin-top: 14px; width: 900px; height: 220px; background-color: #F8F8F8; outline: 1px #f8f8f8 solid; }
.bx1 { margin: 0 auto; width: 900px; height: 180px; background-color: #FBFBFB; position: relative; top: 0; overflow: hidden;}
.bx2 { width: 90px; height: 90px; background-color: #476170; padding: 10px; position: absolute; top: 0; left: 0; }
.bx2 a { color: #fff; }
.bx2-opis { width: 875px; height: 150px; background-color: #FEFEFE; border: 1px #f8f8f8 solid; border-top: none; position: absolute; top: 0; right: 0px; }
.bx2-opis-in { width: 390px; height: 90px; padding-right: 10px; overflow: hidden; position: absolute; top: 40px; left: 40px; overflow-y: scroll auto; font-family: 'Varta', sans-serif; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: justify; line-height: 155%; }
.bx2-opis-in::-webkit-scrollbar { background-color: #fff; width: 3px; }
.bx2-opis-in::-webkit-scrollbar-thumb { width: 3px; background-color: #e5e0e0; }
.bx2-opis-in2 { margin-left: 345px; width: 255px; height: 150px; }
.bx2-opis-in2 img { height: 150px; }
.bx2-opis-in3 { margin-left: 0; width: 355px; height: 150px; }
.bx2-opis-in3 img { height: 150px; }
.bx2-forum { width: auto; max-width: 290px; height: auto; padding: 6px; padding-left: 8px; padding-right: 8px; position: absolute; top: 42px; left: 490px; }
.bx2-forum a { font-weight: bold; text-transform: lowercase; font-size: 30px; letter-spacing: 2px; font-weight: bold; font-family: Raleway; font-size: 28px; line-height: 34px; color: #d5b8b9; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.bx2-forum a:hover { color: #d3b1a3; }
.bx2-post { width: 570px; height: 12px; padding: 5px; position: absolute; top: 154px; left: 35px; font-family: 'Varta', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
.bx2-post-1 { height: 20px; display: inline-block; margin-left: 5px; font-size: 10px; letter-spacing: 1px; }
.bx2-post-1 a { color: #b2babe!IMPORTANT; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-weight: bold; font-size: 10px; letter-spacing: 2px; }
.bx2-post-2 { display: inline-block; width: auto; line-height: 18px; float: right; margin-top: -19px; margin-right: 5px; color: transparent; text-align: right; }
.bx2-suby { width: 890px; height: 24px; padding-right: 10px; position: relative; top: 13px; left: 0; line-height: 5px; text-align: right; color: transparent; }
.bx2-suby a { color: #b2babe; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-family: 'Varta', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; padding: 3px; display: inline-block; }
/* STATY */
.stax0 { margin: 10px auto; width: 950px; height: 840px; background-color: #F6F6F6; outline: 1px #f4F4F4 solid; }
.stax1 { margin: 1px auto; width: 950px; height: 790px; background-color: #FBFBFB; position: relative; overflow: hidden;}
.stax3 { background-color: #eaeaea; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;width: 100%; height: 60px; padding-top: 10px; padding-bottom: 10px; text-align: center; font-family: Raleway; font-weight: 800; font-size: 34px; letter-spacing: 1px; line-height: 50px; }
.stax3 b { display: block; font-family: 'Varta', sans-serif;text-transform: uppercase; font-size: 10px; letter-spacing: 4px; font-weight: normal; color: #fff; text-shadow: none; line-height: 10px; }
.stax4 { width: 915px; height: 580px; background-color: #fefefe; border: 1px #f8f8f8 solid; border-right: none; position: absolute; top: 120px; right: 0px; }
.stax5 { background-color: #FBFBFB; width: 100%; height: 40px; line-height: 44px; text-align: center; font-family: 'Varta', sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; }
.stax5 b { color: #d5b8b9; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.stax5 a { font-size: 10px; color: #d5b8b9; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.stax6 { width: 325px; height: 210px; position: absolute; top: 30px; left: 560px; }
.stax6-g { display: inline-block; width: 80px; height: 40px; margin: 10px; margin-top: 0; margin-right: 0; font-size: 38px; }
.stax6-n { display: block; font-size: 9px; margin-top: 6px; text-transform: uppercase; font-family: 'Varta', sans-serif; line-height: 120%; letter-spacing: 1px; font-weight: 300; color: #ccc; text-shadow: -1px -1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px 1px 0 #fcfcfc, 1px 1px 0 #fcfcfc;}
.stax7 { background-color: #fcfcfc; border: 1px #f4f4f4 solid; width: 500px; height: 210px; position: absolute; top: 30px; left: 30px; }
.stax7-a { width: 460px; height: 170px; padding: 10px; margin: 10px; overflow-y: auto; text-align: justify; }
.stax7-a::-webkit-scrollbar { background-color: #fcfcfc; width: 9px; }
.stax7-a::-webkit-scrollbar-thumb { width: 3px; background-color: #cbcaca; border: 3px #fcfcfc solid; }
.stax7-a a { color: #888; font-family: 'Varta', sans-serif; font-family: 'Varta', sans-serif; font-size: 14px; letter-spacing: 1px; padding-left: 2px; text-transform: uppercase; line-height: 150%;}
.stax8 { font-family: 'Varta', sans-serif; font-size: 12px; background-color: #fcfcfc; border: 1px #f4f4f4 solid; width: 850px; height: 276px; position: absolute; top: 270px; left: 30px; }
.stax8-a { width: 762px; height: 235px; padding: 10px; margin: 10px; overflow-y: auto; text-align: justify; position: absolute; }
.stax8-a::-webkit-scrollbar { background-color: #fcfcfc; width: 9px; }
.stax8-a::-webkit-scrollbar-thumb { width: 3px; background-color: #cbcaca; border: 3px #fcfcfc solid; }
.stax8 a { color: #888; font-family: 'Varta', sans-serif; font-family: 'Varta', sans-serif; font-size: 14px; letter-spacing: 1px; padding-left: 2px; text-transform: uppercase; line-height: 150%; }
.stax8-b { width: 256px; height: 30px; line-height: 30px; padding: 10px; margin: 0px; overflow-y: auto; text-align: justify; background-color: #eaeaea; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; transform: rotate( 90deg); margin-top: 113px; margin-left: 690px; font-family: Raleway; font-weight: 800; font-size: 26px; letter-spacing: 1px; }
.stax9 { display: inline-block; width: 750px; height: 50px; padding: 5px; position: relative; top: 585px; left: 130px; }
.stax-iko { display: inline-block; width: 50px; height: 50px; padding-top: 5px; line-height: 55px; margin-right: 2px; margin-top: -20px; font-family: 'Varta', sans-serif; font-size: 24px; text-align: center; color: red; }
.stax-iko-a { display: inline-block; width: 240px; height: 55px; margin-right: 2px; text-transform: uppercase; text-align: center; font-family: 'Varta', sans-serif; font-size: 10px; letter-spacing: 2px; }
.stax-iko-a b { display: block; margin-top: 5px; margin-bottom: 9px; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-family: Raleway; font-weight: 800; font-size: 28px; letter-spacing: 1px; }
.stax10 { font-family: 'Varta', sans-serif; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; width: 100%; height: 25px; position: relative; top: 10px; left: 0; line-height: 25px; text-align: center; color: #ccc; }
/* PROFILE */
#pav0 { width: 200px; height: 320px; margin-left: 16px; margin-top: -396px; position: relative; }
.pav1 { width: 200px; height: 320px; position: absolute; top: 0; background: rgba(255,255,255, 0.30); opacity: 0; transition: 0.6s ease-in-out; overflow: hidden; }
#pav0:hover .pav1 { opacity: 1; transition: 0.6s ease-in-out; }
#pav0:hover .pav1-a { top: 10px; transition-delay: 0.5s!important; transition: 0.6s ease-in-out; }
.pav1-a { width: 180px; height: 292px; outline: 1px #fff solid; background-color: #f8f8f8; position: absolute; left: 10px; top: 400px; transition: 0.6s ease-in-out; }
.pav2-dz { width: 170px; height: 28px; line-height: 32px; padding: 5px; background-color: #f8f8f8; text-align: center; color: #b2babe; font-family: 'Varta', sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 1px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.pav3 { width: 170px; height: 98px; padding: 5px; background: linear-gradient(180deg, rgba(166,179,179,1) 8%, rgba(248,248,248,1) 96%); text-align: center; margin-top: -15px; }
.pav3 img { margin: 5px; width: 160px; height: 86px; border: 1px #fff solid; object-fit: cover; }
.pav4 { width: 154px; height: 15px; padding: 5px; margin-left: 7px; margin-top: -15px; text-align: center; color: #b2babe; font-family: "toothless"; font-size: 38px; letter-spacing: 2px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.pav5 { width: 166px; height: 110px; margin-top: -19px; padding: 7px; }
.pav5-a { width: 24px; height: 19px; padding-top: 5px; background-color: #b2babe; color: #fff; float: left; font-size: 13px; margin-left: -2px; margin-top: -6px; margin-right: 5px; margin-bottom: 8px;text-indent: 5px; text-align: left; }
.pav5-b { width: 160px; height: 18px; line-height: 99%; padding-left: 2px; padding-top: 6px; background-color: #fff; border: 1px solid #f2f2f2; float: right; margin-bottom: 8px; font-family: 'Varta', sans-serif; font-size: 9px; text-transform: uppercase; }
.pap-im { position: relative; width: 200px; height: 50px; margin-top: -5px; font-family: 'Varta', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #878787; text-align: center; }
.pap-im b { font-weight: normal; letter-spacing: 1px; display: block; margin-top: -1px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-transform: none; color: #a6b3b3; font-size: 48px; font-family: Shefiratte; text-transform: lowercase; }
.pap-iko { position: absolute; top: 10px; left: -32px; width: 30px; height: 250px; margin-top: 5px; font-family: 'Varta', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; text-align: center; }
.pap-pw { width: 70px; height: 24px; line-height: 24px; transform: rotate( -90deg); position: relative; left: -20px; top: 160px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #b6cfd1; font-size: 14px; font-family: 'Varta', sans-serif; }
.pap-profil { width: 70px; height: 24px; line-height: 24px; transform: rotate( -90deg); position: relative; left: -20px; top: 240px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color: #b6cfd1; font-size: 14px; font-family: 'Varta', sans-serif; }
@font-face { font-family: "toothless"; src: url('https://dl.dropboxusercontent.com/s/to0toozbpyhjeac/Toothless.ttf'); }
.prup0 { width: 933px; height: 55px; padding: 5px 10px 5px 10px; background-color: #d3dbdb; display: flex; float: left; align-items: center; justify-content: space-between; }
.prup2 { width: 130px; height: 44px; box-sizing: border-box; display: inline-block; text-align: center; font-size: 28px; color: #fff; line-height: 22px; }
.prup3 { display: block; font-size: 10px; text-transform: uppercase; font-family: 'Varta', sans-serif; letter-spacing: 1px; font-weight: bold; color: #fff!IMPORTANT; }
.prup4 { border-top: 1px #fff solid; height: 40px; width: 920px; line-height: 27px; display: flex; align-items: center; justify-content: space-between; }
.prup5-a { text-align: center; width: 190px; padding: 5px; box-sizing: border-box; display: inline-block; line-height: 105%; font-size: 10px; text-transform: uppercase; font-family: 'Varta', sans-serif; letter-spacing: 1px; margin-top: 3px; }
.prup5-b { text-align: center; width: 500px; padding: 5px; box-sizing: border-box; display: inline-block; line-height: 105%; font-size: 10px; text-transform: uppercase; font-family: 'Varta', sans-serif; letter-spacing: 1px; margin-top: 3px; }
.prup5-a b, .prup5-b b { margin-bottom: 5px; display: block; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
/* KARTA */
.kp0 { width: 450px; margin: 20px auto; background-color: #fbfbfb; outline: 1px #f8f8f8 solid; }
.kp1 { color: #cc9071; height: 70px; text-align: center; positiion: relative; margin-top: 40px; padding-left: 15px; padding-right: 15px; }
.kp1 h1 { font-family: Raleway; font-size: 36px; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.kp1 h2 { display: block; position: relative; margin-top: -15px; text-align: center; font-size: 10px; font-family: 'Varta', sans-serif; text-transform: uppercase; letter-spacing: 2px; color: #e9cdba; }
.kp2 { background-color: #fdfdfd; width: 450px; height: 470px; }
.kp3 { position: relative; top: 10px; width: 100%; height: 40px; }
.kp5 { position: absolute; left: 25px; top: 65px; height: 420px; width: 400px; -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;}
.kp5-a { position: absolute; left: 15px; top: 65px; height: 400px; width: 400px; padding: 10px; background: #fff; outline: 1px #f8f8f8 solid; -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;}
.kp5-a img { height: 400px; width: 400px; object-fit: cover; }
.kp5-b { z-index: 55; position: absolute; left: 45px; top: 95px; height: 340px; width: 340px; padding: 10px; background: #fff; outline: 1px #f8f8f8 solid; opacity: 0; transition: 0.6s ease-in-out; }
.kp5-c { z-index: 55; position: absolute; left: 45px; top: 95px; height: 340px; width: 340px; padding: 10px; background: #fff; outline: 1px #f8f8f8 solid; opacity: 0; transition: 0.6s ease-in-out; }
.kp5-info { width: 355px; height: 23px; padding-right: 5px; background-color: #FBFBFB; margin-bottom: 10px; }
.kp5-info h1 { margin-top: 0; background-color: #d3dbdb; color: #fff; padding-left: 5px; padding-right: 5px; float: left; text-transform: uppercase; clear: both; font-family: 'Varta', sans-serif; font-size: 9px; letter-spacing: 1px; max-width: 132px; height: 23px; line-height: 28px;}
.kp5-info h2 { margin-top: 0; text-align: right; float: right; font-family: 'Varta', sans-serif; font-weight: normal; text-transform: lowercase; font-size: 11px; width: 188px; height: 24px; line-height: 23px;}
.kp5-c-info { width: 355px; height: 24px; padding-right: 5px; background-color: #FBFBFB; margin-bottom: 10px; }
.kp5-c-info h1 { margin-top: 0; background-color: #e9cdba; color: #fff; padding-left: 5px; padding-right: 5px; float: left; text-transform: uppercase; clear: both; font-family: 'Varta', sans-serif; font-size: 9px; letter-spacing: 1px; max-width: 132px; height: 24px; line-height: 28px;}
.kp5-c-info h2 { margin-top: 0; text-align: right; float: right; font-family: 'Varta', sans-serif; font-weight: normal; font-size: 11px; width: 208px; height: 24px; line-height: 24px;}
.kp5-t { padding: 10px; padding-right: 30px; text-align: right; color: #a6b3b3; font-family: Raleway; font-size: 28px; border-bottom: 1px #f1f1f1 solid; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.kp5-in { width: 360px; height: 331px; padding: 20px; background: #fff; outline: 1px #f8f8f8 solid; font-family: 'Varta', sans-serif; font-size: 12px; text-align: justify; color: #888; line-height: 170%; overflow-y: scroll; }
.kp5-in::-webkit-scrollbar { background-color: #fff; width: 9px; }
.kp5-in::-webkit-scrollbar-thumb { width: 3px; background-color: #e9cdba; border: 3px #fff solid; }
.kp4 {float: left;}
.kp4 label { display: block; position: relative; top: 9px; left: 16px; width: 77px; height: 40px; line-height: 44px; margin-right: 8px; background: #fff; outline: 1px #f8f8f8 solid; color: #a6b3b3; font-family: 'Varta', sans-serif; text-align: center; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
.kp4 [type=radio] {display: none; }
[type=radio]:checked ~ label { color: #e9cdba; }
[type=radio]:checked ~ label ~ .kp5 {z-index: 1;-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
[type=radio]:checked ~ label ~ .kp5-a {z-index: 1;-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
[type=radio]:checked ~ label ~ .kp5-c { opacity: 0; }
[type=radio]:checked ~ label ~ .kp5-c:hover { opacity: 1; }
.akcept0 { width: 360px; margin: 10px auto; background-color: #fbfbfb; outline: 1px #f8f8f8 solid; padding: 10px; }
.akcept1 { text-align: center; font-family: Raleway; font-size: 32px; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;}
.akcept2 { background-color: #fff; border: 1px #f8f8f8 solid; padding: 18px; margin-top: -11px; padding-top: 25px; font-family: 'Varta', sans-serif; font-size: 11px; letter-spacing: 1px; text-align: justify; }
.akcept2 b { color: #a6b3b3; }
.kt0 { background-color: #eaeaea; border-bottom: 1px #f3f3f3 solid; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; width: 955px; height: 70px; padding-top: 20px; padding-bottom: 10px; text-align: center; font-family: Raleway; text-transform: lowercase; font-weight: 800; font-size: 34px; letter-spacing: 2px; line-height: 50px; margin-left: -25px; margin-right: -25px; margin-top: -45px; margin-bottom: 12px; }
.kt0 b { color: #fff; display: block; font-family: 'Varta', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 4px; font-weight: normal; text-shadow: none; line-height: 10px; }
/* TEMATY */
.tm0 { margin: 15px auto; width: 510px; background-color: #FBFBFB; border-bottom: 30px #F6f6f6 solid; outline: 1px #f3f3f3 solid; }
.tm1 { height: 40px; background-color: #d3dbdb; padding: 30px; font-family: Raleway; text-align: center; text-transform: lowercase; }
.tm2 { margin: 25px auto; background-color: #FBFBFB; }
.tm3 { margin-left: 25px; margin-bottom: 25px; background-color: #fefefe; border: 1px #f8f8f8 solid; border-right: none; padding: 15px; text-align: justify; font-size: 12px; line-height: 160%; font-family: 'Varta', sans-serif; }
.tm3 h1 { margin-right: 20px; margin-bottom: 10px; font-family: Raleway; text-align: right; color: #d3dbdb; text-transform: lowercase; font-weight: 800px; font-size: 26px; letter-spacing: 1px; }
.tm3-zw { margin-left: 25px; margin-bottom: 25px; background-color: #fbfbfb; padding: 15px; padding-left: 25px; text-transform: uppercase; text-align: justify; font-size: 12px; line-height: 160%; font-family: 'Varta', sans-serif; white-space: normal; display: block; }
.tm3-zw h1 { margin-right: 20px; margin-bottom: 10px; font-family: Raleway; text-align: right; color: #d3dbdb; text-transform: lowercase; font-weight: 800px; font-size: 26px; letter-spacing: 1px; }
.tm3-zw a { color: #d3dbdb; }
.tm-tytul { font-family: Raleway; text-align: center; text-transform: lowercase; font-weight: 800; font-size: 34px; letter-spacing: 1px; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.tm-tytul b { display: block; font-family: 'Varta', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 4px; font-weight: normal; color: #fff; text-shadow: none; line-height: 35px; }
.tm-podtytul { width: 400px; margin-left: 50px; margin-bottom: 10px; font-family: Raleway; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-transform: lowercase; font-weight: 800; font-size: 26px; letter-spacing: 1px; }
.ob-tem { width: 430px; border: 8px #fbfbfb solid; outline: 1px #f2f2f2 solid; margin: 5px; margin-bottom: 15px; }
.ig1 { width: 440px; margin: 10px auto; background-color: #fdfdfd; outline: 1px #f1f1f1 solid; }
.ig2 { width: 440px; height: 60px; background-color: #f8f8f8; border-bottom: 1px #f1f1f1 solid; position: relative; }
.ig2-a { position: absolute; left: 15px; height: 60px; width: 60px; }
.ig2-b { position: absolute; left: 90px; top: 18px; height: 42px; width: 260px; font-family: Varta; font-size: 10px; letter-spacing: 0.5px }
.ig2-c { position: absolute; left: 385px; top: 10px; height: 42px; width: 42px; font-family: Varta; font-size: 40px; letter-spacing: 0.5px }
.ig2-b b { display: block; font-size: 16px; line-height: 110%; }
.ig-ic { margin: 5px; width: 48px; height: 48px; border-radius: 100%; border: 2px #fff solid; }
.ig3 { width: 417px; padding: 10px; }
.ig3 img { width: 100%; border: 1px #f1f1f1 solid; }
.ig4 { font-family: Varta; font-size: 14px; letter-spacing: 0.5px; margin-top: 5px; margin-left: 15px; font-weight: bold; }
.ig4 b { font-family: Varta; font-size: 18px; color: #ed5260; margin-right: 5px; }
.ig5 { font-family: Varta; font-size: 12px; letter-spacing: 0.5px; margin: 10px; padding-bottom: 10px; }
.ig5 i { display: block; font-style: normal; color: #3c7da3; }
.ig1-com { width: 440px; margin: 10px auto; background-color: #fdfdfd; outline: 1px #f1f1f1 solid; }
.ig2-com { width: 440px; height: 60px; background-color: #f8f8f8; border-bottom: 1px #f1f1f1 solid; position: relative; }
.ig3-com { position: absolute; left: 15px; height: 60px; width: 60px; }
.ig4-com { position: absolute; left: 90px; top: 18px; height: 42px; width: 260px; font-family: Varta; font-size: 10px; letter-spacing: 0.5px }
.ig4-com b { display: block; font-size: 16px; line-height: 110%; }
.ig5-com { font-family: Varta; font-size: 12px; letter-spacing: 0.5px; padding: 15px; }
.ig1-l { width: 440px; margin: 10px auto; outline: 1px #f1f1f1 solid; }
.ig2-l { width: 430px; height: 60px; padding: 5px; background-color: #fdfdfd; position: relative; }
.ig3-l { position: absolute; left: 15px; height: 60px; width: 60px; }
.ig4-l { position: absolute; left: 120px; top: 30px; height: 24px; width: 300px; font-family: Varta; font-size: 12px; letter-spacing: 0.5px; }
.ig5-l { font-size: 20px; color: #ed5260; position: absolute; left: 90px; top: 25px; height: 24px; width: 300px; font-family: Varta; }
.hm0 { margin-top: 15px; margin-left: 15px; width: 360px; height: 98px; background-color: #FBFBFB; border: 1px #f8f8f8 solid; padding: 10px; }
.hm-info { width: 355px; height: 24px; padding-right: 5px; background-color: #Fff; border: 1px #f8f8f8 solid; margin-bottom: 10px; }
.hm-info h1 { margin-top: 0; background-color: #d3dbdb; color: #fff; padding-left: 5px; padding-right: 5px; float: left; text-transform: uppercase; clear: both; font-family: 'Varta', sans-serif; font-size: 9px; letter-spacing: 1px; max-width: 132px; height: 24px; line-height: 28px;}
.hm-info h2 { margin-top: 0; text-align: right; float: right; font-family: 'Varta', sans-serif; font-weight: normal; font-size: 11px; width: 188px; height: 24px; line-height: 28px;}
.cal0 { width: 340px; padding: 10px; margin: 20px auto; background-color: #fafafa; outline: 1px #f3f3f3 solid; }
.cal1-img { width: 320px; border: 10px #fff solid; outline: 1px #f8f8f8 solid; }
.cal2 { padding: 10px; background-color: #fff; outline: 1px #f8f8f8 solid; margin-top: 8px; }
.cal3 { width: 315px; height: 24px; padding-right: 5px; background-color: #FBFBFB; margin-bottom: 10px;}
.cal3 h1 { max-width: 128px; height: 24px; padding-left: 8px; padding-right: 8px; margin-top: 0; background-color: #eaeaea; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; float: left; text-transform: uppercase; clear: both; font-family: 'Varta', sans-serif; font-size: 9px; letter-spacing: 1px; line-height: 28px; }
.cal3 h2 { margin-top: 0; text-align: right; float: right; font-family: 'Varta', sans-serif; font-weight: normal; font-size: 11px; width: 168px; height: 24px; line-height: 24px; }
.cal4 { width: 300px; padding: 10px; background-color: #FBFBFB; font-family: 'Varta', sans-serif; font-weight: normal; font-size: 11px; text-align: justify; }
.cal5 { margin-top: 10px; width: 310px; height: 20px; padding: 5px; line-height: 24px; background-color: #eaeaea; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-family: 'Varta', sans-serif; font-weight: bold; letter-spacing: 2px; font-size: 14px; text-align: center; text-transform: uppercase; }
.cal6 { margin-bottom: 10px; width: 330px; height: 20px; padding: 5px; line-height: 24px; color: #cbcaca; background-color: #fff; outline: 1px #f8f8f8 solid; font-family: 'Varta', sans-serif; font-weight: bold; letter-spacing: 2px; font-size: 14px; text-align: center; text-transform: uppercase; }
.tel0 { width: 250px; margin: 5px auto; background-color: #d3dbdb; outline: 1px #f8f8f8 solid;}
.tel1 { height: 140px; background-color: #d3dbdb; font-family: Varta; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; font-size: 16px; color: white; display: block; vertical-align: middle; position: relative; overflow: hidden; text-align: center; }
.tel2 { height: 160px; padding: 10px; background-color: #fefefe; border-radius: 12px 12px 0px 0px; overflow-y: scroll; }
.tel2::-webkit-scrollbar { background-color: #fff; width: 9px; }
.tel2::-webkit-scrollbar-thumb { width: 5px; background-color: #d3dbdb; border: 3px #fff solid; }
.tel-ik { width: 75px; height: 75px; border-radius: 100%; margin-top: 20px; margin-bottom: 8px; border: 3px #fff solid; }
.tel-w { background-color: #f3f3f3; max-width: 180px; padding: 10px; font-family: Varta; font-size: 11px; line-height: 150%; text-align: left; position: relative; left: 10px; border-radius: 9px; -moz-border-radius: 10px; margin-bottom: 20px; margin-top: 10px; }
.tel-w:after { width: 0; height: 0; content: ''; position: absolute; bottom: 0; left: 25px; border: 10px solid transparent; border-top-color: #f3f3f3; border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -10px; }
.posz0 { width: 420px; padding: 10px; margin: 20px auto; background-color: #fafafa; outline: 1px #f3f3f3 solid; }
.posz1 { margin-bottom: 10px; padding: 20px; background-color: #d3dbdb; color: #fff; line-height: 18px; font-family: 'Varta', sans-serif; font-weight: bold; letter-spacing: 2px; font-size: 16px; text-align: center; }
.posz-obrazek { width: 400px; border: 10px #fff solid; outline: 1px #f5f5f5 solid; }
.posz-maly-obrazek { width: 192px; border: 8px #fff solid; outline: 1px #f5f5f5 solid; }
.posz2 { padding: 10px; background-color: #fff; outline: 1px #f5f5f5 solid; margin-top: 8px; }
.posz2 h1 { padding: 10px 0px 3px 20px; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-transform: uppercase; font-family: 'Varta', sans-serif; font-size: 11px; letter-spacing: 1px; }
.posz3 { padding: 10px; background-color: #FBFBFB; outline: 1px #f5f5f5 solid; font-family: 'Varta', sans-serif; font-weight: normal; font-size: 13px; text-align: justify; margin: 8px; }
.posz4 { margin-top: 10px; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-family: 'Varta', sans-serif; font-weight: bold; letter-spacing: 1px; font-size: 13px; text-align: center; text-transform: uppercase; }
.posz4 b { display: block; font-size: 18px; }
.upanddown { position: fixed; right: 10px; bottom: 35px; color: #cbcaca; width: 40px; height: 40px; z-index: 64;}
.upanddown a { color: #cbcaca; font-size: 24px; padding-bottom: 7px; }
.me-og { width: 990px; height: 280px; padding: 5px; margin: -280px auto 55px auto; overflow: hidden; }
#checkbox { display: none; }
#checkbox:checked ~ .me-og0 { opacity: 1; transition: opacity 0.7s; visibility: visible; }
.me-og-klik { width: 300px; padding: 10px; position: absolute; top: 419px; left: 920px; font-family: Shefiratte; font-size: 52px; letter-spacing: 2px; color: #bdb9b9; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.me-og0 { width: 990px; height: 275px; background-color: #FBFBFB; border: 1px #F0F0F0 solid; opacity: 0; visibility: hidden; transition: opacity 0.7s; position: relative; }
.me-og1 { position: absolute; background-color: #ffffff; border: 1px #F4f4f4 solid; width: 386px; padding: 10px; height: 166px; margin: 10px; font-family: 'Varta', sans-serif; font-size: 11px; letter-spacing: 1px; overflow-y: auto; color: #888; }
.me-og1 li { list-style: none; margin-bottom: 11px; }
.me-og1 li b { background-color: #fbfbfb; color: #cbcaca; padding: 2px 3px; font-family: Raleway; text-transform: lowercase; font-weight: 800; font-size: 14px; letter-spacing: 1px;}
.me-og2 { position: absolute; top: 1px; left: 418px; width: 301px; height: 186px; margin: 10px; }
.adm1 { display: inline-block; height: 186px; width: 57px; }
.adm { margin-top: -113px; height: 186px; width: 57px; }
.adm2 { transform: rotate( -90deg); margin-left: -56px; margin-top: 73px; height: 40px; width: 170px; background-color: #fff; outline: 1px #f2f2f2 solid; text-align: center; line-height: 38px; opacity: 0; transition: 0.6s ease-in-out; font-family: Raleway; font-weight: 800; font-size: 14px; letter-spacing: 2px; color: #cbcaca; }
.adm2:hover { opacity: 1; }
.me-og3 { position: absolute; top: 196px; width: 968px; height: 52px; margin: 10px; margin-right: 0; }
.me-og3 li { display: inline-block; }
.me-og3-link { color: #cbcaca; font-size: 23px; text-align: center; line-height: 45px; background-color: #fff; border: 1px #F4f4f4 solid; width: 56px; height: 36px; padding-top: 20px; margin-right: 1px; margin-left: 1px;}
.me-og3-link b { display: block; font-family: 'Varta', sans-serif; font-size: 10px; line-height: 1px; text-transform: uppercase; }
.me-p { margin-top: 6px; margin-left 19px; }
.me-og4 { position: absolute; left: 731px; background-color: #ffffff; border: 1px #F4f4f4 solid; width: 236px; height: 186px; margin: 10px; padding:0; }
.me-og4-img { margin: 6px; }
.me-og4-pogoda { width: 240px; margin-top: -110px; text-align: center; font-family: Raleway; font-weight: 800; font-size: 28px; letter-spacing: 2px; color: #cbcaca; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.me-og4-a { position: relative; background-color: #fbfbfb; outline: 1px #f1f1f1 solid; width: 200px; height: 150px; margin-top: -100px; margin-left: 18px; opacity: 0; transition: 0.6s ease-in-out; }
.me-og4-a:hover { opacity: 1; }
.me-link0 { position: relative; display: inline-block; }
.me-link1 { width: 90px; padding: 4px; background-color: #fff; border: 1px #f1f1f1 solid; visibility: hidden; text-align: center; letter-spacing: 1px; color: #a6b3b3; font-family: 'Varta', sans-serif; font-size: 10px; line-height: 12px; text-transform: uppercase; position: absolute; top: 60px; left: -20px; opacity: 0; transition: opacity 0.45s; }
.me-link0:hover .me-link1 { visibility: visible; opacity: 1; }
.rel0 { width: 450px; height: 452px; padding: 10px; margin: 20px auto; background-color: #fafafa; outline: 1px #f3f3f3 solid; position: relative; }
.rel1 { height: 30px; padding: 15px; background-color: #eaeaea; border: 1px #fff solid; font-family: Raleway; font-size: 28px; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-align: center; text-transform: lowercase; letter-spacing: 1px; line-height: 28px; }
.rel2 { width: 180px; height: 180px; background-color: #fff; border: 1px #f1f1f1 solid; position: absolute; top: 80px; }
.rel2 img { width: 160px; height: 160px; margin: 10px; }
.rel3 { width: 226px; height: 110px; padding: 15px; background-color: #fff; border: 1px #f1f1f1 solid; position: absolute; top: 80px; left: 202px; font-family: 'Varta', sans-serif; font-size: 12px; text-align: justify; color: #888; line-height: 150%; overflow: auto; }
.rel3::-webkit-scrollbar { background-color: #fff; width: 9px; }
.rel3::-webkit-scrollbar-thumb { width: 3px; background-color: #e9cdba; border: 3px #fff solid; }
.rel4 { position: absolute; top: 220px; width: 450px; height: 470px; }
.rel5 { position: relative; top: 10px; width: 100%; height: 40px; }
.rel6 {float: left;}
.rel6 label { display: block; position: relative; left: 192px; width: 54px; height: 30px; line-height: 34px; margin-right: 11px; background: #fff; border: 1px #f1f1f1 solid; color: #a6b3b3; font-family: 'Varta', sans-serif; text-align: center; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
.rel6 [type=radio] {display: none; }
.rel7 { background-color:#fff; border: 1px #f1f1f1 solid; position: absolute; left: 0; top: 42px; height: 187px; width: 448px; -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s;}
.rel8 { height: 140px; padding: 20px; font-family: 'Varta', sans-serif; font-size: 12px; text-align: justify; color: #888; line-height: 170%; overflow-y: auto; }
.rel8 b { display: block; color: #e9cdba; text-transform: uppercase; letter-spacing: 1px; }
.rel8::-webkit-scrollbar { background-color: #fff; width: 9px; }
.rel8::-webkit-scrollbar-thumb { width: 3px; background-color: #e9cdba; border: 3px #fff solid; }
[type=radio]:checked ~ label { color: #e9cdba; }
[type=radio]:checked ~ label ~ .rel7 {z-index: 1;-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
.tem0 { margin: 20px auto; width: 460px; padding: 10px; background-color: #fbfbfb; border: 1px solid #F3f3f3; }
.tem1 { width: 460px; background-color: #fff; border: 1px solid #F3f3f3; }
.tem-in { background-color: #fff; border: 1px solid #F3f3f3; margin-top: 23px; padding: 20px; }
.tem3 { background-color: #fbfbfb; margin: 5px; padding: 10px; text-align: justify; letter-spacing: 1px; font-family: 'Varta', sans-serif; font-size: 12px; line-height: 160%; }
.tem4 { position: relative; margin: -10px; background-color: #d3dbdb; padding: 35px 0px; font-family: Raleway; color: #a6b3b3; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; text-transform: lowercase; text-align: center; font-size: 34px; }
.tem5 { font-family: 'Varta', sans-serif; text-transform: uppercase; color: #fff; font-size: 10px; letter-spacing: 4px; padding-top:5px; text-shadow: none; }
.eventinfo {
position: fixed;
right: 55px;
bottom: 25px;
opacity: 0.75;
transition: all 1s;
}
.eventinfo:hover {
opacity: 1;
}