@charset "utf-8";
/* CSS Document of marident.com */

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; color: #676767; font-size: 13px; background: #fff;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #826c49;}
a:hover {color: #9b0c11;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif;, sans-serif; color: #676767; font-weight: normal; text-transform: none; margin: 0; font-size: 13px;}
p {line-height: 18px;}
h1 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #770004; font-weight: 500; text-transform: none; margin: 0; line-height: 24px; padding: 0; font-size: 20px;}
h2, .h2 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #770004; font-weight: 500; text-transform: none; margin: 0; font-size: 18px;}
h3 {font-family: Georgia, Arial, Helvetica, sans-serif; color: #84674d; font-weight: 500; text-transform: none; margin: 0; font-size: 17px;}
h4 {font-family: Arial, Georgia, Helvetica, sans-serif; color: #84674d; font-weight: 500; text-transform: none; margin: 0; font-size: 17px;}
span {font-family: Arial, Georgia, Helvetica, sans-serif;}
br {font-size: 7px;}
* html img {font-size: 0;} /* hack for ie 6*/

form, textarea, input {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif;}
.textareas {width: 420px; height: 340px; padding:0; margin: 0; overflow: hidden; border: 1px solid #e4d8c6; background: #FCFBF7;}
.inputs {width: 150px; height: 20px; padding:0; margin: 0; border: 1px solid #e4d8c6; background: #FCFBF7;}
.textareas:focus, .inputs:focus {border: 1px solid #9b0c11; background: #fcfbec;}
.submitbutton {width: 60px; height: 24px; background: #f0e9de; border: 1px solid #e4d8c6; color: #9b0c11; font-weight: 800;}
.submitbutton:hover {border: 1px solid #9b0c11;}

.clear {clear: both; font-size: 0; height: 0;} /* hack for gecko browsers */
.spacer5 {position: relative; height: 5px; padding: 0; margin: 0; font-size: 0;}
.spacer10 {position: relative; height: 10px; padding: 0; margin: 0; font-size: 0;}
.spacer20 {position: relative; height: 20px; padding: 0; margin: 0; font-size: 0;}

.main {position: relative; width: 960px; height: auto; padding: 0; margin: 0;}
.welcome {position: absolute; right: 115px; top: 0; width: 565px; color: #908880; font-size: 10px; z-index: 66666666; line-height: 13px; word-spacing: -1px; text-align: left;}
.header-main {position: relative; width: 960px; height: 471px; padding: 0; margin: 0; border-bottom: 3px solid #e5ddc8;}
.header-top {position: relative; width: 960px; height: 126px; padding: 0; margin: 0; background: url(img/headertop-bg.jpg) top right no-repeat; text-align: left;}
.marident-logo {position: absolute; left: 0; top: 2px; display: block; height: 96px; width: 210px; margin: 0;}
.header-top2 {position: relative; width: 530px; height: 55px; padding: 0; margin: 0; margin: 0 0 0 280px; top: 50px;}
.header-adress {position: relative; width: 230px; height: 55px; float: left;}
.header-lang {position: relative; width: 70px; height: 55px; float: left;}
p.adress1 {color: #84674d; font-weight: 900; font-size: 12px; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;}
p.adress2 {color: #908880; font-weight: 900; font-size: 11px; line-height: 13px; font-family: "trebuchet ms", Arial, Helvetica, sans-serif;}
a.lang1 {display: block; height: 13px; width: 46px; padding: 0 0 5px 20px; color: #69604b; font-size: 11px; background: url(img/lang-english.jpg) 0 2px no-repeat;}
a.lang2 {display: block; height: 13px; width: 46px; padding: 0 0 5px 20px; color: #69604b; font-size: 11px; background: url(img/lang-french.jpg) 0 2px no-repeat;}
a.lang3 {display: block; height: 13px; width: 46px; padding: 0 0 0 20px; color: #69604b; font-size: 11px; background: url(img/lang-hungarian.jpg) 0 2px no-repeat;}
a.lang1:hover, a.lang2:hover, a.lang3:hover {color: #9b0c11;}
#currentlang {color: #9b0c11;}

/* header navigation */
.header-navigation {position: relative; width: 100%; height: 28px; padding: 6px 0 0 0; margin: 1px 0 0 0; background: url(img/header-navigationbg.jpg) 0 0 repeat-x; z-index: 5555500;}

/* hungarian */
ul.dropdown {position: relative; list-style: none; padding: 0; text-transform: uppercase; margin: 0 0 0 16px;}
ul.dropdown li {font-weight: bold; float: left; zoom: 1; background: #fff;}
ul.dropdown a:hover	{color: #9b0c11;}
ul.dropdown a:active {color: #9b0c11;}
ul.dropdown li a {display: block; padding: 4px 10px; color: #84674d; font-size: 12px;}
ul.dropdown li:last-child a {border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {background: #f9f7ef; position: relative; color: #9b0c11;}
ul.dropdown li.hover a {color: #84674d;}
ul.dropdown li.hover a:hover {color: #9b0c11;}

/* 
	LEVEL TWO
*/
ul.dropdown ul {width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; left: 0; text-align: left; padding: 0;}
ul.dropdown ul li {font-weight: normal; background: #f6f6f6; color: #84674d; border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{border-right: none; width: 100%; display: inline-block; } 
ul.dropdown ul li a:hover {color: #9b0c11;}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul {left: 100%; top: 0;}
ul.dropdown li:hover > ul {visibility: visible;}

/* english */
ul.dropdown-en {position: relative; list-style: none; padding: 0; text-transform: uppercase; margin: 0 0 0 81px;}
ul.dropdown-en li {font-weight: bold; float: left; zoom: 1; background: #fff;}
ul.dropdown-en a:hover	{color: #9b0c11;}
ul.dropdown-en a:active {color: #9b0c11;}
ul.dropdown-en li a {display: block; padding: 4px 10px; color: #84674d; font-size: 12px;}
ul.dropdown-en li:last-child a {border-right: none;} /* Doesn't work in IE */
ul.dropdown-en li.hover, ul.dropdown-en li:hover {background: #f9f7ef; position: relative; color: #9b0c11;}
ul.dropdown-en li.hover a {color: #84674d;}
ul.dropdown-en li.hover a:hover {color: #9b0c11;}

/* 
	LEVEL TWO
*/
ul.dropdown-en ul {width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; left: 0; text-align: left; padding: 0;}
ul.dropdown-en ul li {font-weight: normal; background: #f6f6f6; color: #84674d; border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown-en ul li a	{border-right: none; width: 100%; display: inline-block; } 
ul.dropdown-en ul li a:hover {color: #9b0c11;}

/* 
	LEVEL THREE
*/
ul.dropdown-en ul ul {left: 100%; top: 0;}
ul.dropdown-en li:hover > ul {visibility: visible;}


/* french */
ul.dropdown-fr {position: relative; list-style: none; padding: 0; text-transform: uppercase; margin: 0 0 0 15px;}
ul.dropdown-fr li {font-weight: bold; float: left; zoom: 1; background: #fff;}
ul.dropdown-fr a:hover	{color: #9b0c11;}
ul.dropdown-fr a:active {color: #9b0c11;}
ul.dropdown-fr li a {display: block; padding: 4px 10px; color: #84674d; font-size: 12px;}
ul.dropdown-fr li:last-child a {border-right: none;} /* Doesn't work in IE */
ul.dropdown-fr li.hover, ul.dropdown-fr li:hover {background: #f9f7ef; position: relative; color: #9b0c11;}
ul.dropdown-fr li.hover a {color: #84674d;}
ul.dropdown-fr li.hover a:hover {color: #9b0c11;}

/* 
	LEVEL TWO
*/
ul.dropdown-fr ul {width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; left: 0; text-align: left; padding: 0;}
ul.dropdown-fr ul li {font-weight: normal; background: #f6f6f6; color: #84674d; border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown-fr ul li a	{border-right: none; width: 100%; display: inline-block; } 
ul.dropdown-fr ul li a:hover {color: #9b0c11;}

/* 
	LEVEL THREE
*/
ul.dropdown-fr ul ul {left: 100%; top: 0;}
ul.dropdown-fr li:hover > ul {visibility: visible;}


.header-slide {position: relative; width: 100%; height: 308px; z-index: 0; top: 0; left: 0; text-align: left;}
.header-slide, .header-slide img { z-index: -1;}
html>body .header-slide, html>body .header-slide img {z-index: 0;}

.content-main {position: relative; width: 100%; height: auto; z-index: 0;}
* html .content-main {position: relative; width: 100%; height: auto; z-index: -1;}
*:first-child+html .content-main {position: relative; width: 100%; height: auto; z-index: -1;}
.content {position: relative; width: 708px; float: left; height: auto; text-align: left; padding: 20px 0 0 16px; z-index: 1;}

/* right boxes */
.right-boxes {position: relative; width: 217px; float: right; height: auto; padding: 20px 0 0 0;}
.rightbox-top {position: relative; width: 217px; height: 15px; background: url(img/rightbox-top.jpg) transparent 0 0 no-repeat; font-size: 0;}
.rightbox-bg {position: relative; width: 193px; height: auto; background: url(img/rightbox-bg.jpg) transparent 0 0 repeat-y; padding: 5px 12px 0 12px;}
.rightbox-bg p {color: #826c49;}
.rightbox-bottom {position: relative; width: 217px; height: 8px; background: url(img/rightbox-bottom.jpg) transparent 0 0 no-repeat;}
.newsl {position: relative; float: left; width: 153px; height: 18px; margin: 0; padding: 0; border: 1px solid #e4d8c6; color: #9b0c11;}
.newsl:focus {border: 1px solid #9b0c11; background: #fcfbec;}
.submitbutton2 {position: relative; float: right; width: 30px; height: 20px; background: #f0e9de; font-size: 11px; line-height: 11px; font-weight: 900; color: #9b0c11; border: 1px solid #e4d8c6;}
.submitbutton2:hover {border: 1px solid #9b0c11;}

/* bővebben link */
.seemore {position: relative; float: right; clear: both; color: #826c49; font-size: 13px; text-transform: lowercase; padding: 7px 0 0 0;}
.seemore:hover {color: #9b0c11;}


.index-contbox {position: relative; width: 325px; float: left; height: auto; margin: 20px 0 0 0;}
.index-contbox2 {position: relative; width: 325px; float: right; height: auto; margin: 20px 0 0 0;}

/* slider */
.sliderbox-top {position: relative; width: 708px; height: 6px; background: url(img/sliderbox-top.jpg) transparent 0 0 no-repeat; font-size: 0;}
.sliderbox-bg {position: relative; width: 688px; height: auto; background: url(img/sliderbox-bg.jpg) transparent 0 0 repeat-y; padding: 0 10px 5px 10px; overflow: hidden;}
.sliderbox-bottom {position: relative; width: 708px; height: 15px; background: url(img/sliderbox-bottom.jpg) transparent 0 0 no-repeat;}
.slider-main {position: relative; width: 650px; height: auto;}
#myController {position: absolute; width: 195px; right: 5px; height: 160px; padding: 5px 0 0 0;}
#mySlides {position: relative; width: 465px; float: left; padding: 5px 5px 5px 0;}
#mySlides div {}
#mySlides div img {float: left; margin: 0 6px 0 0;}
.jFlowControl {width: 195px; cursor: pointer; color: #84674d; font-weight: 900; margin: 0 0 6px 0; padding: 2px; background: url(img/slider-hover.jpg) transparent 0 -27px no-repeat;}
.jFlowControl:hover {background-position: 0 0; color: #9b0c11;}


/* magunkról */
.aboutus-pics {position: relative; width: 304px; height: 230px;}
.aboutus-pics p {color: #770004; font-weight: 900; font-size: 14px;}

/* szolgáltatások */
.services-list {list-style-image: url(img/list-img.jpg); list-style-position: outside;  padding: 0 0 0 20px; margin: 0;}
.services-list li { padding: 0 0 0 2px;}
.services-top {position: relative; width: 708px; height: 6px; background: url(img/sliderbox-top.jpg) transparent 0 0 no-repeat; font-size: 0; margin: 10px 0 0 0;}
.services-bg {position: relative; width: 688px; height: auto; background: url(img/sliderbox-bg.jpg) transparent 0 0 repeat-y; padding: 0 10px 7px 10px; overflow: hidden;}
.services-catline {position: relative; width: 100%; height: auto;}
.services-cat {position: relative; float: left; position: relative; width: 161px; height: auto; margin: 7px 5px 0 6px;}
* html .services-cat {display: inline;}
.services-cat a {display: block;}
.services-bottom {position: relative; width: 708px; height: 15px; background: url(img/sliderbox-bottom.jpg) transparent 0 0 no-repeat;}

/* árak, kedvezmények */
.discount-main {position: relative; width: 100%; height: auto; margin: 7px 0 0 0;}
.discount-line {position: relative; width: 100%; height: auto; margin: 0 0 5px 0;}
.discount1 {position: relative; float: left; width: 200px; height: auto; margin: 0 0 0 10px; display: inline;}
.discount1 p {color: #770004; font-weight: 900; font-size: 14px;}
.discount2 {position: relative; float: left; width: 476px; height: auto; display: inline;}
.discount2 p {font-weight: 400; font-size: 14px;}

.prices-line {position: relative; width: 100%; height: auto; margin: 0;}
.prices1 {position: relative; float: left; width: 476px; height: auto; margin: 0 0 0 10px; display: inline;}
.prices1 p {font-weight: 900; font-size: 14px;}
.prices2 {position: relative; float: left; width: 200px; height: auto; display: inline;}
.prices2 p {font-weight: 900; font-size: 14px;}
.prices3 {position: relative; float: left; width: 400px; height: auto; display: inline;}
.prices3 p {font-weight: 900; font-size: 14px;}
.prices4 {position: relative; float: left; width: 100px; height: auto; display: inline;}
.prices4 p {font-weight: 900; font-size: 14px;}
.price-hr {color: #770004; background: #770004;}

/* footer */
.footer {position: relative; width: 100%; height: auto; margin: 20px 0 0 0; border-top: 3px solid #e5ddc7; padding: 10px 0 5px 0; background: #fcfbf7;}
.footer p, .footer a {color: #908880; font-size: 11px;}
.footer a:hover {color: #9b0c11;}


/* ------------------------------------------------------------------------------------------------- */
.leftalign {text-align: left;}
.centerpos {position: relative; width: 100%; text-align: center;}
.floatleftimg {float: left; margin: 0 4px 0 0;}
.noborder {border: none;}
.margin0 {margin: 0;}
.small-11 {font-size: 11px;}
.imgborder {padding: 2px; border: 1px solid #e4d8c6;}
.bold {font-weight: 900;}
.upper {text-transform: uppercase;}
.bourdon {color: #770004;}