@import url(reset.css);

BODY {
	width: 100%;
 	margin: 0;
 	padding: 0;
	color: #fff5c9;
	text-align: center;
	background: #32170c url(../images/css_background_body.png) repeat-x top;
}

#wrapper {
	width: 100%;
	height: 399px;
	background: transparent url(../images/css_wrapper.jpg) no-repeat top center;
	display: table;
}

BODY.intro {
	width: 100%;
 	margin: 0;
 	padding: 0;
	color: #f8d800;
	text-align: center;
	background: #32170c url(../images/css_background_body_intro.png) repeat-x top;
}

BODY.intro #wrapper {
	width: 100%;
	height: 612px;
	/*margin-top: 96px;*/
	background: transparent url(../images/css_intro_wrapper.jpg) no-repeat top center;
	display: table;
}

BODY.intro #header {
	width: 952px;
	height: 172px;
  margin-top: -3px;
	text-align: center;
	background: transparent url(../images/css_intro_header.png) no-repeat top center;
}

/*------------- INTRO hover zoom --------------*/

.thumbnail{
  position: relative;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  visibility: hidden;
  color: black;
  left: -1000px;
  text-decoration: none;
  z-index: 50;
}

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
  visibility: visible;
  margin-top: -150px;  
  left: -117px; /*position where enlarged image should offset horizontally */
  left: 0; right: 0; text-align: center;

}

/*------------- INTRO hover zoom END --------------*/

BODY.intro #container {
	width: 952px;
  min-height: 700px;
	padding: 0;
	margin: 0 auto;
	*text-align: center;
	overflow: hidden;
}

BODY.intro #container div.enter {
  margin-top: 35px;
}

BODY.intro #container div.enter a {
  color: #f8d800;
  text-transform: uppercase;
  font: normal 18px/28px Times, "Times New Roman", Georgia, serif;
  display: block;
}

BODY.intro #footer, BODY.intro #footer a  {
  margin-top: 10px;
  color: #f8d800;
  line-height: 2;
  font: normal 12px Verdana, Tahoma, Helvetica, Arial;
}

a {
	text-decoration: none;
	color: #fff5c9;
}

a:link, a:visited {color: #fff5c9; }

/* H */
h1 {
  margin-bottom: 20px;
  font: normal 20px Verdana, Tahoma, Helvetica, Arial;
}

h1 span {  
  font: normal 14px Verdana, Tahoma, Helvetica, Arial;
}

h2 {
  margin-bottom: 20px;
  font: normal 17px Verdana, Tahoma, Helvetica, Arial;
}

h2 span {
  font: normal 15px Times New Roman;
  color: #a65ac9;
}

h3 {
  color: #FFE226;
  padding-bottom: 25px;
  font: normal 20px Times, "Times New Roman", Georgia, serif;
  float: left;
}

BODY.intro h3 {
  padding: 20px 0 0 0;
  float: none;
}

h3 span {
  width: 100%;
  color: #FFE226;
  font-size: 15px;
  text-align: right;
  display: block;
}

h5 {
  width: 85%;
  margin-bottom: 30px;
  margin-left: 12px;
  text-indent: -11px;
  color: #a65ac9;
  font: normal 24px Times New Roman;
}

h5 span {
  margin-top: 15px;
  *margin-top: -10px;
  font: italic 17px Times New Roman;
  text-align: right;
  display: inline-block;
  float: right;
}

h6 {
  margin-bottom: 40px;
  color: #a65ac9;
  font: normal 20px Times New Roman;
  overflow: hidden;
}

h6.odd {
  color: #4b1b8d;
}

h6 span {
  margin-top: 15px;
  *margin-top: -10px;
  font: italic 14px Times New Roman;
  text-align: right;
  display: inline-block;
  float: right;
}

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

#slider-overlay {
  width: 471px;
  height: 54px;
  margin-top: 342px;
  margin-left: 463px;
  *margin-top: -148px;
  *margin-left: -498px;
	background: transparent url(../images/css_slider_overlay.png) no-repeat top right;
  position: absolute;
  z-index: 999;
}

#slider {
	width: 973px;
	height: 148px;
	padding: 0;
	margin: 0;
  margin-top: 342px;
	text-align: left;
	float: left;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

#slider li {
  margin-right: 13px;
  list-style-type: none;
  display: inline-block;
  float: left;
}

#slider li a img {width: 230px;height: 148px;border:none;}

#header a {
  margin-left: 20px;
}

#menu-container {
	width: 960px;
	height: 53px;
	margin: 0;
	color: #fff;
	float: left;
}

#menu-container ul li {
  margin-right: 28px;
  margin-top: 33px;
  font: bold 13px verdana;
  text-transform: uppercase;
  list-style-type: none;
  display: inline;
  float: left;
}

#menu-container ul li a.active {
  color: #FFE226;
  *position: relative;
  padding-bottom: 2px;
  border-bottom: 5px solid #FFE226;
}

/*#menu-container ul li a:hover {
  *position: relative;
  padding-bottom: 2px;
  border-bottom: 5px solid #b8aa6d;
}*/

ul#lang-container {
  width: 120px;
  height: 53px;
  /*margin-right: 40px;*/
  float: right;
}

ul#lang-container li {
  margin: 0;
}

ul#lang-container li a {
  width: 30px;
  height: 22px;
  margin-top: 26px;
  margin-left: 10px;
  display: block;
}

ul#lang-container li a.hu {
  background: transparent url(../images/css_flag_hu.png) no-repeat;
}

ul#lang-container li a.en {
  background: transparent url(../images/css_flag_en.png) no-repeat;
}

ul#lang-container li a.de {
  background: transparent url(../images/css_flag_de.png) no-repeat;
}


/*--------------- dropdown start --------------------*/
/* LEVEL ONE */
ul.dropdown {
	position: absolute;
	*position: static;
	margin: 0;
	z-index: 10;
	}

ul.right {
	float: right;
}

ul.dropdown li {
	float: left;
  padding: 0;
  text-transform: uppercase;
  list-style-type: none;
  display: inline-block;
}

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

ul.dropdown a:hover {
  *position: relative;
  padding-bottom: 2px;
  border-bottom: 5px solid #d7c760;
}

ul.dropdown a.sub-m:hover {
  padding-bottom: 0;
  border-bottom: none;
}

ul.dropdown li a {
	display: block;
}

ul.dropdown li:last-child a {
	background: none;
}

ul.dropdown li a.extra {
	padding: 2px 5px;
	margin: 0 -5px;
	color: #32170c !important;
	background-color: #FFE226 !important;
}

/* 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: 120px;
	/*margin-left: -15px;*/
	padding-top: 4px;
	visibility: hidden;
	position: absolute;
	background-color: #32170C;	
}

ul.dropdown ul li {
  width: 100%;
  margin: 0 !important;
	text-align: left;
	border: 1px #FFF0AB solid;
	float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	padding: 5px 15px;
	display: block;
	background: none;
}

ul.sub_menu li a:hover {
	padding-bottom: 5px;
  color: #32170C;
  border-bottom: none;
	background-color: #d7c760;
}

ul.sub_menu li a.active {
	padding-bottom: 5px !important;
  /*color: #32170C;
	background-color: #B8AA6D;*/
  border-bottom: none;
}

/* LEVEL THREE */
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}

/*--------------- dropdown end --------------------*/

#content-container {
	width: 960px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background: transparent url(../images/css_content-container_bg.png) no-repeat right 15px;
}

#menu_pos {
  padding-bottom: 5px;
  margin-bottom: 15px;
	text-transform: uppercase;
	border-bottom: 1px solid #71129d;
}

#content {
	width: 660px;
	min-height: 200px;
	padding: 30px 0;
	margin: 0;
	font: normal 14px Verdana;
	float: left;
	text-align: left;
}

#content h4 {
  margin: 25px 0 10px;
  line-height: 1.3;
  font-size: 13px;
}

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

#content .line {
  margin: 40px 0;
	border-bottom: 3px solid #B8AA6D;
	display: block;
}

/* #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 {
  font-weight: bolder;
  text-decoration: none;
}

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

#content a.links:hover {
  text-decoration: none;
}

#content a.links {
  width: 100%;
  display: block;
  float: left;
}

#content a.links img {
  float: left;
}

#content a.links h1 {
  margin-left: 25px;
  line-height: 65px;
  display: inline;
  float: left;
}

#content a.no-img h1 {
  margin-left: 121px;	
}

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

#content li {
  padding-left: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
  list-style-type: disc;
  line-height: 1.7;
}

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

#content ul.menyasszonyi-ruha li {
  margin-bottom: 0;
}

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

#content div.newsitem-container {
	width: 100%;
	margin-bottom: 30px;
	background: transparent url(../images/css_newsitem_bg.png) no-repeat left top;	
	float: left;	
}

#content div.nobg {
	background: none;	
}

#content h1.news {
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid;
}

#content div.newsitem-container p {
	width: 132px;
	margin-top: 130px;
	text-align: center;
	/*font-size: .70em;*/
	font: normal 9px Verdana;
  text-transform: uppercase;
	float: left;
}

#content div.newsitem-container a {
	font: bold 10px Verdana;
  text-align: center;
  text-transform: uppercase;
}

#content div.newsitem-container a:hover {
	text-decoration: none;
}

#content div.newsitem-container a img {
  padding: 6px;
  margin: 0;
  margin-bottom: 8px;
  background-color: #51350C;
  border: 1px solid #B8AA6D;
}

#content div.newsitem-container a.left { float: left; }
#content div.newsitem-container a.right { float: right; }
#content div.newsitem-container a.center { float: none; margin-left: 21px; }

.d-container {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  float: left;
}

.dog-img {
  padding: 6px;
  margin: 0;
  background-color: #51350C;
  border: 1px solid #B8AA6D;
}

.d-container div {
  width: 204px;
  display: inline-block;
}

.d-container div.regprince {
  width: auto;
}

.d-container div p {
  margin-top: 2px !important;
  text-transform: uppercase;
  font: normal .8em Verdana;
}

.d-container div.regprince p {
  width: 102px;
  font: normal .8em Verdana;
}

.dleft {
  float: left !important;
}

.dright {
  float: right !important;
}

.award {
  width: 208px;
  margin-top: 30px !important;
  text-align: left;
}

#content ul.gallery li {
  padding: 0;
  margin: 0;
  margin-right: 16px;
  margin-bottom: 12px;
  display: inline;
  float: left;
  list-style-type: none;
}

#sidebar-container {
  width: 240px;
  padding-top: 30px;
  float: right;
}

#org-logos {
  width: 220px;
  margin: 0 auto 30px auto;
}

#sidebar-links {
  margin: 30px auto;
}

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

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

.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: auto;
	/*width: 960px;*/
	padding: 10px 0 25px;
	margin: 0 auto;
  color: #b8aa6d;
	text-align: center;
	line-height: 18px;
	font: normal 11px/18px Verdana;
  border-top: 1px dotted #FFF0AB;
  background-color: #32170C;
}

#footer a, #footer a:visited  {
  color: #b8aa6d;
	text-decoration: none;
}

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

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;
}

.folap-floatright {
  margin-right: -24px;
	float: right;
}

.floatright {
	float: right;
	margin: 0 0 15px 15px;
	border: 1px solid #CAA4E1;
	background-color: #F1E3FE;
	padding: 3px;
}

.floatleft {
	float: left;
	margin: 0 15px 15px 0px;
	background-color: #F1E3FE;
	border: 1px solid #CAA4E1;
	padding: 3px;
}

.nofloat {
	float: none;
	margin: 5px 0 0 0;
	/*border: 1px solid #734605;*/
	background-color: #F1E3FE;
	padding: 3px;
}

.picture {
  position: relative;
  overflow: hidden;
}

.picture strong {
  width: 100%;
  height: 100%;
  margin: -3px 0 0 -3px;
  padding: 0;
  padding-top: 100px;
  position: absolute;
  color: #fff;
  font: bolder 14px verdana;
  text-align: center;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  background-color: #66158D;
}

.thumbs {
  width: 80px;
  float: right;
}

.thumbs img {
  border: 1px solid #CAA4E1;
}

.thumbs a {
  margin-bottom: 5px;
  background: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: inline-block;
}

.thumbs a.active {
  background: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.pic {
  width: 300px;
  height: 399px;
  margin-right: 5px;
  float: right;
  border: 1px solid #CAA4E1 !important;
}

.pic a img {
  border: none;
}

iframe {
  margin-bottom: 15px;
  border: 1px solid #bca57c;
}