*{margin:0; padding:0;}
html, body {
}
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; ;
background-color:#FFF;
}
.source {float: right; position: relative; margin-top: 12px; height: 25px; width: 47px; background:url("https://instory.cz/images/source.png") no-repeat; background-size: auto 15px; background-position: 32px 0px; font-family: arial; font-size: 12px; color: #898989 }
/* --------------->> Otvirak Fotky Galerie <<<-----------------*/
#otvirak_fotka_bezObr {position: relative; margin:0px 0 0 0px; overflow: hidden; display: block; }
#otvirak_fotka {position: relative; margin:0px 0 0 0px; overflow: hidden; display: block; }
#otvirak_fotka img {
-webkit-transition: all 0.6s ease; /* Safari and Chrome */
-moz-transition: all 0.6s ease; /* Firefox */
-ms-transition: all 0.6s ease; /* IE 9 */
-o-transition: all 0.6s ease; /* Opera */
transition: all 0.6s ease; }
#otvirak_fotka img:hover {
-webkit-transform:scale(1.025) rotate(0.1deg); /* Safari and Chrome */
-moz-transform:scale(1.025) rotate(0.1deg); /* Firefox */
-ms-transform:scale(1.025) rotate(0.1deg); /* IE 9 */
-o-transform:scale(1.025) rotate(0.1deg); /* Opera */
transform:scale(1.025) rotate(0.1deg) ; }
#opener_image {
width: 640px;
height: 326px;
overflow: hidden; display: block; z-index: 1000;
}
#fotky_tlacitko { position: relative; float: right; font-family: open_sansbold; font-size: 15px; height: 35px; margin-top:-45px; margin-right:10px; color: #FFF; background: rgba(0, 0, 0, 0.4); }
#fotky_symbol { float: left; font-family: SSStandard; -webkit-font-smoothing: antialiased; font-size: 19px; text-align: center; padding: 5px 0px 5px 0px;box-sizing: border-box; background: rgba(0, 0, 0, 0.5); width: 35px; height: 35px; padding-top: 6px; }
#fotky_text { float: left; padding: 6px 10px 2px 7px; -webkit-font-smoothing: antialiased; box-sizing: border-box; }
/* --------------->> General <<<-----------------*/
#wrapper {width:1060px; height:auto; margin:0 auto; background: #FFF; }
#page {width:998px; height:auto; margin:0 auto; text-align:left; position: relative; z-index: 5; }
.clearfix {clear:both; height:0px; font-size:1px;}
:focus {outline:0;}
img, iframe {border:none; text-decoration:none;}
ol, ul {list-style:none;}
a {text-decoration:none; color:#000;}
a:hover { color: #000; text-decoration:none; }
.images_celeb {
/* -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; */
}
.searchbox { border: 1px solid #E5E5E5; font-family: Arial; font-size: 15px; padding: 5px 45px 7px 10px; color: #5A646E; font-weight: bold;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 180px; height: 24px;
background: url("../images/loupe.gif") no-repeat 200px 1px; background-color:#FFF; }
.searchbox::-webkit-input-placeholder { color: #5A646E; font-weight: normal;}
.searchbox::-moz-placeholder { color: ##5A646E; font-weight: normal; }
.searchbox:-ms-input-placeholder { color: #5A646E; font-weight: normal;}
.vip_images { background: url("../content/celebrity/agata.png") no-repeat 40px 0px; height:155px; width: 210px; float: left; margin-left: 18px;}
/* ------------> Adds <--------------- */
.reklama {
color:#BFBFBF;
writing-mode:tb-rl;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform: rotate(-90deg);
white-space:nowrap;
bottom:0;
width:50px;
height:10px;
font-family: Arial, ‘Trebuchet MS’, Helvetica, sans-serif;
font-size:9px; letter-spacing: 1px;
font-weight:normal;
}
.reklama2 {
color:#ADADAD;
white-space:nowrap;
bottom:0;
width:50px;
height:10px;
font-family: Arial, ‘Trebuchet MS’, Helvetica, sans-serif;
font-size:11px; letter-spacing: 1px; margin-bottom: 3px;
font-weight:normal;
}
#adBottom { display: block; top:0px; left:20px; width: 960px; padding: 10px; clear: both; z-index: 10000;
background: url("../images/back_imag.png") repeat scroll 0px 0px transparent;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#commentWrapper { left: 620px; position: absolute; margin-left: 50px; width: 300px; margin-top:750px; }
#adSkyscraper { display: block; top:0px; position: absolute; width: 300px; height: 600px; padding: 10px;
}
/* #adSkyscraper img { width: 300px; height:600px } */
#adSkyscraper.fixed {padding: 10px; position: fixed; top: 0px; }
#adSkyscraper.stop {padding: 10px; position: absolute; /* top: 110px; */ }
.ad .color-1 { color: rgb(204, 204, 204) !important;}
.color-1 { color: rgb(204, 204, 204) !important;}
.adFull { display: block !important;}
#adSkyscraper_ScrollEnd { background: none repeat scroll 0% 0%; width: 210px; float: left; margin-left: 18px;}
#rectangle_Wrapper { left: 430px; position: absolute; width: 560px; margin-top:0px;}
#adRectangle { display: block; position: relative; width: 300px; height: 300px; padding-top: 10px;
}
#adRectangle img { width: auto !important; height: auto !important; border: 0px solid #FFF !important}
/* ------------> styles <--------------- */
.Line { border-top: 1px dotted; border-color: #C2C2C2; height:0px; font-size:1px;}
.logo {border: 0px; text-decoration:none; margin-left: -0px;}
a:hover.logo { text-decoration:none; }
.komentare {font-family:"roboto_slablight"; font-weight:normal; color: #da1c22; font-size: 200%; margin: 10px 0 2px 60px; height:auto;}
/* NEW STYLES */
/* TOP clanky*/
#topSquare { position: absolute; margin-left: 50px; width: 300px; margin-top:15px; }
/* ----------------->> Header <<<-----------------*/
#header {height: 88px; padding-top: 31px; position: relative; top: -17px; left:0px; z-index: 5; width: 998px; display: block; float: left;}
.submenuActiv { float:left; color: #FFF; margin-right: 20px; padding: 9px 15px 2px 15px; font-family:"open_sanssemibold"; text-transform: uppercase; box-sizing: border-box;}
.submenuActiv::after { content: "|"; font-family: "open_sanslight"; padding-left: 0px; top:157px; margin-left: 20px; position: absolute; color: #8a8a8a; }
.submenuActiv { float:left; color: #FFF; margin-right: 20px; padding: 9px 15px 2px 15px; font-family:"open_sanssemibold"; text-transform: uppercase;box-sizing: border-box; }
.submenuKonec { float:left; color: #c4c4c4; margin-right: 20px; padding: 9px 15px 2px 15px; font-family:"open_sanssemibold"; box-sizing: border-box;}
.submenuKonec:hover { color: #FFF; float:left; margin-right: 20px; padding: 9px 15px 2px 15px; font-family:"open_sanssemibold";}
#menu { padding-left:0px; width:998px; z-index: 300; display: block; float: left; color:#FFF; margin: 0 auto; height: 45px; }
.menu_color {color:#FFF; background: #19232d; }
.menu_color1 {color:#fff; background: #FFF; }
#menu a {color:#fc136f;}
#menu .item0:hover {color:#fc136f;}
.menu_round_all { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.menu_round_top { -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.active {text-decoration:none; color: #FFF;}
#header .item { color:#FFF; background: #19232d; font-family:"open_sanssemibold", Arial Black, Arial,sans-serif; text-transform: uppercase;font-size: 15px; padding: 13px 30px 11px 30px;float:left; letter-spacing: 1px; cursor:pointer; }
#header .item:hover {border-bottom: 0px solid; }
#header .item0 { color:#19232d; font-family:"open_sanssemibold", Arial Black, Arial,sans-serif; text-transform: uppercase; letter-spacing: 0px; font-size: 15px; letter-spacing: 1px; padding: 13px 30px 0px 30px;float:left; cursor:pointer; }
#header .item0::after { content: "|"; font-family: "open_sanslight"; font-size: 12px; padding-left: 0px; top:116px; margin-left: 31px; position: absolute; color: #8a8a8a; }
#header .itemLast { color:#19232d; font-family:"open_sanssemibold", Arial Black, Arial,sans-serif; text-transform: uppercase; letter-spacing: 0px; font-size: 15px; letter-spacing: 1px; padding: 13px 30px 0px 30px;float:left; cursor:pointer; }
#header .itemLast:hover {color: #0064FF; text-decoration:none; }
#header .item0:hover {color: #0064FF; text-decoration:none; }
#header .star { color:#fc136f; font-family:"open_sanslight", Arial Black, Arial,sans-serif; font-size: 80%; padding: 14px 0px 0px 0px;float:left; cursor:pointer; }
#header a {color: #FFF ; font-family: proxima_novalight; }
#header a:hover { text-decoration:underline; }
#header a.social {color: #b5bdc4;border-bottom:none; font-size: 200%; }
#header a.social:hover {border-bottom: 0px; text-decoration: none; color: #fc136f; }
#header .vip { float:right; margin-top:2px; margin-left:10px; background: url("../images/vip_header.png") no-repeat; height: 28px; width: 119px; }
#header .vip:hover { height: 28px; width: 119px; background: url("../images/vip_header2.png") no-repeat; }
#opener { font-family: "roboto_slablight", helvetica, arial, Lucida Sans Unicode,Verdana,sans-serif; }
#opener .negative-font { font-family: "roboto_slablight", Arial Black,Arial,Verdana,sans-serif;font-weight:normal; }
#opener h1, h2.dialog-type, h2.main-title, h3.dialog-type { font-size: 150% !important; line-height: 105%; margin-left: 24px; margin-right: 38px; letter-spacing:0px; margin-bottom: 15px; }
#opener .title { line-height: 5px !important; font-size: 100%; }
#opener a {color: #FFF ; font-family: roboto_slablight; font-weight:normal; }
#opener a:hover { text-decoration:none; }
#opener .rubrika{pointer-events: none;
margin-left:30px; position: absolute;top: 0px; display: block; padding: 6px 10px 6px 10px; font-family: open_sansregular; -webkit-font-smoothing: antialiased; letter-spacing: 0.5px; font-size:13px; text-transform: uppercase; margin-bottom:-10px; color: #FFF; background: #239f85;}
#opener .otvirak { position: relative; width: 640px; height: 326px;
background-position:center;
transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
#opener .otvirak:hover {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}
#opener .image {
width: 640px;
height: 326px;
overflow: hidden; display: block; z-index: 1000;
}
#opener .image img {
-webkit-transition: all 0.6s ease; /* Safari and Chrome */
-moz-transition: all 0.6s ease; /* Firefox */
-ms-transition: all 0.6s ease; /* IE 9 */
-o-transition: all 0.6s ease; /* Opera */
transition: all 0.6s ease;
}
#opener .image img:hover {
-webkit-transform:scale(1.1) rotate(0.1deg); /* Safari and Chrome */
-moz-transform:scale(1.1) rotate(0.1deg); /* Firefox */
-ms-transform:scale(1.1) rotate(0.1deg); /* IE 9 */
-o-transform:scale(1.1) rotate(0.1deg); /* Opera */
transform:scale(1.1) rotate(0.1deg) ;
}
#opener .titulek { width: 640px; bottom: 0px; height: auto; position: absolute; pointer-events: none; float: left; -webkit-font-smoothing: antialiased; z-index: 1;
linear-gradient(to bottom, rgba(25,35,45,0) 0%,rgba(0,0,0,0.8) 100%);
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(25, 35, 45, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
text-shadow: 0px 1px 1px rgba(0,0,0, 0.8);
}
/* ----------------->> article-content <<<-----------------*/
#video_over {float:left; position: relative; z-index: 00; color:#FFF; margin:-195px 0 0 275px; height:62px; width:90px; background:url("../images/play.png") no-repeat; opacity:0.8; }
#rubrika_over {left:-275px; top:12px; position: relative; float: left; padding: 4px 7px 4px 7px; font-family: open_sansregular; -webkit-font-smoothing: antialiased; letter-spacing: 0.5px; font-size:13px; text-transform: uppercase; color: #FFF; background: #239f85;}
#rubrika_over_Section {left:60px; top:1px; margin-bottom: -25px; position: relative; float: left; padding: 4px 7px 4px 7px; font-family: open_sansregular; -webkit-font-smoothing: antialiased; letter-spacing: 0.5px; font-size:13px; text-transform: uppercase; color: #FFF; background: #239f85;}
#video_over_top {float:left; position: relative; z-index:00; color:#FFF; margin:-220px 0 0 275px; height:62px; width:90px; background:url("../images/play_top.png") no-repeat; opacity:0.8; }
#article-content { font-family: "roboto_slablight", helvetica, arial, Lucida Sans Unicode,Verdana,sans-serif; background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 640px; float: left; }
#article-content .cover_img { font-family: "roboto_slablight", helvetica, arial, Lucida Sans Unicode,Verdana,sans-serif; color: #5A646E; margin: -15px 0 5px 0px; padding: 15px 40px 10px 60px; font-size: 140%; }
#article-content .images { font-family: "roboto_slablight", helvetica, arial, Lucida Sans Unicode,Verdana,sans-serif; color: #000; margin: 7px 0 30px 0px; padding-right:40px; font-size: 112%; line-height: 1.4em;}
#article-content .title { margin: 10px 0 0 37px; padding-right: 20px; line-height: 5px !important; font-size: 140%; }
#article-content .datum { margin-left:10px; font-size:97%; padding-bottom:40px; color: #8E8E8E; margin-top: 17px; float: left;}
#article-content .text { color: #000; font-size: 110%; line-height: 1.8em; margin-left: 60px; margin-right: 60px; margin-bottom: 20px; }
#article-content .perex { font-family: "roboto_slabregular"; color: #19232d; font-size: 135%; line-height: 1.7em; margin-left: 60px; margin-right: 60px; margin-bottom: 30px; margin-top: 10px; }
#article-content .photos { margin-left: 60px; margin-bottom: 0px; float: left; height: auto; }
#article-content .photos_title {font-family: "proxima_novalight", Arial Black,Arial,Verdana,sans-serif;color:#FFF; float: left; font-size: 20px;
display: block; margin: 10px 0px 40px 62px; padding: 5px 12px 5px 12px; background: #fc136f; }
#article-content .photos_title:hover {background:#000; text-decoration: none;}
#article-content .photos_title2 {font-family: "proxima_novalight", Arial Black,Arial,Verdana,sans-serif;color:#FFF; letter-spacing: 0px; float: left; font-size: 20px;
display: block; margin: 10px 0px 40px 62px; padding: 5px 12px 5px 12px; background: #000 }
/* NOVE STYLY*/
#article-content b { font-family: "roboto_slabbold"; font-weight: normal; font-size: 100%; }
#article-content p { color: #000; margin-left: 0px; margin-bottom: 20px; }
#article-content strong { font-family: "roboto_slabbold"; font-weight: normal; font-size: 100%; }
#article-content ul { margin-left: 0px; padding-left: 15px; list-style-type: disc; margin-bottom: 15px; margin-top: -3px; }
#article-content h2 {font-family: "roboto_slabregular"; margin-bottom: 4px; margin-top: 25px; font-size: 125%; font-weight: normal; }
#article-content h3 {font-family: "roboto_slabbold"; margin-bottom: 4px; margin-top: 25px; font-size: 105%; font-weight: normal; }
/* NOVE STYLY KONEC*/
#article-content .negative-font { font-family: "roboto_slablight", Arial Black,Arial,Verdana,sans-serif;font-weight:normal; }
#article-content h1, h2.dialog-type, h2.main-title, h3.dialog-type { font-size: 250% !important; line-height: 105%; margin-left: 24px; margin-right: 38px; letter-spacing:-1.5px; margin-bottom: 15px; }
#article-content a.tags {color: #da1c22; text-decoration: underline;}
#article-content a:hover.tags { background:none; color: #da1c22; text-decoration: none;}
#article-content a {color: #000; }
#article-content a:hover {color: #000; text-decoration: underline; }
#article-content a.celeb {color:#fc136f; border-bottom: 1px dotted; font-family: roboto_slablight; }
#article-content a:hover.celeb {color:#fc136f; border-bottom: 0px dotted; padding-bottom: 2px;}
#article-content .rubrika{pointer-events: none; margin-left:60px; margin-top:13px; float: left; padding: 4px 7px 4px 7px; font-family: open_sansregular; -webkit-font-smoothing: antialiased; letter-spacing: 0.5px; font-size:13px; text-transform: uppercase; color: #FFF; background: #239f85;}
#article-content .tema { margin-left: 60px; margin-right: 38px; margin-bottom: 25px; margin-top: 10px; font-size: 105%; line-height: 140%; color:#7D5334; }
#article-content a.temata {color:#da1c22; text-decoration: underline; padding: 4px 0px 4px 0px; }
#article-content a:hover.temata {color:#000; text-decoration: none; background-color: #f5e9df; padding: 4px 0px 4px 0px;}
#article-content .redaktor { font-size:15px; color:#da1c22; }
#article-content a.redaktor { color:#969696; }
#article-content a:hover.redaktor { color:#000; background: none; background-color: none;}
#article-content .popular { padding-top: 5px; font-family: "open_sansbold"; font-size: 12px; color: #b3bcc4; }
#article-content .popular::before { content: "♥"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#article-content a:hover.popular { text-decoration: none;}
#article-content .nazory { padding-top: 42px; font-family: "open_sansbold"; font-size: 12px; color: #adb6be; }
#article-content .nazory::before { content: "💬"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#article-content a:hover.nazory1 { text-decoration: none;}
#fotky { margin-left: 60px; margin-top: 25px; background: #eeeeee; padding-right: 15px; padding-bottom: 20px; }
#fotky .photos { margin-left: 15px; margin-top: -15px; float: left; height: auto; }
#fotky .thumbGalery { float:left; width:100px; height: 100px; margin-top:0px; margin-right: 10px; color: #FFF; }
#fotky .numberGalery { float:left; height: 100px; width:100px; background:#b3bcc4 ; color: #FFF; }
#fotky .numberGalery:hover { background:#19232d ; color: #FFF; }
#fotky a { color: #FFF;}
/* ----------------->> PR Clanek <<<-----------------*/
#pr_clanek { display: block; margin-top:30px; margin-left:60px; margin-right:60px; }
#pr_clanek .cover_img { font-family: "Georgia", Lucida Sans Unicode,Verdana,sans-serif; color: #000; margin: 0px 0 0 0px; padding: 8px 40px 8px 60px; font-size: 111%; background: #E2E2E2; border-top: 2px solid; border-color:#fc136f;}
#pr_clanek .title { margin: 20px 0 0 40px; padding-right: 20px; }
#pr_clanek .datum { font-family: "Georgia", Lucida Sans Unicode,Verdana,sans-serif;font-size: 13px; color: rgb(153, 153, 153); display: block; margin-left: 60px; margin-right: 38px; margin-bottom: 15px; }
#pr_clanek .obrazek { border: 4px solid #F3F3F3;}
#pr_clanek .images { color: #000; font-size: 110%; line-height: 1.65em; margin-top: 15px; }
#pr_clanek b { font-family: "AvantgardeGothic Bold"; font-weight: normal; font-size: 140%; }
#pr_clanek .buttonAdd {
display: inline-block; height: 30px; outline: none;
cursor: pointer; text-align: center; text-decoration: none;
font: 17px Arial; font-weight: bold; padding: 10px 20px 0px 20px;
text-shadow: rgba(0,0,0, 0.7) 0 1px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0px 0px 7px rgba(0,0,0,.1)}
#pr_clanek .buttonAdd:hover { box-shadow: 0px 0px 9px rgba(0,0,0,.4)}
#pr_clanek .whiteAdd {
color: #FFF;
background: #fc136f; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWYwMzAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(237,28,36,1) 26%, rgba(175,3,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,rgba(237,28,36,1)), color-stop(100%,rgba(175,3,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#af0303',GradientType=0 ); /* IE6-8 */
}
#pr_clanek .whiteAdd:hover {
color: #FFF;
background: #fc136f; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWYwMzAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(237,28,36,1) 26%, rgba(175,3,3,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,rgba(237,28,36,1)), color-stop(100%,rgba(175,3,3,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(237,28,36,1) 26%,rgba(175,3,3,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#af0303',GradientType=0 ); /* IE6-8 */
}
/* ----------------->> Celebrity <<<-----------------*/
#article-content-cel { font-family: "roboto_slablight", Lucida Sans Unicode,Verdana,sans-serif; background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 640px; float: left;}
#article-content-cel h1, h2.dialog-type, h2.main-title, h3.dialog-type { font-size: 270% !important; line-height: 1.30em !important; margin-left: 24px; margin-right: 38px; margin-bottom: 15px; }
#article-content-cel .negative-font { font-family: "roboto_slablight", Arial Black,Arial,Verdana,sans-serif;font-weight:normal; letter-spacing: 0.5px; }
#article-content-cel h1, h2.dialog-type, h2.main-title, h3.dialog-type { font-size: 270% !important; line-height: 1.30em !important; margin-left: 24px; margin-right: 38px; margin-bottom: 15px; }
#article-content-cel p { font-weight:normal; line-height: 1.80em !important; font-size: 110%; padding: 0 60px 20px 60px;}
#article-content-cel b { font-family: "roboto_slabbold"; font-weight: normal; font-size: 90%; }
/* ----------------->> Timeline <<<-----------------*/
#timeline { width: 640px;height: auto; margin-top:16px; }
#timeline a {color:#000;}
#timeline a:hover {color:#da1c22; }
#timeline .next {text-align:center; }
#timeline a.nextlink { font-size:100%; font-family: "roboto_slablight"; font-weight:normal; background: #19232d;
color: #FFF; height:40px; padding:10px 20px 7px 20px; float:left; width:600px; margin-top: 30px; margin-bottom: 0px; }
#timeline a:hover.nextlink { color:#FFF; text-decoration: none; background: #da1c22;}
#timeline .datum { font-family: "roboto_slablight"; margin-left:0px; font-size:97%; padding-bottom:23px; color: #8E8E8E; margin-top:-17px; float: left;}
#timeline .rubrika{pointer-events: none; margin-left:30px; position: absolute; top: 0px; float: left; padding: 6px 10px 6px 10px; font-family: open_sansregular; -webkit-font-smoothing: antialiased; letter-spacing: 0.5px; font-size:13px; text-transform: uppercase; color: #FFF; background: #239f85;}
#timeline .content-image {margin-left:0px; float:none; position: absolute; display: block; z-index: 0;}
#timeline .medium-titulek {font-size: 110%; line-height: 115%;}
#timeline .body-title {margin-left: 110px; width: 190px; background: #FFF;}
#timeline .rubrika-content {float: left; margin-left:0px; width: 300px; position: relative; }
#timeline .rubrika-headline {margin-bottom: 20px;}
#timeline .rubrika-timeline {margin-top: 0px; width: 100%; background: #FFF; height: 60px;}
#timeline .rubrika-topcontent {float: left; margin-left:0px; width: 640px; position: relative; background: #eeeeee; }
#timeline .top-timeline {margin-top: 0px; width: 22Opx; height: auto; padding-bottom: 10px; }
#timeline a:hover.top-timeline {color:#0064FF; }
#timeline .headline {font-family: "open_sanssemibold"; position: absolute; top:0px; width: 200px; text-align: center; background: #19232d; color:#FFF ; font-size:120%; padding: 5px 0px 5px 0px; text-transform: uppercase; margin-left: 20px; }
#timeline .top-title {margin-left: 20px; width: 100%; }
#timeline .top-titulek {font-size: 120%; line-height: 125%; font-family: "roboto_slablight"; padding-right: 40px; box-sizing: border-box; }
#timeline .top-rubrika {margin-left:20px; font-family: "open_sansbold"; font-size:12px; padding-top: 5px; letter-spacing: 0.5px; text-transform: uppercase; color: #0064FF; float: left;}
#timeline .social { padding-top: 5px; font-family: "open_sansbold"; font-size: 12px; color: #b3bcc4; }
#timeline .social::before { content: "♥"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#timeline .top-separator-home { height:1px; width: 100%; margin-left: 0px; margin-top: 0px; background: #FFF; margin-bottom: 10px;}
#timeline h3 { font-family: "roboto_slabregular", Arial,Verdana,sans-serif; letter-spacing: 0px; padding-right: 0px; font-weight:normal; font-size: 130%; line-height: 105%; margin-top:7px; }
#timeline img { width: 275px; height: 140px; }
#timeline .popular { padding-top: 5px; font-family: "open_sansbold"; font-size: 12px; color: #b3bcc4; }
#timeline .popular::before { content: "♥"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#timeline a:hover.popular { text-decoration: none;}
#timeline .nazory { padding-top: 42px; font-family: "open_sansbold"; font-size: 12px; color: #adb6be; }
#timeline .nazory::before { content: "💬"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#timeline a:hover.nazory1 { text-decoration: none;}
#archiv-content .archiv { font-family: "roboto_slablight", Arial,Verdana,sans-serif; width: 240px; letter-spacing: 0px; padding-right: 0px; font-weight:normal; font-size: 135%; line-height: 135%; margin-top:-15px; position: relative; display: block; float: left; }
#archiv-content { width: 640px; height: auto; }
#archiv-content .next-article { width: 640px; margin: 20px 0px -1px; position:relative; display:table;}
#archiv-content h3 { font-family: "roboto_slabregular", Arial,Verdana,sans-serif; letter-spacing: 0px; padding-right: 0px; font-weight:normal; font-size: 130%; line-height: 105%; margin-top:7px; }
#archiv-content .caption-type {width: 32px; height: 32px; box-sizing: border-box; position: absolute; float:left; background: rgba(0,0,0,0.4); pointer-events: none; font-family:SSStandard; font-size:20px; padding-top: 5px; text-align: center; color: #FFF; margin-bottom: 0px; top:128px; }
#archiv-content .timeline-separator { height:1px; width: 520px; margin-left: 60px; margin-top: 20px; background: #e3e3e3; }
#archiv-content .timeline-separator-home { height:1px; width: 300px; margin-left: 0px; margin-top: 0px; background: #e3e3e3; margin-bottom: 10px;}
#archiv-content p { margin-top:0px;}
#archiv-content .bomba { font-size:100%; font-family: "ProximaNovaCond_extrabold"; font-weight:normal; background: #0064FF;
color: #FFF; height:40px; padding:17px 20px 5px 20px; float:left; width:600px; margin-top: 23px; margin-bottom: 0px; }
#archiv-content .bomba_black { font-size:180%; font-family: "roboto_slablight"; font-weight:normal; background: #eeeeee;
color: #000; height:40px; padding:10px 20px 7px 20px; float:left; width:600px; margin-top: 23px; margin-bottom: 0px; text-align: center }
#archiv-content .search_count { padding: 0px 60px 15px ; margin: 0px 7px 0px 0px; float: left; font-family: "roboto_slablight"; font-weight: normal; font-size: 140%;}
/* ----------------->> Redakce <<<-----------------*/
#redakce { font-family: "proxima_novalight", helvetica, Arial, Lucida Sans Unicode,Verdana,sans-serif; background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 640px; float: left;
margin-bottom: 70px;
}
#redakce .title { background:#FFF; padding: 60px 0 10px 60px; margin-bottom: 25px; }
#redakce h1 { font-family: "proxima_novalight"; font-weight:normal; letter-spacing: 0.5px; font-size: 270% !important; margin-bottom: 5px; }
#redakce h3 {font-family: "proxima_novalight"; font-weight:normal; color: #fc136f; margin: 20px 0 5px 60px; font-size: 160% !important; }
#redakce p { font-size: 110%; color: #444444; line-height: 150%; padding: 0 60px 0 60px;}
#redakce a { font-family:"proxima_novalight"; color:#fc136f; font-weight:normal; background: none; border-bottom: 1px dotted #fc136f; }
#redakce a:hover { text-decoration: none; border-bottom: 0px dotted #fc136f; }
/* ----------------->> Topstory <<<-----------------*/
#topstory { width: 300px; float: left; padding: 10px 0 0px 0px; margin-left: 0px; }
#topstory .top-article {margin-top:10px;}
#topstory img {width:100px; height: 51px; border:0px; margin-left:10px;}
#topstory a { line-height: 105%; color: #000; }
#topstory a:hover { color:#da1c22; text-decoration: none; }
#topstory .content-image {margin-left:-10px; float:none; position: absolute; display: block; z-index: 0;}
#topstory .medium-titulek {font-size: 110%; line-height: 115%;}
#topstory .body-title {margin-left: 110px; width: 190px; background: #FFF; font-family: roboto_slablight; }
#topstory .rubrika-content {float: left; margin-left:0px; width: 300px; position: relative; }
#topstory .rubrika-headline {margin-bottom: 20px;}
#topstory .rubrika-timeline {margin-top: 0px; width: 100%; background: #FFF; height: 60px;}
#topstory .timeline-separator-home { height:1px; width: 300px; margin-left: 0px; margin-top: 0px; background: #e3e3e3; margin-bottom: 10px;}
#topstory .caption-type {width: 22px; height: 22px; box-sizing: border-box; position: relative; float:left; background: rgba(0,0,0,0.4); pointer-events: none; font-family:SSStandard; font-size:13px; padding-top: 3px; text-align: center; color: #FFF; margin-bottom: 0px; top:29px; }
/* ----------------->> Topstory verze 2 <<<-----------------*/
#topstory2 { width: 300px; float: left; padding: 0px 0 0px 0px; margin-left: 0px; box-sizing: border-box; background: rgb(242, 242, 242); }
#topstory2 .top-article {margin-top:10px;}
#topstory2 img {width:90px; height: 51px; border:0px; margin-left:0px; object-fit: cover;}
#topstory2 a { color: #000; font-family: roboto_slabregular !important; }
#topstory2 a:hover { color:#da1c22; text-decoration: none; }
#topstory2 .content-image {margin-left:10px; float:none; position: absolute; display: block; z-index: 0;}
#topstory2 .medium-titulek {font-size: 100%; line-height: 115%; background: rgb(242, 242, 242); margin-left: 10px; padding-right: 10px;}
#topstory2 .body-title {margin-left: 100px; width: 200px; background: none !important; }
#topstory2 .rubrika-content {float: left; margin-left:0px; width: 300px; position: relative; }
#topstory2 .rubrika-headline {margin-bottom: 20px;}
#topstory2 .rubrika-timeline {margin-top: 0px; width: 100%; background: rgb(242, 242, 242); height: 60px;}
#topstory2 .timeline-separator-home { height:1px; width: 300px; margin-left: 0px; margin-top: 0px; background: #e3e3e3; margin-bottom: 10px;}
#topstory2 .caption-type {width: 22px; height: 22px; box-sizing: border-box; position: relative; float:left; background: rgba(0,0,0,0.4); pointer-events: none; font-family:SSStandard; font-size:13px; padding-top: 3px; text-align: center; color: #FFF; margin-bottom: 0px; top:29px; margin-left: 10px; }
#nazory { width: 300px; float: left; position: absolute; left: 660px; top: 320px; z-index: 10000; margin-top:0px; margin-left: 20px; background: rgb(242, 242, 242); }
#nazory .top-article {margin-top:10px;}
#nazory p { font-family:"ProximaNovaCond_extrabold"; font-weight:normal; font-size: 120%; padding: 0px 10px 0px 10px;}
#nazory img {max-width:190px; border:0px; margin-left:10px;}
#nazory a { line-height: 120%; color: #5A646E; z-index: }
#nazory a:hover { color:#0064FF;}
#nazory .headline {font-family: "open_sanssemibold"; position: absolute; top:0px; width: 200px; text-align: center; background: #19232d; color:#FFF ; font-size:120%; padding: 5px 0px 5px 0px; text-transform: uppercase; margin-left: 20px; }
#nazory .caption-type {width: 22px; height: 22px; box-sizing: border-box; position: relative; float:left; background: rgba(0,0,0,0.4); pointer-events: none; font-family:SSStandard; font-size:13px; padding-top: 3px; text-align: center; color: #FFF; margin-bottom: 0px; top:29px; }
#nazory .content-image {margin-left:210px; float:left; position: absolute; display: block; margin-top: -5px; }
#nazory .medium-titulek {font-size: 115%; }
#nazory .nazory_body-title {font-family:"roboto_slablight" ; letter-spacing: -1px; margin-left: 0px; width: 300px; float: left; padding-left: 20px; padding-right: 15px; box-sizing: border-box; margin-top: -7px; }
#nazory .rubrika-content {float: left; margin-left:0px; width: 300px; position: relative; }
#nazory .rubrika-headline {margin-bottom: 20px;}
#nazory .nazory_rubrika-timeline {margin-top: 0px; width: 100%; height: 70px;}
#nazory .timeline-separator-home { height:1px; width: 300px; margin-left: 0px; margin-top: 0px; background: #e3e3e3; margin-bottom: 10px;}
#nazory .nazory_social { padding-top: 42px; font-family: "open_sansbold"; font-size: 12px; color: #adb6be; }
#nazory .rubrika {margin-left:20px; font-family: "open_sansbold"; font-size:12px; padding-top: 5px; letter-spacing: 0.5px; text-transform: uppercase; color: #0064FF; float: left;}
#nazory .nazory_rubrika {margin-left:20px; font-family: "open_sansbold"; font-size:12px; padding-top: 5px; letter-spacing: 0.5px; text-transform: uppercase; color: #0064FF; float: left;}
#nazory .nazory_social::before { content: "💬"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#nazory h3 { font-family: "roboto_slabregular", Arial,Verdana,sans-serif; letter-spacing: 0px; padding-right: 0px; font-weight:normal; font-size: 130%; line-height: 105%; margin-top:7px; }
/* ----------------->> Rozcetnik <<<-----------------*/
#rozcestnik { width: 560px; margin-top:80px; float:left; position: absolute; height: auto; top:auto; top: auto}
#rozcestnik .top-article {margin-top:0px;}
#rozcestnik .title {font-family:"helveticaneue_light"; font-weight:normal; font-size: 150%; padding:10px 10px 10px 10px;}
#rozcestnik p { font-family: Helvetica, Arial; text-align: left; font-weight:normal; font-size: 90%; line-height:140%; padding: 0px 20px 0px 20px;}
#rozcestnik img {max-width:190px; border:0px; margin-left:10px; position: relative; -webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius: 190px; }
#rozcestnik a { color: #ea2f7b; }
#rozcestnik a:hover { text-decoration: underline;}
#rozcestnik h2 { font-family: Helvetica, Arial; text-align: left; font-weight:bold; font-size: 120%; line-height:130%; padding: 0px 20px 5px 20px;}
/* ----------------->> Clanek Dne <<<-----------------*/
#clanekDne { width: 210px; margin-left: 25px; margin-bottom:20px; float: right; background: #FFF; }
#clanekDne .top-article {margin-top:0px;}
#clanekDne .tileclanek {font-family:"roboto_slablight"; font-weight:normal; color:#da1c22; font-size: 170%; padding:5px 0 8px 15px; text-align: left;}
#clanekDne p { font-family:"roboto_slablight"; font-weight:normal; font-size: 135%; line-height: 120%; padding: 5px 15px 15px 15px; margin-bottom: 0px;}
#clanekDne img {max-width:180px; border:0px; margin-left:15px; margin-bottom:5px;}
#clanekDne a:hover { color:#da1c22; }
/* ----------------->> Styel meter <<<-----------------*/
#stylmetr { width: 578px; height:247px; float: left; margin-left: 30px; margin-bottom:20px; float: left; background: url("../images/filip.jpg") repeat-x;}
#stylmetr .title {font-family:"AvantgardeGothic Bold"; font-weight:normal; font-size: 140%; margin-left:25px; padding:0px 0 5px 0px; text-align: left;}
#stylmetr p { font-family:"AvantgardeGothic Book"; font-weight:normal; font-size: 100%; line-height:130%; padding: 5px 180px 15px 25px;}
/* ----------------->> story <<<-----------------*/
#story { width:980px; height: auto; color:#FFF; }
#story p { font-family:"roboto_slablight"; font-weight:normal; font-size: 140%; line-height:120%; padding: 0px 10px 15px 0px; text-transform: none;}
#story a { color:#000;}
#story a:hover { color:#0064FF;}
#story .title { font-family:"roboto_slablight"; font-weight:normal; text-align: center; font-size: 280%; padding: 20px 0px 15px 0px; color:#19232d;}
#story .category { font-family:"open_sansregular"; font-weight:normal; font-size: 135%; padding: 0px 0px 5px 0px; color:#000; text-transform: uppercase;}
#story .category a { text-decoration: none; color:#0064FF;}
#story .category a:hover { color:#0064FF;}
/* ----------------->> Kam dal <<<-----------------*/
#kamdal {float: left; margin-left: 60px; margin-bottom:35px; padding-right: 60px; }
#kamdal .tileclanek {font-family:"roboto_slablight"; font-weight:normal; color: #da1c22; font-size: 200%; padding:5px 0 5px 0px; text-align: left;}
/* titulek2 font-family: open_sanssemibold; width: 120px; margin-bottom:20px; text-align: center; background: #fc136f; color:#FFF ; font-size:120%; padding: 5px 0px 5px 0px; text-transform: uppercase; margin-left: 0px; */
#kamdal p { font-family:"roboto_slablight"; font-weight:normal; font-size: 115%; padding: 5px 10px 15px 10px;}
#kamdal a { font-family:"roboto_slablight"; font-weight:normal; font-size:115%; background: none; line-height: 130%; text-decoration: underline; }
#kamdal a:hover { color: #da1c22; background:none;}
/* ----------------->> Footer <<<-----------------*/
#footer { font-family: Arial, sans-serif; color:#a9a9a9; font-size:13px; line-height:1.4em; width: 998px; margin:0 auto; height:100px; background: #19232d}
#footer a {color: #a9a9a9;border-bottom: 1px dotted ;}
#footer a:hover {border-bottom: 0px; text-decoration: none; color: #fc136f;}
#footer a.social {color: #a9a9a9;border-bottom:none; font-size: 160%; }
#footer a.social:hover {border-bottom: 0px; text-decoration: none; color: #fc136f;}
.partner a {color: #fc136f; border-bottom: 4px dotted ;}
.partner a:hover {border-bottom: 4px solid #fc136f;}