/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body,h1, h2, h3,p, ul, img, li,form {
	border:0;
	margin:0px;
	padding:0px;
}
/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body,form, input {
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

body{
	background:#42bdf6 url('../images/bg/bg.png');
	background-repeat: repeat-x;
}

h1{
	font-size:24px; 
	/* ...other properties... */
}
h2{
	font-size:18px; /* ...other properties... */
}
h3{
	font-size:13px; /* ...other properties... */
}
a:link, a:visited{
	color:black;
	text-decoration: underline;
}
a:hover {
	color:black;
	text-decoration: none;
}
/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
	#pasik-up{
    width:auto;
    margin-left:auto;
    margin-right:auto;
    background:url('../ximages/bg/top_line_bg.jpg');
    background-repeat:repeat-x;
    background-position:top center;
    height:38px;
  }
  
  #pasik-center{
    width:1004px;
    margin-left:auto;
    margin-left:auto;
    margin-right:auto;
  }
  
 #pasik-tel{
    margin-left:780px;
    background:url('../ximages/bg/top_line_tel.jpg');
    width:218px;
    height:38px;
    float:left;
  }
  
  #pasik-tel p{ color:white; padding-top:15px; padding-left:40px; }

  #pasik-tel a {
	  color: white;
}

#pasik-tel a:hover {
	  text-decoration:underline;
}

  #pasik-mail{
    background:url('../images/bg/top_line_mail.jpg');
    width:167px;
    height:38px;
    float:left;
  }
  
  #pasik-mail p{
    color:white;
    padding-top:15px;
    padding-left:55px;
  }
  
  #pasik-mail a{
    color:white;
    text-decoration:none;
  }
	
  .container{
		margin:0 auto;
		width:1004px;
		background:url('../images/bg/content_bg_center.jpg');
		padding-top:20px;
		position: relative;
	}
	/* ---------------------------*/

	#navbar{
     margin-left:auto;
     margin-right:auto;
     width:959px;
     height:39px;
     background:white url('../images/bg/top_navbar_bg.png');
     padding-left:45px;
	 margin-top:30px;
		}

    .chromestyle{
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{

padding: 12px;
margin: 0;
/*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
font-weight:bold;
font-family:arial;
font-size:14px;
color: white;
padding: 10px;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background:#797979 url('../images/bg/menu_hover_bg.jpg');/*THEME CHANGE HERE*/

border-bottom:none;

background-repeat:repeat-x;
padding-top:19px;
padding-bottom:13px;
padding:10px;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
margin-top:-2px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background:url('../images/bg/menu_dropdown_bg.jpg');
background-repeat:repeat-y;
width: 150px;
visibility: hidden;
padding-left:0px;
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;

padding: 2px 0;
text-decoration: none;
font-weight:normal;
font-family:tahoma;
font-size:11px;
color: white;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/

	font-weight:bold;
}


  /*////////////////////////////////////////////*/
	/* ---------------------------*/
	/* HEADER */
		#header{
		  margin-top:0px;
		  background:url('../images/bg/header_bg.gif');
      height:218px;
      width:974px;
      margin-left:auto;
      margin-right:auto;
	  padding-right:30px;
		}
		
		#header img{
      
      float:left;
      margin-right:30px;
    }
    
    #header h1{
      font-family:georgia;
      font-size:30px;
      color:white;
      font-weight:normal;
      padding-top:50px;     
    }
    
    #header p{
      padding-top:20px;
      color:white;
    }
	/* ----------------------------*/
	/* COLUMN LEFT */

		#column-left{
			background:url('../images/bg/content_medium_pink.jpg');
			background-repeat:no-repeat;
			background-position:top right;
			float:left;
			margin-right:0px;
			padding-left:28px;
			width:474px;
			height:140px;
			cursor: pointer;
		}
		
	#column-left img{
      border:3px solid;
      border-color:#99c3d7;
      float:left;
      margin-right:15px;
	  cursor: pointer;
    }
    
    #column-left a{
    	text-decoration: none;
    }
		
    #column-left a:hover h2{
    	text-decoration: underline;
    }
		
    #column-left h2{
	    color:#20688B;
		font-family:georgia;
		font-weight:normal;
	    font-size:18px;
		xcursor: pointer;
	}
	
		#column-left p{
		  padding-top:15px;
		  cursor: pointer;
		 		}
		
    .text{
      float:left;
      width:230px;
      height:125px;
    }
		.button{
		   float:left;
       width:194px;
       height:25px;
       background:url('../images/buttons/prezriet_kategoriu.png');
       border:none;
       cursor:pointer;   
    }
    
	/* ---------------------------*/
	/* COLUMN RIGHT (Sidebar */
		#content{
			background:url('../images/bg/content_medium_grey.jpg');
			background-repeat:no-repeat;
			background-position:bottom left;
			float:left;
			padding-left:15px;
			width:487px;
			height:140px;
			cursor: pointer;
		}

		#content a{
			text-decoration: none;
		}
		
		#content a:hover h2{
			text-decoration: underline;
		}
		
	#content img{
      border:3px solid;
      border-color:#99c3d7;
      float:left;
      margin-right:15px;
	  cursor: pointer;
    }
    
    #content h2{
      color:#20688B;
			font-family:georgia;
			font-weight:normal;
      font-size:18px;
xcursor: pointer;
		}
		
		#content p{
		  padding-top:15px;
		 cursor: pointer;
		 
		}
		
		.tien{
		  clear:both;
      width:1004px;
      height:27px;
      background:url('../images/images/content_tien.jpg');
      background-repeat:no-repeat;
      background-position:top center;
    }
    
    .row2 h2{
      color:#20688b;
      font-size:16px;
      padding-top:20px;
	  font-family:georgia;
	  font-weight:normal;
    }
    
    .row2 p{
      color:black;
      font-size:11px;
      font-family:verdana;
      padding-top:5px;
      width:217px;
      float:left;
	  cursor: pointer;
    }

	.row2 img{
		cursor: pointer;
	}
	
	.row2 a{
		text-decoration: none;
	}
	
	.row2 a:hover h2{
		text-decoration: underline;
	}
    
    .small-content1{
      margin-left:18px;
      float:left;
      padding-left:10px;
      width:228px;
      height:233px; 
      background:url('../images/bg/content_small_grey.jpg'); 
    }
    
    .small-content2{
      float:left;
      padding-left:10px;
      width:237px;
      height:233px;
      background:url('../images/bg/content_small_pink.jpg');  
    }
    
   .small-content3{
      float:left;
      padding-left:10px; 
      width:236px; 
      height:233px;
      background:url('../images/bg/content_small_silver.jpg');
    }
    
    .small-content4{
      float:left;
      padding-left:10px; 
      width:223px;
      height:233px;
      background:url('../images/bg/content_small_green.jpg');
    }
    
    .small-content{
      border:3px solid;
      border-color:#99c3d7;  
    }

	#show-all{
		margin-left:20px;
		margin-bottom:30px;
		background:url('../images/bg/all_trips_bg.gif');
		height:31px;
		width:215px;
		text-align:right;
		padding-left:750px
  }
  
  #show-all .odkaz{
    background:url('../images/icons/all_trips_arrow.gif');
    background-position:center right;
    background-repeat:no-repeat;
    width:200px;
    height:21px;
    padding-top:10px;
    text-align:left;    
  }
  
  #show-all a div{
    color:#4890b2;
    font-size:11px;
    font-family:verdana;
    font-weight:bold;
  }
    
    #row3 h2{
      color:#20688b;
      font-size:16px;
      margin-top:5px;
    }
    
    #row3 p{
      color:black;
      font-size:11px;
      font-family:verdana;
      margin-top:10px;
      width:210px;
    }
    
    #row3 a{
      color:#20688b;
      font-size:11px;
      font-family:verdana;
      font-weight:bold;
    }
    
    #row3 a.more{
    	font-weight: normal;
    }
    
    #row3 a.more:hover{
    	text-decoration: underline;
    }
    
    #small-content-down1{
      margin-left:18px;
      float:left;
      padding-left:10px;
      width:228px;
      height:125px;
    }
    
    #small-content-down2{
      float:left;
      padding-left:10px;
      width:237px;
      height:125px;
	  
    }
    
    #small-content-down3{
      float:left;
      padding-left:10px; 
      width:236px; 
      height:125px;
	 
    }
    
    #small-content-down4{
      float:left;
      padding-left:10px; 
      width:223px;
      height:125px;
	 
    }
    
	/* ---------------------------*/
	/* FOOTER (Sidebar */
		
    
    .no-border{
      border:none;
    }

	/*--------------------------*/
				#footer{
			clear:both;
			height:126px;
			padding-left:30px;
			padding-right:40px;
      background:url('../images/bg/footer_high_bg.jpg');
      width:934px;
      margin-right:auto;
      margin-left:auto;
	  margin-bottom: 20px;
		}

		#footer img{
      margin-top:9px;
      
    }

    #footer-text{
      margin-top:10px;
      text-align:left;
      vertical-align:center;
      padding-top:15px;
      color:white;
      font-size:11px;
      font-family:verdana;
    }

    #footer-logo{
      background:url('../images/logos/desirea_small_logo.png');
      height:33px;
      width:134px;
      margin-top:20px;
    }

    #footer-left{
      float:left;
      width:305px;
    }

    #footer-center{
      float:left;
      padding-top:30px;
      color:white;
      width:450px;
    }

    #footer-center a {
      color:white;
      text-decoration:none;
      padding:5px;
    }

    #footer-center a:hover{
      color:white;
      text-decoration:none;
      padding:5px;
      background:url('../images/bg/footer_menu_top_text_bg.jpg');
    }

    #footer-center .blue_bg{
      color:white;
      text-decoration:none;
      padding:5px;
      background:url('../images/bg/footer_menu_top_text_bg.jpg');
    }

    #footer-right{
      float:left;
       width:170px;
      text-align:right;
      padding-top:15px;
      color:white;
    }

     #footer-right a{
      color:#6dcff6;
      text-decoration:none;
    }

    #footer-text a{
      color:#6dcff6;
    }

    .web-by{
      color:#6dcff6;
    }
	 .no-border{
      border:none;
    }

    .hidden{
      display:none;
    }

    .unhidden{
      display:block;
    }
    .focusable{
		border:1px solid gray;    
	}
    
	.focusable:focus{
		border:1px solid orange;
	}

	#informacie{
		overflow-y: hidden;
}

a#boxik{
    background: url('../images/bg/boxik-pozadie.jpg');
    height: 290px;
    position: absolute;
    right: -103px;
    top: -256px;
    width: 103px;
}

#boxik #ruka{
    position: absolute;
    right: 25px;
    top: 10px;
}