*{margin:0; padding:0;}
html, body {
height: 660px;
}
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; height:100%; ;
background-color:#FFF;
}
::selection { background: #008aff; color: #FFF; /* pro Safari */ }
::-moz-selection { background: #008aff; color: #FFF; /* pro Firefox */}
/* --------------->> 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; margin-bottom: 30px; }
.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: 640px; position: absolute; margin-left: 50px; width: 300px; margin-top:750px; }
#adSkyscraper { display: block; top:0px; position: absolute; width: 300px; height: 600px; padding: 10px; }
#adSkyscraper.fixed {padding: 10px; position: fixed; top: 0px; }
#adSkyscraper.stop {padding: 10px; position: absolute; /* top: 110px; */ }
#commentWrapper2 { position: absolute; left: 700px; width: 300px; }
#adSkyscraper2 { display: block; top:0px; position: absolute; width: 300px; height: 600px; }
#adSkyscraper2.fixed {padding-top: 20px; position: fixed; top: 0px; }
#adSkyscraper2.stop {padding-top: 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;
}
/* ------------> 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: #0064FF; font-size: 200%; margin: 10px 0 2px 60px; height:auto;}
/* NEW STYLES */
a.titlelink { color: red;}
a:hover.titlelink { color: red;}
/* TOP clanky*/
#topSquare { position: absolute; margin-left: 50px; width: 300px; margin-top:15px; }
/* ----------------->> Header <<<-----------------*/
#header {height: 88px; padding-top: 31px; position: relative; top: -20px; left:0px; z-index: 5; width: 998px; display: block; float: left;}
#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: #19232d; }
#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:#ffe600; font-family:"open_sanslight", Arial Black, Arial,sans-serif; text-transform: uppercase;font-size: 15px; padding: 13px 0px 0px 0px;float:left; letter-spacing: 1px; cursor:pointer; padding-bottom:0px; }
#header .item:hover {border-bottom: 0px solid; }
#header .item0 { color:#FFF; font-family:"open_sanslight", Arial Black, Arial,sans-serif; text-transform: uppercase; letter-spacing: 0px; font-size: 15px; letter-spacing: 1px; padding: 13px 0px 0px 0px;float:left; cursor:pointer; }
#header .item0:hover {color: #ffe600; 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:-0.5px; margin-bottom: 15px; }
#opener .title { line-height: 5px !important; font-size: 100%; }
#opener a {color: #000 ; font-family: roboto_slablight; font-weight:normal; }
#opener a:hover { text-decoration:underline; color: #008aff; }
#opener .popular { padding-top: 5px; font-family: "open_sansbold"; font-size: 12px; color: #b3bcc4; }
#opener .popular::before { content: "♥"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#opener a:hover.popular { text-decoration: none;}
#opener .nazory { padding-top: 42px; font-family: "open_sansbold"; font-size: 12px; color: #adb6be; }
#opener .nazory::before { content: "💬"; font-family: "SSstandard"; padding-left: 5px; top:2px; position: relative; color: #cdd3d8;}
#opener a:hover.nazory1 { 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 .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.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 .opener_obr_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 .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:-220px 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:25px; color: #8E8E8E; margin-top: 15px; 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 {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: 35px; margin-top: 15px; font-size: 95%; line-height: 140%; color:#7D5334; }
#article-content .redaktor { font-size:15px; color:#b6589b; }
#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;}
/* ----------------->> 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 .tumb_img {width: 300px; height: 153px;}
#timeline .tumb_img:hover + #titul_red a { color:red; }
/* ----------------->> Timeline <<<-----------------*/
#timeline { width: 640px;height: auto; margin-top:16px; }
#timeline a {color:#000;}
#timeline a:hover {color:#0064FF; }
#timeline a:hover img {opacity: 0.8; transition: all 0.2s; }
#timeline img { transition: all 0.2s; }
#timeline .popular_link { color: #5A646E; }
#timeline .popular_link:hover { color: #0064FF; }
#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 .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: 117%; }
#timeline .body-title {margin-left: 110px; width: 190px; }
#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 .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_slabregular"; padding-right: 60px; 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: #adb6be; }
#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_vypis { 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_slablight", Arial,Verdana,sans-serif; letter-spacing: 0px; padding-right: 0px; font-weight:normal; font-size: 130%; line-height: 105%; margin-top:8px; }
#archiv-content .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; }
#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: "roboto_slablight", 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: "roboto_slablight"; font-weight:normal; letter-spacing: 0.5px; font-size: 270% !important; margin-bottom: 5px; }
#redakce h3 {font-family: "roboto_slablight"; font-weight:normal; color: #008aff; 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:"roboto_slablight"; color:#008aff; font-weight:normal; background: none; border-bottom: 1px dotted #008aff; }
#redakce a:hover { text-decoration: none; border-bottom: 0px dotted #008aff; }
/* ----------------->> Topstory <<<-----------------*/
#topstory { width: 310px; float: left; padding: 10px 0 0px 0px; margin-left: 0px; }
#topstory .top-article {margin-top:10px;}
#topstory img {width:90px; height: 51px; border:0px; margin-left:10px; object-fit: cover;}
#topstory a { line-height: 105%; color: #000; transition: all 0.3s ; font-family: roboto_slabregular !important;}
#topstory a:hover { color:#0064FF; text-decoration: none; }
#topstory a:hover #top_obrazek { opacity: 0.7; transition: all 0.3s}
#topstory h3 { margin-top: 0px;}
#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:39px; left: 10px; }
#topstory .content-image {margin-left:0px; margin-top: 10px; margin-bottom: 10px; float:none; position: absolute; display: block; z-index: 0; }
#topstory .medium-titulek {font-family: roboto_slablight; font-weight: normal; font-size: 100%; line-height: 115%; }
#topstory .body-title {margin-left: 110px; width: 180px; padding-top: 10px; }
#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: 300px; background: #FFF; height: 70px;}
#topstory .timeline-separator-home { height:1px; width: 300px; margin-left: 0px; margin-top: 0px; background: #e3e3e3; margin-bottom: 10px;}
/* ----------------->> 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:#008aff; 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; }
/* ----------------->> Názory <<<-----------------*/
#sdeleni { width: 300px; float: left; position: absolute; left: 660px; top: 320px; z-index: 10000; margin-top:0px; margin-left: 20px; background: rgb(242, 242, 242); padding-bottom: 8px; }
#sdeleni .top-article {margin-top:10px;}
#sdeleni img {max-width:190px; border:0px; margin-left:10px; }
#sdeleni a { line-height: 105%; color: #000; transition: all 0.3s ; padding-right: }
#sdeleni a:hover { color:#0064FF; text-decoration: none; }
#sdeleni a:hover #top_obrazek { opacity: 0.7; transition: all 0.3s}
#sdeleni .title_sec { color: #9ea5ab; font-family: open_sanslight; letter-spacing: 0px; font-size: 14px; text-decoration: underline; }
#sdeleni .title_sec:hover { color: #000; text-decoration: underline;}
#sdeleni .content-image {margin-left:0px; margin-top: 10px; margin-bottom: 10px; float:none; position: absolute; display: block; z-index: 0; }
#sdeleni .medium-titulek {font-family: roboto_slablight; font-weight: normal; font-size: 102%; line-height: 115%; width: 170px; }
#sdeleni .body-title {margin-left: 120px; width: 190px; padding-top: 10px; font-family: roboto_slablight; }
#sdeleni .rubrika-content {float: left; margin-left:0px; width: 300px; position: relative; }
#sdeleni .rubrika-headline {margin-bottom: 20px;}
#sdeleni .rubrika-timeline {margin-top: 0px; width: 300px; height: 65px; }
#sdeleni .timeline-separator-home { height:1px; width: 300px; margin-left: 0px; margin-top: 0px; background: #e3e3e3; margin-bottom: 10px;}
/* ----------------->> Názory <<<-----------------*/
#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 { margin-top: 4px !important; height: 20px; float: left; 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; }
/* ----------------->> Clanek Dne <<<-----------------*/
#clanekDne { width: 210px; margin-left: 25px; margin-bottom:20px; float: right; background: #FFF; }
#clanekDne .top-article {margin-top:0px;}
#clanekDne p { font-family:"roboto_slablight"; font-weight:normal; font-size: 135%; line-height: 120%; padding: 5px 15px 15px 15px; }
#clanekDne img {max-width:180px; border:0px; margin-left:15px; margin-bottom:5px;}
/* ----------------->> Kam dal <<<-----------------*/
#kamdal {float: left; margin-left: 60px; margin-bottom:35px; padding-right: 60px; }
#kamdal .tileclanek {font-family:"roboto_slablight"; font-weight:normal; color: #b6589b; 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; }
/* ----------------->> 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;}
#story .story_title_1 { color:#0064FF;}
#story .story_img { opacity: 0.8; transition: all 0.3s; }
#story img:hover { opacity: 0.8; transition: all 0.3s; }
/* ----------------->> Footer <<<-----------------*/
#footer { font-family: Arial, sans-serif; color:#a9a9a9; font-size:13px; line-height:1.4em; width: 998px; margin:0 auto; height:100px; }
#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;}