/** General **/
html {
  height: 100%;
  margin-bottom: 0px;
}


body {
  color:  #454b55;
}

img,table {
	border: none;
	
}


body {
	font-family: Arial;
	/*line-height: 1.3em;*/
	margin: 0;
	padding: 0;
	font-size: 12px;
	background-color: #F3F3F3;
}

a{
	text-decoration: none;
	color: #eb471b;  
}

a:hover {
	text-decoration: underline;
}
	
#page h2 a{
  font-weight: bold;
  font-size:  18px;
  color: #eb471b;  
  font-family: Arial;
}

h2{
  margin:0px;
  margin-bottom: 3px;
}

ul {
  list-style-type: none;
  margin:0px;
  padding-left: 0px;
}

/** END general **/

/** Skelet **/

div#page {
  	width: 980px;
	  margin: 0 auto;
	  background-color: #FFFFFF;
  
}

div#top {
  display: block;
	width: 900px;
	height: 86px;
	margin: 0 auto;
	text-align: left;
	border-top: 2px solid #EB471B;
}

a#logo{
  display: block;
  float: left;
  margin: 0px;
  width: 230px;
  height: 84px;
}

.logo_en{
  background:transparent url(../../images/frontend/logo_en.jpg) left no-repeat;
}

.logo_sk{
  background:transparent url(../../images/frontend/logo_sk.jpg) left no-repeat;
}

div#talk{
  display: block;
  float: left;
  margin: 0px;
  padding-left: 50px;
  margin-left: 50px;
  width: 305px;
  height: 84px;
  background:transparent url(../../images/frontend/talk_icon.jpg) left no-repeat;
}

div#talk span.title {
  padding-bottom: 3px;
  display: block;
  margin-top: 23px;
  margin-bottom: 3px;
  color: #eb471b;
  font-weight: bold;
  font-size: 12px;
  width:305px;
  background:transparent url(../../images/frontend/line_potrebujete_poradit.jpg) bottom no-repeat;
}

div#talk span.info {
  display: block;
  font-size: 11px;
}

div#talk span.info p{
  float: left;
  margin: 0px;
  margin-right: 5px;
}


div#links-and-lang{
  display: block;
  float: right;
  margin: 0px;
  width: 243px;
  height: 87px;
  background:transparent url(../../images/frontend/links_aktual_blog.jpg) right bottom no-repeat;
}

div#header-links {
  display: block;
  float: right;
  width: 215px;
  height: 30px;
  margin-top:  11px;
  margin-right: 24px ;
} 


div#header-links a{
  display: inline;
  float: left;
  width: 106px;
  height: 30px;  
} 


div#lang{
  display: block;
  float: right;
  margin: 0px;
  padding-top:5px;
  padding-right: 35px;
  font-weight: bold;
  width: 100px;
  height: 23px;
  margin-top:11px;
  text-align: right;
}

ul#lang li{
  display: block;
  float: right;
  margin: 0px;
  padding-top:5px;
  padding-right: 35px;
  font-weight: bold;
  width: 100px;
  height: 23px;
  margin-top:11px;
  text-align: right;
}

ul#lang li.en
{
  background:transparent url(../../images/frontend/flag_en.jpg) right no-repeat;
}

ul#lang li.sk
{
  background:transparent url(../../images/frontend/flag_sk.jpg) right no-repeat;
}

div#langs ul#lang li
{
  display: block;
  float:left;
  list-style-type:none;
  margin:0;padding:0;
  margin-right: 5px;
  color: #214D79;
}

ul#lang {
  margin-right: 5px;
  margin-top:5px;
  float:right;
}

ul#lang li.active
{
  font-weight: bold;
  
}

ul#lang li a
{
  color: #214D79;
  
}


div#content-space{
	width: 900px;
  margin: 0 auto;
  padding: 29px 0px 20px 0px;
	background:transparent url(../../images/frontend/content_space_bg.jpg) top center no-repeat;
  text-align: left;
}


/** end skelet **/


/**  MAIN MENU  **/

div#main-menu {
  display: block;
	width: 900px;
	height: 43px;
	margin: 0 auto;
	text-align: left;
	background: url(../../images/frontend/menu_bg.jpg) top center no-repeat;  
	
}

div#main-menu ul li {
  float: left;
  display: inline-block;
  height: 43px;
  margin-right: 4px;
  background: url(../../images/frontend/separate.jpg) left no-repeat;  
}

div#main-menu ul li:first-child {
  
  background: none;  
}

div#main-menu a {
  height:28px;
  padding: 15px 18px 0px 22px;
  cursor: pointer;
  display: inline-block;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: arial;
  
  
}


div#main-menu ul li.active a {
  background: url(../../images/frontend/active_menu.jpg) center bottom no-repeat;  
}


/**  end main menu **/



/** destinations-menu  **/
div#destinations-menu{
  width: 200px;
  float: left;
  margin-right: 4px;
  background-color: white;
}

div#destinations-menu h2{
  display: block;
  width: 182px;
  margin: 0px;
  margin-top:10px;
  padding-left: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #EB471B;
  font-weight: normal;
  font-size: 21px;
  color: #454b55;
  
}

div#destinations-menu ul li{
  background: url(../../images/frontend/line.jpg) center bottom no-repeat;
  
	padding-bottom: 2px;
}

div#destinations-menu a.sub-menu-item {
  width: 195px;
  display: block;
	padding: 0;
	padding-left: 4px;
	padding-top: 4px;
	color: #00213C;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	margin-bottom:3px;
	background: url(../../images/frontend/arrow.jpg) left top no-repeat;
	
}

div#destinations-menu a.sub-menu-item p{
  margin:0;
  padding:0;
  margin-left: 26px;
  width: 170px;
  
  line-height: 1.3;
  
}

div#destinations-menu ul li ul li{
  margin-left:24px;
  padding-top:3px;
  padding-bottom: 7px;
  
  }  
 

a.sub-menu-item span {
  padding-left: 25px;
  margin-top:3px;
  
}



/** END sub menu**/


/** search panel **/

div#search-panel {
  width: 228px;
  height: 24px;
  float: right;
  margin-right: 20px;
  margin-top: 8px;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
}

div#search-panel input {
  width: 180px;
  border: 0px;
  margin: 0px;
  height: 18px;
  position: relative;
  top: 3px;
  left: 0px;
}

div#search-panel button {
  width: 35px;
  height: 22px;
  background:transparent url(../../images/frontend/search_button.jpg) left no-repeat;
}


/** For OPERA **/

@media all and (min-width: 0px){
    div#search-panel input {
      width: 180px;
      position: relative;
      top: -5px;
      left: 0px;
      border: 0px;
      margin: 0px;
      height: 14px;
    }
}

/** **/

/** END search panel **/

input.button, button {
  border: 0px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  
}

input.button {
  width: 76px;
  height: 22px;
  padding:0px;
}

/** Content **/

div#left-column{
  display: block;
  width: 200px;
  float: left;
  margin-right: 20px;
  
}


div#right-column{
  float: right;
  width: 200px;
  margin-left: 20px;
  
}

div#banner-right {
  display: block;
  width: 200px;
  height: 286px;
}
div#content-space-lite {
  width: 900px;
  margin: 0 auto;
  padding: 29px 0px 20px 0px;
  text-align: left;
  }

div#content-space-lite div#article {
  border-top: 0px;
}

div#main-content {
	float: left;
	width: 680px;
  min-height: 362px;
	text-align: left;		
  font-family: Arial;
  margin-bottom: 20px;  
}

div#main-content ul{
	padding-left: 40px;
	list-style-type: disc;
	
}

div#main-content h2.title,a.title {
	font-size: 30px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
	
	}



  
div#content  {
	float: left;
	width: 460px;	
}

div#article {
  
  border-top: 2px solid #B1BDBF;
}

div#content-title {
  float: left;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
  font-size: 30px;  
}



	
	
/** END content **/	

ul.date-item
{
  
}

ul.date-item li
{
  float: left;
  border-right: 1px solid;
}

	
/** not used **/
	
div#partners {
  position: relative ;
  left:0px;
  bottom: 0px;
	float: left;
	margin-top:15px;
	width: 493px;
	height: 153px;
	background: url(../../images/partners_bg.jpg) top center no-repeat;
	
	}	
	
div#partners div#logos {
  float:left;
  width:493px;
  height:130px;
  
  }	
div#partners div#links {
  float:left;
  width:478px;
  padding-left: 15px;
} 

div#partners div#links a{
  float:left;
    display: block;
    font-size: 11px;
    padding-left: 22px;
    margin-right:15px;
    color:#646464;
  }	
	
div#partners div#links a#send_link{
  background: url(../../images/send_link_icon.gif) left center no-repeat;
  }		
  
div#partners div#links a#print_link{
  background: url(../../images/print_icon.gif) left center no-repeat;
  }		
  
div#partners div#links a#bookmarks_link{
  background: url(../../images/add_to_book_icon.gif) left center no-repeat;
  }		  
  
div#partners div#links a#contac_me_link{
  background: url(../../images/contact_me.gif) left center no-repeat;
  }	  
	
/** END not used **/	
	


.clr {
	clear: both;
}



#page_bg {
	padding: 0;
	margin-bottom: 1px;
}

/** Footer **/
div#footer {
  padding-top: 20px;
  margin: 0px auto;
  height: 115px;
  width: 900px;
  background: url(../../images/frontend/footer_bg.jpg) #FFFFFF top center no-repeat;
}


div#footer div#copyright {
  text-align: left;
  float:left;
  margin-left:20px;
  display: block;
  font-family: Tahoma;
  font-size: 10px;
  width: 390px;
}
div#footer div#footer-logo {
  display: block;
  float: right;
  margin: 0px;
  margin-right: 10px;
  width: 130px;
  height: 30px;
  }
  
div#footer div.en {
  background: url(../../images/frontend/logo_small_en.gif) #FFFFFF top center no-repeat;
  } 
  
div#footer div.sk {
  background: url(../../images/frontend/logo_small_sk.gif) #FFFFFF top center no-repeat;
  } 
  
div#footer div#text ul li:first-child {
  font-size:  17px;
  }

/** END footer **/

#sgf {
	font-size: 11px;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	color: #2c1a00;
	font-family: Georgia, "Trebuchet MS", sans-serif;
}


div#banner-content a{
  display: block;
  width: 460px;
  height: 130px;
}
/** Destination module **/


div#destination-recommend-list {
  margin-top: 20px;
  padding: 15px;
  width: 170px;
  background-color: #F4F6F8;
  }
  
div#destination-recommend-list ul{
  list-style-type: none;
  margin:0px;
  padding-left: 0px;
}

div#destination-recommend-list ul li.item {  
  padding-top:10px;
  
  margin-bottom: 10px;
  background: url(../../images/frontend/line.jpg) center top no-repeat;
}

div#destination-recommend-list ul li.item:first-child {
  background: url(../../images/frontend/destinacia_separator.jpg) top center no-repeat;
}
div#destination-recommend-list ul li.item h2{
  margin: 0px;
  font-weight: bold;
  font-size:  13px;
  color: #eb471b;
}

div#destination-recommend-list ul li.item h3{
  margin: 0px;
  font-weight: normal;
  font-size:  11px;
  color: #eb471b;
}

div#destination-recommend-list ul li.item h4{
  margin: 0px;
  font-weight: normal;
  font-size:  11px;
}

div.top-line { 
  display: block;
  width: 100%;
  height: 1px; 
  border-top: 2px solid #B1BDBF;
}

div#destinations-list {
  width: 420px;
  padding: 20px;
  padding-top: 10px;
	background-color: #F4F6F8;
}

div#destinations-list ul{
  list-style-type: none;
  margin:0px;
  padding-left: 0px;
}

div#destinations-list h2{
  font-weight: normal;
  font-size: 21px;
  color: #454b55;
  margin-bottom: 10px;
}

div#destinations-list ul li.item {
  padding-top: 20px;
  width: 420px;
  height: 107px;
  background: url(../../images/frontend/destinacia_separator.jpg) top center no-repeat;
}

div#destinations-list ul li.item:first-child {
  background-image: none;
}


div#destinations-list ul li.item div.description h2 {
  margin: 0px;
  margin-bottom: 8px;
  font-weight: bold;
  font-size:  18px;
  color: #eb471b;
}

div#destinations-list ul li.item div.description h2 a{
  font-weight: bold;
  font-size:  18px;
  color: #eb471b;  
  font-family: Arial;
}

div#destinations-list ul li.item div.description h3{
  margin: 0px;
  font-weight: bold;
  font-size:  13px;
  color: #eb471b;
}

div#destinations-list ul li.item div.description h4{
  margin: 0px;
  font-weight: normal;
  font-size:  11px;
  color: #454b55;
}



div#destination-detail div.panel {
  float: left;
  width:  330px;
  padding-bottom: 20px;
}

div#destination-detail div.left {  
	background-color: #F4F6F8;
  margin-right: 20px;
}

div#destination-detail div.panel {
  float: left;
  width:  330px;
}

div#destination-detail div.left div#links {
  display: block;
  margin-top: 1px;
  margin-bottom: 10px;
  height: 33px;
  width:  330px;
}

div#destination-detail div.left div.sk {
  background: url(../../images/frontend/destinacia_links_bg_sk.jpg) bottom center no-repeat;
}

div#destination-detail div.left div.en {
  background: url(../../images/frontend/destinacia_links_bg_en.jpg) bottom center no-repeat;
}

div#destination-detail div.left div#links .link {
  display: inline-block;
  float: left;
  height: 30px;
  width:  107px;
}

div#destination-detail div.left .price {
  color: #eb471b;
  font-size: 18px;
  font-weight: bold;
}

div#destination-detail div.left .text{
  display: block;
  padding: 12px;
  width:  306px;
  background: url(../../images/frontend/destinacia_separator_bg.jpg) bottom repeat-x;
}



/** END destination module    **/


/** Search-engine Component **/

div#search-engine {
  display: block;
  height: 244px;
  width: 440px;
  padding: 20px 0px 20px 20px;
  background: url(../../images/frontend/search_photo_bg.jpg) top center;
  color: #454a54;
  margin-bottom: 20px;
  
}

div#search-engine div.element, input#submit{
  float: left;
  margin-right: 19px;
  margin-bottom: 5px;
  cursor: pointer;
  
}

div#search-engine input#submit{
  margin-top:10px;
  font-family: Century Gothic;
  font-weight: bold;
  font-size: 18px;
  color:#FFF;
  border: 0px;
  display: block;
  width: 143px;
  height: 43px;
  background: url(../../images/frontend/submit_search.jpg) top center;
  cursor: pointer;
}

div#search-engine label{
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
  
}

div#search-engine h2{
  margin: 0px;
  font-weight: normal;
  font-size: 21px;
  color: #454b55;
  margin-bottom: 12px;
  
}
div#search-engine select.big{
  display: block;
  width: 200px;
  
}


/** END search-engine component **/


/** Gallery Module **/

div#gallery-list
{
  margin-top: 20px;
}

ul#gallery-imagebox {
  width: 640px;
  margin:0;
  padding:0;
  padding-left: 0px;
  padding-top: 8px;
  background-color: #F4F6F8;
}

ul#gallery-imagebox li
{
  display: block;
  float:left;
  list-style-type:none;
  margin:0;
  padding:0;
  margin-right: 10px;
  margin-bottom: 10px;
}
/** END **/

/** Mailing list - module **/

div#mailing-list {
  display: block;
  float: left;
  width: 220px;
  height: 139px;
  background: url(../../images/frontend/mailing_list_bg.jpg) top center;
  
}

div#wish-list {
  display: block;
  float: left;
  width: 220px;
  height: 139px;
  margin-left: 20px;
  background: url(../../images/frontend/wish_list_bg.png) top center;
  
}

div#mailing-list div.text ,div#wish-list div.text{
  margin: 50px 20px 5px 20px; 
  font-size: 11px;
  color: white;
}

div#mailing-list input.submit ,div#wish-list input.submit{
  margin-top: 10px;
  border: 0px;
  width: 22px;
  height: 22px;
  background: url(../../images/frontend/button_bg.jpg) top center;
  cursor: pointer;
}

div#mailing-list input#email ,div#wish-list input#email{
  margin-top: 10px;
  width: 149px;
  height: 15px;
  
}


/** END **/

/** Calendar - module **/

table#calendar {
  background-color: #F9FAFB;
  border-collapse: collapse;
  text-align: center;
}

table#calendar th{
  font-weight: normal;
  text-align: center;
  font-size: 11px;
}

table#calendar th:first-child{
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  padding: 5px 3px 5px 10px;
}


table#calendar td{
  width: 40px;
  height: 29px;
  border-bottom: 1px solid #D0D2D5 ;
  border-top: 1px solid #D0D2D5 ;
  font-size: 11px;
}

table#calendar td:first-child{
  width: 159px;
  text-align: left;
  font-weight: bold;
  padding: 2px 3px 2px 10px;
}

table#calendar td.cell-day{
  background-color: #E3E5E7;
}

table#calendar td.cell-1{
  background-color: #F2F3F4;
}


/** END **/

/** form-box **/

div.form-box {
  display: block;
  float:left;
  margin-bottom: 20px;
  width:680px;
  background-color: #F5F6F8;
  padding-bottom: 20px;
}


div.form-box div.title {
  padding: 20px;
  width: 640px;
  font-size: 18px;
  background: url(../../images/frontend/destinacia_separator_bg.jpg) bottom repeat-x;
}

div.half {
  width: 330px;
}

div.form-box div.half {
  width: 290px;
}

div.form-box .body {
  padding: 3px 18px 0px 20px; 
  
}




h2.dest-title {
  margin: 3px 0px 8px 0px;
  font-size:  18px;
  color: #eb471b;
}

h3.dest-title{
  margin: 0px;
  font-size:  13px;
  color: #eb471b;
}

div.rezerv {
  width: 100%;
  font-weight: normal;
  }
  
div.form-box  p { 
    clear: both; 
    margin: 0px;
    margin-top: 5px;
    }

    
div.form-box label {
  font-weight: normal;
  float: left;
  width: 8.9em;
  padding-top: 2px;
  }

div.form-box  b {
  color: #eb471b;
  }

div.form-box .elem-group {
  float: left;
  margin-bottom: 5px;
  width: 173px ;
  
  }
div.form-box  input, textarea {
  border: #B3B3B3 1px solid;
  margin-left: 0px;
}

#submit{
  margin-top:10px;
  padding: 0px;
  font-family: Century Gothic;
  font-weight: bold;
  font-size: 18px;
  color:#FFF;
  border: 0px;
  display: block;
  width: 143px;
  height: 43px;
  background: url(../../images/frontend/submit_search.jpg) top center;
  cursor: pointer;
}

/** END **/

/** Kontakt Page **/
div.kontakt {
  display: block;
  float: left;
  width: 330px;
  min-height: 450px;
  background-color: #F5F6F8;
}

html div.kontakt { 
 height: 450px;
}

div.kontakt .title {
  padding: 20px;
  width: 290px;
  font-size: 18px;
  background: url(../../images/frontend/destinacia_separator_bg.jpg) bottom repeat-x;
}

div.kontakt .body {
  padding: 10px 20px 20px 20px;
  width: 290px;
  
  
}

div.request-form {
  margin-left: 20px;
}

div.request-form .button {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  width: 106px;
  height: 22px;
  padding-bottom: 5px;
  background: url(../../images/frontend/contact_button_send.jpg);
  border: 0px;
}

div.request-form th {
  font-weight: normal;
    
}

div.request-form input, textarea {
  font-weight: normal;
  margin-bottom:3px;
  margin-top: 0px;
  border: #B3B3B3 1px solid;
}

div.request-form .error-message {
  color: #eb471b;
}


/** END **/

/** PAGER  **/

div.pager {
  color: #FFFFFF;
  margin: 10px 12px 10px 12px;

}

div.pager a {
  display: block;
  float: left;
  padding: 3px 7px 3px 7px;
  margin: 0px 3px 0px 3px;
  color: #FFFFFF;
  font-weight: bold;
  background: url(../../images/frontend/pager_bg.jpg);
}

div.pager span {
  display: block;
  float: left;
  padding: 3px 7px 3px 7px;
  margin: 0px 3px 0px 3px;
  font-weight: bold;
  background: url(../../images/frontend/pager_bg_active.jpg);
}

/** END **/


div#request-from th {

text-align: left;
}



/** Poll - Module **/
div#content .anketa ul{list-style-type: none;}
.anketa {color: #214D79; width: 450px; margin: 20px 10px 50px 10px;  font-family: Trebuchet MS, Verdana, serif;}
.anketa .note{text-align: right; }
.anketa ul {padding-top: 5px; list-style-type: none ;}
.anketa li.otazka {font-weight: bold; font-size: 13px;}
.anketa li { padding-bottom: 3px; margin: 0px; line-height: 13px}
.anketa li.odpoved {color:#2D2D2D; text-decoration: none; font-size: 11px;}



#anketa {color: #214D79; width: 140px; margin: 20px 10px 10px 10px;  font-family: Trebuchet MS, Verdana, serif;}
#anketa .note{text-align: left; }
#anketa ul {padding-top: 5px; list-style-type: none ;}
#anketa li { padding-bottom: 3px; margin: 0px; line-height: 13px}
#anketa a {color:#2D2D2D; text-decoration: none; font-size: 11px;}
#anketa a:hover {text-decoration: underline;}

/** End poll module **/

/** Newsletter module **/

#newsletter {color: #214D79; width: 140px; margin: 20px 10px 10px 10px;  font-family: Trebuchet MS, Verdana, serif;}
#newsletter .note{text-align: left; }
#newsletter a {color:#2D2D2D; text-decoration: none; font-size: 11px;}
#newsletter a:hover {text-decoration: underline;}


.clr {
	clear: both;
}
/** End newsletter module **/
