//#48b7e6
//#154e87
 .gradienttext {
background: -webkit-linear-gradient(red, blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.revealme
{
 opacity:0.1;
}
.showonmobile {display:none;}
a {color:#6d0556;}

body {
font-size:18px;
line-height:23px;
font-family: 'Source Sans Pro', sans-serif;
color:black;
background-color: white;
padding-top:50px;
}

body strong, body b {
font-size:25px:
}

.bannerctverec {
width:336px;
height:280px;
display: block;
margin:0 auto 8px auto;
}
#fblikeboxfloater {
padding:10px;
opacity:0.95;
left:-360px;
bottom:0;
position: fixed;
display: inline-block;
background-color: #fafafa;
box-shadow: 0px 0px 4px rgba(20,20,20,0.4);
}
#fblikeboxfloater span {
width:320px;
position: relative;
display: block;
}
#fblikeboxfloater a{
text-decoration: none;
}
.closefloater {
position: absolute;
right:0;
top:0;
font-weight:bold;
color:black;
text-decoration: none;
}
.fblakadlo {
background-color:#f0f0f0;
background: linear-gradient(to right, #f0f0f0, #e0e0e0);
border-radius:7px;
padding:10px 15px;
font-weight: bold;
}
.fblakadlo big {
font-size:26px;
display: block;
font-weight: normal;
}
.fblakadloinner {
display: block;
font-size:16px;
line-height:18px;
padding:5px 0 7px 0;
}
.articleimage {
display: block;
width:95%;
margin:10px auto;
}


.fbvpravo{
background:#375390 url('/_headers/images/fbvpravo.png') no-repeat right top;
background-size: 100% 100%;
color:white;
padding:0;
display: inline-block;
width:300px;
height:72px;
position: relative;
border-radius: 7px;
}

.fbvpravo:hover {
background-color: #2571a6;
}

.fbvpravo b {
font-weight: normal;
position: absolute;
left:15px;
bottom:18px;
}

.fbfake {
border-radius: 3px;
background-color:red;
color:white;
position: absolute;
right:9px;
top:-8px;
padding:1px 5px;
font-size:15px;
}

#footerlogo {
background:url('/_headers/images/logo.svg?2018') no-repeat left center;
background-size: contain;
height:150px;
width:150px;
margin:10px auto;
}

#weblogo {
background:url('/_headers/images/logo.svg?2018') no-repeat left center;
background-size: contain;
position: absolute;
top:10px;
left:20px;
height:32px;
padding-left:47px;
text-decoration: none;
color: white;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
font-size:11px;
line-height:15px;
}
#weblogo span {
font-weight:bold;
font-size:27px;
line-height:21px;
display: block;
letter-spacing: -1px;
}

#weblogo:hover {
background:url('/_headers/images/logo2.svg') no-repeat left center;
background-size: contain;
color:#e0e0e0;
}

h1 {
font-family: 'Roboto Slab', sans-serif;
line-height: 36px;
font-size:32px;
font-weight:bold;
}

h2 {
font-family: 'Source Sans Pro', sans-serif;
margin:10px 0 5px 0;
padding:8px 10px 6px 10px;
display: block;
line-height: 26px;
font-size:25px;
color:white;
border-bottom:1px solid #e0e0e0;
background: linear-gradient(to right, #c32ca1, #6d0556);
}





h3 {
font-family: 'Source Sans Pro', sans-serif;
margin:10px 0 5px 0;
padding:5px 10px 5px 10px;
display: block;
line-height: 20px;
font-size:18px;
color:white;
background: linear-gradient(to right, #c0c0c0, #a0a0a0);
}


.blogholder {
display: block;
padding:10px 10px;
}
.blogholder_vpravo {
display: inline-block;
padding:10px 0;
}

.blognahledholder {
width:100%;
float:left;
}

.blognahled {
border-bottom:1px solid #e0e0e0;
width:100%;
display: inline-block;
text-decoration: none;
color:black;
height:280px;
overflow: hidden;
}

.blognahled_vpravo {
border-bottom:1px solid #e0e0e0;
width:300px;
display: inline-block;
text-decoration: none;
color:black;
height:280px;
overflow: hidden;
}


.box300 {
width:366px;
display:inline-block;
margin:0 auto;
}


.box600left {
height:600px;
float:left;
}

.box600right {
height:600px;
float:right;
}

.box600right .bannerctverec, .box600left .bannerctverec {
height:600px;
width:300px;
}



.blognahled .blogimage,.blognahled_vpravo .blogimage {
width:100%;
height:60%;
background-size:100%;
}


.blognahled:hover .blogimage {
opacity: 0.9;
}

.blognahledtitle {
display: block;
font-size:19px;
font-family: 'Roboto Slab', sans-serif;
line-height:24px;
font-weight: bold;
padding:10px 10px 3px 10px;
}

.blognahledtext {
display: block;
padding:0 10px 0 10px;
font-size:15px;
line-height: 17px;;
}

.blogvpravo {
width:100%;
height:40%;
}



.holder {
width: 1100px;
margin: 0 auto;
}
.mybutton {
background:#c32ca1 url(/_headers/images/sipkal.png) no-repeat left center;
color:white;
font-size:16px;
padding:8px 20px 7px 25px ;
border-radius:7px;
text-decoration: none;
text-transform: uppercase;
}


.mybuttonright {
background:#c32ca1 url(/_headers/images/sipkar.png) no-repeat right center;
color:white;
font-size:16px;
padding:8px 25px 7px 20px;
border-radius:7px;
text-decoration: none;
text-transform: uppercase;
}

.backbutton:hover,.mybutton:hover,.mybuttonright:hover {
background-color: #6d0556;
}

.zdrojlink {
background: #c32ca1;
color:white;
text-decoration: none;
padding:4px 8px;
border-radius:4px;

}

.zdrojlink:hover {
background: #ff66cc;
}


.backbutton {
background:#c32ca1 url(/_headers/images/sipkal.png) no-repeat left center;
color:white;
font-size:16px;
padding:8px 20px 7px 25px ;
border-radius:7px;
text-decoration: none;
text-transform: uppercase;
float:left;
}

.facebookmenulink {
background:#c32ca1 url(/_headers/images/facebookbutt.png) no-repeat right center;
width:39px;
height:36px;
position:absolute;
top:7px;
right:12px;
display: inline-block;
border-radius: 4px;
}
.facebookmenulink:hover {
background-color: black;
}
.facebookbutton {
background:#375390 url(/_headers/images/facebookbutt.png) no-repeat right center;
color:white;
font-size:16px;
padding:8px 35px 7px 15px ;
border-radius:7px;
float:right;
text-decoration: none;
}
.facebookbutton:hover {
background-color: #2571a6;
}



.facebookbutton2 {
color:black;
font-size:16px;
text-decoration: none;
background-color:#d4d4d4;
width:360px;
display:block;
margin:0 auto 15px auto;
border-radius:7px;
}

.facebookbutton2:hover, .facebookbutton2:hover b  {
background-color:#f0f0f0;
}

.facebookbutton2:hover span {
background-color: #2571a6;
}


.facebookbutton2 b {
padding:8px 5px 7px 15px ;
background:#d4d4d4;
display:inline-block;
color:#474747;
font-weight: normal;
border-radius:7px;
float:left;
}


.facebookbutton2 span {
float:right;
padding:8px 35px 7px 15px ;
background:#375390 url(/_headers/images/facebookbutt.png) no-repeat right center;
display:inline-block;
color:white;
border-radius:7px;
}





.topmenu {
height:50px;
background-color:#ff66cc;
background: linear-gradient(to right, #c32ca1, #6d0556);
box-shadow: 0px 0px 6px #232523;
position: fixed;
top:0;
left:0;
width:100%;
}

#menu {
position: absolute;
right:60px;
top:15px;
}
#menu a {
color:white;
padding:0 10px;
display: inline-block;
text-decoration: none;
font-size:21px;
text-transform: uppercase;
}

#menu a:hover {
color:#898989;
}

#menu a.actual {
text-decoration: underline;
}



#mobilemenu {
position: absolute;
right:55px;
top:15px;
display: none;
}
#mobilemenu a {
color:white;
padding:0 10px;
display: inline-block;
text-decoration: none;
font-size:21px;
text-transform: uppercase;
}

#mobilemenu a:hover {
color:black;
}



#mmobilemenu
{
opacity: 0.1;
position: absolute;
top:50px;
background: linear-gradient(to right, #c32ca1, #6d0556);
width: 100%;
padding:10px 0 20px 0;
display: block;

}
#mmobilemenu a {
display: block;
padding:8px 0 8px 20px;
font-size:24px;
text-decoration: none;
color:white;
border-bottom:1px solid rgba(255,255,255,0.2);
}
#mmobilemenu a.actual {
background-color: #c32ca1;
}



.sekceheader {

height:200px;
position: relative;
}

.sekcenadpis {
color:white;
text-shadow: 0 0px 3px rgba(0,0,0,.3),
             0 2px 10px rgba(0,0,0,.95),
             0 7px 10px rgba(0,0,0,.2);
position: absolute;
bottom:40px;
font-family: 'Roboto Slab', sans-serif;
line-height: 36px;
font-size:40px;
font-weight:bold;
width: 100%;
text-align: center;
}


.fblikebox {
display: block;
background: linear-gradient(to right, #375390, #c32ca1, #375390);
padding:8px;
text-align: center;
color:white;
padding:20px 0;
}

.fblikebox span {
display: inline-block;
padding:0 10px 10px 10px;
}
.fblikebox span strong {
display: block;
font-size:22px;
}

.fblikebox span a {
color:white;
}

.fb-like {
}


.tempbannersiroky {
height: 100px;
width:100%;
margin:20px auto;
}


#panelvpravo {
width:300px;
float:right;
}

.page {
float:left;
width:790px;
}
.pagein {
padding:0 10px;
}

.bigfotkablog {
height:500px;
position: relative;
display: block;
 vertical-align: middle;

}
.bigfotkablogholder {
background-color: #898989;
position: relative;
}

.bigfotkablogholder span {
position: absolute;
text-align: center;
margin:0;
padding:0;
bottom:70px;
width:100%;
color: white;
}

.bigfotkablogholder span h1 {
padding:0 10px 10px 10px;
margin:0;
  text-shadow: 0 0px 3px rgba(0,0,0,.3),
               0 2px 10px rgba(0,0,0,.25),
               0 7px 10px rgba(0,0,0,.2);

}

.bigfotkablogholder span em {
padding:0 10px 0 10px;

  text-shadow: 0 0px 3px rgba(0,0,0,.3),
               0 1px 5px rgba(0,0,0,.2),
               0 7px 10px rgba(0,0,0,.2);
}

.bigfotkablogholder span u {
display: block;
text-decoration: none;
padding:10px 0;
}

.bigfotkablogholder span u a {
text-decoration: none;
font-size:14px;
color:white;
text-transform: uppercase;
padding:2px 6px;
border:1px solid white;
margin:0 4px;
box-shadow: 1px 1px 8px rgba(0,0,0,.2);
background-color: rgba(0,0,0,.1);
}

.bigfotkablogholder span u a:hover {
background-color: #c32ca1;
}



.odstavecblog {
display:block;
padding:20px 10px;
font-size:24px;
line-height: 30px;
color:#6d0556;
border-top:2px dotted #6d0556;
border-bottom:2px dotted #6d0556;
font-style: italic;
background-color:#f6f6f6;
}


.odstavecblogVerze2 {
display:block;
padding:20px 20px;
font-size:24px;
line-height: 30px;
color:white;
font-style: italic;
background-color:#c32ca1;
}

.copyrightfotografieinfo {
display: block;
text-align: right;
font-size:12px;
color:#909090;
}

.strankovani {
width:100%;
border-radius:7px;
background-color: #f0f0f0;
margin:10px 0;
text-align: center;
position: relative;
}
.strankovanicisla {
width: 33%;
padding:7px 0 0 0;
color:#909090;
left:33%;
position: absolute;
}

.strankovanivlevo, .strankovanivpravo {
background-color: #c32ca1;
color:white;
display: block;
text-decoration: none;
text-transform: uppercase;
width:120px;
font-size:16px;
}

.strankovanivlevo {
float:left;
text-align:left;
border-radius:7px 0 0 7px;
background:#c32ca1 url(/_headers/images/sipkal.png) no-repeat left center;

}

.strankovanivpravo {
float:right;
text-align:right;
border-radius:0 7px 7px 0;
background:#c32ca1 url(/_headers/images/sipkar.png) no-repeat right center;

}



.strankovanivlevo span {
display: inline-block;
padding:7px 15px 7px 24px;
border-radius:7px 0 0 7px;
}


.strankovanivpravo span{
border-radius:0 7px 7px 0;
display: inline-block;
padding:7px 24px 7px 15px;
}



.strankovanivlevo:hover {
background:#6d0556 url(/_headers/images/sipkal.png) no-repeat left center;
}

.strankovanivpravo:hover {
background:#6d0556 url(/_headers/images/sipkar.png) no-repeat right center;
}

.strankovanivlevo.strankovanidisabled,.strankovanivlevo.strankovanidisabled:hover {
background:#e0e0e0 url(/_headers/images/sipkald.png) no-repeat left center;
color:#a0a0a0;
}



.strankovanivpravo.strankovanidisabled,.strankovanivpravo.strankovanidisabled:hover {
background:#e0e0e0 url(/_headers/images/sipkard.png) no-repeat right center;
color:#a0a0a0;
}



.clearer {
clear: both;
}

.citatstin {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
display:block;
margin:4px 4px 0 4px;
border-bottom:6px solid #f0f0f0;
}

.citatstin img {
opacity:0.9;
}

.citatbox {
width:50%;
display: inline-block;
float:left;
}
.citatext {
margin:0 4px 4px 4px;
display:block;
height:52px;
padding:0 10px;
background-color:#f0f0f0;
line-height:16px;
font-size:14px;
font-style: italic;
}

.citatpravypanel {
font-size:14px;
background-color:#656565;
color:white;
display: block;
padding:2px 0;
text-align: center;
text-decoration: none;
}
.citatpravypanel:hover {
background-color:#c32ca1;
}

.centerdiv300 {
margin:0 auto;
width:300px;
display: block;
}


.footer {
background-color: #f29ddf;
font-size: 14px;
line-height:16px;
}
.footerin {
padding:20px 30px;
}



.hlasovaniholder {
display: block;
}
.hlasovaniboxin {
width:105px;
height:18px;
position: relative;
display: inline-block;

}


.hodnoceni1 {
background:url('/_headers/images/hodnoceni.png') repeat-x top left;
height:18px;
display: inline-block;
width:105px;

position: absolute;
top:0;
left:0;
}
.hodnoceni2 {
position: absolute;
top:0;
left:0;
background:url('/_headers/images/hodnoceni.png') repeat-x bottom left;
height:18px;
display: inline-block;
}

.hodnoceni0 {
width:21px;
height:18px;
display:block;
z-index:9;
position: absolute;
top:0;
}
.hodnocenivypis {
font-size:14px;
color:#909090;
}
#hlasovaniboxON {
background-color: #f0f0f0;
border-radius:5px;
display: inline-block;
padding:5px;
}

#hlasovaniboxOFF {
display: inline-block;
color:#109d10;
}




@media (min-width: 750px) {


.boxnasirku {
width:732px;
}

.boxnasirku .blognahled {
position: relative;

background: linear-gradient(45deg, rgba(72, 183, 230, 1) 1%, rgba(0, 0, 0, 1) 25%, rgba(21, 78, 136, 0.5) 100%);
}

.boxnasirku  .blognahled .blogimage {
height:100%;
opacity:0.7;
}


.boxnasirku .blogvpravo {

position: absolute;
bottom:0;
left:0;
height:auto;
padding-bottom:20px;
text-align: left;
color:white;
text-shadow: 0 0px 3px rgba(0,0,0,.7),
               0 7px 10px rgba(0,0,0,.2);

}
.boxnasirku .blognahledtitle {
font-size:25px;
padding-left:15px;
}
.boxnasirku .blognahledtext {
font-size:17px;
padding-left:15px;
}

}



@media (min-width: 750px) and (max-width: 1120px) {

.boxnasirku {
width:100% !important;
}


}



@media (max-width: 1120px) {
.holder{ width:880px; }
.page { width:570px; }
.bigfotkablog {height:300px;}
.bigfotkablogholder span {bottom:60px;}

.box300 {width:50%;}

}

@media (max-width: 900px) {
.holder{ width:100%; }
#panelvpravo {display: block;margin:0 auto;width:95%;float:none;}
.page{ width:100%; float:none;}
.bigfotkablogholder span u a {font-size:12px;}


#menu a {
font-size:17px;
}

}

@media (max-width: 800px) {


.hidevpravo {
display:none;
}

.holder{ width:100%; }
#menu { display: none;}
#mobilemenu {display: inline-block;}
}

@media (max-width: 700px) {
.bigfotkablogholder span {bottom:60px;}

.box300 {width:100%;}

}


@media (max-width: 600px) {
.bigfotkablogholder span {bottom:50px;}

h1 {
line-height: 30px;
font-size:27px;
}


.citatstin {
margin:0;
}

.citatstin img {
opacity:0.9;
}

.citatbox {
width:100%;
float:auto;
margin:5px 0;
}
.citatext {
margin:0;
line-height:14px;
font-size:14px;
}

.sekceheader {height:150px;}
.sekcenadpis {font-size:25px;bottom:20px;}
}




@media (max-width: 400px) {
.bigfotkablogholder span {bottom:30px;}
.blogholder {padding:10px 0px;}

.facebookbutton {
font-size:14px;
}
.backbutton {
font-size:14px;
}


.facebookbutton2 {
color:black;
font-size:14px;
width:179px;
}
.facebookbutton2 b {
padding:4px 0;
width:179px;
float:none;
text-align: center;
}


.showonmobile {display:inline-block;}

.footer {
padding-bottom:50px;
}

.blognahled {
height:125px;
}

.boxnasirku  .blognahled .blogimage, .blognahled .blogimage, .blogimage {
width:40% !important;
float:left;
height:120px;
background-size: auto 100% !important;
}


.blogvpravo{
height:120px;
width:60%;
float:left;
}

.blognahledtitle {
font-size:16px;
line-height: 19px;
padding:5px 5px 3px 10px;
}

.blognahledtext {
font-size:15px;
line-height:16px;
color:#808080;
}

.blogholder {
padding:5px 0 0px 5px;
}
}



@media (max-width: 340px) {

.holder {width:340px;}
}