/* $Id: home3.css,v 1.11 2011-11-24 10:12:19 pavel Exp $ */

@import "global.css";

body {
	background: #01092f url('images/home_background.jpg') repeat-x center 0px;
}

h1 {
	font-weight: lighter;
	line-height: 120%;
}

#leftback, #rightback {
	position: absolute;
	height: 100%;
	z-index: 0;
	width: 50%;
}
	
#leftback {
	background: #01092f url('images/home_background.jpg') repeat-x center 0px;
	left: 0;
	display:none
}

#rightback {
	background: #01092f url('images/home_background_right.jpg') repeat-x center 0px;
	right: 0;
	top: 100px;
}

#maincontent {
	background: transparent url('images/mapa.jpg') 0px 0px no-repeat;
}

#mapa {
	width: 100%;
	height: 625px;
	margin: 0;
	padding: 0;
	position:relative;
}

#detailmaplink {
	display: block;
	position: absolute;
	z-index: 9999;
	top: 320px;
	left: 15px;
	width: 269px;
	height: 200px;
}

#letoviskalist {
	position:relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}



li.letoviskoli {
	width: 18px;
	height: 30px;
	background: transparent url('images/vlajecka.png') 0px 0px no-repeat;
	position: absolute;
	z-index:10000;
}

li.letoviskoli>a {
	width: 18px;
	height: 30px;
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	z-index:10000;
}

li.letoviskoli div.bubble {
	display:none;
	width: 388px;
	/*background: transparent url('images/bubble.png') 0px 0px no-repeat;*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: -145px;
	bottom: 30px;
	z-index: 10010;
	color: #000;
}
li.letoviskoli div.bubble_inner {
	width: 368px;
	margin: 15px 15px 96px 15px;
}
li.letoviskoli div.bubble a, li.letoviskoli div.bubble div{
	/*position: relative;*/
	z-index: 10011;
}
li.letoviskoli div.bubble div.bubble_back {
	position:absolute;
	width:388px;
}
li.letoviskoli div.bubble div.bubble_top {
	width:388px;
	height:26px;
	background: transparent url('images/bubble_top.png') 0px 0px no-repeat;
	z-index: 10010;
}
li.letoviskoli div.bubble div.bubble_middle {
	padding: 0 15px 0 15px;
	background: transparent url('images/bubble_middle.png') 0px 0px repeat-y;
	width: 388px;
	z-index: 10010;
}

li.letoviskoli div.bubble div.bubble_bottom {
	background: transparent url('images/bubble_bottom.png') 0px 0px no-repeat;
	width:388px;
	height:86px;
	z-index: 10010;
}
li.letoviskoli div.bubble img{
	border: none;
}

li.letoviskoli div.bubble div.bubble_close{
	position:absolute;
	height:12px;
	width:12px;
	top:15px;
	right:15px;
	background: transparent url('images/bubble_close.gif') 0px 0px no-repeat;
	z-index: 10012;
}

li.letoviskoli div.bubble div.bubble_close:hover{
	cursor:pointer;
}

#mapa_link {
	position: absolute;
	left: 241px;
	top: 528px;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}

#mapa_link a{
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	text-decoration:none;
}

#mapa_link a:visited {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	text-decoration:none;
}

#mapa_link a:hover {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	text-decoration:underline;
}

#lupa_icon {
	position: absolute;
	left: 224px;
	top: 530px;
	background: transparent url('images/lupa.png') 0px 0px no-repeat;
	width: 12px;
	height: 13px;
}

#detail_title {
	position: absolute;
	left: 19px;
	top: 530px;
	font-weight: bold;
	font-size: 18px;
	color: #3cdaff;
}

#site {
	margin: 0 auto;
	width: inherit;
}

/* --- CONTENT --- */

#maincontent {
	padding: 0;
	margin: 0 auto;
	position: relative;
}

#content {
	height: auto;
	color: #fff;
	width: inherit;
	
	overflow: visible;
}

#content_home {
	padding: 0 0 0 25px;
	position: relative;
/*	width: inherit;
	float: left;
	margin: 0px auto;*/
}

#home_page_content {
/*	background: url('images/home2_motive.jpg') no-repeat center top;*/
	width: 650px;
	float:left;
/*	margin-left: auto;
  	margin-right: auto;
	padding-left: 150px;
	padding-right: 170px;*/
	/*padding-top: 625px;*/
}

#home_page_text {
	/*padding-left: 150px;
	padding-right: 170px;*/
	padding-right: 0px;
	margin: 0px;
}

#home_ship {
	height: 650px;
	display: none;
}

/* --- FOOTER --- */

#footer {
	color: #3cdaff;
	border-top: #3cdaff 1px solid;
}
#footer a {
	color: #3cdaff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* --- NAVMENU --- */

#homemenu_list, #homemenu_list li {
	list-style: none;
	list-style-type: none;
}
#homemenu_list {
	display: block;
	padding: 0;
	margin: 0 auto;
	padding-top: 353px;
	width: 780px;
	text-align: center;
}

#homemenu_list {display: none;}

#homemenu_list li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	height: 150px;
	width: 190px;
	overflow: hidden;
}
#homemenu_list li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#homemenu_list li a:hover {
	color: #3cdaff;
}
#homemenu_list li.active a {
	color: #3cdaff;
	font-weight: bold;
}
#homemenu_list li a img {
	padding: 0;
	margin: 0 auto;
	display: block;
	border: #fff 1px solid;
	margin-bottom: 1px;
}
#homemenu_list li a img:hover, #homemenu_list li a:hover img {
	display: block;
	border: #3cdaff 1px solid;
}
#homemenu_list li a div {
	padding-top: 8px;
	text-align: center;
	width: 190px;
	height: 34px;
	background: url('images/navmenu_reflex.png') no-repeat center top;
}

/* --- OTHER --- */

p {
	clear: both;
	padding: 0px;
}
#content h2, #content h3 {
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-bottom: 3px;
	line-height: 120%;
	font-size: 17px;
	padding-top: 10px;
}
#content a, #content h3 a, #content h2 a {
	color: #3cdaff;
}
#content a:hover, #content h3 a:hover {
	color: #08c2ff;
}

#content h3.dark,
#content h4 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	padding-top: 5px;
}
#content img.image_right {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px #123985 solid;
	width: 112px;
	height: 75px;
}
#content a:hover img.image_right {
	border-color: #08c2ff;
}
#content .content_link {
	padding-top: 10px;
}
#content .content_link  .inner_content_link h2, #content .content_link  .inner_content_link h3 {
	font-size:14px;
	font-weight:bold;
	padding-top:0;
	color: #3cdaff;
	text_decoration: none;
}

#content .content_link  .inner_content_link h2 a, #content .content_link  .inner_content_link h3 a {
	text-decoration: none;
	outline: none;
}

#content .content_link {
	clear: both;
}

#content .content_link .inner_content_link{
	padding-top: 15px;
	margin-left: 135px;
	width: 515px;
	border-top: 1px #033b62 solid;
}

.medium {
	font-size: medium;
}
.colororange {
	color: rgb(255, 102, 0); 
}
#pruvodce {
	color: #3cdaff;
	font-size: 13px;
	font-weight: regular;
	color: #fff;
}

#pruvodce h1 {
	color: #3cdaff;
	font-size: 25px;
	font-weight: bold;
	line-height: 29px;
	padding: 0;
	margin: 0;
}

#pruvodce h2 {
	color: #3cdaff;
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
	padding: 0 0 0 0;
	margin: 0;
}

#pruvodce h3 {
	color: #3cdaff;
	font-size: 16px;
}

#pruvodce table {
	display: block;
	margin-bottom:5px;
}

#pruvodce a{
	text-decoration: none;
	outline: none;
}

#pruvodce p {
	margin: 0 0 0 0;
}

#pruvodce h1 + p {
	margin: 22px 0 0 0;
}

#pruvodce h2 + p {
	margin: 24px 0 0 0;
}

#pruvodce .separator {
	margin: 8px 0 7px 0;
	font-size: 16px;
	clear: both;
}

.colorred {
	color: red;
}



.dulezite_slovo {
	color: #fff;
}
	
.small {
	font-size: small;
}
.rightspan {
	display:block;
	height:18px;
	padding-top:8px;
	text-align:center;
	width:168px;
}
.params {
	background-color:#0099CC;
	color:#FFFFFF;
	padding:20px;
}
.footer_a {
	color:#3cdaff;
}

#dovolenasdetmiheader {
	color: rgb(255, 255, 255);
	font-size: 13px;
	font-weight: bold;
	margin: 0pt;
	padding: 20px 10px 0px 30px;
}

.homerightpanellist li{
	list-style:none outside none;
	margin-bottom:10px; 
}
#pruvodce {
	float:right;
	padding-top:33px;
	padding-left: 22px;
	width:275px;
	text-align: left;
	background: transparent url('images/aktuality_background.png') 0px 0px no-repeat;
	min-height: 666px;
}

#nejoblibenejsiletoviskaheader {
	color: rgb(255, 255, 255);
	font-size: 13px;
	font-weight: bold;
	margin: 0pt;
	padding: 0px 10px 0px 30px;
}

#homeactualities {
	padding-left:30px; 
}