@charset "utf-8";
/* Szinek

*/

body { width: 990px; margin: 0 auto; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }

.clearer_big { clear: both; width: auto; height: 35px; }
.clearer_mid { clear: both; width: auto; height: 20px; }
.clearer_sml { clear: both; width: auto; height: 10px; }
.clearer_xsml { clear: both; }
.alert { color: #C22F37; }
/* InputBox */
.checkbox { vertical-align: text-bottom; margin-right: 8px; border: 1px solid #a0b3b4; }
.inputbox .input { width: 140px; height: 15px; padding: 2px; font-size: 10px; border: 1px solid #a0b3b4; margin-top: 1px; }
.inputbox .select { width: 146px; padding: 2px; font-size: 10px; border: 1px solid #a0b3b4; margin-top: 1px; }
.inputbox a { display: block; background: #060502; margin: 10px 0 0 0; padding: 2px 2px 2px 7px; color: #FFF; font-family: Lomopix; font-size: 8px; font-weight: normal; text-decoration: none; text-align: right; }
.inputbox a:hover { cursor: pointer; background: #e164a5; }
.inputbox .button, .inputbox .button_hover { word-wrap: break-word; border: 0; margin: 10px 0 0 0; padding: 1px; color: #FFF; font-family: Lomopix; font-size: 8px; font-weight: normal; text-decoration: none; text-align: center; }
.inputbox .button { background: #00adef; }
.inputbox .button_hover { background: #060502; }
.inputbox .button:hover, .inputbox .button_hover:hover { cursor: pointer; background: #e164a5; }

.inputbox .submit { background: #060502; border: none; margin: 6px 0 0 0; padding: 5px 2px 5px 7px; color: #FFF; font-family: Lomopix; font-size: 8px; font-weight: normal; text-decoration: none; text-align: right; }
.inputbox .submit:hover { cursor: pointer; background: #e164a5; }

/* Fejlec */
#i_header { width: 990px; height: 135px; }
#i_header_logo { float: left; width: 397px; height: 108px; padding: 27px  0 0 59px; background: url(../images/bg_index_header.jpg) no-repeat; }
#i_header ul { float: left; width: 534px; height: 9px; background: #000; margin: 126px 0 0 0; padding: 0; list-style: none; font-family: Lomopix; font-size: 8px; font-weight: normal; }
#i_header ul li { display: inline-block; color: #f2f2f2; padding-right: 0px; }
#i_header ul li:hover { color: #e2e2e2; }
#i_header ul li a { color: #a2a2a2; text-decoration: none; padding: 1px 0 2px 0; }
#i_header ul li a:hover { color: #e2e2e2; background: #848585; }

#i_container { width: 990px; clear: both; }
#i_container_left_side { float: left; width: 36px; height: 90px; background: url(../images/bg_index_left.jpg) top no-repeat; }
#i_container_right_side { float: left; width: 954px; height: auto; }

#footer_logo { width: 990px; height: 51px; margin-top: 4px; text-align: center; }


#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#333;}
/* Container */
#confirm-container {height: 120px; width:320px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:25px; width:100%; background: url(../modules/SimpleModal/header.gif) center repeat-x; color:#fff; font-size: 14px; font-weight:bold; line-height:25px;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; margin:0; padding:12px 4px 12px 8px; font-size: 12px; line-height: 15px;}
#confirm-container .buttons {width: auto; float:right; padding:8px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:60px; height:23px; color:#666; font-weight:bold; text-align:center; background:url(../modules/SimpleModal/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-size:1.1em; position:absolute; top:-1px; left:300px; color:#ccc;}
#confirm-container a.modal-close:hover {color:#eee;}

/* Buborekablak */
.bubbleInfo { position: relative; width: 62px; height: 7px; text-align: left; display: inline; }
.bubbleInfo2 { position: relative; width: 92px; height: 7px; text-align: left; display: inline; }
.bubbleInfo_gallery_last { position: relative; width: auto; height: 7px; text-align: left; display: inline; }

.trigger { cursor: pointer; }
.popup { width: 220px; height: 301px; padding: 10px; position: absolute; display: none; background: url(../images/bubbleBackground.gif) bottom; font-family: Arial, Helvetica, sans-serif;  }
.popup .list { font-size: 10px; line-height: 12px; clear: right; }
.popup .list span { float: right; padding-top: 3px; text-decoration: none; }

.bubbleInfo_gallery_last .popup { left: -170px!important; background: url(../images/bubbleBackground_right.png) bottom; } 
.popup a.lomolink { display: block; margin: 10px 0 0 19px; padding: 0; text-indent: -12px; color: #FFF!important; text-decoration: none; font-family: Lomopix; font-size: 8px; font-weight: normal; text-align: left; }
.popup a.lomolink:hover { color: #FF6!important; text-decoration: none; }

.popup_text { overflow-y: scroll; width: 210px; height: 291px; padding: 0 10px 0 0; color: #FFF; }

.popup_text h1 { font-size: 18px; margin: 0; padding: 10px 0 10px 0; }
.popup_text h2 { font-size: 10px; margin: 0; padding: 10px 0 3px 0; text-decoration: underline; }
.popup_text p {  font-size: 9px; margin: 0; padding: 5px 0 0 0; text-align: justify; }
.popup_text a { color: #333; text-decoration: none; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.popup_text a:hover { text-decoration: underline; }

/* Jogi tajekoztato */
.bubbleInfo3 { position: relative; width: auto; height: 7px; }
.bubbleInfo3 a { display: block; margin: 0 100px 0 107px; padding: 0; color: #c1c6c8; font-family: Lomopix; font-size: 8px; font-weight: normal; text-align: left; text-decoration: none; text-indent: -12px; }
.bubbleInfo3 a:hover { color: #fff; text-decoration: none; }
.bubbleInfo3 .popup { width: 348px; height: 173px; padding: 10px; margin-left: 85px; position: absolute; display: none; background: url(../images/copyrightsBubble.gif) bottom; font-family: Arial, Helvetica, sans-serif;  }
.bubbleInfo3 .popup_text { overflow-y: scroll; width: 338px; height: 163px; padding: 0 10px 0 0; color: #FFF; }
.bubbleInfo3 .popup_text a { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 9px; display: inline; margin: 0; padding: 0; text-indent: 0px; }
.bubbleInfo3 .popup_text a:hover { text-decoration: underline; }
/* Vasarlasi feltetelek */
.bubbleInfo4 { position: relative; width: auto; height: 7px; }
.bubbleInfo4 a { display: block; margin: 0 100px 0 12px; padding: 0; color: #c1c6c8; font-family: Lomopix; font-size: 8px; font-weight: normal; text-align: left; text-decoration: none; text-indent: -12px; }
.bubbleInfo4 a:hover { color: #fff; text-decoration: none; }
.bubbleInfo4 .popup { width: 348px; height: 173px; padding: 10px; margin-left: 0; position: absolute; display: none; background: url(../images/copyrightsBubble.gif) bottom; font-family: Arial, Helvetica, sans-serif;  }
.bubbleInfo4 .popup_text { overflow-y: scroll; width: 338px; height: 163px; padding: 0 10px 0 0; color: #FFF; }
.bubbleInfo4 .popup_text a { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 9px; display: inline; margin: 0; padding: 0; text-indent: 0px; }
.bubbleInfo4 .popup_text a:hover { text-decoration: underline; }
.bubbleInfo4 .popup_text h1, .bubbleInfo4 .popup_text h2 { background: none; text-transform: none; font-weight: bold; }
.bubbleInfo4 .popup_text h1 { font-size: 18px; margin: 0; padding: 10px 0 10px 0; }
.bubbleInfo4 .popup_text h2 { font-size: 10px; margin: 0; padding: 10px 0 3px 0; text-decoration: underline; }
.bubbleInfo4 .popup_text p {  font-size: 9px; margin: 0; padding: 5px 0 0 0; text-align: justify; }
.bubbleInfo4 .popup_text a { color: #333; text-decoration: none; font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.bubbleInfo4 .popup_text a:hover { text-decoration: underline; }
.bubbleInfo4 .trigger { color: #00adef; width: 135px; text-indent: 0px; margin-left: 0px; }
.bubbleInfo4 .trigger:hover { color: #00adef; }

/* Gallerific */
div.gallerific_content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none; float: right; width: 386px; height: auto; padding: 9px 9px 9px 8px; background: #484f52;
}
div.gallerific_content a, div.gallerific_navigation a {
	text-decoration: none;
	color: #999;
}
div.gallerific_content a:focus, div.gallerific_content a:hover, div.gallerific_content a:active {
	text-decoration: underline;
}
div.controls {
	height: 15px;
}
div.controls a {
	padding: 0 5px;
	font-family: Lomopix; font-size: 8px; font-weight: normal;
}
div.controls a:hover, #captionToggle a:hover { color: #00adef; text-decoration: none; }
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 258px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../modules/Gallerific/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 386px;
	height: 258px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	width: 386px; height: 258px;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 386px;
	height: 258px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 258px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #333;
}
div.download {
	float: right;
}
div.caption-container {}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 8px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0; padding: 0;
}

div.image-desc {
	font-size: 10px;
	padding-top: 5px;
}
div.gallerific_navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	width: 384px; height: auto; padding: 9px 9px 9px 10px; background: #1f2023;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
a.thumb {
	padding: 0;
	display: block;
	/* border: 1px solid #ccc; */
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.gallerific_navigation div.top {
	display: none; /* Elrejtjuk, esztetikai szempontbol */
	margin-bottom: 12px;
	height: 11px;
}
div.gallerific_navigation div.bottom {
	display: none; /* Elrejtjuk, esztetikai szempontbol */
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
#captionToggle a {
	float: right;
	display: block;
	/* background-image: url('../modules/Gallerific/caption.png');
	background-repeat: no-repeat;
	background-position: right; */
	margin-top: 5px;
	padding: 5px 5px 0 5px;
	font-family: Lomopix; font-size: 8px; font-weight: normal;
}