p.paragraf {text-align: justify;}
p.paragraf:first-letter {padding-left: 10px;}
p.normal {line-height: 100%;}
p.onehalf {line-height: 150%;}
p.double {line-height: 200%;}
input, select, textarea, button {outline: none;}
.clear {width: 100%;height: 0px;clear: both;}
.clearline {width: 100%;height: 0px;clear: both;border-bottom: 1px solid #dddddd; padding-top: 10px; margin-bottom: 10px;}
code {font-family: Courier, monospace;font-size: 12px;}
strong, b {font-weight: bold;}
i {font-style: italic;}
ul {padding-left: 20px;margin-left: 5px;list-style: disc;}
ol {padding-left: 20px;margin-left: 5px;list-style: decimal;}
/* --- noty megerősítés gombok --- */
.btn { cursor: pointer; height: 24px;line-height: 16px;padding: 0px 6px 2px 6px;margin: 2px 4px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #ffffff;box-shadow: #666666 1px 1px 8px;color: #ffffff;font-weight: bold;outline: none;}
.btn-primary {background: #6f9b60;background: -moz-linear-gradient(top,  #6f9b60 0%, #627d4d 50%, #4d6b42 51%, #1f3b08 100%);background: -webkit-gradient(linear, left top, left bottom,olor-stop(0%,#6f9b60), color-stop(50%,#627d4d), color-stop(51%,#4d6b42), color-stop(100%,#1f3b08));background: -webkit-linear-gradient(top,  #6f9b60 0%,#627d4d 50%,#4d6b42 51%,#1f3b08 100%);background: -o-linear-gradient(top,  #6f9b60 0%,#627d4d 50%,#4d6b42 51%,#1f3b08 100%);background: -ms-linear-gradient(top,  #6f9b60 0%,#627d4d 50%,#4d6b42 51%,#1f3b08 100%);background: linear-gradient(to bottom,  #6f9b60 0%,#627d4d 50%,#4d6b42 51%,#1f3b08 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9b60', endColorstr='#1f3b08',GradientType=0 );}
.btn-danger {background: #ff3019;background: -moz-linear-gradient(top,  #ff3019 0%, #d81515 50%, #bc0303 51%, #9b0303 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(50%,#d81515), color-stop(51%,#bc0303), color-stop(100%,#9b0303));background: -webkit-linear-gradient(top,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);background: -o-linear-gradient(top,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);background: -ms-linear-gradient(top,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);background: linear-gradient(to bottom,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#9b0303',GradientType=0 );}
.btn-warn {display: block; margin: 2px auto !important; width: 100px; background: #ff3019;background: -moz-linear-gradient(top,  #ff3019 0%, #d81515 50%, #bc0303 51%, #9b0303 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(50%,#d81515), color-stop(51%,#bc0303), color-stop(100%,#9b0303));background: -webkit-linear-gradient(top,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);background: -o-linear-gradient(top,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);background: -ms-linear-gradient(top,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);background: linear-gradient(to bottom,  #ff3019 0%,#d81515 50%,#bc0303 51%,#9b0303 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#9b0303',GradientType=0 );}
/* --- */
.imageMail {margin: 0; padding: 0; position: relative; top: 3px;}
.butlike, .imageMail, .butlike3:hover {cursor: pointer;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;-khtml-opacity: 0.8;}
.butlike2 {cursor: pointer;filter:alpha(opacity=40);-moz-opacity:0.4;opacity: 0.4;-khtml-opacity: 0.4;}
.imageMail:hover, .butlike:hover, .butlike2:hover, .butlike3 {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity: 1;}
.butlike, .butlike2, .imageMail, .butlike3 {transition: all 300ms;-webkit-transition: all 300ms;-moz-transition: all 300ms;}
#ui-datepicker-div {display: none;}
#goTop {display: none;position: fixed;bottom: 10px;right: 10px;height: 32px;width: 32px;margin: 0;padding: 0;background-color: #ffffff;box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2), 0px 0px 20px rgba(0,0,0,0.6);border: 4px solid #ffffff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;z-index: 20;}
#buyMe {position: fixed; right: 0px; bottom: 0px; width: 70px; height: 30px; background-color: rgba(255,255,255,0.8); color: #ffffff; z-index: 1000; border-radius: 30px 0 0 0; box-shadow: 0 0 40px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.2); border: 4px solid #ffffff; padding: 15px; text-align: center; font-size: 30px; font-weight: bold; text-shadow: 0 0 6px #000000; border-bottom: none; border-right: none;}
#buyMe:hover {text-decoration: none;}
#remPop {position: fixed; display: block; top: 0; right: 0; background: url(../img/bg_corner.png) no-repeat; color: #ffb400; width: 170px; height: 90px; line-height: 30px; text-align: center; padding: 11px 17px 218px 192px; z-index: 1000; font-size: 20px;}
#remPop .goBuy {position: absolute;display: block;width: 60px;height: 48px;top: 125px;left: 282px;background: url("../img/ordarrow.png") no-repeat;}

#expPop {position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0;background: rgba(0,0,0,0.9);z-index: 1000;}
#expPop p {margin: 200px; text-align: center; font-size: 48px; font-weight: bold; color: #ffffff;}
#expPop .remHalf {position: relative; display: block; width: 100%; height: 50%;}
#expPop .remTop {position: absolute; display: block; width: 100%; margin: 0; bottom: 0;}
#expPop .remBot {position: absolute; display: block; width: 100%; margin: 0; top: 0;}
#expPop .remClock {position: relative; display: block; width: 90px; height: 90px; margin: 0 auto; background: url('../img/remclock.png') no-repeat;}
#expPop .text1 {position: relative; display: block; width: 100%; height: 30px; margin-top: 20px;color: #ffd900;text-align: center;text-transform: uppercase;font-weight: bold;font-size: 22px;}
#expPop .text2 {position: relative; display: block; width: 100%; height: 30px; margin: 0;color: #ffffff;text-align: center;text-transform: uppercase;font-weight: bold;font-size: 22px;}
#expPop .buts1 {position: relative; display: block; width: 600px; height: 50px; margin: 20px auto;}
#expPop .buts2 {position: relative; display: block; width: 100%; height: 50px; margin: 0 auto;}
#expPop .myBut {position: relative;display: block; width: 140px;height: 50px;line-height:50px; font-size: 18px; font-weight: bold; text-align: center; color: #ffffff;text-transform: uppercase;text-decoration: none;}
#expPop .toMake {float: left; color: #ffd900;background: url('../img/bg_makenew.png') no-repeat; font-weight: normal;}
#expPop .toBuy {float: right;background: url('../img/bg_tobuy.png') repeat-x;}
#expPop .toContact {width: 190px;margin: 0 auto;background: url('../img/bg_contactus.png') no-repeat;}


#orderContainer{  background: url("../img/bg_ordercontainer.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 2px solid #ffffff;
    display: block;
    height: 70px;
    position: fixed;
    width: 100%;
    z-index: 9999;}
#orderContainer_customize {position: fixed; top: 0px; display: block;width: 100%; /*height: 70px;*/ z-index: 9999; border-bottom: 2px solid #FFFFFF;}

#orderContainer2 {position: absolute; top:0px; display: block;background: url('../img/bg_ordercontainer.png') repeat;  width: 100%;}


#orderContent{background: url("../img/w4clogo0.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 25px;
    margin: 0 auto;
    padding: 10px 10px 10px 130px;
    position: relative;
    width: 820px;}
#orderContent_customize {position: relative; display: block; padding: 0px 10px 0px 100px; margin: 0 auto; width: 850px; /*width: 820px;*/ /*height: 50px;*/ line-height: 25px; color: #ffffff; background: url('../img/w4clogo0.png') left top no-repeat; font-size: 18px;}



#orderAfter {position: relative; display: block;background: #222222; width: 100%; height: 72px; clear: both;}
#orderAfter_customize {position: relative; display: block;background: #222222; width: 100%; height: 72px; clear: both;}


#orderContent .myBut {position: relative;display: block; float: left;width: 140px;height: 50px;line-height:50px; font-size: 18px; font-weight: bold; text-align: center; color: #ffffff;text-transform: uppercase;text-decoration: none;}
#orderContent .remLine {display: block; position: relative; float: left; height: 50px; line-height: 50px; width: 540px; text-align: center; padding: 0; font-size: 20px; font-weight: bold; color: #ffb400; text-transform: uppercase;}
#orderContent .toCancel {background: url("../img/bg_tocancel.png") no-repeat;}
#orderContent .toBuy {background: url("../img/bg_tobuy.png") no-repeat;}

#afterContainer {position: fixed; display: block;background: url('../img/bg_ordercontainer.png') repeat; width: 100%; height: 70px;bottom: 0;z-index: 9999; border-top: 2px solid #FFFFFF;}
#afterContent {position: relative; display: block; padding: 10px; padding-left: 90px; margin: 0 auto; width: 730px; height: 50px; line-height: 25px; color: #ffffff; font-size: 18px;background: url('../img/bg_tryit.png') left top no-repeat;}
#orderBefore {position: relative; display: block;background: #222222; width: 100%; height: 72px; clear: both;}
#afterContent .myBut {position: relative;display: block; float: left;width: 140px;height: 50px;line-height:50px; font-size: 18px; font-weight: bold; text-align: center; color: #ffffff;text-transform: uppercase;text-decoration: none;}
#afterContent .remLine {display: block; position: relative; float: left; height: 50px; line-height: 50px; width: 500px; text-align: center; padding: 0; font-size: 20px; font-weight: bold; color: #ffb400; text-transform: uppercase;}
#afterContent .toBuy {background: url("../img/bg_tobuy.png") no-repeat;}

.buttonBig {position: relative; display: inline-block; vertical-align: middle; height: 22px; line-height: 22px; padding: 13px 25px; margin: 5px; font-size: 18px; font-family: 'Arial Black', geneva, arial, sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; text-decoration: none !important; cursor: pointer;}
.buttonBig:hover {color: inherit; text-decoration: none !important;}
.buttonBig.light {background: url('../img/bt_light.png') left repeat-x; border: 1px solid rgba(0,0,0,0.8); color: #444444 !important;}
.buttonBig.blue {background: url('../img/bt_blue.png') left repeat-x; border: 1px solid #00aaee; color: #ffffff !important;}
.buttonBig.green {background: url('../img/bt_green.png') left repeat-x; border: 1px solid #00aa66; color: #ffffff !important;}
.buttonBig.orange {background: url('../img/bt_orange.png') left repeat-x; border: 1px solid #bf5a00; color: #ffffff !important;}
.buttonBig.black {background: url('../img/bt_black.png') left repeat-x;border: 1px solid #000000;color: #ffffff !important;}
/* FloTex megjelenítő */
#flotex {position: absolute;min-width: 180px;max-width: 300px;padding: 10px;margin: 0 0 -6px -6px;bottom: 0px;background: #eeeeee;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 15px;z-index: 100;/*display: none;*/box-shadow: 1px -1px 3px #666666;box-shadow: 1px -1px 3px rgba(0,0,0,0.5);}
#flotex.left {left: 0px;}
#flotex.right {right: 0px;}
#flotex img {max-width: 278px;border: 1px solid #ffffff;}
#flotex #arrow {position: absolute;width: 10px;height: 10px;}
#flotex.left #arrow {left: -6px;bottom: -6px;background: url(../img/sarok1.png);}
#flotex.right #arrow {right: -6px;bottom: -6px;background: url(../img/sarok2.png);}
#flotex .ftitle {padding: 0;margin: 0 0 10px 0;font-weight: bold;}
/* ---------- */
.hider {position: fixed;bottom: 0px;right: 0px;filter: alpha(opacity=0);opacity: 0;z-index:-10;}
input.pure {border: none;background: transparent;}
/* Floating draggable post panel */
#pPanel {position: absolute;border: 1px solid #444444;background-color: #d0e4f9;border-radius: 8px 8px 5px 5px;-moz-border-radius: 8px 8px 5px 5px;-webkit-border-radius: 8px 8px 5px 5px;padding: 0;box-shadow: 2px 2px 25px rgba(0,0,0,0.5);}
#pTitle {position: relative;font-size: 14px;height: 10px;line-height: 13px;padding: 5px 10px;margin: 0;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;background: rgb(208,226,249); background: -moz-linear-gradient(top,  rgba(208,226,249,1) 0%, rgba(213,229,249,1) 50%, rgba(201,222,247,1) 51%, rgba(208,228,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,226,249,1)), color-stop(50%,rgba(213,229,249,1)), color-stop(51%,rgba(201,222,247,1)), color-stop(100%,rgba(208,228,249,1))); background: -webkit-linear-gradient(top,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%); background: -o-linear-gradient(top,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%); background: -ms-linear-gradient(top,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%);background: linear-gradient(to bottom,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e2f9', endColorstr='#d0e4f9',GradientType=0 ); cursor: move;overflow: hidden;}
#pCloser {position: absolute;top: 0;right: 10px;width: 16px;height: 16px;padding: 0 10px;overflow: hidden;border-radius: 0 0 3px 3px;border: 1px solid #7d8795;border-top: none;cursor: default;}
#pContent {position: relative;padding: 10px;margin: 2px;border: 1px solid #a6b6c6;background-color: #F0F0F0;border-radius: 0 0 3px 3px;}
#superTitle {position: relative;display: block;height: 30px;line-height: 30px;font-size: 24px;font-weight: bold;color: #ffffff;background-color: #666666; margin: 10px 0 0 0;padding: 10px 15px;float: left;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}



/* Floating draggable post panel */
#hPanel {position: fixed;border: 1px solid #444444;background-color: #d0e4f9;border-radius: 8px 8px 5px 5px;-moz-border-radius: 8px 8px 5px 5px;-webkit-border-radius: 8px 8px 5px 5px;padding: 0;box-shadow: 2px 2px 25px rgba(0,0,0,0.5);}
#hTitle {position: relative;font-size: 14px;font-weight: bold;height: 10px;line-height: 13px;padding: 5px 10px 5px 15px;;margin: 0;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;background: rgb(208,226,249); background: -moz-linear-gradient(top,  rgba(208,226,249,1) 0%, rgba(213,229,249,1) 50%, rgba(201,222,247,1) 51%, rgba(208,228,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,226,249,1)), color-stop(50%,rgba(213,229,249,1)), color-stop(51%,rgba(201,222,247,1)), color-stop(100%,rgba(208,228,249,1))); background: -webkit-linear-gradient(top,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%); background: -o-linear-gradient(top,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%); background: -ms-linear-gradient(top,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%);background: linear-gradient(to bottom,  rgba(208,226,249,1) 0%,rgba(213,229,249,1) 50%,rgba(201,222,247,1) 51%,rgba(208,228,249,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e2f9', endColorstr='#d0e4f9',GradientType=0 ); cursor: move;overflow: hidden;}
#hCloser {position: absolute;top: 0;right: 10px;width: 16px;height: 16px;padding: 0 10px;overflow: hidden;border-radius: 0 0 3px 3px;border: 1px solid #7d8795;border-top: none;cursor: default;background-color: red; color: white;}
#hContent {position: relative;padding: 10px;margin: 2px;border: 1px solid #a6b6c6;background-color: #F0F0F0;border-radius: 0 0 3px 3px;}


/* w4c imgpop for layout images */
#imgpop {position: absolute;width: 560px;padding: 10px;margin: 0;top: 0px;background: #eeeeee;z-index: 100;box-shadow: 1px 1px 8px #666666;box-shadow: 1px 1px 8px rgba(0,0,0,0.5);}
#imgpop.left {left: 0px;}
#imgpop.right {right: 0px;}
#imgpop img {max-width: 560px;}
/* ------------ */
/* --- TOOLTIP --- */
.ui-tooltip {background: black !important; border: 1px solid white; padding: 5px 10px; color: white !important; border-radius: 3px; font-size: 12px !important; box-shadow: 0 0 6px #000000;min-width: 150px;}
.ftitle {padding: 0;line-height: 24px; margin-bottom: 5px;font-weight: bold;}
/* --------------- */

.rainbow {
	background: #ff1a00;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2U5ZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYzJSIgc3RvcC1jb2xvcj0iIzAwOGFmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iI2Q0MDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff1a00 0%, #e9ff00 22%, #00ff00 42%, #008afc 63%, #d400ff 83%, #ff0004 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1a00), color-stop(22%,#e9ff00), color-stop(42%,#00ff00), color-stop(63%,#008afc), color-stop(83%,#d400ff), color-stop(100%,#ff0004));
background: -webkit-linear-gradient(top,  #ff1a00 0%,#e9ff00 22%,#00ff00 42%,#008afc 63%,#d400ff 83%,#ff0004 100%);
background: -o-linear-gradient(top,  #ff1a00 0%,#e9ff00 22%,#00ff00 42%,#008afc 63%,#d400ff 83%,#ff0004 100%);
background: -ms-linear-gradient(top,  #ff1a00 0%,#e9ff00 22%,#00ff00 42%,#008afc 63%,#d400ff 83%,#ff0004 100%);
background: linear-gradient(to bottom,  #ff1a00 0%,#e9ff00 22%,#00ff00 42%,#008afc 63%,#d400ff 83%,#ff0004 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff0004',GradientType=0 );
	
}

*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}