/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17. 2. 2020, 12:48:27
    Author     : ludek
*/


/*.navbar-nav li.active a{
  content: url("/img/topmenubgr-cl.png");
  color: #ce128b;
  display: block;
  position: absolute;
  top: 25px;
  left: -10px;
}*/
.content {
	font-size: 13px;
}

.nav-stacked li.active a{    
    color: #ce128b;
}

.navbar-nav li.active a{
    color: #ce128b;
}

.navbar-nav li.active a:before{
    
    content: url("/img/topmenubgr-cl.png");
    color: #ce128b;
    display: block;
    position: absolute;
    top: 25px;
    left: -10px;
}

.schedulearticle{
    padding-left: 30px;
}

.daynote{
    display: inline-block;
    color: red;
    padding-left: 15px;
}

@media screen and (min-width: 1450px){.content{
    padding: 40px 20px 40px 100px;
}}


#map-foto{
    padding-top: 15px;
}

#logo{
    padding-top: 15px;
}

#main-foto{
    padding-top: 15px;
}

@media screen and (min-width:1070px){
#main-foto{
    padding-top: 15px;
    min-height: 215px;
}}

@media screen and (min-width: 1450px){
#main-foto{
    padding-top: 15px;
    padding-left: 35px;
    padding-right: 10px;
}}

.center-fit {
            max-width: 100%;
            margin: auto;
        }
.col-xs-12 h1{
    color: #ce128b;
}

body {
    background-image: url("/img/bgr_as2.jpg");
}


@media screen and (min-width: 1000px){
    .wrapper{
    	margin-top: 65px;
	margin-bottom: 15px;
	background: white;
	width: 950px;
}
}

@media screen and (max-width: 1000px){
    .wrapper{
    	margin-top: 65px;
	margin-bottom: 15px;
	background: white;
	width: 90%;
}
}


.img20 img{
    margin: 5px 5px 10px 10px;
}

.img20{
    padding-bottom: 75px;
    text-align: center;
}

.img40 img{
    width: 40%;
}

.magenta{
    color: #ce128b;
}

.media-body h2{
	font-weight: 700;
    font-size: 1.3em;
}

.media-body a{
	color:#ce128b;
}


.menu a:hover:after{
    content: url("/img/topmenubgr-cl.png");
    display: block;
    position: absolute;
    top: 25px;
    left: -10px;
}

.menu a:hover{
    color: #ce108a;
    background: white !important;
}

h1 {
	color: #ce128b;
	font-size: 17px;
	font-weight: 600;
	margin: 0px;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 15px;
	
}
h2 {
	color: #00b7eb;
    padding: 0 0 5px 0;
	font-size: 14px;
	margin: 0px;
	font-weight: 700;
}


.aside h6{
    color: #9a8479;
    font-size: 22px;
    font-weight: 700;
}


.aside a{
    color: #9a8479;
    font-size: small;
    font-weight: 100;
}

@media screen and (min-width: 1000px){
.aside{
    padding-left: 45px;
    margin-bottom: 30px;
}
}


#copy.col-xs-4{
    background: white;
    font-size: x-small;
}

#copy.row{
    background: white;
}

.aside a:hover{
	color: #ce108a;
	background: white !important;
}

@media screen and (max-width: 1000px){#vrsek{
    text-align: center;
}}

.infobox{
    color: #9a8479;
}

.left-menu{
	border-top: 2px solid #8addf5;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (min-width: 1450px){.left-menu{	
	width: 245px;
    }
}

@media screen and (max-width: 1000px){#logo{
            max-width: 100%;
            margin: auto;
	    text-align: center;
}}
.aside.col-md-3 .nav>li>a {
    padding: 0px 0px 8px 0px;
}

ul li a, a:hover{
	color: #9b8377;
	background: white;
}

.footer{
    padding-bottom: 25px;
}

.copyright{
	margin-left: 15px;
	background: white;
	font-size:x-small;
	padding:6px 15px 7px 30px;
}

#menu{
    margin-top: 5px;
}

.copytext{
    white-space: nowrap;
}

@media screen and (min-width: 1450px){
#menu{
    padding-left: 100px;
}}


.footer .row{
    margin: auto;
    width: 75%;
}

.footer a{
    color: #333;
}

.footer a:hover{
    color: #ce108a;
    text-decoration: none;
}

@media screen and (min-width:1070px){
.top {
  border: 0 none;
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}}

@media screen and (min-width:1070px){
#vrch li{
  width: 33.3%;
  float: left;
}}



#vrch ul{
  padding: 0;  
  text-align: center;
  list-style-type: none;
}

@media screen and (max-width:991px){
    .toprow{
text-align: center;
}}

@media screen and (min-width:992px){
    .toprow{
	padding-left:30px;
    }
}

@media (min-width: 768px){
.navbar-nav {
    float: left;
    margin: 7.5px -15px;
}}

@media screen and (min-width: 1000px){
#fb{
    float: right;
}}

.col-md-3.fb{
    text-align: center;
}

@media screen and (min-width: 1000px){.col-md-3.fb{
    float: right;
}}

.horni{
    float: none;
}

@media screen and (max-width: 1450px){.content{
    padding: 40px 20px 40px 20px;
}}

@media screen and (max-width: 1000px){
    h1{
	text-align: center;
    }
}

.telo{
    padding-bottom: 20px;
}

.note{
    padding-top: 20px; 
   color: red;
    font-weight: 700;
}