* {margin:0; padding:0}

body,table {
	font-size:12px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	color: #686C70;
}
body {
	background-color:#6B8092;
	text-align: center;
}
table {
	width: 90%;
	margin: 10px auto;	
}
tr.inHeader td {
    color: #B22828;
    font-size: 14px;
    font-weight: bold;
}
a {
	font-weight: bold;
	color: #505151;	
}
a:hover {
	color: #6B8092;
	text-decoration: none;	
}
ul {
	margin: 5px 3em;
}
h1,h2,h3,h4,h5,h6 {
	color: #B22828;
	margin: 5px 0;
}
h2 {
	margin: 10px;
	border-bottom: 1px solid #B22828; 	
    font-size: 16px;;
}
h4 {
	font-size: 12px;	
}
#container {
	width:988px; margin:0 auto;padding:0;
	background-color:#E5EAEE;
	text-align: left;
}

#left {width:200px; background-color:#E5EAEE; float:left; margin:0 0 20px -988px; } /* zaporna hodnota margin umoznuje pohodlne umiestnovat stlpce bez ohladu na ich poradie v xhtml */
#right { width:200px; background-color:#E5EAEE; float:left; margin:0 0 20px 0;text-align: center;}
#main { width:588px; background-color:#fff;float:left; margin:0 0 20px 200px; display:inline;}

#footer {clear:left; width:988px; background-color:#E5EAEE;text-align: center;padding: 10px 0}
#header {
	width:988px; 
	background: url(/img/header.png) top left no-repeat #86A3B7;
	height: 62px;
	position: relative;
}
#header a {
	position: absolute;
	left: 5px;top: 13px;
    width: 290px;
    height: 40px;
	font-size: 15px;
	color: #fff;
	text-decoration: none;	
}
#header2 {
	width: 588px;height: 223px;
	background: url(/img/beach.jpg) top left no-repeat;
	position: relative;
	left: -5px;
	top: -6px;	
}
#mainMenu {clear:left;width:988px; height: 28px;background: url(/img/menu.png) top left repeat-x;}
#content {padding: 5px;}
#news {
	height: auto;padding: 10px;border: 1px solid #dedede;
	margin: 10px auto;
	width: 540px;
	-moz-border-radius: 2em;
}
#news h2 {
	font-size: 22px;
	border: none;
	margin: 0 0 5px;
	padding: 0;
}
#news h3 {
	font-size: 12px;
	color: #686C70;
	border: none;
	margin-top: 10px;
}

#mainMenu div {
	float: left;background: url(/img/menu.png) top left repeat-x;height: 26px;
	border-right: 1px solid #000;
	border-left: 1px solid #9C9E9E;
	border-bottom: 1px solid #525252;		
} 
#mainMenu a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 6px 0;
	padding: 0 6px;
	display: block;
}
#footer #bottomMenu {
	list-style: none;	
} 
#footer #bottomMenu li {
	display: inline;
	padding: 0 10px;	
}
#right h2 {
    text-align: left;
}
#right .banner {
	position: relative;
	margin: 5px auto;
	text-align: center;	
	width: 146px;
}
#right .banner .text {
	position: absolute;
	left: 10px;
	top: 10px;	
	color: #B22828;
}
#right .banner img {
	border: none;	
}
#right .banner a {
	text-decoration: none;	
}
#right .banner .text {
    background: #6B8092;
    padding: 2px 5px;
    color: #fff;
}
#right .hotTip {
    width: 174px;
    background: #fff;
    margin: 5px auto 10px;
    padding: 3px;
    text-align: justify;
}

#left .randomTour {
	width: 180px;
	margin: 5px auto;
	border-bottom: 2px dotted #dedede;
	background: #fff;
	padding: 5px;	
}
#left .randomTour .name {
	text-align: center;
	display: block;	
}
#left .randomTour img {
    display: block;
    margin: 3px auto;
}

#left .operator {
    text-align: center;
    background: #fff;
    width: 190px;
    margin: 5px auto;    
}

table.states {
	width: 90%;
	margin: 10px auto; 
}
table.states td {
	width: 33%;	
	border: none;
}
table {
	border-collapse: collapse;	
}
td,th {
	border: 1px solid #dedede;
	padding: 1px 5px;
}
th {
	background: #eee;
}
td {
	background: #fff;	
}
tfoot {
	font-weight: bold;	
}

.paginator {
	margin: 10px auto;
	width: 90%;
}

.paginator div {
	display: inline;
}

.hotel {
	border: 1px solid #dedede;
	margin: 20px 10px;
	padding: 10px;
}
.hotel h2 {
	font-size: 14px;
    margin: 5px 0px;
}
.hotel h2 a {
	color: #B22828;
    text-decoration: none;
}
.hotel h2 a:hover {
    text-decoration: underline;
}
.hotel h3 {
    font-size: 13px;
}

label {
	display: block;
	margin-top: 3px;
}
input[type=text],select,textarea {
	border: 1px solid #aaa9a9;	
}

.photos {
	height: 140px;
	overflow: auto;
	border: 1px solid #dedede;
	margin: 10px;
	padding: 10px;
}
.photos img {
    border: none;
    text-decoration: none;
}
.photos .photo {
	margin: 3px;
	float: left;
}
.error-message {
	color: red;
}

#orderForm {
	border: 1px solid #dedede;
	margin: 10px 25px;
	padding: 10px;
}
#orderForm input,#orderForm textarea {
	width: 500px;
}

/* VYHLEDAVANI */
#search {
	-moz-border-radius: 2em;
  	border-radius: 2em;
  	width: 560px;
  	margin: auto; 
    background: url(/img/searchTop.png) #B9B58C top left no-repeat;    
}
#search table {
    line-height: 12px;;
}
#search .searchBottom {
    background: url(/img/searchBottom.png) bottom left no-repeat;;
    height: 28px;
    width: 560px;
    margin-top: -10px;
}
#search,#search td  {
	background-color: #B9B58C;
	color: #fff;	
}
#search td {
	border: none;	
}
#search label,#search legend {
	font-weight: bold;
	color: #B22828;	
    line-height: 12px;;
}
#search input[type=text] {
	width: 100px;	
}
#search div.checkbox label,#search div.input.radio label  {
	display: inline;
	font-weight: normal;
	color: #4B4C4D;
	cursor: pointer;
}
#search fieldset div.chcekbox label {
}
#search input,#search label {
	margin: 3px;
}
#search fieldset {
	border: 0;
}
#search input[type=submit] {
    padding: 2px 10px;
    display: block;
    margin: auto;
}
.states {max-height: 200px !important;overflow: auto;border: 1px solid #dedede;}

/* HOMEPAGE */
#homepageBox h2 {
    font-size: 15px;
    border: none;
    margin: 0 0 5px;
    padding: 0;
}
#homepageBox {
	width: 540px;
    height: 180px;
	padding: 3px 10px;
	margin: 10px auto;
	border: 1px solid #dedede;
	background: url(/img/map.jpg) 10px 15px no-repeat;    
}
#homepageBox .text {
    margin-left: 320px;
    font-weight: bold;
}