html
{
  height: 100%;
  min-height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #000000;
	background-image:url('../images/bcg_body.jpg');
	background-repeat:repeat-x;
	background-color: #6FA13E;
	margin: 0px;
	margin-top: 0px;
	text-align:center;
}







/* prvky viditelne jen bez pouziti css */

.no_css
{
  visibility: hidden;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

/* konec: prvky viditelne jen bez pouziti css */


/* obecne elementy */

  a:link,
a:visited {
	color: #1C63BD;
	text-decoration: none;
}

a:hover {
	color: #DABB00;
	text-decoration: none;
}

h1 {
	font-size: 18px;
	color: #004db2;
	line-height: 130%;
	/*margin-left: 19px;*/
}

h2 {
	font-size: 14px;
	color: #526E3B;
	/*margin-left: 19px;*/
}

h3 {
	font-size: 14px;
	color: #526E3B;
}


.cleaner {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
}
  
  /*h1
  {
    padding: 0 20px;
    margin: 0;
    font-size: 1.3em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: #fff;
    background: #FE8301 url(../images/h1.jpg) top left repeat-x;
    margin-bottom: 20px;
  }*/

  #content.larger h1{
    width:580px;
    float:left;
  }
  .loga{
    float:left;
  }
  .loga img{
    margin:0 0 0 10px;
  }

  h1.hidden{
    display:none;
  }

  h4
  {
    padding:0;
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    display:block;
  }
  img
  {
    border: none;
  }

  hr
  {
    height: 0;
    overflow: hidden;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #9a9;
  }

  h3
  {
    padding: 0;
    margin: 5px 0;
    overflow: hidden;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
  }


h2.nadpis{
  margin:0;
  padding: 8px 20px;
  display:block;
  height:20px;
  font-size: 1.9em;
  font-weight: bold;
}


/* konec: obecne elementy */


/* obecne tridy */      

  .float_left
  {
   float: left;
  }

    
  .float_right     
  {
    float: right;
  }    

    
  .clear_both
  {
    clear: both;
  }
  
    
  .margin-top
  {
    margin-top: 15px;  
  }

  .margin-bottom
  {
    margin-bottom: 15px;  
  }

  .margin-right
  {
    margin-right: 10px;  
  }

  .red
  {
    color: red;
  }  
  
  .green
  {
    color: teal;
  }
  
  .center
  {
    text-align: center;
  }

  .justify
  {
    text-align: justify;
  }

  a
  {
    color: #00428C;  
  }
 
  a:hover
  {
    color: #0072bC;  
  }


  .hr
  {
    clear: both;
    height: 1px;
    margin: 5px 0 0 0;
  }
  
#mapka {
	display: block;
	width: 150px;
	height: 85px;
	position: relative;
	z-index: 10;
	top: 12px;
	left: 801px;
	/*border: 1px dotted blue;*/
	margin: 0;
}



/* konec: obecne tridy */    

#header { 
	width: 980px;
	height: 255px;
	/*text-align: left;*/
	background: url(../images/bcg_header.jpg) center top no-repeat;
	/*border: 1px dashed blue;*/
} 
  
  #header2
  { 
    width: 980px;
	height: 255px;
    /*text-align: left;*/
    background: url(../images/bcg_header.jpg) left top no-repeat;
	margin-left: -13px;
	/*border: 1px dashed blue;*/
  }    


  #page
  {
	_height: 100%;
	min-height: 100%;
	width: 980px;
	padding: 0;
	margin: 0px auto;
	margin-top: 29px;
	top: 0px;
	text-align: left;
	background: url(../images/bcg_cocoon.jpg) top repeat-y;
  }
  #page.map{
    background: #fff;
    background-image: none;
  }
  #page2
  {
    _height: 100%;
    min-height: 100%;
    width: 954px;
    padding: 0;
    margin: 0 auto;
	margin-top: 29px;
    top: 0;
    text-align: left;
    background: #fff;
	/*border: 1px dashed red;*/
  }


  #left
  {
  margin:auto;
	/*width: 641px;*/
	width: 292px;
	float: right;
	margin-top: -43px;
	margin-right: 11px;
	_margin-right: 6px;
    /*float: right;
    width: 279px;
	margin-top: -36px;
	margin-right: 24px;*/
    /*border: 1px dashed red;*/
  }


  #right
  {
    float: left;
    width: 620px;
    text-align: left;
    overflow: hidden;
    background: url(../images/title.jpg) left top no-repeat;
	
	margin-top: -43px;
	margin-left: 14px;
	padding: 0 17px 17px 17px;
	/*border: 1px dashed red;*/
	float:left;
  }
  #page.map #right{
    width: 985px;
  }
  #page.map #left{
    width:0px;
  }
  
  #right_boxes
  {
    float: right;
    text-align: left;
    overflow: hidden;
    width:292px;
  }
  #left_boxes{
    float:left;
    width:590px;
  }
  #left_boxes.larger{
    width:960px;
  }
  #middle #right a#jm{
    display:block;
    background: url(../images/0_jizni_morava.jpg) no-repeat;
    width:589px;
    height:28px;
    margin-left:1px;
	border: 1px dashed red;    
  }
  
   #middle #right #left_boxes .button {
    float:left;
    margin-left:1px;
	margin-top: 10px;    
   }
   #middle #right #left_boxes .button a#n1 {
      background: url(../images/1_brno.jpg) no-repeat;
      display:block; 
      width:117px;
      height:68px;
   }
   #middle #right #left_boxes .button a#n2 {
      background: url(../images/2_moravsky_kras.jpg) no-repeat;
      display:block;
      width:117px;
      height:68px; 
   }
   #middle #right #left_boxes .button a#n3 {
    background: url(../images/3_lednice.jpg) no-repeat;
      display:block;
      width:117px;
      height:68px; 
   }
   #middle #right #left_boxes .button a#n4 {
      background: url(../images/4_znojmo.jpg) no-repeat;
      display:block;
      width:117px;
      height:68px; 
   }
   #middle #right #left_boxes .button a#n5 {
      background: url(../images/5_slovacko.jpg) no-repeat;
      display:block;
      width:117px;
      height:68px;  
   }

   #web_map{
    font-size: 10px;
	color: #999999;
	margin-left: 0px;
	margin-top: 10px;
	*margin-top: 10px;
	*margin-bottom: 15px;
   }
   

   
   #web_map span {
    font-weight: bold; 
    /*padding: 0 5px;*/
   }

   #web_map span a{
    color: #999999;
    font-weight: normal;
    /*padding: 0 5px;*/
   }
  
  #middle
  { 
    margin:0;
    padding:0 0 60px 0;
	/*border: 1px dashed red;*/
  }

  /* obsah stranky*/
    #content
    {
      width: 620px;
      margin: 0;
      padding: 0px;
	  padding-bottom: 10px;
	  *padding-bottom: 250px;
      text-align: justify;
      overflow: hidden;
	  /*border: 1px dashed pink;*/
    }
#content.larger{
  width:960px;
}
           
      #content p
      {
        padding: 1px 0;
        font-size: 11px;
      }
      
      #index #search_action{
        width:580px;
      }
      #index #left_content{
        width:305px;
        float:left;
      }
      #index #left_content span{
        display:block; 
      }
      
      #index #right_content{
        width:250px;
        float:right;
        padding-right:10px;
      }
      #index #right_content #mapa img{
        border: none;
      }
      #index #right_content #akce{
        width:215px;
        padding:15px;
        margin:10px 0px 0 0;
      }
      #index #right_content #akce .label{
        font-size: 1.3em;
        font-weight: bold;
      }
      #index #right_content #akce .all_action{
        text-align:right;
        display:block;
      }
      #index #right_content #vip{
        margin:0px 20px 0 0;
        padding:15px;
        width:225px;
      }
      #index #right_content #vip .label{
        font-size: 1.3em;
        font-weight: bold;
        display:block;
      }
      #index #right_content #vip a{
        display:block;
      }
      #index #right_content .input{
        margin-top:10px;
      }
      #index #right_content .input label{
        width:100px;
      }
      .act{
        margin-top:10px;
		text-align:left;
      }
      .act span{
        display:block;
      }
      
      #index  #icons .icon {
        width:150px;
        float:left;
        margin-bottom:5px;
      }
      #index  #icons .icon input{
        display:block;
      }
      
      #index  #icons .icon a{
        height: 20px;
        display: block;
        margin-right: 0px;
        padding-left: 25px;
        padding-top: 0px;    
      }
      
      #index  #icons .icon a span{
        display: block;
      }
      
      #index #objects .even{
        background-color: #FFF8BE;
      }
      #index #objects {
        padding-top: 30px;
      }
      #index #objects .object{
        width: 566px;
        margin-top: 1px;
        padding: 5px;
		background-color:#eaeaea;
		margin-bottom: 15px;
		/*border: 1px dashed #00428C;*/
	  }
	  
	  .object a{
	  	font-size: 13px;
	  }
	  
      #index #objects .object img{
        float: left;
        width: 50px;
        margin-right:10px;
        overflow: hidden;
        border: 1px solid #b6b6b6;
      }
      #index #objects .object .img{
        float:left;
        width:60px;
        height:40px;
      }
      #index #objects .object .info{
        float:left;
        width:480px;
        margin-bottom:4px;
      }
      #index #objects .object .info span{  
        
      }
      #index #objects .object .info span.object-no{  
        font-weight: bold;
        padding-right: 5px;
		font-size: 13px;
		/*border: 1px solid #00428C*/
      }
	  
	  
      #index .list_action{
        margin-top:1px;
        padding:2px 0px;
        text-align: left;
      }
      #index .list_action span{
        display:block;
        margin:1px 0 0 0px;
        padding-left:10px; 
        float:left;
        width:120px;
      }
      #index .list_action .nazev{
        width:170px;
      }      
      #index .list_accomodation{
        padding:15px 5px;
        text-align:left;
      }
      
      #index .list_accomodation .accom_left{
        float:left;
        width:40px;

      }
      #index .list_accomodation .accom_left img{
        padding:0;
        display:block;
        margin:10px 0 0 10px;
      }
      #index .list_accomodation .accom_right{
        float:right;
        width:435px;
  
      }
      #index .list_accomodation .accom_right span{
        display:block;
        padding-left:25px;
        margin-top:2px;
        height:20px;
      }
      #index .list_accomodation .accom_right div{
        padding-left:25px;
      }
      #index .horse{
        margin-top:2px;
        padding:3px 0px 3px 20px;
      }
      #index .horse span{
        display:block;
        padding-left:25px;
        height:20px;
      }
      #index #abeceda {
        margin-bottom:10px;
      }
      #index #abeceda a{
        margin-right:7px;  
      }
      #index #abeceda span{
        margin-right:7px;
        font-size: 1.4em;
        font-weight: bold; 
        margin-top: 3px; 
      }
      #index .city{
        margin-top:2px;
        padding:3px 10px 3px 20px;
      }
      #index .city span{
        display:block;
        padding-left:25px;
        height:20px;
      }
      #index .city div{
        padding-left:25px;
      }
      #content .virtuals{
        display: block;
        width:300px;
        padding-top:7px;
      }
      #index #search_action label{
        width:90px;
        float:left;
        margin-top:4px;
        display:block;
      }
      #index #search_action select{
        width:146px;
      }
      #index #search_action .check{
        float:left;
      }
      #index #search_action span{
        display:block;
        padding-top:5px;
      }
      #index #search_action .submit{
        text-align:center;
        display:block;
        margin-bottom:10px;
        
      }
      #index #search_bar{
        height:22px;
        margin-top:10px;
      }
      #index #search_bar span{
        float:left;
        display:block;
        width:120px;
        font-weight: bold;
        padding:4px 0 0 10px;
        font-size: 1.1em;
      }
      #index #search_bar .nazev{
        width:170px;
      }
      #index #search_accomodation{
        display:block;
        padding:10px 15px;
      }
      #index #search_accomodation .input{
        margin-bottom:10px; 
      }
      #index #search_accomodation label{
        width:80px;
        display:block;
        float:left;
        margin-top:3px;
      }
    
      #search #search_left{
        float:left;
        width:200px;
        margin:20px 0 0 10px;
      }
      #search #search_left label{
        width:190px;
        padding-top:3px;
        text-align:left;
        display:block;
      }
      #search #search_left input{
        float:left;
      }
      #search #search_left .input{
        margin-bottom:10px;
        display:block;
      }
      #search #search_right{
        float:right;
        width:300px;
        text-align:left;
      }
      #search #search_right .parent_div{
        height:20px;
      }
      #search #search_right .parent_div label{
        height:20px;
        display:inline;
        padding:4px 0 4px 25px;
      }
      #search #search_right .child_div{
        margin-left:25px;
      }
      #search #search_right .input{
        width:130px;
        float:left;
      }
   
      #search .submit{
        text-align: center;
        margin:0 auto;
        padding:0;
        display:block;
      }
      #vyhledavani .search_result{
        padding:3px 15px;
      }
      
      #propagace a{
        display:block;
      }
  /* konec obsah stranky */
  
  



/*------------------------------MENU-------------------------------------------------*/


#left-menu {
  margin: 0;
  padding: 0;

  /*border: 1px dashed red;*/
}

#left-menu ul,
#left-menu li,
#left-menu ul li ul,
#left-menu ul li ul li {
  margin: 0;
  padding: 0;
  padding: 4px 10px 0px 7px;
  margin: auto;
  background: url('') 0px 0px no-repeat;
  font-size:11px;

  /*border: 1px dashed red;*/
}



#left-menu li {
  /*height: 24px;*/
  margin: 0;
  padding: 6px 0 10px 60px;
  font-size:12px;
  list-style-type: none;
  /*border: 1px solid blue; */
  
  background: url('../images/bcg_submenu_green.jpg') 0 3px no-repeat;
  background-position: 13px top;
  
  /*border: 1px dashed green;*/
}

#left-menu ul li{
  margin-bottom: 0px;
  
}
/*
#left-menu li ul.submenu {
  display: none;
  display: block;
}
*/
#left-menu li ul  {
  margin-left: -47px;
  margin-top: 10px;
 
  
}

#left-menu  li ul li {

  font-size:12px;
  padding: 6px 0 10px 70px;
   background: url('../images/bcg_submenu2_green.jpg') 0 3px no-repeat; 
  background-position: left top;
  /*border: 1px dashed green;*/
  
  
  /*border: 1px solid red;*/
}

/* MENU */

#left-menu li.balicky-zazitku,
#left-menu li.lokality-regionu,
#left-menu li.atrakce-regionu,
#left-menu li.kalendar-akci,
#left-menu li.cyklotrasy,
#left-menu li.mapovy-portal,
#left-menu li.aktuality,
#left-menu li.fotogalerie {
  background-position: 13px top; 
  font-size:14px;
  padding: 6px 0 10px 40px;
}

#left-menu li.balicky-zazitku {
  background-image: url('../images/bcg_menu_red.jpg'); 
}

#left-menu li.aktuality {
  background-image: url('../images/bcg_menu_purple.jpg'); 
}

#left-menu li.cyklotrasy {
  background-image: url('../images/bcg_menu_blue.jpg'); 
}

#left-menu li.fotogalerie {
	background-image: url('../images/bcg_menu_gray.jpg'); 
}

#left-menu li.atrakce-regionu {
  background-image: url('../images/bcg_menu_green.jpg');
}

#left-menu li.lokality-regionu {
  background-image: url('../images/bcg_menu_yellow.jpg');
}

#left-menu li.kalendar-akci {
	background-image: url('../images/bcg_menu_light_blue.jpg');
}

#left-menu li.mapovy-portal {
  background-image: url('../images/bcg_menu_light_brown.jpg');
}

/* SUBMENU */

#left-menu li ul li.li.cyklotrasy {
  background-image: url('../images/bcg_submenu_blue.jpg'); 
}

#left-menu li ul li.li.atrakce-regionu {
  background-image: url('../images/bcg_submenu_green.jpg'); 
}

/*
#left-menu li.red-menu {
  background: url('../images/bcg_menu_red.jpg') 0 3px no-repeat;
  background-position: 13px top; 
  font-size:14px;
  padding: 6px 0 10px 40px;
 
}

#left-menu li.blue-menu{
  background: url('../images/bcg_menu_blue.jpg') 0 3px no-repeat; 
  background-position: 13px top;
  padding: 6px 0 10px 40px;
  font-size:14px;
}

#left-menu li.mapovy-portal-menu {
  background: url('../images/bcg_menu_brown.jpg') 0 3px no-repeat; 
  background-position: 13px top;
  padding: 6px 0 10px 40px;
  font-size:14px;
}


#left-menu li.green-menu {
  background: url('../images/bcg_menu_green.jpg') 0 3px no-repeat;
  background-position: 13px top;
  padding: 6px 0 10px 40px;
  font-size:14px;
}

#left-menu li.yellow-menu {
  background: url('../images/bcg_menu_yellow.jpg') 0 3px no-repeat;
  background-position: 13px top;
  padding: 6px 0 10px 40px;
  font-size:14px;
}

#left-menu li ul li.red-menu {
  background: url('../images/bcg_submenu2_red.jpg') 0 3px no-repeat;
  background-position: left top;   
}

#left-menu li ul li.blue-menu{
  background: url('../images/bcg_submenu2_blue.jpg') 0 3px no-repeat; 
  background-position: left top;
}

#left-menu li ul li.green-menu {
  background: url('../images/bcg_submenu2_green.jpg') 0 3px no-repeat;
  background-position: left top; 
}

#left-menu li ul li.yellow-menu {
  background: url('../images/bcg_submenu2_yellow.jpg') 0 3px no-repeat;
  background-position: left top; 
}
*/


#left-menu li a:link {
	color:#000000;
	text-decoration: none;
	height: 30px;
}
#left-menu li a:visited {
	color:#000000;
	text-decoration: none;
	height: 30px;
}
#left-menu li a:hover {
  color:#feae11;
  text-decoration: none;
  height: 30px;
}

#left-menu li a:link img,
#left-menu li a:visited img {
	border: none;
}
  
 /*---------------------------------------------------------------------------*/
 
  
  /* menu */
  /*#left-menu {
    margin: 0;
    padding: 0;
    width: 188px;
    overflow: hidden;
    text-align:left;
    color: #000;
  }

  
  #left-menu #region{
    display: block;
    font-size:1.1em;
    font-weight: bold;
    text-align: center;
  }

  #left-menu li {
    color: #000;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0px; 
    width: 188px;
    overflow: hidden;
    line-height: 15px;
    font-size:1em;
    font-weight: bold;
	
	
	background: url('../images/bcg_menu_red.jpg') 0 3px no-repeat;
  background-position: 13px top;
  }

    
  #left-menu  a {
    color: #fff;
    width: 0px;
    display: block;
    text-decoration: none;
    padding: 3px 5px 4px 25px;
    line-height: 15px;
    width: 188px;
    background: #00428C url(../images/arrow.gif) 8px 5px no-repeat;
    border-bottom: 1px #245D9C solid;
  }

  left-menu li a:hover {
    background-color: #fff;
    color: #000;
  }

  #left-menu li a.active{
      display: block;
      text-decoration: none;
    padding: 3px 5px 4px 25px;
      line-height: 15px;
      width: 188px;
      background: #fff url(../images/arrow.gif) 8px 5px no-repeat;
      text-decoration: underline;   
			color: #245D9C;   
  }

  #left-menu li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 188px;    
    line-height: 15px;
    overflow: hidden;
  }

    
  #left-menu li ul li {
    list-style-type: none;
      display: block;
      text-decoration: none;
      line-height: 15px;
      border: none;
      background: none;
  }

    #left-menu li ul li a {
      padding: 4px 5px 4px 35px;
      float: none;
      line-height: 15px;
      width: 178px;
      background: #245D9C;
      font-weight: normal;
    }
  #left-menu ul li a.active {
    display:block;
    text-decoration: none;
    padding: 4px 5px 4px 35px;
    line-height: 15px;
    width: 188px;
    background: none;
    text-decoration: underline;
    background-color: #fff;
    color: #000;
  }  


  
    #left-menu li ul li ul li a {
      padding: 4px 5px 4px 55px;
      float: none;
      line-height: 15px;
      width: 158px;
      background: none;
    }
    #left-menu ul li ul li a.active {
      padding: 4px 5px 4px 25px;
      line-height: 15px;
      float: none;
      width: 188px;
      text-decoration: underline;
    }
    #left-menu li ul li ul li a.active {
      padding: 4px 5px 4px 55px;
      float: none;
      line-height: 15px;
      width: 158px;
      background: none;
      text-decoration: underline;
    }
	
	*/

/************************************************************************/
  /* menu */
  #main_menu
  {
    position: absolute;
    height: 27px;
    overflow: hidden;
    width: 440px;
    top: 205px;
    list-style-type: none;
    padding: 0 0 0 12px;
    margin: 0;
  }    
  
  #main_menu li
  {
    float: left;
    margin: 0;
    padding: 0;
    height: 27px;
  }

    
    #main_menu li a
    {
      display: block;
      height: 27px;
      float: left;
      line-height: 27px;
      padding: 0 20px;
      color: #fff;
      text-decoration: none;
      background: url(../images/menu-item.jpg) bottom left repeat-x;
      border-right: 1px solid #6E551C;
    }
  
      #main_menu li a:hover
      {
        background: url(../images/menu-active.jpg) top left repeat-x;
      }
         

/*--------------------------------------------------------------------------*/



  /* paticka */
    #footer
    {
	
	/*width: 967px;
	height: 40px;
	background-color: #6FA13E;
	font-size: 10px;
	padding-right: 13px;
	text-align:right;
	padding-top: 3px;
	padding-top: -1px\9;
	margin-bottom: -30px;*/
	
	width: 952px;
	height: 15px;
	float: right;

	background-color:#EEB820;
	background-color:#C6E4A3;
	color:#FFFFFF;
	font-size: 10px;
	margin-left: -5px;
	margin-right: 13px;
	text-align:right;
	padding-top: 0px;
	padding-top: -1px\9;
	margin-bottom: -3px;
	border: 1px solid white;	
	
	/*border: 1px solid blue;*/
      /*width: 945px;
      height: 98px;
      margin: -98px auto 0 auto;
      padding: 0 20px;
      text-align: center;
      line-height: 98px;
      background: #fff url(../images/footer.jpg) bottom left repeat-x;
	  */
   }    
    /*#footer #odkazy{
      display: block;
      margin-top:6px;
    }
    #footer #istudio{
      display: block;
      margin-top:15px;
    } */
	
	#footer a:link,
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
    
  /* konec: paticka */
  
  
  #logo
  {
    position: absolute;
    display: block;
    top: 20px;
    width: 980px;
    height: 220px;
  }
  
.red
{
  color: #f00;
  font-weight: bold;
}


/*************************** krajni veci css  *****************************/
a#virtual-left{
  width:188px;
  display:block;
  height:53px;
  background: url(../images/left_bar/virtualni_prochazky.jpg) no-repeat;
  margin-top:10px;
}
#video-left{
  width:188px;
  height:53px;
  background: url(../images/left_bar/videogalerie.jpg) no-repeat;
  margin-top:10px;
}
#webcam{
  height:79px;
  width:188px;
  background: #fff url(../images/webcams.jpg) center center no-repeat;
  padding: 5px 0;
  overflow: hidden;
}

#webcam  .button{
  display:block;
  width:  32px;
  height: 20px;
  background: #006A34 url(../images/button-ok.jpg) center center no-repeat;
}
#webcam select{
  background-color:#fff2c3;
  display:block;
  width:80px;
  float:left;
}
#webcam form{
  display:block;
  padding:24px 0 0 50px;
}
/*--------------------------------------------------------------------------*/
/*#zasilani_email {
	width: 279px;
	height: 82px;
	background-image:url('../images/bcg_email.jpg');
	background-repeat: no-repeat;
	padding: 13px 0 0 10px;
	color:#FFFFFF;
	margin-top: 15px;

	border: 1px dashed red;
	
}

#zasilani_email input {
	width: 230px
}

.zasilani_btn {
	float: right; 
	margin-right: 10px;
	margin-top: 8px;
	*margin-top: -23px;
}*/




#newsletter-left{
 
  width: 279px;
	height: 82px;
	background-image:url('../images/bcg_email.jpg');
	background-repeat: no-repeat;
	padding: 13px 0 0 10px;
	color:#FFFFFF;
	margin-top: 15px;
	/*border: 1px dashed red;*/
}
#newsletter-left span{
  width: 230px;
  padding:0;
  /*border: 1px dashed red;*/
}
#newsletter-left form{ 
	margin-right: 10px;
	*margin-top: -23px;
  padding:0;
  margin-top:6px;
  /*border: 1px dashed green;*/
}

#newsletter-left .newslet{
  display:block;
  padding:0;
  margin:0;
  height: 20px;
  width: 230px;
  /*background-color:#fff2c3;*/
  float:left;
  /*border: 1px dashed pink;*/
}


#left .button{
  width: 24px;
  height: 24px;
  border:none;
  display:block;
  background: url(../images/btn_ok_yellow.jpg) center center no-repeat;

  float: right; 
	margin-right: 0px;
	margin-top: 0px;

  

}


#loga-right{
  width:188px;
  height:48px;
  background: url(../images/loga.jpg) no-repeat;
  margin-bottom:10px; 
}
.news_right_img{
  text-align: center;
  display:block;
  margin:0 auto;
}
.box {
  border:#727272 1px solid;
  margin-bottom:10px;
}
.box .head{
  background: url(../images/aktuality.jpg) repeat-x; 
  height:26px;
  color:#ffffff;
  font-size:1.1em;
  font-weight: bold;
  text-align: center;
  border-bottom:#727272 1px solid;  
}
.box .head span{
  padding-top:4px;
  display:block;
}
.box .body{
  padding:10px 5px;
}

.box .body span{
  display:block;
}
.box .body div{
  display:block;
  padding-bottom:6px;
  
}
.box .body .odpovedi{
  font-size:1em;
}
.box .body .upozorneni{
  color:red;
}

/******************** pohlednice ****************************/
#postcards label{
	width: 150px;
	display:block;
	float:left;
}
#postcards{
	width:559px;
	font-size: 0.9em;
	padding:10px;
	text-align:left;
}
#postcards .input{
  margin-top:10px;
  text-align: left;
}
p.red{
	color:red;
}
#postcards .pozdrav{
	font-size:1.4em;
	font-weight:bold;	
	color:004db2;
}
#postcards .text{
	font-size:1.2em;
	text-align: center;
}
#postcards .podpis{
	font-size:1.2em;
	font-weight:bold
	text-align: center;
}
#postcard_left{
  text-align: center;
}

#postcard_left a{
  display:block;
}
.postcard_preview{
  width: 150px;
  padding:0;
  padding: 0 20px;
  float:left;
  
}
.postcard_preview img{
  display:block;
  width:100px;
  text-align:center;
  padding: 10px;
  background-color: #eaeaea;
  /*border: 1px dashed red;*/
  
}
.postcard_preview span{
  margin-top:4px;
  margin-bottom: 10px;
  display:block;
  width:94px;
  text-align: center;
  padding:3px;
  padding-left: 10px;
}
.postcard_preview a{
	color: #000000;
}
/******************klikaci mapa ******************************/


#mapa_JM{
  background: url(../images/maps/mapa_stred.jpg) no-repeat;
  width:576px;
  height:237px;
}

#regions_map
{
  width:240px;
  height: 181px;
  list-style-type: none;
  padding: 0;
  margin:0;
}

  #regions_map li{
    padding: 0;
    margin: 0;
    overflow:hidden;
  }

  #regions_map li a
  {
    display: block;
    text-decoration: none;
    position: absolute;
    margin:0;
    padding:0;    
  }


  #regions_map li #location1
  {
    
    margin: 0 0 0 400px;
    width: 111px;
    background: url(../images/maps/1.gif) -100px -100px no-repeat; 
    height: 71px;
    top: 370px;
    _top:375px;
  }

  #regions_map li #location2
  {
    margin:0 0 0 416px;
    top: 332px;
    _top:337px;
    background: url(../images/maps/2.gif) -100px -100px no-repeat;
    width: 79px;
    height: 74px;
  }



  #regions_map li #location3
  {
    margin:0 0 0 424px;
    width: 58px;
    height: 76px;
    background: url(../images/maps/3.gif) -100px -100px no-repeat;
    top: 432px;
    _top:438px;
  }

  #regions_map li #location4
  {
    
    margin: 0 0 0 321px;
    width: 107px;
    height: 76px;
    background: url(../images/maps/4.gif) -100px -100px no-repeat;
    top: 419px;
    _top:425px;
  }

  #regions_map li #location5
  {
    
    margin: 0 0 0 462px;
    width: 100px;
    height: 90px;
    background: url(../images/maps/5.gif) -100px -100px no-repeat;
    top:417px;
    _top:424px;
  }
  
    #regions_map li #location1:hover{
      background-position: top left;
    }
    #regions_map li #location2:hover{
      background-position: top left;
    }
    #regions_map li #location3:hover{
      background-position: top left;
    }
    #regions_map li #location4:hover{
      background-position: top left;
    }
    #regions_map li #location5:hover{
      background-position: top left;
    }
    

/****************************   obce  *******************/



#title-category,
#title-category-atrakce {
  background: url(../images/title-map.jpg) top right no-repeat;
  height: 330px;
  overflow: visible;
  float: left;
}

#title-category {
	background: none;
	height: auto;
	float: none;
}

#title-category-atrakce {
	background: none;
	list-style-type: none;
}

#title-category-atrakce li {
	vertical-align: center;
	font-size: 120%;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 5px;
	background: url('../images/iko_hranicko.png') top left no-repeat;
	/*border: 1px dotted red;*/	
}




#title-text
{
  width: 300px;
  overflow: hidden;
}
		
		
.btn_nav {
	font-size: 14px;
	color: #000000;
	/*width: 508px;*/
	width: 100%;
	list-style-type: none;
	overflow: hidden;

	/*border: 1px solid red;*/
} 

#left_boxes .btn_nav{
	padding: 0;
 	 margin: 0;
	 float: left;

	 /*border: 1px solid blue;*/
}

.btn_nav li {
	display: inline;
	/*float: left;*/
	padding: 0;
    margin: 0;
	margin-right: -5px;
	margin-top: 15px; 
	height: 108px;
	text-align:left;
	/*border: 1px solid pink;*/
}

.btn_nav li a:link img, 
.btn_nav li a:visited img {
  border: none;
}


.odsazeni {
	margin-top: 8px;
}

.vlajky {
	margin-bottom: 10px;
}

a.bunka,
a.bunka_right {
	padding: 0;
	margin: 0;
}

a.bunka img {
	border: none;
}

a.bunka:link,
a.bunka:visited,
a.bunka:hover {
	border: none;
	margin-top: 1px;
	margin-right: 12px;
	margin-right: 12px\9;
}

a.bunka_right:link img,
a.bunka_right:visited img,
a.bunka_right:hover img {
	border: none;
	margin-top: 1px;
	/*margin-right: -18px\9;*/
}

.box {
	width: 281px;
	height: 72px;
	float:left;
	padding: 15px;
	margin-right: 6px;
	margin-top: 15px;
	/*margin-left: 14px;*/
	border: none;
	font-size: 11px;
	/*border: 1px dashed red;*/
}

.box h2{
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #000000;
	/*border: 1px dashed red;*/	
}

.box p{
	*margin-top: 7px;
	font-size: 11px;
	/*border: 1px dashed red;*/
}

.box_yellow {
	background-image:url('../images/box_yellow.jpg');
	background-repeat: no-repeat;	
}

.box_blue {
	background-image:url('../images/box_blue.jpg');
	background-repeat: no-repeat;
	margin-right: -8px;	
}

.box_green {
	background-image:url('../images/box_green.jpg');
	background-repeat: no-repeat;	
}

.box_red {
	background-image:url('../images/box_red.jpg');
	background-repeat: no-repeat;
	margin-right: -8px;	
}

.box a:link img,
.box a:visited img,
.box a:hover img {
	border: none;
	margin-right: 10px;
}

.input {
	clear: both;
	/*text-align:left;*/
	/*border: 1px dotted blue;*/
}

#newsletter-left .input {
	clear: none;
	/*border: 1px dotted blue;*/
}
#newsletter-left .newslet {
	background-color: #FFFFFF;
	/*border: 1px dotted blue;*/
}

.input label {
	display: block;
	width: 80px;
	/*border: 1px dotted red;*/
	float: left;
}

.input select {
	float: left;
	/*width: 300px;*/
	/*border: 1px dotted green;*/
}