/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://www.xhtml2u.com
-------------------------------------------------- */
@import url(backgrounds.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, table { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {outline: none;outline-style:none;}
html {height: 100%;}
body {background:#fff;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TEXTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, table, form, select, option, input {color: #333;font-family: Arial, sans-serif;}
a{text-decoration:none;color:#057fac;}
a:hover{text-decoration:none;color:#999;}
a {outline: none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1{color: #fff;float: right;margin: 20px 10px 5px 0;font: normal 38px georgia, san-serif;line-height: 60px;}
h2 {font-family: Georgia,"Times New Roman",Times,serif;margin: 10px 0 5px 0px;padding: 0 0 0 18px;font-size: 18px;
	line-height: normal;font-weight: lighter;color: Gray;text-align: left;}
.csik{width: 98%;float: left;background: #ffffff url(img/zold_vonal.jpg) repeat-x center;}
.csikszoveg{padding: 0 18px;background-color: #ffffff;}
h3 {font-family: Georgia,"Times New Roman",Times,serif;font-size: 18px;font-weight:normal;color:#444;margin:0; padding: 5px 0 5px 35px;clear:both;}
h4 {font-size: 16px;font-weight: bolder;color: #626262;margin: 10px 0 10px 20px;}
h5{font-size: 15px;font-weight: bolder;color: #4882B5;margin: 10px 0 10px 10px;}
h6{font-size: 12px;font-weight: bolder;color: #626262;margin: 10px 0 10px 10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BASIC LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper{width: 920px;margin: 0 auto;}
#top{width: 920px;height: 62px;border-bottom: 1px solid #c3c3c3;background: transparent url(img/logo.jpg) no-repeat top left;}
#header{width: 920px;height: 115px;background: #ffffff;border-bottom: 5px solid #84DD41;}
#feature{width: 920px;height: 400px;background: transparent;border-bottom: 3px solid #ffffff;clear: both;}
.feature-left {margin: 0;padding: 0;float: left;width: 590px;height: 400px;background: transparent;}
.feature-right {margin: 0;padding: 0;float: right;width: 320px;height: 400px;background-color: transparent;}
.feature-right img{ border: 1px solid #c3c3c3;}
#container{width: 920px;clear: both;background: #FFFFFF;margin: 10px 0 10px 0;text-align: left;float:left;}
#sidebar-left {float: left;width: 160px;background-color: transparent;text-align: left;padding: 5px;}
#sidebar-right {float: right;width: 160px;background-color: transparent;text-align: left;padding: 5px;}
#content-center {float: left;width: 570px;background-color: transparent;padding: 5px;}
#content-main {float:right;width: 738px;background-color: transparent;padding: 5px;border-left: 1px solid #c3c3c3;}
.side-left{width: 49%;float: left;}
.side-right{width: 49%;float: right;}
.leftborder{border-left: 1px dotted Silver;}
.bottom_sor{width: 920px;margin:5px auto;clear:both;float:left;}
.bottom_sor img{float:left;padding:2px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BASIC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.turkiz{color: #379DAC;}
.csoki{color: #583A38;}
.zold{color: #B1CA49;}
.lila{color: #6F4C71;}
.arany{color: #BC8F32;}
.bordo{color: #71153C;}
.orange{color: #EB8D35;}
.floatright{float: right;}
.floatleft{float: left;}
.clear{width: 100%;clear: both;height: 15px;}
.line{border-bottom: 1px solid #c3c3c3;clear: both;width: 100%;height: 5px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topnav {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;float: right; margin-right: -45px; background-color: #fff;}
/* for IE-mac \*/
#topnav {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;float: right; margin-right: 0; background-color: #fff; }
/* for IE-mac Slutt*/
#topnav li{list-style: none;display: inline;padding: 0;margin: 0; }
#topnav a {color: #666;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;display: block;padding: 28px 9px 13px;
float: left;border-right: 1px solid #eee;border-top: 5px solid #fff;font-size: 11px;}
#topnav a.home {color: #666;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;display: block;
padding: 28px 9px 13px;float: left;border-bottom: 2px solid #fff;border-left: 1px solid #fff}
#topnav a:hover {color: #000;border-top: 5px solid #848484;}
/* ---------- second nav ---------- */
#secondnav{width: 920px;height: 25px;margin: 3px 0 5px 0;text-align: right;}
.nav{text-align: center;margin-right: 15px;}
.navi li{font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;display: inline;color: #696969;
	padding: 0 8px 0 8px;border-right: 1px solid #696969;font-size: 11px;text-transform: uppercase;}
.navi li.laast {border: 0;}
.navi li a {color: #696969;text-decoration: none;padding: 3px;}
.navi li a:hover {color: #ffffff;background-color: #DCDCDC;text-decoration: none;}
/* ------- LEFT-NAV --------------- */
.leftnav li{font-size: 12px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer{width: 920px;clear: both;float:left;height: 95px;background: #ffffff;padding: 5px 0 0 0;margin-top: 5px;}
#footer-content{height: 25px;margin: 5px 0 0 0;border-top: 1px solid #c3c3c3;padding: 10px 0 10px 0;clear: both;}
#footer-content ul li.ref{margin-left: 300px;}
#footerbanner{height: 45px;clear: both;}
#footer-banner {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;background-color: #fff;float:left;}
#footer-banner li{list-style: none;display: inline;padding: 0;margin: 0; }
#footer-banner a {color:#666;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;display: block;padding: 2px 3px 1px;
	float:left;font-size: 11px;text-align: center;width: 175px;line-height:12px;*+line-height: 0.5em;*+height: 40px;}
#footer-banner a:hover {color: #000;}
#footer-banner img{border: 1px solid #c3c3c3;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bigbanner{clear: both;margin: 0 10px;}
.banner{padding: 4px;border: 1px solid #c3c3c3;margin: 5px auto;}
.bordered{border: 1px solid #c3c3c3;}
.temahead{clear: both;margin: 10px auto;}
.hattyubg{background: transparent url(img/hattyu.jpg) no-repeat bottom;min-height: 500px!important;height: 500px;}
.bg_contact{background: transparent url(img/hattyu.jpg) no-repeat center 90%;min-height: 500px!important;height: 500px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TEXTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p{font-family: Arial, sans-serif;padding:0;margin:0p;line-height:140%;font-size: 12px;}
.normal{padding: 0 10px 0 10px;line-height: 140%;font-size: 12px;}
.justify{text-align: justify;}
.kezeles{padding: 10px 10px 0 10px;line-height: 140%;font-size: 12px;float:left;}
.leftblock{text-align: justify;padding: 10px;width:47%;float: left;}
.rightblock{text-align: justify;padding: 10px;width:47%;float: right;}
b{font-weight: bold;}
.bder{font-weight: bolder;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.kapcsolat li{font-size: 12px;line-height: 120%;padding: 4px 0 0 10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BLOCKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.partnereink{width:446px;height:138px;padding:2px;border:1px solid #c3c3c3;margin: 0 0 10px 0;}
.partnereink h5{width: 440px;font-size: 12px;padding: 2px 0 2px 5px;margin: 0;background-color: #fff;color: #4882B5;
	font-weight: bolder;border-bottom: 1px solid #c3c3c3;}
.partnereink img, .day-spa img, .rogner img{float: left;}
.partnereink ul, .szalonok ul, .day-spa ul, .rogner ul{float: right;width: 210px;}
.partnereink ul li, .szalonok ul li, .day-spa ul li, .rogner ul li{display: block;padding: 2px 0 0 5px;font-size: 12px;}
.day-spa{width: 446px;height: 120px;padding: 2px;border: 1px solid #c3c3c3;margin: 0 0 10px 0;}
.szalonok{float: left;display: inline;width: 223px;height: 110px;border: 1px solid #c3c3c3;margin: 0 5px 5px 0;}
.rogner{width: 915px;height: 120px;padding: 2px;border: 1px solid #c3c3c3;margin: 0 0 10px 0;}
.rogner p{float: right;width: 400px;}
/* ------------ ujdonsagok ------------ */
.ujdonsagok{width: 448px;height: 200px;margin: 10px 0 0 10px;padding: 0 0 10px 0;}
.felblokk{width: 448px;margin: 10px 0 0 10px;padding: 0 0 10px 0;}
.rightborder{border-right: 1px solid #c3c3c3;margin: 10px 0 0 0;padding-right: 10px;}
.balhasab{float: left;width: 300px;line-height: 140%;font-size: 12px;text-align: justify;}
/* ---------- AKCIOK ------------ */
.haromnegyed{width: 80%;}
/* Form*/
form{margin: 0; padding: 0; width:360px;}
form fieldset{clear:both; padding:8px; margin:0; width:360px; border:0; font-family:Trebuchet MS, Verdana, Arial !important; font-size:12px; color:#333333;}
form label{display: block; width:auto; padding: 0; margin:5px 0 0 0;}
form input{width:360px; margin:0; font-family:Trebuchet MS, Verdana, Arial !important; font-size:11px; color:#000;}
form textarea{overflow: auto; width:360px; font-family:Trebuchet MS, Verdana, Arial !important; font-size:11px; color:#000;}
form select{width:220px; font-family:Trebuchet MS, Verdana, Arial !important; font-size:11px; color:#000;}
form .required{font-weight:bold;}
form br{clear:left;}
form #submit{width: auto;margin: 20px 0 0 0;background-color: #228B22;color: #FFF;border: none;font-size: 11px;
	padding: 2px;float: right;cursor: pointer;}
form #reset{width:auto; margin:20px 0 0 0; background-color:#65a500; color:#FFFFFF; border:none; font-size:11px; padding:2px; float:right; margin-left:5px; cursor:pointer} 

/* ---------- SCROLLER ---------------- */
div.scroller {width: 940px;height: 500px;overflow: hidden;margin: 0 auto;}
div.scroller div.section {width:940px;height:500px;overflow:hidden;float:left;padding:1em;}
div.scroller div.content {width: 10000px;}
div#section1 {background: #ffffff url(img/ujdonsagok/ujdonsag_wakanspa.jpg) no-repeat top center;}
div#section2 {background: #ffffff url(img/ujdonsagok/timexpertlift_ujdonsag.jpg) no-repeat top center;}
div#section3 {background: #ffffff url(img/ujdonsagok/ujdonsag_arany.jpg) no-repeat top center;}
div#section4 {background: #ffffff url(img/ujdonsagok/ujdonsag_gyongy.jpg) no-repeat top center;}
div#section5 {background: #ffffff url(img/ujdonsagok/rogner_felulnezet.jpg) no-repeat top center;}
div#section6 {background: #ffffff url(img/ujdonsagok/krembar_rogner.jpg) no-repeat top center;}
div#section7 {background: #ffffff url(img/ujdonsagok/rasul_spa_rogner.jpg) no-repeat top center;}
div#section8 {background: #ffffff url(img/ujdonsagok/rogner_belso.jpg) no-repeat top center;}
div.section p{margin: 280px 10px 0 0; padding: 5px 20px 0 10px; font-size: 12px; text-align: justify; background-color: #ffffff; float: left;}
div#my-glider a{font-size: 12px;color: #4882B5;padding: 0 5px 15px 5px; text-decoration: none;font-weight: bolder;}
div.controls { margin-bottom: 10px; clear: both;}
div.section ul li{display: inline;}

.floatleft{float:left;}
.floatright{float:right;}
div.sett{min-height:140px;width:450px;}
div.sett span{font-style: italic;}

#slider {width: 920px;height: 350px;position: relative;overflow: hidden;border:0;}
#sliderContent {width:920px;position:absolute;top:0;margin-left:0;}
.sliderImage {float: left;position: relative;display: none;}
.sliderImage span {position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 20px;width: 880px;
    background-color: #000;filter: alpha(opacity=70); -moz-opacity: 0.7;-khtml-opacity: 0.7; opacity: 0.7;color: #fff;display: none;}
.clear {clear: both;}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0; left: 0;}
.left {top:0;left:0;width: 110px !important;height: 280px;}
.right {right: 0;bottom: 0;width: 90px !important;height: 290px;}

 div.f1{float:left;padding:10px;border-bottom:1px solid #f0eeee;width:600px;}
 div.f1 h5{}
 div.f1 img{margin:0 10px 0 0;border: 1px solid #f0eeee;}
 div.f1 p{padding:5px 10px;}
 div.f1 a{font:normal bold 12px/normal Arial, sans-serif;color:#4882B5;padding:2px 0 2px 350px;}
#features-right{float:right;width:280px;margin:10px 0;background:transparent;}
a.rbanner {padding:0;width:265px;height:100px;border: 1px solid #f0eeee;margin:5px 0 0 0;float:right;}
a.rbanner img{border: none;}