/* CSS Document */

body{
font-family: 'Open Sans', sans-serif;
font-size:13px;
padding:0px;
margin:0px;
}

a{
text-decoration:none;
}


a:hover{
color:#FF3333 !important;
}

#header{
height:30px;
background-color:#CC0000;
color:white;
padding:10px;
}

#header a{
color:white;
text-decoration:underline;
}

#header .login{
float:right;
color:white;
padding-right:10px;
}

#header #slogan a{
text-decoration:none;
color:white;
font-size:15px;
}

.clear{
clear:both;
}


#content{
width:100%;
max-width:1000px;
margin:auto;
background-color:#F9F9F9;
padding:10px;
min-height:200px;
border-radius:5px;
}

#content a{
text-decoration:underline;
}

table td{
padding:5px;
}

input{
padding:5px;
border-radius:5px;
border:1px solid #666666;
}

.error{
color:#FF3300;
}

.success{
color:#006600;
}

.warning{
background-color:#990000;
color:white;
padding:10px;
}

.warning a{
color:#FFFFFF;
}

.message{
margin-top:10px;
margin-bottom:20px;
}

.message .header{

background-color:#CC0000;
color:white;
border-radius: 5px 5px 0px 0px;
padding:10px;
}

.message .text{
padding:15px;
background-color:#FFFFFF;
line-height:22px;
}

.message .text a{
color:#FF0000;
}

#new_message_button{
padding:10px;
background-color:#003366;
color:white;
margin-top:10px;
margin-bottom:10px;
display:block;
float:left;
}

a#new_message_button{
text-decoration:none;
}

a#new_message_button:hover{
color:#66CCCC !important;
}

#new_message textarea{
width:95%;
height:100px;
padding:10px;
margin:10px;
}

.message .nick{
width:200px;
float:left;
font-weight:bold;
}

.message .date{
width:180px;
float:left;
}

.message .ip{
width:130px;
float:right;
margin-right:20px;
}

.message .message_id{
width:50px;
float:right;
}

.message .edit{
width:100px;
float:left;
}

.message .edit a{
color:white;
}

.submit{
padding:10px;
background-color:#003366;
color:white;
borer:1p solid black;
border-radius:3px;
cursor:pointer;
margin:10px;
}

.submit:hover{
color:#66CCCC !important;
}

.more{
width:95%;
background-color:#003366;
text-align:center;
padding:10px;
cursor:pointer;
color:#FFFFFF;
margin:auto;
margin-bottom:25px;
}

#react_box{
padding:10px;
}

.reaction_to{
padding:20px;
color:#999999;
}

.reaction_to .reaction_text{
overflow:hidden;
cursor:pointer;
font-size:11px;
}

.short{
max-height:35px;
}


.reaction_to .reaction_header{
font-weight:bold;
margin-bottom:10px;
font-size:11px !important;
}

#footer{
height:30px;
width:100%;
background-color:#000000;
opacity:0.7;
position:fixed;
bottom:0px;
}

#footer a{
color:#FFFFFF;
float:right;
margin-right:20px;
margin-top:5px;
}

.message_edited{
line-height:20px;
font-size:0.8em;
}



.message_edited a{
color:#ffffff;
}

.text.previous{
display:none;
border-top: 1px solid #999999;
color:#999999;
}

.smile{
height:25px;
padding: 0px 5px 0px 5px;
}

#new_message .smile{
padding:7px;
cursor:pointer;
}

.fczb_icon{
float:left;
width:20px;
height:20px;
background-image:url("/images/logo-trans.png");
margin-right:5px;
}

@media (max-width: 1000px) {
.message_edited{
line-height:13px;
font-size:10px;
}

#content{
padding:0px;
}

.message .nick{
width:150px;
}

.message .date{
width:150px;
}

.message .ip{
width:auto;
margin-right:5px;
}

#header #slogan a{
font-size:11px;
}
#new_message textarea{
margin:2px;
parring:2px;
width:93%;
}

#header{
font-size:10px;}

#header{
height:40px;
}

}

#banner{
width:100%;
max-width:1000px;
position:relative;
}

#banner img{
width:100%;
}

#banner .close_button{
	
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	background-color:#990000;
	color:white;
	opacity:70%;
	text-align:center;
	line-height:40px;
	font-size:30px;
	cursor:pointer;	
}

#banner .close_button:hover{
opacity:100%;
}

#banner .chci_listek{
position:absolute;
left:39.5%;
width:10%;

background-color:#CC0000;
height:5%;
top:74%;
color:white;
text-align:center;
text-decoration:none;
border-radius:5px;
border:1px solid #666666;
font-size:17px;
padding:20px;
}

#banner .chci_listek:hover{
background-color:#3366FF;
color:white !important;
}


@media (max-width: 1000px) {
#banner .chci_listek{
padding:5px;
font-size:12px;
width:16%;
height:8%;
left:37%;
}
}

.likes{
float:left;
width:100px;
margin-right:10px;
}

.likes .like, .likes .dislike{
float:left;
width:40px;
height:20px;
cursor:pointer;
}

.likes .like{
margin-right:5px;
background-image:url("/images/like.png");
background-size:16px;
background-position:15px 0px;
background-repeat:no-repeat;
}

.likes .dislike{
margin-right:5px;
background-image:url("/images/dislike.png");
background-size:16px;
background-position:15px 5px;
background-repeat:no-repeat;
}

@media (max-width: 1000px) {
.likes{
margin-left:150px;
}
}

 .button {
      display: inline-block;
      padding: 10px 20px;
      margin: 5px;
      font-size: 16px;
      text-decoration: none;
      border-radius: 5px;
      text-align: center;
      color: white;
      background-color:#CC0000; /* Základní barva tlačítka */
      transition: background-color 0.3s ease;
  }

    .button:hover {
      background-color:#FF0000; /* Barva při najetí */
	  color:white !important;
    }
	
	a.button{
	text-decoration:none !important;
	}


    .button-container {
      display: flex;
      gap: 10px; /* Mezera mezi tlačítky */
    }

.odsazeni{
padding-left:30px;
}

.message.hidden{
display:none;
}

@media (max-width: 1000px) {
.button{
font-size:13px;
padding:10px 12px;
}
}