img a, a img {border:0;}

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

a {
    color:#33a6dd;
    text-decoration:none;

}

p {
    margin:0;
    /*margin-bottom:10px;*/
    padding: 0 10px 0 10px;

}

strong {
	font-family: dinpro-bold;
}

.main_color {
    color:#33a6dd;
}

.main_color_borderbottom {
    border-bottom: 1px solid #33a6dd;
}

.main_color_bg {
    background-color: #33a6dd;
}

#kozep {
    width: 800px;
    margin: auto;
    outline: none;
}

#fejlec {
    width: 800px;
    height: 125px;
    margin: auto;
    margin-top:0px
}

#logo {
    width: 300px;
    height: 100px;
    margin-top:0px;
    float:left
}

#menu {
    width: 483px;
    height: 45px;
    background-image: url('../img/panel/menu_upper.png');
    float:right;
    color:white;
    text-align:right;
}

#menu h5 {
      margin-top:9px;
      margin-right:0;
}

#valaszt {
    width: 167px;
    height: 35px;
    margin-top:1px;
    float:left;
    margin-left:5px;
}

#ajanlat {
    width: 510px;
    background-color: white;
    margin-top:0px;
    float:left;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
}

#tovabbi {
    width: 225px;
    margin-top:0px;
    float:right;
}

#doboz_top {
    height: 28px;
    background:url('../img/panel/box_part1.png');
}

#doboz_bottom {
     background:url('../img/panel/box_part2.png');
     height: 53px;
}

#ajanlatainkszoveg {
    width: 147px;
    height: 36px;
    background-image: url('../img/panel/box_top.png');
    margin-left:28px;
    padding-left:20px;
    font-size: 22px;
    color:white;
    padding-top:8px;
    margin-bottom:-8px;
}

#ajanlatainkszoveg a, #korabbiszoveg a, #menu a {
    color:white;
    text-decoration:none;
}

#korabbiszoveg {
    width: 145px;
    height: 24px;
    font-size: 13px;
    background-image: url('../img/panel/box_bottom.png');/*../img/panel/korabbi.png*/
    margin-left:28px;
    padding-top:1px;
    padding-left: 22px;
}
.kiskep {
    margin-top: 0px;
    margin-left:10px
}
#regiar{
    text-decoration: line-through;
    float: left;
    margin-top:-36px;
    margin-left:15px;
    color:gray;
}
#szazalek {
    float:left;
    margin-left: 25px;
    color:white;
    margin-top:-18px;
}

/*#ujar {
    float:left;
    padding:0px;
    margin-top:-36px;
    margin-left:16px;
    color:#33a6dd;
}*/

#cim {
    margin-top:-15px;
}

#cim a {
    margin-top:-15px;
    text-decoration:none;
}

.email {
    border: none;
}
#szoveg {
    color:#505050;
}

#megveszemcsik div {
    opacity:1;
    filter:alpha(opacity=100);
    padding-top:155px;
    z-index: 9;
}

#megveszemcsik {
    height: 50px;
    width:510px;
    background-color: white;
    margin-top:-55px;
    opacity:0.8;
    filter:alpha(opacity=80);
    position:absolute;
    z-index: 9;
}

#regiarnagy{
    text-decoration: line-through;
    float:left;
    margin-left:30px;
    margin-top:-57px;
    position: absolute;
    z-index: 9;
}

#ujarnagy {
    float:left;
    margin-top:-68px;
    margin-left:220px;
    position: absolute;
    z-index: 9;
}

#szazaleknagy {
    float:left;
    background-image: url('../img/panel/percent.png');
    width:89px;
    height:39px;
    color:white;
    text-align:center;
    margin-top:-45px;
    margin-left:117px;
    position:relative;
    padding-bottom: 0px;
    z-index: 9;
}

#dobozcim {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 216px;
}

#megveszem {
    width:113px;
    text-align: center;
    height:25px;
    background-image: url('../img/panel/megveszem.png');
    margin-top: -45px;
    margin-left: 360px;
    position:relative;
    padding-top: 7px;
    z-index: 1000;
    color:white;
    cursor: pointer;
}

#feher {
    width: 510px;
    height: 235px;
    background-image: url('../img/panel/feher.png');
    margin-top: -228px;
    position: absolute;
    z-index: 999;
}

#megveszem a {
    color:white;
}

#hirlevel {
    width: 225px;
    height: 85px;
    background-image: url('../img/box/signup.png');
    margin-top:50px;
    position:absolute;
}
#ismer {
    width: 225px;
    height:55px;
    background-image: url('../img/box/partner1.png');
    margin-top: 170px;
}
#ajanl {
    width: 225px;
    height:55px;
    background-image: url('../img/box/partner2.png');
    margin-top: 25px;
}
#partner {
    width: 225px;
    height:55px;
    background-image: url('../img/box/partner3.png');
    margin-top: 25px;
}

/***********
 * ITERATE *
 ***********/

.iterate_main {
    background:url(../img/panel/deal_big.png);
    margin-bottom:20px;
}
.iterate_main_percent{
    float:left;
    height: 55px;
    width: 60px;
    font-size: 30px;
    padding: 10px;
    color:white;
    margin-right: 10px
}
.iterate_main h1 {
    font-weight:bold;
    font-size: 20px;
    margin-top:0px;
    padding-top:4px;
}
.iterate_main_details{
    height:50px;
    margin-top:-2px;
}
.iterate_main_counter{
    height:50px;
    color:white;
    float:left;
    width: 170px;
    padding-left:5px;
    padding-top:7px;
    text-align:center;
}
.iterate_main_price {
    position:absolute;
    background-color: silver;
    margin-left: 175px;
    width: 160px;
    height:70px;
    margin-top:-15px;
    text-align:center;
    padding-top:5px;
}
.iterate_main_oldprice {
    font-weight:bold;
    color:black;
    padding-top:15px;
}
.iterate_main_newprice{
    color:white;
    font-size:35px;
    font-weight:bold;
}
.iterate_main_link{
    float:left;
    margin-left: 140px;
    width:145px;height: 40px;
    padding-left: 40px;
    padding-top: 11px;
}
.iterate_main_link a {
    color:white;
    font-size: 25px;
    right:0;
}
.iterate_main_link a:hover {
    color:black;
}
.iterate_small {
    background:url(../img/panel/deal_small.png);
    margin-top:25px;
    width:250px;
    height: 180px;
    float:left;
}
.iterate_small_percent {
    float:left;
    height: 32px;
    width: 44px;
    font-size: 17px;
    color:white;
    margin-left: 7px;
    margin-top:8px;
    font-weight:bold
}

.iterate_small_title {
    padding-top:2px;
    font-weight:bold;
    font-size: 12px;
    margin-top:0px;
}

.iterate_small_img {
    width: 250px;
    height: 115px;
}

.iterate_small_img a img {
    margin-top:-7px;
    z-index: 1;
    width: 250px;
    height: 115px;
}

.iterate_small_price {
    width: 125px;
    margin-top:5px;
    text-align:center;
    font-weight:bold;
    font-size: 20px;
}

.iterate_small_link {
    float:left;
    margin-top:-25px;
    margin-left: 135px;
    width:125px;
    font-size: 20px;
}
.iterate_small_link a {
    color:white;
    right:0
}
.iterate_small_link a:hover {
    color:black;
}

/**********
 * FOOTER *
 **********/

#footer {
    float:right;
    width: 800px;
    height: 200px;
    margin-bottom:0px;
    margin-top:40px;
    background: url(../img/footer/footer.png);
    background-repeat: no-repeat;
}

#footer div a {
    color:inherit;
}

.footertable a {
    margin-bottom: 10px;
    display:block;
    font-weight: bold;
}

.footertable a:hover {
    text-decoration: none;
}

#footer div h3 {
    margin-top:-5px;
    margin-bottom:15px;
    color: white;
    font-size: 19px;
}

#footer div {
    font-size: 13px;
    margin-left: 20px;
    margin-top: 20px;
    width: 240px;
    float:left;
    color: white;
}

/******************
 * VÁROSVÁLASZTÁS *
 ******************/

#valaszt a {
    color:#33a6dd
}

a.select {
    width: 167px;
    height: 35px;
    display: block;
    padding-right: 5px;
    font-size: 16px;
    text-decoration: none !important;
    font-weight: bold;
    line-height: 35px;
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    clear: both;
    outline: none;
}
a.select:hover {
    background-position: bottom left;
    color: #FFF !important;
}
a.select {
    background-image: url(../img/panel/selector.png);
}
ol, ul {
    margin: 0 0 0 20px;
    padding: 0px;
}
ul.select_list {
    position: absolute;
    width: 163px; background: white;
    border: 2px solid #33a6dd;
    list-style-type: none;
    display: none;
    z-index: 999;
    margin-left: 0px; margin-top: 0px;
    cursor: pointer;
    height: auto;
    overflow: auto;
}
ul.select_list li {
    width: 163px;
    line-height: 2em;
    padding-left: 0px;
    color: #33a6dd;
    background-color: white;
    border-top: 0px solid #ccc;
    display: block;
}
ul.select_list li:hover, ul.select_list li.hover, ul.select_list li.selected {
    background-color: #33a6dd !important;
    color: #FFF !important;
}

ul.long-list {
    height: 126px !important;
}
ul.long-list li {
    width: 160px !important;
}
.hidden {
    display: none;
}

/***************
 * TABLESORTER *
 ***************/

.pagedisplay {
    border:0;
    width: 40px;
    text-align:center;
}

table.tablesorter {
	font-family:dinpro-regular, helvetica, sans-serif;
	background-color: #CDCDCD;
	/*margin:10px 0pt 15px 10px;*/
	font-size: 8pt;
	/*width: 650px;*/
	text-align: justify;
	width: 100%;

}

table.tablesorter * {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

table.tablesorter a {
	color: #111;
	font-size: 13px;
	text-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;




}

table.tablesorter a:hover {
	/*color: #fff;*/
	/*text-shadow: 0px 0px 4px #000;	*/

}


table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: rgb(112, 175, 187);
	/*border: 1px solid #ccc;*/
	font-size: 14pt;
	padding: 10px;
}
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
		/*border: 1px solid #ccc;*/

}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 8px;
	background: #d9d8d8;
		/*border: 1px solid #ccc;*/


	vertical-align: top;
}

table.tablesorter tbody td:hover {
	background:#ccc;

}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

/**********
 * BUTTON *
 **********/

/* http://webarti.com/best-CSS3-button-maker */

.osbutton {
	padding:3px 5px 3px 5px; font-size:12px;border:solid 1px #222;width:auto; margin:2px 0 10px 10px; background: #666;
	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;


	}
.osbutton:hover {
	background: #222;
	color: #fd9600;
}
.osbutton:active {
	position:relative;
	top:1px;
}

/***********
 * GALLERY *
 ***********/

#slideshow {
    height: 241px;
    overflow: hidden;
}


/***************
 * MODALDIALOG *
 ***************/

.jqi-errfade, .jqi-inffade, .jqi-sucfade, .jqi-subfade, .jqi-sub2fade { position: absolute; background-color: #333333; }
div.jqi-inf .jqi-infmessage, div.jqi-err .jqi-errmessage, div.jqi-suc .jqi-sucmessage{ padding: 10px; line-height: 20px; color: #000; b }
div.jqi-inf .jqi-infbuttons, div.jqi-err .jqi-errbuttons, div.jqi-suc .jqi-sucbuttons{ text-align: right; padding: 5px 0 5px 0;  background-color: rgb(74, 192, 242); }
div.jqi-inf button:hover, div.jqi-err button:hover, div.jqi-suc button:hover{ color: #000; }
div.jqi-inf, div.jqi-err, div.jqi-suc { margin-left: -120px!important;
	width: 240px; font-family:  dinpro-regular, Helvetica, sans-serif; position: absolute; background-color: rgb(74, 192, 242); font-size: 11px; text-align: left; padding: 7px; }
div.jqi-inf button, div.jqi-err button, div.jqi-suc button{ padding: 3px 10px; margin: 0 10px; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi-inf .jqi-infclose, div.jqi-err .jqi-errclose, div.jqi-suc .jqi-succlose{ position: absolute; top: 0; right: 0; width: 18px; cursor: default; text-align: center; padding: 2px 0 4px 0; color: white; font-weight: bold;  }

div.jqi-err {border: solid 3px #CC7070;}
div.jqi-err button{background-color: #CC7070;border: solid 1px #;}
div.jqi-err .jqi-errclose{background-color: #CC7070;border-left: solid 1px #CC7070; border-bottom: solid 1px #CC7070; }

div.jqi-suc {box-shadow: 0px 5px 30px rgba(0,0,0,.3);}
div.jqi-suc button{background-color: #aaa;/*border: solid 1px #fd9600;*/}
div.jqi-suc .jqi-succlose{background-color: #aaa;/*border-left: solid 1px #fd9600; border-bottom: solid 1px #fd9600;*/ }

div.jqi-inf {border: solid 3px gray;}
div.jqi-inf button{background-color: gray;border: solid 1px gray;}
div.jqi-inf .jqi-infclose{background-color: gray;border-left: solid 1px gray; border-bottom: solid 1px gray; }

div.jqi-sub, div.jqi-sub button, div.jqi-sub .jqi-subclose{ display: none; }
div.jqi-sub{
    width: 640px;
    height: 360px;
    font-family: dinpro-regular, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    position: absolute;
    background: url(../img/mail/popup_bg.png);
    padding-top: 120px;
}
div.jqi-sub a#closebutton{
    width: 45px;
    height: 45px;
    position:absolute;
    margin-top: -125px;
    margin-left: 585px;
    cursor:pointer;
}

div.jqi-sub2, div.jqi-sub2 button, div.jqi-sub2 .jqi-sub2close{ display: none; }
div.jqi-sub2{
    width: 640px;
    height: 360px;
    background: #fff;
}
div.jqi-sub2 a#closebutton{
    width: 45px;
    height: 45px;
    position:absolute;
    margin-top: -125px;
    margin-left: 585px;
    cursor:pointer;
}



fieldset {
    margin: 0 auto;
	background: rgb(112, 175, 187);
    padding-top: 10px;
    width: 90%;
    border: none;

}

fieldset legend {
    margin-top: 10px;
    padding: 10px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: rgb(37, 135, 139);
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }