@import url(reset.css);

BODY {
	width: 100%;
 	margin: 0;
 	padding: 0;
	color: #000;
	font: normal 12px Verdana;
	text-align: center;
	background: #fff url(../images/background_body.png) repeat-x top;
}


a {
	text-decoration: none;
	color: #368DC0;
}
 
p {
  font: normal 12px/18px Verdana, Tahoma, Helvetica, Arial;
  margin: 0;
  padding: 0;
}

/* H */
h1 {
  font: bold 15px Verdana, Tahoma, Helvetica, Arial;
  color: #1B4377;
  margin: 0;
  padding: 0;
}

h2 {
  font: normal 12px Verdana, Tahoma, Helvetica, Arial;
  color: #1B4377;
  margin: 0;
  padding: 0;
}

h3 {
  font: bold 14px Verdana, Tahoma, Helvetica, Arial;
  color: #1B4377;
  margin: 0;
  margin-top: 15px;
  padding: 0;
}

h5 {
  font: bold 15px Verdana, Tahoma, Helvetica, Arial;
  color: #1B4377;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #1B4377;
}

#container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	*text-align: center;
	overflow: hidden;
}

#header {
	width: 960px;
	height: 115px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #fff;
	font: normal 16pt Verdana;
	float: left;
	background: transparent url(../images/header_title.png) no-repeat left 29px;
}

#header h1 {
  padding: 0;
  margin-top: 78px;
	color: #fff;
	font: normal 16px Verdana;
	float: left;
}

#header ul {
  padding: 0;
  margin: 67px 0 0 65px;
  display: inline-block;
  *float: left;
}

#header li {
  padding: 0;
  margin-right: 15px;
  display: inline;
	float: left;
}

#header li.contact {
  padding: 0;
  margin: 0;
  margin-left: 141px;
  margin-top: 10px;
  display: inline;
	float: right;
}

#header a.bigbutton {
  width: 171px;
  height: 61px;
  color: #fff;
	font: normal 24px/61px Verdana;
  text-align: center;
  display: block;
	background: transparent url(../images/background_button.png) no-repeat;
}

#header a.contact {
  color: #fff;
	font: normal 14px Verdana;
}

#content_container {
	width: 960px;
	margin: 0;
	*margin-top: -14px;
	padding: 0;
	float: left;
	background-color: #efe7db;
	overflow: hidden;
	background: #f1f7f8 url(../images/content_background.png) repeat-y left top;
}

#menu_container {
	width: 758px;
	height: 61px;
	margin: 0;
	color: #000;
	float: left;
}

/*=== === === === === === === === === === */
/*=DROPDOWN MENU
=== === === === === === === === === === */
/* LEVEL ONE */
ul.dropdown {
	position: relative;
	*position: static;
  padding: 0;
	margin: 0;
  margin-top: 31px;
  *margin-top: 17px;
	text-align: left;
	float: left;
	z-index: 10;
}

ul.right {
	float: right;
	}

ul.dropdown li {
	float: left;
  padding: 0;
  padding-bottom: 13px;
  margin-right: 9px;
  color: #000;
  line-height: 40px;
  font: normal 13px verdana;
  list-style-type: none;
  display: inline-block;
}

ul.dropdown li.separator {
  margin-right: 8px;
	background: transparent url(../images/menu_separator.png) no-repeat left top;
}

ul.dropdown a {
  color: #000;
  text-decoration: none;
}

ul.dropdown a:hover {
	color: #5f5f5f;
}

ul.dropdown a.active {
  color: #5f5f5f;
}

ul.dropdown li a {
	display: block;
	color: #000;
}

ul.dropdown li:last-child a {
	background: none;
}
/* Doesn't work in IE */
/*ul.dropdown li.hover, ul.dropdown li:hover {
	color: #71129d;
	position: relative;
}
ul.dropdown li.hover a {
	 color: #d7ccc0; 
}*/

/* LEVEL TWO */
ul.dropdown ul {
  width: 140px;
	margin-left: -13px;
	visibility: hidden;
	position: absolute;
	margin-top: 13px;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	background-color: #F1F7F8;
}

ul.dropdown ul li {
  margin: 0;
	padding: 0 14px;
	color: #000;
	text-align: left;
	font: normal 13px/24px verdana;
	border-bottom: 1px solid #ccc;
	float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
  width: 112px;
	border-right: none;
	display: inline-block;
	color: #000;
	background: none;
}

ul.sub_menu li:hover {
	background-color: #424E4F;
}

ul.sub_menu li a:hover {
	color: #ccc;
}

ul.dropdown ul li:last-child {
	border-bottom: none;
}

#today {
  width: 202px;
  margin-top: 15px;
  *margin-top: 0;
  font: normal 13px verdana;
  text-align: right;
  float: left;
}

#today span {
  font-weight: bold;
}

#menu_pos {
	margin: -20px 0 20px 0;
}

#content {
	width: 516px;
	*width: 552px;
	padding: 20px;
	margin-top: 13px;
	font: normal 10pt Verdana;
	float: left;
	text-align: left;
}

/* ----------- table ----------------*/
table {
	width: 100%;
	margin-top: 20px;
}

table tr th {
	padding: 5px 10px;
  color: #fff;
	background: #1B4377;
  text-align: left;
  font: bolder 12px verdana !important;
}

table tr td {
	background: #c3d6ef;
	text-align: left;
	padding: 5px 10px 5px 10px;
}

table tr.odd td {
	background: #d8e5f6;
}

/*------------- table end --------------------*/


#content p {
	margin: 10px 0;
  line-height: 1.5;
  text-align: justify;
}

#content p.vendeglatas-top {
	margin-bottom: 0;
	display: inline-block;
}

#content p.program {
	font-size: 0.8em;
}

/* #content h1 {
	margin: 15px 0;
  font: bold 15px Verdana;
}*/

#content .label {
  margin: 0;
  width: 90px;
  text-align: left;
  float: left;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
}

#content a {
  color: #215387;
  font-weight: bolder;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#content ul {
  margin: 5px 0 15px;
}

#content li {
  margin-left: 20px;
  margin-bottom: 5px;
  list-style-image: url(../images/list_img.png);
}

#content ul.priceserv {
  margin: 12px 0 12px;
}

#content small {
  margin-top: -15px;
  padding-bottom: 15px;
  color: #c03232;
  font: normal 10pt verdana;
  display: block;
}

.column-container {
  margin-top: 15px;
  overflow: hidden;
}

.column-content {
  width: 50%;
  float: left;
}

.column-content li {
  list-style-type: disc;
}

#lsidebar {
  width: 202px;
  padding-bottom: 20px;
	margin-top: 13px;
  float: left;
}

#lsidebar p {
  padding: 0;
  margin: 5px 10px 0 10px;
	color: #000;
	font: normal 11px Verdana;
	text-align: left;
}

#lsidebar h3 {
  padding: 0;
  margin: 0px 10px;
	color: #1B4377;
	font: bold 13px Verdana;
	text-align: left;
}

#lsidebar h4 {
  padding: 0;
  margin: 0px 10px;
	color: #1B4377;
	font: normal 9px Verdana;
	text-align: left;
}

#rsidebar {
  width: 202px;
	margin-top: 13px;
  float: right;
}

div.sidebar_header {
  width: 202px;
  height: 28px;
  color: #fff;
  font: normal 14px/28px verdana;
  text-align: center;
	background: transparent url(../images/background_sidebar_top.png) repeat-x;
	margin-bottom: 10px;
}

#map_text ol {
  width: 230px;
  padding-left: 10px; 
  *padding-left: 20px; 
  float: right;
  list-style-type: decimal;
  font: normal 11px Verdana;
}

#map_text li {
  margin-top: 10px;
  margin-left: 20px;
  *margin-left: 10px;
}

.subtitle {
	border-bottom: 1px solid #734605;
}

.datum {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 5px;
  color: #ff9600;
	font: bolder 11px Verdana;
	display: block;
}

.highlight {
  text-align: center;
  padding: 10px;
  background-color: #E3D7C4;
  border: 1px solid #734605;
}

#gallery_container {
	width: 264px;
	height: 135px;
	padding: 0;
	text-align: left;
	margin: 0;
}

#gallery_container img {
  border: 0;
}

a #gallery_text {
  *cursor: hand;
  text-decoration: none;
}

a:hover #gallery_text {
  *cursor: hand;
	color: #734605;
	background-color: #d0c1aa;
}

#gallery_text {
	width: 264px;
	height: 35px;
	*height: 40px;
	padding: 0;
	padding-top: 5px;
  color: #efe7db;
  font: normal 12px Verdana;
  text-decoration: none;
	text-align: center;
	margin: 0;
	background-color: #8A570F;
}

.contact_text {
  margin: 15px 0 15px 15px;
  text-align: left;
  display: block;
  overflow: hidden;
}

.contact_text p {
  margin: 0;
  width: 164px;
  font: normal 11px Verdana;
  text-align: left;
  float: left;
  display: block;
}

.contact_text p.other {
  margin: 0;
  width: 234px;
  font: normal 11px Verdana;
  text-align: left;
}

.contact_text .clabel {
  margin: 0;
  width: 70px;
  text-align: left;
  float: left;
  font: bold 11px Verdana;
  vertical-align: top;
  display: inline-block;
}

.contact_text a {
	color: #734605;
	text-decoration: none;
}

.contact_text a:hover {
	text-decoration: underline;
}

.contact_text ul {
  margin: 0;
  margin-bottom: 5px;
}

.contact_text li {
  margin-bottom: 7px;
  font: normal 11px Verdana;
  text-align: left;
}

.contact_text h1 {
  width: 234px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font: bold 13px Verdana;
  text-align: left;
}

.contact_text h2 {
  margin-bottom: 2px;
  text-transform: uppercase;
  font: bold 11px Verdana;
  text-align: left;
}

.stitle {
  width: 100%;
  height: 36px;
  font: bolder 14px/36px Verdana;
  text-transform: uppercase;
  display: block;
	background: transparent url(../images/sidebar_title_bg.jpg) no-repeat;
}

#footer {
	width: 960px;
	height: 30px;
	padding: 10px 0 25px;
	margin: 0 auto;
	text-align: center;
	font: normal 11px Verdana;
}

#footer a {
	color: #215387;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#line {
	width: 500px;
	height: 3px;
	*height: 1px;
	margin: 0 auto 0 auto;
	*text-align: center;
	background-color: gray;
}

form {
	font: 100% verdana,arial,sans-serif; /* margin: 0; */
	width: auto;
	padding: 10px 0 10px 0;
}

form.newsletter {
	width: auto;
	margin: 7px 3px 0 0;
	*margin: 7px 15px 0 0;
	padding: 0;
	float: right;
}

form input#reset {
	margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

form.newsletter label { 
	display: inline;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font: normal 11px/26px Verdana;
}

form small {
	display: block;
	margin: 5px 0; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 10px/22px;
	color: red;
	text-align: right;
}

form.newsletter input {
	margin: 4px 12px;
  float: left;
  padding: 2px 15px;
  border: 0;
  background-color: #fff;
  display: inline;
}

form input.checkbox {
	border: 0;
}

form input.hiba {
	border: red solid 1px;
	background: #fcefe8;                  
}

form.newsletter div {
	display: inline;
	float: left;
	margin: 0 15px 5px 5px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0px;
	font-size: 11px;
}

form div.borders {
	/*border: 1px dotted gray;*/
	margin: 0px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 10px;
	font-size: 11px;
}

form.newsletter input.button {
  width: auto;
  height: 26px;
  margin: 0;
	padding: 0 12px;
	*padding: 0;
	color: #fff;
	cursor: auto;
	font: normal 10px/26px verdana;
	background: transparent url(../images/newsletter_bar_separator.png) no-repeat top left;
}

form br {
	clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#buttons {
  margin: 0;
  padding: 0;
	float: left;
}

.floatright {
	float: right;
	margin: 5px 0 5px 20px;
	border: 1px solid #245B8F;
	background-color: #3DA0D3;
	padding: 3px;
}

.floatright-nb {
	float: right;
	margin: 5px 0 5px 20px;
	padding: 3px;
}

.floatleft {
	float: left;
	margin: 5px 20px 5px 0px;
	border: 1px solid #245B8F;
	background-color: #3DA0D3;
	padding: 3px;
}

.nofloat {
	float: none;
	margin: 15px 0 15px 0px;
	border: 1px solid #245B8F;
	background-color: #3DA0D3;
	padding: 3px;
}

#mapcontainer {
  width: 512px;
  height: 350px;
  padding: 0;
  margin: 0;
  margin: 10px 0 30px;
}

#mapcontainer .header {
  height: 24px;
  margin-bottom: 2px;
  text-align: center;
  color: #fff;
  font: bold 12px/24px verdana;
  background-color: #424E4F;
  border: 2px solid #424E4F;
  float: left;
}

#map {
  width: 512px;
  height: 346px;
  float: left;
  border: 2px solid #424E4F;
}

.h-separator {
  border-bottom: 1px dotted #424E4F;
  margin-bottom: 20px;
}