body
{
	font-family: arial;
	margin: 0px;
	padding: 0px;
  background: url('../goodies/images/background.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-color: #B1F2AF;
	font-size: 12px;
}   

body a:link, :visited
{
    text-decoration: none;
   /* text-shadow: 2px 2px 2px rgba(255, 140, 0, 0.8);
    color: black;   */
}   

.top
{
    top: 180px;
}
.stred
{
	position:absolute; top: 0px; left: 50%;
}

.nastred
{
	width: 1000px;
	position:absolute; top: 0px; left: -500px;
}

.uvod
{
      position:absolute;
      top:299px; 
      left:-20px;      
      width: 500px;
      height: 232px;
      background: url('../goodies/images/cesky-c.png') no-repeat;
}

.uvod2
{
      position:absolute; 
      top:299px; 
      left:560px;
      width: 500px;
      height: 207px;
      background: url('../goodies/images/karvina-c.png') no-repeat;
}

.uvod:hover
{
      background: url('../goodies/images/cesky.png') no-repeat;      
}

.uvod2:hover
{
      background: url('../goodies/images/karvina.png') no-repeat;      
}

.welcome
{
      position:relative; top:200px;
      font-size: 30px;
      font-weight: bold;
      color: white;
}

.news
{
   position: relative; 
   left: 180px; 
   background: url('news1.png') no-repeat;
   width: 649px;
   height: 159px;
   padding-top: 25px;
   padding-left: 35px;
   margin-bottom: 50px;
   font-size: 14px;
   font-weight: bold;

	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
  -webkit-transition: 0.9;
	opacity: 0.9;
}

.news_modify
{
   position: relative; 
   top: -420px;
   left: 520px; 
   background: url('news1.png') no-repeat;
   width: 649px;
   height: 159px;
   padding-top: 25px;
   padding-left: 35px;
   margin-bottom:10px;
   font-size: 14px;
   font-weight: bold;

	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
  -webkit-transition: 0.9;
	opacity: 0.9;
}

.all
{
    width: 900px;    
	  margin:auto auto auto auto;
}

.all_login
{
    width: 1000px; 
	  margin:auto auto auto auto;
    text-align: center;
}
.show
{
	width: 600px;
  padding-left: 50px;
}

.info
{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #FF6900;
    text-shadow: 10px 10px 10px #FF6900;
    padding-bottom: 20px;
    padding-right: 30px;
}

.login_space
{
  position: relative;
  top: -180px;
}

.login
{
    position: relative;
    right: 120px;
}

.admin_space
{
  height: 20px;
}

input, textarea 
{  
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;  
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
  margin: 5px;   
}

textarea
{
  resize: vertical;
}

input.topic
{
width: 500px;
}

textarea
{
 font-family: arial, sans-serif;
}

input:hover, textarea:hover 
{
	border-color: #339934;
}

.center
{
  text-align: center;
}

.aktual
{
    position: relative;
    display: inline-block;
    background-color: rgba(0,255,0,0.7);
    border-left: 4px outset rgba(0,255,0,0.4);
    border-right: 4px inset rgba(0,255,0,0.4);        
    border-radius: 10px; 
}

.space
{
    height: 6px;
}

.date
{
    position: absolute;
    right: 65px;
    display: inline-block;
    background-color: rgba(0,255,0,0.7);
    border-left: 4px outset rgba(0,255,0,0.4);
    border-right: 4px inset rgba(0,255,0,0.4);        
    border-radius: 10px;
}

.text
{
     padding-top: 10px;
     font-size: 17px;
     text-indent: 3%;
     padding-bottom: 16px;
     color: white;
}

.pencil
{  
  background: url("pencil.png") no-repeat ;
  position: absolute;
  top: 20px; 
  left: 300px;
  height: 27px;
  width: 22px;
}

.back
{
  position: relative;
  top: 180px;
  right: 200px;
}

.show_all 
{
    position: absolute;
    text-decoration: none;
    right: 85px;
    bottom: 50px;
    color: black;
} 

.show_all:hover       
{
    color: grey;
}

.text_mass
{ 
     font-size: 13px;
     padding-top: 20px;
     text-indent: 6%;
     padding-bottom: 16px;
     text-align: justify;      
}

.text_mass:link, .text_mass:visited
{      
     color: #FF6900;      
}

.text_mass a:link, .text_mass a:visited
{      
     color: #FF6900;      
}

.text_mass a:hover
{      
    text-shadow: 1px 1px 1px rgba(255,155,0,0.6);      
}
.predel
{
    position: relative;
    top: 50px;
    background-color: rgba(255,155,0,0.1);
    width: 600px; height: 1px;
    box-shadow: 0px 0px 12px #FF6900;  
    -webkit-box-shadow: 0px 0px 12px #FF6900;

}

.predel_news
{
    position: relative;
    top: 6px;
    background-color: grey;
    width: 575px; height: 1px;
}

.delete, .delete:link, .delete:visited
{
    position: relative;
    bottom: 40px;
    left: 500px;
    display: inline-block;
    background: url("images/trash_close.png") no-repeat ;  
    width: 22px;
    height: 36px;
}

.delete:hover
{
  background: url("images/trash_open.png") no-repeat ;
}

.down
{
    position: relative;
    bottom: 40px;
    left: 400px;
    display: inline-block;
    background: url("images/down.png") no-repeat ;  
    width: 22px;
    height: 25px;
}

.down:hover
{
    background: url("images/down_hover.png") no-repeat ; 
}

.up
{
    position: relative;
    bottom: 40px;
    left: 400px;
    display: inline-block;
    background: url("images/up.png") no-repeat ;  
    width: 22px;
    height: 25px;
}
.up:hover
{
    background: url("images/up_hover.png") no-repeat ; 
}

.modify
{  
  background: url("images/pencil.png") no-repeat ; 
  position: absolute;
  right: 110px;
  margin-top: -35px;
  height: 27px;
  width: 22px;
}

.modify:hover
{  
  background: url("images/pencil_hover.png") no-repeat ; 
}

.back_page
{ 
   background: url("menu/menu_hover.png") no-repeat ;    
   position: absolute;
   left: 240px; 
   top: 198px; 
   width: 137px;
   height: 26px;
   text-align: center;
   font-size: 16px;
   padding-top: 3px;

}

.banner
{
    background: url("images/banner.png") no-repeat;
    position: relative;
    margin-top: 10px;
    left: 30px;     
    width: 800px;
    height: 154px;     
}

.kon_uvod
{  
    font-size: 20px;
    font-weight: bold;
    color:green;       
}

.kon_nadpis
{
    position: relative;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color:orange;       
}

.kon
{
	width: 600px; 
  padding-left: 50px;
  text-align: center;
  -moz-column-count:2; /* Firefox */
  -webkit-column-count:2; /* Safari and Chrome */
  column-count:2;
}

#image
{  
  box-shadow: 0 0px 20px rgba(0,0,0,0.8);
  border-radius: 10px; 
  margin: 10px 0 10px 100px;
}
.top_modify {
    position: relative; /* default relative  */ 
    /* umisteni [top] nadefinovano zvlast*/
    left: 160px; /* defalut 180 px */
    top: -130px;  /* default neni */
    margin-top: 10px;
    background: url("back/back_top.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 63px;
    width: 700px;
}

.check
{ 
width: 20px;
height: 20px;
}

.check:checked 
{ 
width: 20px;
height: 20px;
background-color: #ffc9a2;
border-radius: 10px;
box-shadow: 0px 0px 6px #FF6900;  
-webkit-box-shadow: 0px 0px 6px #FF6900;
}

.m_info
{   
    position: relative;       
    top: 30px; 
    font-weight: bold;   
    font-size: 11px;
    color: #FF6900;
    padding-right: 10px;
}

.m_i
{   
    position: relative;       
    top: 30px; 
    font-weight: bold;   
    font-size: 11px;
    color: #FF6900;
    padding-right: 10px;
}


.kont 
{
    text-align: right; 
    color: green;                             
}

.kont a:link, :visited
{   
    margin-top: 10px;      
    color:#FF6900;            
}

.kont a:hover
{ 
    text-shadow: 1px 1px 1px rgba(255,155,0,0.6);         
}

.indent
{
    text-indent: 14%;  
}

.info_star
{
    padding-top: 10px;
    color: red;
}

.map_high
{     
    text-align: center;     
    font-weight: bold;
    color:orange; 
}

.window
{    
  float: left; 
  background-color: rgba(250, 140, 0, 0.6);   
  width: 200px;
  height: 100px;
  box-shadow: 0 0px 20px rgba(0,0,0,0.8);
  border-radius: 10px; 
  margin: 10px 0 10px 100px;
  padding: 10px ;  
  background: url('image.png');
  background-size: cover; 
  text-shadow: none;     
  /*
  -khtml-opacity:.60; 
 -moz-opacity:.60; 
 -ms-filter:"alpha(opacity=60)";
  filter:alpha(opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
  opacity:.60; 
  */
}   

.window:hover
{   
    background-color: rgba(250, 140, 0, 0.2); 
}  

.window p
{     
    text-decoration: none;  
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    font-family: times, 'Times New Roman', Georgia, serif;    
}

.window h1
{   
    text-decoration: none;  
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;     
}

#banner-fade
{  
  position: relative;
  top: -360px;  
  left: 190px 
}
.topic_mass
{ 
    position: relative;
    padding-top: 20px;     
    font-size: 16px;
    color: #00B600;
    font-weight: bold;
}

/*slider testing  */
#banner-fade,
#banner-slide{
	margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{ /*buttons*/ 
  text-align: center;   
  width: 30px;
  height: 30px;  
  font-size: 30px;  
	display:block;
	padding:3px;
  border-radius: 1000px; 
	background:#fff;
	color:#000;
	text-decoration: none;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.6);
}

ul.bjqs-controls.v-centered li a:hover{
	background: rgba(255, 255, 255, 0.9);
	
}

ol.bjqs-markers li a{   /*numbers design*/
  position: relative;
  bottom: 20px;
  width: 10px;
  height: 10px;
	padding:1px 1px;
  border-radius: 16px; 
	background: rgba(255, 255, 255, 0.6);
	color:#fff; 	
	text-decoration: none;   
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: rgba(255, 255, 255, 1); 
}

p.bjqs-caption{     /*bg text shadow*/
  top:40%;
	background: rgba(255,255,255,0.8);
  color: black;
  padding: 10px 10px 0px 10px;
  
}

#test
{   

    z-index: 800;
    color: white;
}
.im
{          
    z-index: -100;  
}

.cenik
{        
    color: #339934;
    text-indent: 0px;
    font-weight: bold;
}

.cenik_s
{
    margin-left: 40px;
    color: #339934;    
}

button
{  

  background-color: #F2F2F2;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;  
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
  margin: 5px;
}

button:hover
{   
	border-color: #339934;
}

#tested
{
    position: absolute;
    font-size: 17px;
    width: auto;
    height: auto;  
    max-width:680px;  
    max-height:170px; 
    position: absolute;
    visibility: hidden;   
    background-color: white;
}

.news_akt
{
   position: relative;
   left:20px;
   width: 660px;
   height: 350px;  
   background: url('../cesky_t/jssor/img/home/03.jpg');
  /* background-size: cover;     */   
}

.news_aktuality
{
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
            color: #fff;
            font-size: 20px;            
            text-align: center;
            border-radius: 4px;
            position:absolute; 
            left:120px; 
            top: 30px; 
            width:100px;
            height:30px;
}

.news_date
{
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
            color: #fff;
            font-size: 20px;            
            text-align: center;
            border-radius: 4px;
            position:absolute; 
            left:500px; 
            top: 30px; 
            width:140px;
            height:25px;
            font-size:15px
}

#news_text
{                          
            font-size:16px;
            background: #000;
            background-color: rgba(0, 182, 0, 0.4);
            color: #fff;
            font-size: 20px;            
            text-align: center;
            border-radius: 4px;
            position:absolute; 
            left:10px; 
            top: 130px; 
            width:60px;
            height:30px;
            font-size:30px;    
}

.top_admin
{
    position: relative;
    right: 90px;
    top: 200px;
}

input.ano, button.choose :link, button.choose :visited
{   

font-size: 29px;
color: black;
}

button.ne :link, button.ne :visited
{  
font-size: 29px;
color: black;
}

form
{
text-align: center;
}

.zajimave
{
    height: auto;
    width:300px;
    font-size: 15px;   
    float: left;  
}

.zajimave_img
{  

  float: right;
  box-shadow: 0 0px 20px rgba(0,0,0,0.8);
  border-radius: 10px; 
  margin: 10px 0 10px 100px;

}

.odkazy_kontakt 
{
  position: relative;
  left:0px;
  color: #339934;
} 

.odkazy_kontakt a:link, :visited
{
  position: relative;
  left:0px;
  color: #FF6900;
}  

.odkazy_kontakt a:hover
{ 
  font-weight: bold;     
  text-shadow: 1px 1px 1px rgba(255,155,0,0.4);  
}

.odkazy_nadpis
{
    float:left;
    font-weight: bold;
}

.odkazy_text
{
  float:left;
}

.hotel
{
  position: relative;
  left:0px;  
  height: 300px;
}

.slunecnice
{
  position: relative;
  left:0px; 
  height: 300px;  
}

.campanella
{
  position: relative;
  left:0px; 
  height: 600px;  
}

.odkazy_info
{
    position: relative;
    padding-top: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #FF6900;
    text-shadow: 10px 10px 10px #FF6900;
    padding-bottom: 20px;
    padding-right: 30px;
}

.top_login
{

    left:0px;  
    background: url("back/back_top.png") repeat scroll 0 0 transparent;
    display: block;
    
    height: 63px;
    width: 700px;

}

.news_change
{  
  background: url("images/pencil.png") no-repeat ;
  position: absolute;
  height: 27px;
  width: 22px;
  left: 3px;
}

.news_change:hover
{  
  background: url("images/pencil_hover.png") no-repeat ; 
}

.info_news
{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #FF6900;
    text-shadow: 0px 0px 6px white;
    padding-right: 30px;
}

.adresa
{
  width: 200px;   
  text-align: center;
  padding-left: 100px;
  float: left;
}

.hodiny
{
  position: relative;
  top: 25px;
  width: 200px;   
  text-align: center;
  padding-right: 100px;
  float: right; 
}

.mapa_uvod
{  
    position: relative;
    margin-top: 120px;
    font-size: 20px;
    font-weight: bold;
    color:green;       
}

#mapa
{  
    position: relative;
    top: 25px;       
}

.hello
{ 
    color: #FF6900;      
}

#hello:link, #hello:visited
{      
     color: #FF6900;      
}
.akt
{
    color: #FF6900;
}
.akt:link, .akt:visited
{
    color: #FF6900;
}
.akt:hover
{
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8);
}

/*ul.seznam 
{ 
line-height: 22px;
padding-left: 20px;
text-align: left;
} */