@charset "utf-8";
@import url(menu.css);
@import url(site-map.css);
@import url(tooltip.css);
@import url(fancy.css);
@import url(404.css);
@import url(403.css);
@import url(kapcsolat.css);

* 									{padding:0; margin:0;}

html, body 							{ margin: 0; padding: 0; height: 100%; }

body {
	background:#393939 url(../images/pattern.gif) repeat top left;
	font-family: tahoma;
	color:#c7c7c7;
	font-size: 11px;
    text-shadow: #444444 0px 1px 0px;
}
a img, img							{border:none;}
a:link, a:visited 					{color:#c7c7c7; text-decoration:none;}
a:hover, a:active 					{color:#ffd618; text-decoration:none;}
a:focus 							{outline: none;}

#container {
	font-weight: normal;
	margin: 0 auto 0 auto !important;
	width: 650px;
	padding: 0;
	position: relative;

}
#container #logo {
	background:url(../images/logo.png) no-repeat top left;
	display: block;
	width: 340px;
	height: 60px;
	margin-top: 10px;
	margin-bottom: 5px;
	cursor:pointer;
	behavior: url(http://aquafurdoszoba.hu/css/ie/iepngfix.htc);
}
#container #site-map {
	position: absolute;
	left: 461px;
	top: 20px;
	width: 187px;
	height: 20px;
}


#container #flash_content {
	height: 266px;
	width: 650px;
}
#container #flash_content center {
	margin-top: 20%;
}

#container #tartalom {
	background-color: #5a5a5a;
	min-height: 320px;
	height: auto !important;
	height: 320px;
	padding: 20px 15px 0 15px;
	line-height: 14px;
	min-height: 430px;
}

#container #footer {
	background:url(../images/footer-bg.gif) no-repeat top left;
	clear: both;
	height: 20px;
	padding: 5px 0 0 0;
	font-size: 10px;
	position: relative;
	text-align: center;
}

#container #footer .jazker {
	position: absolute;
	left: 624px;
	top: 10px;
}


.rejtett 				{display: none;}

.post 					{padding: 0 0 20px 0;}
.postLittle 			{
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
p{
    margin: 5px 0 10px 0;
    text-shadow: #444444 0px 1px 0px;
}

.post-bal {
	width: 190px;
	height: auto;
}


.post #uzlet-kep {
	font-variant: normal;
	background-image: url(../images/uzlet.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	width: 200px;
	float: left;
}
#post-uzlet-text {
	width: auto;
	margin-left: 215px;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
#post-tudtae-text {
	width: auto;
	margin-left: 170px;
	padding-bottom: 2px;
	border-left: 1px dotted #7c7c7c;
	padding-left: 20px;
}
#post-home {
	font-variant: normal;
	width: 100%;
	height: 130px;
	border-bottom: 1px dotted #7c7c7c;
}


.text {
	display: block;
	padding-left: 3px;
	margin: 0;
	font-size: 11px;
}
/*PHOTO-WATERMARK
----------------------------------------------------------------------------*/
.watermark {
	background: url(../images/watermark.png) no-repeat;
	background-position:center;
	margin:0 28px 10px 0;
	padding:2px;
	width: 120px;
	height: 90px;
	float: left;
	border: 1px solid #7c7c7c;
}

.watermark:hover {
	border: 1px solid #a4a4a4;
	background-color:#000000;
}
.watermark-akcio {
	background: url(../images/watermark.png) no-repeat;
	background-position:center;
	margin:0 15px 30px 0;
	padding:2px;
	width: 227px;
	height: 170px;
	float: left;
	border: 1px solid #7c7c7c;
}
.watermark-akcio:hover {
	border: 1px solid #a4a4a4;
	background-color:#000000;
}
.watermark-banner {
	background: url(../images/watermark.png) no-repeat;
	background-position:center;
	padding:2px;
	width: 613px;
	height: 135px;
	float: left;
	border: 1px solid #7c7c7c;
	margin-bottom: 10px;
}
.watermark-banner:hover {
	border: 1px solid #a4a4a4;
	background-color:#000000;
}
.watermark-banner-2 {
	background: url(../images/watermark.png) no-repeat;
	background-position:center;
	padding:2px;
	width: 590px;
	height: 90px;
	float: left;
	border: 1px solid #7c7c7c;
	margin-bottom: 10px;
}
.watermark-banner-2:hover {
	border: 1px solid #a4a4a4;
	background-color:#000000;
}
.watermark_ref {
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
	border: 1px solid #7c7c7c;
	padding: 2px;
}
.watermark_ref:hover {
	border: 1px solid #a4a4a4;
}
img.transparent:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
	opacity:0.65;
}

strong {
	color: #e8e8e8;
}
.line {
	margin: 15px 0 5px 0;
	border-bottom: 1px dotted #7c7c7c;
	height: 2px;
}

strong.link {
	color: #ffd618;
}
strong.elmentHiba {
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	width: 200px;
	margin-bottom: 10px;
	display: block;
}


.tovabb a {
	background:url(../images/arrow.gif) 40px 6px no-repeat;
	display: block;
	height: 15px;
	width: 45px;
	color:#ffd618;
	margin-top: 0px;
	float: right;
}


/*H1
----------------------------------------------------------------------------*/
h1, .welcome, .tudtae, .termekeink, .referencia, .partnereink, .elrhetoseg, .kapcsolat, .letoltesek, .akcio, .site-map{
	font-size: 18px;
	display: block;
	height: 30px;
	margin: 0 0 15px 0 !important;
	width:220px;
	}
h1, .welcome {
	display: block;
	height: 22px;
	width:220px;
	background:url(../images/text/text-welcome.png) no-repeat top left;
	margin: 0 !important;
}
h1, .tudtae 			{background:url(../images/text/text-tudtae.png) no-repeat top left;}
h1, .termekeink 		{background:url(../images/text/text-termekeink.png) no-repeat top left;}
h1, .referencia 		{background:url(../images/text/text-referencia.png) no-repeat top left;}
h1, .partnereink 		{background:url(../images/text/text-partnereink.png) no-repeat top left;}
h1, .elrhetoseg 		{background:url(../images/text/text-elerhetoseg.png) no-repeat top left;}
h1, .kapcsolat 			{background:url(../images/text/text-kapcsolat.png) no-repeat top left;}
h1, .letoltesek 		{background:url(../images/text/text-letoltesek.png) no-repeat top left;}
h1, .akcio      		{background:url(../images/text/text-aktualis-akcioink.png) no-repeat top left;}
h1, .site-map 			{
	margin: 0 0 15px 0;
	background: url(../images/text/text-sitemap.png) no-repeat top left;
}
/*H2
----------------------------------------------------------------------------*/
h2, .burkolatok, .kadak, .zuhanykabin, .csaptelep, .szaniter, .nyilaszarok, .butorok, .laminalt, .mosogatok, .uvegtegla, .kiegeszitok, .segedanyag{
    display: block;
    width:190px;
	height: 40px;
	margin: 0 0 20px 0 !important;
}
h2, .burkolatok 		{background:url(../images/text/text-burkolatok.png) no-repeat top left;	}
h2, .kadak 				{background:url(../images/text/text-kadak.png) no-repeat top left;}
h2, .zuhanykabin 		{background:url(../images/text/text-zuhanykabinok.png) no-repeat top left;}
h2, .csaptelep 			{background:url(../images/text/text-csaptelepek.png) no-repeat top left;}
h2, .szaniter 			{background:url(../images/text/text-szaniterek.png) no-repeat top left;}
h2, .nyilaszarok		{background:url(../images/text/text-nyilaszarok.png) no-repeat top left;}
h2, .butorok 			{background:url(../images/text/text-butorok.png) no-repeat top left;}
h2, .laminalt 			{background:url(../images/text/text-laminalt.png) no-repeat top left;}
h2, .mosogatok 			{background:url(../images/text/text-mosogato.png) no-repeat top left;margin: 0;}
h2, .uvegtegla 			{background:url(../images/text/text-uvegtegla.png) no-repeat top left;}
h2, .kiegeszitok		{background:url(../images/text/text-kiegeszitok.png) no-repeat top left;}
h2, .segedanyag			{background:url(../images/text/text-segedanyagok.png) no-repeat top left;}

.title {
	display: block;
	height: 20px;
	width: 100%;
	font-size: 18px;
	border-bottom: 1px dotted #7c7c7c;
	margin-bottom: 15px;
}
.title2 {
	font-size: 18px;
	color: #ffd618;
	display: block;
	margin: 10px 0 10px 0;
}


/*PARTNEREINK
----------------------------------------------------------------------------*/
#part-link {
	height:100px;
	width:100%;
	}
#part-link ul {
	padding-left: 25px;
	width: 600px;
	margin: 10px 0 0 0;
}

#part-link ul li
{
	float: left;
	width: 130px;
	margin-right: 20px;
	background-position: 0 6px;
	list-style-image: url(../images/arrow.gif);
}


/*LETÖLTÉS
----------------------------------------------------------------------------*/
.monitor {
	width: 115px;
	height: auto;
	float: left;
	display: block;
	padding: 0;
	margin-right: 60px;
	margin-left: 20px;
	margin-top: 20px;
}

.monitor ul {
	margin: 10px 0px 0px 0px;
	display: block;
	width: 100%;
	padding: 0;
}

.monitor li {
	width: 100%;
	list-style-type: none;
	display: block;
	height: 20px;
	text-align: center;
}
.monitor li a:hover {
	background:url(../images/monitor-bg.gif) no-repeat top center;
	text-decoration: none;
	display:block;
	height: 20px;
}
/*Termékek
----------------------------------------------------------------------------*/
.termekek {
	display: block;
	width: 138px;
	height: 85px;
	margin: 20px 17px 0 0;
	float: left;
}
.termekek a.facebook {
	display: block;
	width: 138px;
	height: 55px;
	margin: 0px 17px 6px 0;
	float: left;
    overflow: hidden;
}
.termekek a:link.facebook {
    background: transparent url(../images/aqua-facebook.png) 0px 0px no-repeat;
}
.termekek a:hover.facebook {
    background: transparent url(../images/aqua-facebook.png) 0px -55px no-repeat;
}


a.kerdoiv_btn {
	display: block;
	width: 251px;
	height: 64px;
	margin: 0px 17px 6px 0;
	float: left;
    overflow: hidden;
}
a:link.kerdoiv_btn {
    background: transparent url(../images/kerdoiv_btn.png) 0px 0px no-repeat;
}
a:hover.kerdoiv_btn {
    background: transparent url(../images/kerdoiv_btn.png) 0px -64px no-repeat;
}

.termekek ul {
	margin: 8px 0 0 0;
	display: block;
	width: 100%;
	padding: 0;
	text-align: center;
	list-style-type: none;
	font-weight: bold;
}
.termekek li a {
	width: 100%;
	list-style-type: none;
	display: block;
	height: 20px;
	text-align: center;
	color:#ffd618;
}
/*Márkák
----------------------------------------------------------------------------*/
#Bal-Marka{
	width:200px;
	float:left;
	padding:5px 0 10px 0;
	border-bottom: 1px dotted #7c7c7c;
	margin-bottom: 10px;
	border-top: 1px dotted #7c7c7c;
	margin-top: 5px;
}
#Bal-Marka ul{width:200px;}
#Bal-Marka ul li{
	width:200px;
	height:20px;
	float:left;
	list-style-type: none;
}
#Bal-Marka ul li a{
	width:190px;
	line-height:20px;
	padding:0 0 0 18px;
	background: url(../images/bullet.gif) 0 3px no-repeat;
}
#Bal-Marka ul li a:hover{
	text-decoration:underline;
	background: url(../images/bullet-hover.gif) 0 3px no-repeat;
}
#Jobb-Marka{
	width:200px;
	float:left;
	padding:5px 0 10px 0;
	border-bottom: 1px dotted #7c7c7c;
	border-top: 1px dotted #7c7c7c;
	margin-top: 5px;
}
#Jobb-Marka ul{width:180px;}
#Jobb-Marka ul li{
	width:180px;
	height:20px;
	float:left;
	list-style-type: none;
}
#Jobb-Marka ul li a{
	width:160px;
	line-height:20px;
	padding:0 0 0 18px;
	background: url(../images/bullet.gif) 0 3px no-repeat;
}
#Jobb-Marka ul li a:hover{
	text-decoration:underline;
	background: url(../images/bullet-hover.gif) 0 3px no-repeat;
}
#Jobb-Marka .visszatermekekre a {
	color: #ffd618;
	font-weight: bold;
}

#balcimek {
	width: 100%;
	height: auto;
	background:url(../images/elerhetosg-bg.png) no-repeat top left;
	display: block;
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px dotted #c7c7c7;
	margin-bottom: 20px;
}
#balcimek span {
	color:#ffd618;
}
#balcimek a {
	color:#e8e8e8;
	text-decoration:underline;
	font-weight: bold;
}
#balcimek a:hover {text-decoration:none;}
#balcimek .terkepCimek {
	/*float: left;
	width: 265px;*/
	margin-right: 45px;
}
#video {
	float: left;
	width: 320px;
	height: 270px;
}
.akt-akcio {
	min-height: 200px;
	margin-bottom: 20px;
	display: block;
	clear: both;
	border-bottom: 1px dotted #7C7C7C;
	position: relative;
    padding-bottom: 20px;
}
.akt-akcio .unnep {
	font-weight: bold;
	position: absolute;
	height: 128px;
	width: 110px;
	left: 120px;
	top: 47px;
	background:url(http://cdn.iconfinder.net/data/icons/winter_png/128/christmas_3.png) no-repeat top left;
}
.akt-banner {
	height: 165px;
	margin-bottom: 20px;
	display: block;
	clear: both;
	border-bottom: 1px dotted #7C7C7C;
	padding-bottom: 10px;
}
.akt-banner-2 {
	height: 110px;
	display: block;
	clear: both;
	border-bottom: 1px dotted #7C7C7C;
	margin-bottom: 15px;
}
.akt-akcio td {
	padding: 6px;
}
.akt-akcio table {
	width: 350px;
	height: auto;
}


.akt-akcio .meret {
	font-weight: bold;
}
.akt-akcio .kedvezmeny {
	color: #f19245;
	font-weight: bold;
	font-size: 14px;
}
.akt-akcio .penz {
	font-size: 22px;
	color: #FFCC33;
	line-height: 24px;
}
.akt-akcio .megnevezes {
	color: #FFFFFF;
	font-size: 12px;
    font-weight: bold;
}
del {
	color: #f19245;
}
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url() no-repeat right top;
}