html{
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../img/bg.jpg) repeat-x;
	background-position: -1400px 0px;
}
body {
	margin: 0;
	padding: 0;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 11px;
	color: #737373;
	behavior: url(./css/iepngfix.htc);
}
img, div {
	behavior: url(./css/iepngfix.htc);
}
#main {
        position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
* td {
	text-align: left;
}
* a {
	color: #737373;
}
* ul {
	margin-top: 0px;
	padding-top: 0px;
}

/*********************************** HEADER *****************************************/

#main #ms1 {
    background: transparent url(../img/ms/bg_ms1.jpg) no-repeat top center;
}

#main #ms2 {
    background: transparent url(../img/ms/bg_ms2.jpg) no-repeat top center;
}

#main #ms3 {
    background: transparent url(../img/ms/bg_ms3.jpg) no-repeat top center;
}

#main div.msrotate {
    position: absolute;
    top: 100px;
    left: 0;
    width: 500px;
    height: 150px;
    display: none;
}

#main div.msrotate h1 {
    position: relative;
    display: block;
    width: 460px;
    height: 30px;
    padding: 0 0 0 50px;
    margin: 17px 0 0 0;
    color: #FFFFFF;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 27px;
    text-align: left;
}

#main div.msrotate h2 {
    position: relative;
    display: block;
    width: 460px;
    height: 15px;
    padding: 0 0 0 50px;
    margin: -4px 0 0 0;
    color: #FFFFFF;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
}

#main div.msrotate p {
    position: relative;
    display: block;
    width: 460px;
    height: 30px;
    padding: 0 0 0 50px;
    margin: 17px 0 0 0;
    color: #FFFFFF;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    text-align: left;
}

#main div.msrotate a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 500px;
    height: 150px;
}

#main span.ms1 {
    color: #008bcd;
}

#main span.ms2 {
    color: #f37b2b;
}

#main span.ms3 {
    color: #e25c54;
}

table.header {
}
table.menutable {
	margin: 18px 0 0 0;
	padding: 0;
}
table.menutable td {
	padding: 0px;
	border-bottom: 1px solid transparent;
}
table.menu table.menutable td img {
	margin-bottom: 2px;
}
table.menutable td.submenu {
	border-bottom: 0px solid transparent;
}
table.menutable td.submenu a,
table.menutable td.submenu a:link {
        font-weight: bold;
        text-decoration: none;
        color: #9cafb2;
}

table.menutable td.submenu a:hover,
table.menutable td.submenu a:active {
        color: #669999;
}

table.header td.top, table.header td.bottom {
	height: 52px;
}

table.menu {
	margin: 0;
	padding: 0;
}
table.menu td.logo {
	margin: 0;
	padding: 0;
	width: 236px;
	vertical-align: top;
}
table.menu td.menu {
	width: 664px;
	margin: 0;
	padding: 0;
	text-align: right;
}
table.menu td.menu img {
	border: 0;
	padding: 0;
	margin: 0 1px 0 1px;
}

table.header td.bottom{
	vertical-align: bottom;
}

#main_navbar {
	margin: 0 0 0 330px;
	padding: 0;
}
#navbar {
	margin: 0 0 0 275px;
	padding: 0;
}
#navbar p, #navbar p a, #main_navbar p, #main_navbar p a {
	margin: 0 0 6px 0;
	padding: 0;
	color: #b3b3b3;
	text-decoration: none;
}
#navbar p a:hover, #main_navbar p a:hover {
	color: #919191;
}
#navbar p span.active, #main_navbar p span.active {
	color: #919191;
}

#navbar2 {
	margin: 0px;
	padding: 0px;
}
#navbar2 p {
	margin: 0 0 6px 0;
	padding: 0;
	color: #b3b3b3;
	text-transform: uppercase;
	font-weight: bold;
}
#navbar2 p span.active {
	color: #bb5e2e;
}

table.menu td.menu td.submenu img {
	margin: 6px 0 0px 0;
	padding: 0;
	border: 0;
}
/*********************************** CONTENT *****************************************/
#main_kep a img {
    border: 0;
}
table.content {	
	margin: 0;
	padding: 0;
}
table.content td.left {
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 236px;
}
table.content td.main_middle {
	vertical-align: top;
	width: 180px;
	height: 270px;
        background-color: #FFF;
	/*background: #FFF url(../img/home_bg.gif) no-repeat top center;*/
	padding: 30px 30px 0px 30px;
        margin: 0;
	line-height: 16px;
}
table.content td.main_middle p {
	margin: 0 0 0px 0;
	padding: 0;
}

table.content td.middle,
table.content td.middle1,
table.content td.middle2,
table.content td.middle3,
table.content td.middle4,
table.content td.middle5,
table.content td.middle6 {
	vertical-align: top;
	width: 427px;
        background-color: #FFF;
	/*background: #FFF url(../img/content_bg.gif) no-repeat top center;*/
	padding: 36px 44px 44px 44px;
	line-height: 16px;
}
table.content td.middle1_uptime {
	vertical-align: top;
	width: 427px;
        background-color: #FFF;
	/*background: #FFF url(../img/proserver_color01.gif) no-repeat top center;*/
	padding: 36px 44px 44px 44px;
	line-height: 13px;
}
table.content td.middle2 {
        background-color: #FFF;
	/*background: #FFF url(../img/proserver_color02.gif) no-repeat top center;*/
}
table.content td.middle3 {
        background-color: #FFF;
	/*background: #FFF url(../img/content_bg.gif) no-repeat top center;*/
}
table.content td.middle4 {
	vertical-align: top;
	width: 427px;
        background-color: #FFF;
	/*background: #FFF url(../img/proserver_color04.gif) no-repeat top center;*/
	padding: 36px 44px 44px 44px;
	line-height: 14px;
}
table.content td.middle5 {
        background-color: #FFF;
	/*background: #FFF url(../img/proserver_color05.gif) no-repeat top center;*/
}
table.content td.middle6 {
        background-color: #FFF;
	/*background: #FFF url(../img/proserver_color06.gif) no-repeat top center;*/
}

table.content td.middle p,
table.content td.middle1 p,
table.content td.middle2 p,
table.content td.middle3 p,
table.content td.middle4 p,
table.content td.middle5 p,
table.content td.middle6 p {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
}
table.content td.middle1_uptime p {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 13px;
}
table.content td.middle4 p {
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 14px;
}
table.content td.right {
	vertical-align: top;
	width: 237px;
}
table.content span.kiemeles1 {
	font-size: 10px;
	color: #4a838e;
}
table.content span.kiemeles2 {
	font-size: 10px;
	color: #bb5e2e;
}

table.content span.kiemeles2 a {
        color: #bb5e2e;
        text-decoration: none;
}

table.content span.kiemeles2_pointer {
	font-size: 10px;
	color: #4a838e;
	cursor: pointer;
}
table.content span.kiemeles2_pointer strong {
	font-size: 8px;
	color: #919191;
	cursor: pointer;
}


/********************************** PRODUCT TABLE ****************************************/
table.product, table.product2 {
	width: 100%;
	margin: 18px 0 0 0;
	padding: 0;
}
table.product th.head, table.product th.head2, table.product2 th.head, table.product2 th.head2 {
	line-height: 23px;
	color: #4A838E;
	font-size: 9px;
	border-bottom: 1px dotted #DCDCDC;
}
table.product th.head2, table.product2 th.head2 {
	text-align: center;
}
table.product td.item, table.product2 td.item {
	border-bottom: 1px dotted #DCDCDC;
	line-height: 23px;
	font-size: 11px;
	color: #737373;
	width: 60%;
}
table.product td.item1, table.product2 td.item1 {
	border-bottom: 1px dotted #DCDCDC;
	line-height: 16px;
	font-size: 11px;
	color: #737373;
	width: 60%;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.product td.price, table.product2 td.price {
	border-bottom: 1px dotted #DCDCDC;
	font-size: 11px;
	color: #BB5E2E;
	width: 40%;
	text-align: right;
}
table.product td.price2, table.product2 td.price2 {
	border-bottom: 1px dotted #DCDCDC;
	font-size: 11px;
	color: #BB5E2E;
	text-align: right;
}
table.product td.price a, table.product td.price2 a, table.product2 td.price a, table.product2 td.price2 a {
	font-size: 9px;
	color: #BB5E2E;
	text-decoration: none;
}
table.product td.vat,
table.product2 td.vat,
table.content td.middle p.highlight, table.content td.middle1 p.highlight, table.content td.middle1_uptime p.highlight, table.content td.middle2 p.highlight, table.content td.middle3 p.highlight, table.content td.middle4 p.highlight, table.content td.middle5 p.highlight, table.content td.middle6 p.highlight {
	background: url(../img/table_lastrow.jpg) no-repeat top center;
	color: #BFBFBF;
	padding: 10px 0px 10px 0px;
}
table.product td ul, table.product2 td ul {
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
.more, .order, .details {
	line-height: 30px;
	color: #BFBFBF;
}
.more2 {
	color: #BFBFBF;
}

/********************************** FOOTER ****************************************/
table.footer  {
	width: 100%;
	margin: 60px 0 30px 0;
	padding: 0;
}
table.footer td.left {
	vertical-align: top;
	width: 236px;
}
table.footer td.right {
	vertical-align: middle;
	width: 664px;
}
table.main_footer1 {
	margin: 10px 0 45px 0;
	width: 940px;
}
table.main_footer1 td {
	vertical-align: bottom;
}
table.main_footer2 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 900px;
}
table.main_footer2 td {
	vertical-align: bottom;
}

/********************************** HOME ****************************************/
div#service_1 div.visual {
	width: 185px;
	height: 100px;
	background: url('../images/bg_service_1_visual.jpg') left top no-repeat;
	float: left;
}

div#service_2 div.visual {
	width: 185px;
	height: 100px;
	background: url('../images/bg_service_2_visual.jpg') left top no-repeat;
	float: left;
}

div#service_3 div.visual {
	width: 185px;
	height: 100px;
	background: url('../images/bg_service_3_visual.jpg') left top no-repeat;
	float: left;
}
div#openvideo {
	width: 320px;
	float: left;
	text-align: right;
	margin: 0px;
	padding: 0px;
	margin-top: 40px;
}
div#openvideo img {
	margin-right: 10px;
	width: 320px;
}
div.visual2 {
	width: 90px;
	height: 95px;
	float: left;
}

/********************************** POPUP ****************************************/
div.layerpopup {
	position: absolute;
	width: 427px;
	height: 467px;
    top: 50%;
    left: 50%;
    margin-top: -228px;
    margin-left: -214px;
	z-index: 10;
}
div.layer {
	width: 428px;
	height: 568px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	overflow: hidden;
}
div.layer1 {
	width: 428px;
	height: 645px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	overflow: hidden;
}

div.layer2 {
	width: 428px;
	height: 718px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	overflow: hidden;
}

div.layerpopupvideo {
	position: absolute;
	width: 895px;
	height: 599px;
        top: 50%;
        left: 50%;
        margin-top: -228px;
        margin-left: -448px;
	z-index: 10;
}
div.layervideo {
	width: 896px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	overflow: hidden;
}

.layerpopup .order_specifications {
	width: 321px;
	padding: 10px 53px 10px 53px;
	margin: 0px;
	border: 0px solid #556655;
	font-size: 10px;
}
.layerpopup .order_specifications h3, .action h3 {
	font-size: 13px;
	color: #d95e25;
	margin: 0px;
	padding:  35px 0px 0px 0px;
	text-transform: uppercase;
}
.layerpopup .order_specifications img {
	margin: 0px 0px 0px -53px;
}
.layerpopup .order_specifications ul.unordered_list {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}
.action div {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #DCDCDC;
}
.action div ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}
.layerpopup #order_specification_price, .layerpopup #order_specification_li {
	width: 320px;
	margin: 5px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 10px;
	border-bottom: 1px dotted #DCDCDC;
}
.action li {
	width: 320px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	border-bottom: 0px dotted #DCDCDC;
}
.layerpopup #order_specification_price strong, .action strong {
	color: #d95e25;
}
.layerpopup #order_specification_price strong span {
	padding-right: 150px;
	color: #008a91;
}
.action strong span {
	padding-right: 150px;
	color: #008a91;
}
.action .order {
	color: #d95e25;
}
span.akcio {
	font-size: 10px;
	font-weight: bold;
	color: #d95e25;
}
.layerpopup table {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border: 0px solid #556655;
	font-size: 10px;
}
.layerpopup table td.fejlec {
	font-size: 11px;
	color: #008a91;
	border: 0px solid #556655;
	padding-top: 25px;
	padding-bottom: 10px;
	font-weight: bold;
}
.layerpopup table td.label, .layerpopup table td.input {
	width: 156px;
	padding: 0px;
	margin: 0px;
	border: 0px solid #556655;
}
.layerpopup table input, .layerpopup table textarea {
	width: 154px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.layerpopup table input.req {
	width: 156px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border-left: 1px solid #e18137;
	border-top: 1px solid #e18137;
	border-right: 1px solid #fad9c6;
	border-bottom: 1px solid #fad9c6;
}
.layerpopup table .kotelezo {
	color: #d95e25;
	font-style: italic;
}
.layerpopup table .gomb {
	padding-top: 10px;
	text-align: center;
}
.layerpopup table .gomb input {
	width: 95px;
	height: 19px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

div.close {
	position: absolute;
	width: 30px;
	height: 30px;
    top: 50%;
    left: 50%;
    margin-top: -242px;
    margin-left: 200px;
	z-index: 15;
}

/********************************** Regisztráció ****************************************/
#order_form_content .title {
	font-size: 10px;
	color: #4a838e;
}
#order_form_content .label {
	width: 140px;
}
#order_form_content .label2 {
	font-weight: bold;
}
#order_form_content .input2 {
	font-size: 10px;
	color: #bb5e2e;
	line-height: 12px;
}
#order_form_content .hr {
	border-bottom: 1px dotted #DCDCDC;
}
#order_form_content .hr2 {
	background: url('../img/proserver_perforalas.gif') left top no-repeat;
	height: 30px;
}
#order_form_content input {
	font-size: 10px;
	width: 182px;
}
#order_form_content table.product2 td.price input {
	width: 100px;
	color: #bb5e2e;
	text-align: right;
	margin: 5px 0px;
}
#order_form_content select, #order_form_content textarea {
	font-size: 10px;
	width: 186px;
}
#order_form_content #order_form_submit1 {
	text-align: left;
}
#order_form_content #order_form_submit2 {
	text-align: right;
}

#proposal_order #order_form_submit1 {
	text-align: left;
}
#proposal_order #order_form_submit2 {
	text-align: right;
}

#offerSubmit input {
        width: 95px;
	height: 19px;
	border: 0px;
}
#order_form_content #order_form_submit1 input, #order_form_content #order_form_submit2 input,
#order_form_content #order_form_submit1 img, #order_form_content #order_form_submit2 img {
	width: 60px;
	height: 14px;
	border: 0px;
}

#quicktour {
    display: block;
    position: relative;
    float: left;
    margin: -100px 0px 0px 12px;
    padding: 0;
    z-index: 100;
}

/*********************************** VIDEO *****************************************/

/* overlay size and background image */ 
div.overlay { 
 
    /* FULLSCREEN DIMENSIONS */
    width:880px;
    height:530px;
 
    background-image:url(../img/petrol_wide.png); 
    display:none; 
    padding: 0 !important; 
} 
 
/* close button for overlay */ 
div.overlay div.closefullvid { 
    background:url(../img/overlay_close.png) no-repeat; 
    position:absolute; 
    top:2px; 
    right:5px; 
    width:35px; 
    height:35px; 
    cursor:pointer; 
} 
 
/* original size of the player */ 
#player, #player embed, #player object { 
    height:174px; 
    width:266px; 
} 
 
/* absolute positioning of the player */ 
#player embed, #player object { 
    position:absolute; 
 
    /* layer as the topmost element */ 
    z-index:10000; 
}

/*********************************** MS Web Platform *****************************************/

div#mswp_main {
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    background-color: #FFFFFF;
    text-align: left;
}

div#mswp_head {
    width: 435px;
    height: 229px;
    position: relative;
    padding: 20px 450px 20px 15px;
    color: white;
    background: url(../img/ms/bg_mswp_head.jpg) no-repeat;
}

div#mswp_head p {
    font-size: 11px;
    margin-bottom: 0;
}

div#mswp_platform_packages, div.mswp_boxes {
    position: relative;
    width: 886px;
    padding: 5px 7px 25px 7px;
    background: url(../img/ms/bg_mswp_box.jpg) right bottom no-repeat;
    overflow: auto;
    border-right: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}

div#mswp_platform_packages ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
}

div#mswp_platform_packages ul li {
    display: inline;
}

div.mswp_boxes {
    width: 211px;
    height: 250px;
    padding: 7px 6px 7px 7px;
    margin: 0;
    position: relative;
    float: left;
    background: url(../img/ms/bg_mswp_box.jpg) right bottom no-repeat;
    overflow: hidden;
}

div#mswp_content {
    width: 900px;
    padding: 5px 7px 25px 7px;
    clear: both;
}

div#mswp_left{
    padding: 55px 10px 10px 10px;
}