body{
	margin: 0px 0px 0px 10px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
a.external, span.external{
	padding-right: 9px;
	background: url(/pic/external3.gif) no-repeat 100% 3px;
}
a.external:hover, span.external:hover{
	background: url(/pic/external3_hover.gif) no-repeat 100% 3px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.accessibility{
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 1px;
	height: 1px;
	font-size: 0px;
}
.hidden{
	display: none;
}
.clear{
	height: 0px;
	line-height: 0px;
	clear: both;
	font-size: 0px;
}
iframe{
	border: none;
}
form{
	margin: 0px;
	padding: 0px;
}
fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}
a{
	color: #0c90b5;
}
a:hover{
	color: #dd3337;
}
a:visited{
	/* color: #7da2ac; */
}
a img{
	border: none;
}

#container{
	width: 950px;
	margin: 0 auto;
}
/* ---- ZAHLAVI ---- */
/* vlajecky a nadpis CZeCOT.com */
#header{
	margin: 20px 0px 0px 0px;
}
#header_title{
	position: relative;
	width: 350px;
	float: right;
	top: -5px;
	text-align: right;
}
#header_title img{
	float: left;
	margin-right: 10px;
}
#header_title h2{
	margin: 8px 0px 0px 0px;
	font-size: 95%;
}
#header_title h2 a{
	color: #0f85a7;
	text-decoration: none;
}
#languages{
	float: right;
	padding-right: 10px;
}
/* ---- ZAHLAVI ---- */

/* ---- ADRESA ---- */
#address{
	position: relative;
	margin-bottom: 10px;
	background: #d2e5ea url(../redesign/img/address_background.jpg) repeat-x;
}
#address_title, #webcam_title{
	background: #d71f27 url(../redesign/img/address_title_background_webcam.png) no-repeat;
}
#address_title h1, #webcam_title h1 {
	position: relative;
	margin: 0px;
	padding: 5px 30px 5px 12px;
	font-size: 120%;
	font-weight: normal;
	color: #fff;
}
#webcam_title h1 {
	font-size: 100%;
	font-weight: bold;
}
#address_title h1 img{
	position: absolute;
	top: -12px;
	left: 0px;
}
#address_title h1 a{
	position: absolute;
	line-height: 0px;
	font-size: 0px;
}
#address_title h1 a.vcard_link{
	width: 29px;
	height: 21px;
	right: 10px;
	top: 7px;
	background: url(/pic/vcf.png) no-repeat;
}
a.gpx_link{
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 5px;
	background: url(/pic/gpx.png) no-repeat;
}
#address_content{
	float: left;
	position: relative;
	width: 355px;
	font-size: 77%;
}
#address_content table{
	width: 100%;
}
#address_content td{
	padding: 5px 0px 5px 10px;
}
#address_content td.border{
	width: 90px;
	padding: 3px 10px 3px 0px;
	text-align: right;
	border-right: 1px solid #fff;
}
#address_content .icon_plus{
	padding-left: 20px;
	background: url(../img/icon_plus.jpg) no-repeat;
}
#address_content .clock{
	padding-left: 20px;
	background: url(../img/icon_clock.png) no-repeat
}
#map_logo{
	float: left;
	position: relative;
	width: 240px;
	margin-top: 6px;
}
#mapka{
	position: relative;
	float: left;
	width: 112px;
	height: 69px;
	margin-top: 20px;
	padding: 0px 7px 0px 4px;
	background: url(../img/map.png) no-repeat;
}
#mapka_sk{
	position: relative;
	float: left;
	width: 112px;
	height: 69px;
	margin-top: 20px;
	padding: 0px 7px 0px 4px;
	background: url(../img/map_sk.png) no-repeat;
}
#map_point{
	position: absolute;
	width: 4px;
	height: 4px;
	background: url(../img/map_point.jpg) no-repeat;
}
#logo{
	float: left;
	width: 113px;
	margin-bottom: 5px;
}
#logo td{
	width: 113px;
	height: 113px;
	padding: 0px;
	text-align: center;
	background: #fff url(../img/logo_background.jpg) no-repeat;
}
#address_bar{
	position: relative;
	width: 100%;
	border-top: 1px solid #fff;
}
#address_notes{
	position: relative;
	float: left;
	width: 440px;
	font-size: 77%;
}
#address_notes p{
	margin: 0px;
	padding: 12px 0px 12px 10px;
}
#address_reservation{
	position: relative;
	float: right;
	width: 150px;
	padding: 6px 6px 6px 0px;
}
.red_button{
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-size: 83%;
	behavior: url(/css/hover.htc)
}
.red_button:hover{
	color: #fff;
}
.button_left{
	float: right;
	width: 6px;
	height: 27px;
	font-size: 0px;
	background: #d71f27 url(../img/button_background_left.png) no-repeat;
}
.button_middle{
	float: right;
	height: 21px;
	padding: 6px 5px 0px 5px;
	background: #d71f27 url(../img/button_background_middle.png) repeat-x;
}
.button_middle:hover, .button_middle.hover{
	text-decoration: underline;
}
.button_right{
	float: right;
	width: 6px;
	height: 27px;
	font-size: 0px;
	background: #d71f27 url(../img/button_background_right.png) no-repeat;
}
/* ---- ADRESA ---- */


/* ---- BOX ---- */
/* Hlavni prvek webu, muze mit v zahlavi budto */
/* zalozky (.bookmarks) nebo nadpis (.title).    */
.box{
	margin: 0px 0px 10px 0px;
	width: 410px;
}
/* ---- TITLE ---- */
.box_title{
	background: #3195b2 url(../img/box_title_background.jpg) repeat-x;
}
.box_title h3{
	position: relative;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	font-size: 90%;
	color: #fff;
}
.box_title h3 a{
	padding-left: 35px;
	color: #fff;
	text-decoration: none;
}
.box_title h3 a.zajimavosti{
	padding-left: 3px;
	color: #fff;
	text-decoration: underline;
}
.box_title h3 a:hover{
	color: #fff;
	text-decoration: underline;
}
.box_title h3 img{
	position: absolute;
	top: -10px;
	left: 5px;
	_left: 0px;
}
.box_title h3 a img{
	position: absolute;
	top: 2px;
	left: 21px;
	_left: 0px;
}
/* ---- TITLE ---- */

/* ---- Obsah boxu ---- */
.box_content{
	clear: both;
	font-size: 83%;
	/*background-color: #e0ecef;*/
	background: #d2e5ea url(../img/box_background.jpg) repeat-x;
}
#panel2{
	height: 300px;
}
.box_content h2{
	margin: 10px 0px 10px 10px;
	padding-left: 5px;
	font-size: 130%;
	color: #0c90b5;
	border-left: 3px solid #0c90b5;
}
.box_content ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	list-style: square;
}
.box_content li{
	margin: 2px 0px 2px 0px;
}
#partneri ul{
	padding: 5px 0px 5px 15px;
	list-style: none;
}
#partneri li{
	padding-left: 20px;
	background: url(../img/pinhead_green.png) no-repeat 0px 1px;
}
#partneri .li_original{
	padding-left: 20px;
	background: url(../img/list_square.gif) no-repeat 5px 6px;
}
.box_content table{
	width: 100%;
}
.box_content tbody{
	padding: 0px;
	margin: 0px;
}
.box_content td{
	padding: 10px 20px 10px 10px;
}
.box_content td.border, .box_content td.border_last, .box_content td.lft{
	width: 130px;
	padding: 12px 10px 12px 5px;
	text-align: right;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.box_content td.border_last{
	border-bottom: none;
}
.box_content .icon_plus, .icon_plus{
	padding-left: 20px;
	background: url(../img/icon_plus.jpg) no-repeat;
}
.box_content .icon_minus, .icon_minus{
	padding-left: 20px;
	background: url(../img/icon_minus.jpg) no-repeat;
}
.content_text, #zoznam{
	padding: 20px 50px 20px 20px;
}
.content_text h2, #zoznam h2{
	margin: 0px 0px 10px 0px;
	font-size: 130%;
}
.content_text h3, #zoznam h3{
	margin: 0px 0px 10px 0px;
	font-size: 110%;
}
.content_text table{
	width: 75%;
	border: 0px;
	background-color: #fff;
}
.content_text td{
	padding: 5px 10px 5px 10px;
	background-color: #d2e5ea;
	border: 0px;
}
.content_text td ul{
	padding: 0px 0px 0px 20px;
}
.content_rss{
	margin: 0px 10px 10px 10px;
	padding: 10px 50px 10px 40px;
	border: 1px solid #fff;
	background: url(../img/rss.png) no-repeat 8px 5px;
}

/* ---- Mapa Atlas ---- */
.mappart {
	width: 140px;
	background-color: #FFFFFF;
	border: 1px solid #A8B8C9;
	font-size: 12px;
}

.mappart_typy {
	background-color: #E4EBF2;
	padding: 0px 1px 1px 1px;
}

.mappart_typ {
	float: left;
	padding: 3px 3px 0px 3px;
	color: black;
	height: 17px;
	width: 63px;
	cursor: pointer;
	background-color: #E4EBF2;
	font-weight: bold;
	text-align: center;
}

.mappart_typ_selected {
	float: left;
	padding: 3px 3px 0px 3px;
	color: white;
	font-weight: bold;
	width: 63px;
	height: 17px;
	background: url('/pic/map_tlacitko_pozadi.jpg') repeat-x;
	cursor: pointer;
	text-align: center;
}

.mappart p {
	clear: both;	
	margin: 0px;
/*	padding: 10px 10px 5px 5px;*/
	background: url('/pic/map_pozadi.jpg') repeat-x;
}

.mappart p span#gps_souradnice, .mappart p span#gps_height {
	font-size: 9px;
	margin-left: 4px;
}

.mappart #upozorneni {
	margin: 0px 0px 7px 10px;
	padding: 0px;
	color: #4682B4;
	width: 100px;
}

.mappart p label {
	cursor: pointer;
}
/* ---- Mapa Atlas ---- */

/* ---- Iframe s mapou ---- */
div.iframe {
	text-align: center;
}

div.iframe iframe {
	border:0;
	height: 440px; 
	width:98%;	
}

#iframe_container {
	position: relative;
	padding: 10px 0px 0px 0px;
	width: 930px;
	height: 430px;
}

#map_objects {
	position: absolute;
	padding: 3px 7px 2px 3px;
	top: 20px;
	left: 70px;
	background: #fff url(/pic/map_pozadi.jpg) repeat-x;
	z-index: 10;
	font-size: 0.7em;
	border: 1px solid #A8B8C9;
	width: 410px;
}
/*#map_objects_akce {
	position: absolute;
	padding: 3px 7px 2px 3px;
	bottom: 30px;
	left: 10px;
	background: #fff url(/pic/map_pozadi.jpg) repeat-x;
	z-index: 10;
	font-size: 0.7em;
	border: 1px solid #A8B8C9;
	width: 620px;
}*/
#map_objects_akce {
	position: relative;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
#map_objects_akce .druh_akce td {
  padding-left: 17px;
}
#map_objects_akce .druh_akce input {
  margin-left: -17px;
}
#map_objects select, #map_objects_akce select{
	margin-right: 10px;
	font-size: 12px;
}
#map_objects input, #map_objects table, #map_objects_akce input, #map_objects_akce table{
	font-size: 12px;
}
#map_objects table td, #map_objects_akce table td{
	padding-right: 5px;
}
#map_objects_button{
	margin-left: 10px;
	font-size: 1em;
	background: url('/pic/map_tlacitko_pozadi.jpg') repeat-x;
	color: white;
}
#map_objects_button_akce{
	margin-left: 2px;
	font-size: 1em;
	background: url('/pic/map_tlacitko_pozadi.jpg') repeat-x;
	color: white;
}
#print_link_akce{
	position: absolute;
	bottom: -5px;
	right: 0px;
	z-index: 10;
}
#print_link{
	position: absolute;
	top: 30px;
	right: 16px;
	z-index: 10;
}
#print_link_google{
	position: absolute;
	bottom: 50px;
	left: 16px;
}
#print_link a,
#print_link_akce a,
#print_link_google a{
	display: block;
	width: 44px;
	height: 40px;
	background: url(../img/icon_printer.png) no-repeat 0px 0px;
}
#print_link a:hover,
#print_link_akce a:hover,
#print_link_google a:hover{
		background: url(../img/icon_printer.png) no-repeat 0px -40px;
}

#iframe_map {
  width: 650px;
  height: 418px;
  float:left;
  background-color: #ffffff;
  border: 1px solid #fff;
}

#iframe_right {
  width: 275px;
  height: 418px;
  float: left;
  font-size: 83%;
  background-color: #d2e5ea;
  overflow-y: auto; 
  overflow: -moz-scrollbars-vertical;
  border: 1px solid #fff;
  position: relative;
}
#iframe_right .interest_text{
	width: 155px;
}
#iframe_right h3.icon_plus, #iframe_right h3.icon_minus{
	position: relative;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	font-size: 110%;
	color: #fff;
	background: #3195b2 url(../img/box_title_background.jpg) repeat-x;
}
#iframe_right h3.icon_plus a, #iframe_right h3.icon_minus a{
	display: block;
	padding: 1px 10px 1px 28px;
	color: #fff;
	text-decoration: none;
	background: url(../img/icon_plus_title.jpg) 5px 1px no-repeat;
}
#iframe_right h3.icon_minus a{
	background: url(../img/icon_minus_title.jpg) 5px 1px no-repeat;
}
#iframe_right h3.icon_plus a:hover, #iframe_right h3.icon_minus a:hover{
	color: #fff;
}
#iframe_right h5{
	margin: 5px 5px 3px 3px;
	font-size: 110%;
}
.interest ul{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	list-style: square;
}
.interest ul li{
	margin: 0px 0px 3px 0px;
}

.infowindow{
	font-size: 13px;
}
/* ---- Iframe s mapou ---- */
/* ---- Obsah boxu ---- */
/* ---- BOX ---- */

/* ---- MEDIA BOX ---- */
/* foto, video, mapa, ... */
.mediabox{
	margin: 10px 0px 0px 0px;
	border-top: 1px solid white;
}
.mediabox .box_content{
	
}
#media_nophoto{
	padding: 10px 9px 10px 9px;
	text-align: center;
}
#media_nophoto span {
	position: relative;
	bottom: 40px;
	color: #99f;
}
#media_nophoto span a{
	color: #55f;
}
.media{
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 317px;
	height: 245px;
	margin: 0 auto;
	padding-top: 10px;
}
.media img {
	max-width: 317px;
	max-height: 250px;
}

.media .prehled {
	overflow: auto;
	height: 260px;
}

.media .prehled a {
	margin: 5px;
	padding: 2px;
	height: 80px;
	width: 80px;
	background: #ecf3f5;
	vertical-align: middle;
	text-align: center;
}

.media .prehled img {
	max-width: 80px;
	max-height: 80px;
}

.media .prehled a {
	float: left;
}
.media a.pohlednice {
	position: absolute;
	top: 15px;
	right: 5px;
	z-index: 100;
}
.media a.panoramio {
	position: absolute;
	top: 15px;
	left: 5px;
	z-index: 100;
}
.controls{
	padding: 5px 0px 7px 0px;
}
.controls_left{
	padding-left: 13px;
}
.left_arrow{
	float: left;
	width: 18px;
	height: 17px;
	behavior: url(/css/hover.htc);
	background: url(../img/icon_arrow_left.jpg) no-repeat;
}
.left_arrow:hover, .left_arrow.hover{
	background: url(../img/icon_arrow_left.jpg) no-repeat 0px -17px;
}
.count{
	float: left;
	padding: 0px 7px 0px 7px;
	color: #176b82;
}
.right_arrow{
	float: left;
	width: 18px;
	height: 17px;
	behavior: url(/css/hover.htc);
	background: url(../img/icon_arrow_right.jpg) no-repeat;
}
.right_arrow:hover, .right_arrow.hover{
	background: url(../img/icon_arrow_right.jpg) no-repeat 0px -17px;
}
.controls_right{
	padding-right: 13px;
	text-align: right;
}
.more_media{
	padding-right: 22px;
	background: url(../img/icon_gallery.jpg) no-repeat right 0px;
}
.more_media:hover{
	background: url(../img/icon_gallery.jpg) no-repeat right -56px;
}
.controls_select{
	margin: 6px 0px 0px 0px;
	text-align: center;
}
.controls_select select{
	width: 310px;
}
/* ---- MEDIA BOX ---- */

/* ---- WEATHER ---- */
#weather{

}
#weather h3{
	margin: 10px 0px 10px 5px;
	color: #2486a2;
	font-size: 95%;
}
#weather table{
	width: 100%;
	font-size: 80%;
}
#weather table td{
	text-align: center;
}
#weather table td img{
	height: 40px;
}


#weather p{
	margin: 5px 0px 10px 0px;
	padding-right: 10px;
	font-size: 70%;
	text-align: right;
	color: #b7cfdd;
}
#weather p a{
	color: #b7cfdd;
}
#weather p a:hover{
	color: #dd3337;
}
/* ---- WEATHER ---- */

/* ---- REG. LOGO ---- */
#reg_portal{
	margin-bottom: 15px;
	text-align: center;
}
#reg_portal h3{
	margin: 10px 0px 10px 5px;
	color: #2486a2;
	font-size: 95%;
	text-align: left;
}
/* ---- REG. LOGO ---- */

#map_iframe_wrapper, #map_iframe_wrapper_small {
	position: relative;
	height: 400px;
	margin-bottom: 10px;
}
.map_iframe_wrapper_smaller {
	height: 255px !important;
}
#map_iframe_cover{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	display: none;
	z-index: 100;
	background: url(../img/transparent.gif) repeat;
}
#map_iframe_handler {
	width: 597px;	
	height: 6px;
	left: 0px;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/map_resize.png) no-repeat;
	cursor: s-resize;
	position: absolute;
	bottom: 4px;
}



div#panel_video {
	position: relative;
}

ul.video_submenu {
	display: none;
	z-index: 9;
}

ul.video_submenu li {
  margin: 0px;
  padding: 5px;
  background: #3194B1 url(../img/box_title_background.jpg) repeat-x;
  border-bottom: 1px solid #59BBD8;
}
ul.video_submenu li a {
  text-decoration: none;
  color: #fff;
}
ul.video_submenu li:hover {
	background: #13819F;
}
ul.video_submenu li:hover a {
	color: #fff;
	text-decoration: underline;
}

div#panel_video:hover ul {
	display: block;
	position: absolute;
	padding: 0px;
	top: 20px;
	background-color: #4eb1ce;
	width: 200px;
	list-style: none;
	margin: 0px;
	border-bottom: none;
	z-index: 100;
}

.dd_letiste {
	float: left;
}

.media .videoprehled {
	overflow: auto;
	height: 240px;
}

.media .videoprehled div.video, .media .videoprehled div.audio {
	margin: 5px;
	padding: 2px;
	background: #ecf3f5;
	vertical-align: middle;
	text-align: left;
}

.media .videoprehled img {
	max-width: 80px;
	max-height: 80px;
	float: left;
	padding: 0px 10px 5px 0px;
}

/*.media .videoprehled a {
	float: left;
}*/

#heightmap_zoom {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 101;
}


/* ---- ZAJIMAVOSTI ---- */
.interest{
	padding: 0px 0px 7px 7px;
	font-size: 85%;
	clear: left;
}
.interest_dostupnost {
	position: absolute;
	top: 0px;
	right: 5px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(/pic/icon_car.gif);
}

.interest_photo{
	float: left;
	width: 84px;
	margin: 7px 7px 7px 0px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	background-color: #fff;
}
.interest_photo img {
	width: 80px;
}
.interest_photo span, span.vzdalenost{
	padding-left: 4px;
	color: #2986a1;
	line-height: 150%;
	font-size: 100%;
	font-weight: bold;
}
.interest_photo span{
	float: left;
}
span.vzdalenost {
	background-color: #fff;
	padding: 2px;
}
.interest_photo .wheelchair{
	position: absolute;
	bottom: 4px;
	right: 4px;
}
.interest_text{
	float: left;
	width: 230px;
	margin: 7px 0px 0px 0px;
	position: relative;
}
.interest_text h4, .interest_text h2{
	border: 0px;
	padding: 0px;	
	margin: 0px;
	font-size: 110%;
	margin-right: 30px;
}
.interest_text p{
	margin: 10px 0px 10px 0px;
}
.interest_text strong{
	color: #494848;
}
/* ---- ZAJIMAVOSTI ---- */