body {
    margin:0;
    font-family : Arial, sans-serif;	font-size : 11px;
    background-color:#ffffff;
    background-image:url(../images/1_01.jpg);
    background-repeat:repeat-x;
    font-size:11px;
}
      
#container {width:970px;margin:0px auto;}

#containerin {
    margin-top:10px;
    background-color: #FFFFFF;
    border: 1px solid #BBCAD0;
    width: 970px;
    float:left;
    height:auto;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    behavior: url(ie.htc);
}

a.h1 {text-decoration:none;}

h1 {letter-spacing:-1px;  color: #7C952D; font-family:arial, sans-serif; font-size:18px; font-weight:normal; border-bottom: 1px dotted #cacac8;}
h1 span {color:#373535;}
h1.leader {margin:1px 0px 0px 10px; letter-spacing:-1px; color:#373535; font-family:arial, sans-serif; font-size:18px; font-weight:normal;}
h1.ingyen {letter-spacing:-1px; color:#74C6E4; font-family:arial, sans-serif; font-size:18px; font-weight:normal; border-bottom: 1px dotted #cacac8; border-top: 16px solid #ebebeb; padding-top:10px;}
h1.steps {letter-spacing:-1px; font-family:arial, sans-serif; font-size:18px; font-weight:normal; border-bottom: 1px dotted #cacac8; border-top: 16px solid #ebebeb; padding-top:10px;}
h1.ingyen span {color:#373535;}
h2.login {margin:15px;letter-spacing:-1px; color:#7C952D; font-family:arial, sans-serif; font-weight:normal; font-size:16px;color:#fff; font-weight: bold;}
.login {margin-left:15px;margin-top:5px; font-size:11px; height:15px;}
h3 {letter-spacing:-1px; color:#709c16; font-family:arial, sans-serif; font-size:16px; font-weight:bold; margin-top:0px;}

li.t {list-style-image:url(../images/arrow.jpg); line-height:17px; font-size:12px;  color: grey;}
li.t2 {list-style-image:url(../images/arrow.jpg);font-size:12px; margin-left:20px; line-height:19px;  color: grey;}
li.e {list-style-image:url(../images/arrow.jpg); line-height:17px; font-size:12px; color:#676767;}

input.loginbutton {background:url("../images/gombok.png") 122px 0 transparent;
                display:block;
                border: 0;
                float:left;
                height:42px;
                margin-left:15px;
                margin-top:6px;
                width:122px;
                cursor:pointer;}

input.loginbutton:hover {background-position: 122px -42px;}
input.loginbutton:active {background-position: 122px -42px;}

a.loginbutton {background:url("../images/gombok.png") 122px 0 transparent;
                display:block;
                border: 0;
                float:left;
                height:42px;
                margin-left:15px;
                margin-top:6px;
                width:122px;
                cursor:pointer;}

a.loginbutton:hover {background-position: 122px -42px;}
a.loginbutton:active {background-position: 122px -42px;}
      
#login {
    border-left: 3px dotted white;
    float:right;
        height:193px;
        margin-right:14px;
        margin-top:15px;
        width:197px;}
        
#add {color:#fff; font-size:11px; margin-top:50px;line-height:17px;}
.add {color:#fff; font-size:11px; text-decoration:none;}
li.log {list-style-image:url(../images/etag_14.jpg);}

#termek {color:#000; font-size:12px; line-height:17px;}
.tryout { margin-top:5px; padding-top:5px; font-weight:bold; color:#74c6e4; text-decoration:none; width:225px; border-top:1px solid #ededeb;}
.tryout:hover {font-weight:bold; color:#7c7c7a; text-decoration:none;}
.tryout span {color:#000; font-weight:normal;}
.tryout span:hover {color:#303233; font-weight:normal;}

.def {font-weight:bold; color:#7C952D; text-decoration:none;  }
.def:hover {font-weight:bold; color:#7c7c7a; text-decoration:none;}
.def span {color:grey; font-weight:normal;}
.def span:hover {color:#7c7c7a; font-weight:normal;}

.details {float:right; font-size: 11px; color:#7C952D; text-decoration:none; margin-right:15px;}
.details:hover {color:#7c7c7a; text-decoration:none;}

#netlocklogo a {
    background: url("../images/nl_logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 151px;
    margin-left: -37px;
    margin-top: 120px;
    width: 43px;
    position:absolute;}
    
#netlocklogo a:hover {
    background-position: 0 -151px;
}

.cal {margin-left:-20px;}

li.term {list-style-image:url(../images/arrow.jpg);}
li.tryout {list-style:square; color:#74c6e4; }

#navbar {margin:6px; width:970px;}
#logo {float:left;margin:15px;}
#nav {letter-spacing:0px; font-family:arial, sans-serif; text-align:right; font-size: 15px; float:right; margin-top:50px; margin-right: 25px;}
a.menupont {color:#000; text-decoration:none; padding-left: 10px; padding-right: 10px; border-right: 1px solid #b9b9b9;}
a.menupont:hover {color:#7C952D;}
a.menupont2 {color:#000; text-decoration:none; padding-left: 10px; padding-right: 10px; margin-right:5px;}
a.menupont2:hover {color:#7C952D;}

#head {float:left; margin-left:16px; width:940px; height:216px; margin-top:-12px;
        background-color:#7c7c7a;
        background-image:url(../images/noais_04.jpg);
        background-repeat:no-repeat;}
        
#try {background:url("../images/gombok.png") 0px 0px transparent;
                display:block;
                float:left;
                height:42px;
                margin-left:50px;
                margin-top:150px;
                width:174px;}

#try:hover {background-position: 0px -42px;cursor:pointer;}
#try:active {background-position: 0px -42px;}

#pbox {width: 320px; height:200px; float: right; margin-top:20px;}
h4 {margin-right: 30px; float:right;  letter-spacing:-1px; color:#444; font-family:arial, sans-serif; font-size:18px; font-weight:bold; text-align:right; line-height:30px;}
h4 span {color:#7C952D;}
p.phrase {    color: #999;
    float: right;
    font-family: segoe ui,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: -15px 30px 0 0;
    text-align: right;
    width: 250px;}

#newsbar {
    background-color: #E3EAA2;
    background-repeat: no-repeat;
    border: 3px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    float: left;
    height: 30px;
    margin: 10px 0 0 20px;
    width: 920px;
}
        
#news {    float: left;
    margin-left: 12px;
    margin-top: 9px;
    width: 500px;}
    
#news a {font-weight:bold; color:#000; text-decoration:none;}

#netlock {color: #000;
    float: right;
    margin-right: 12px;
    margin-top: 9px;
    text-decoration: none;}

#content {float:left; margin-left:23px; width:920px;}

p.nlp {    color: #858585;
    font-family: Arial,sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin: 5px 10px;
    text-align: justify;}
p.nlp span {color:#7C952D; font-weight:bold;}

#leftbox {float:left; margin-left:30px; width:430px; height:auto;}
#products  {float:left; width:410px; height:auto; }
p.main {text-align: justify; font-family: Arial, sans-serif; font-size:12px; line-height:17px;width:auto; color:#858585;  }
p.main span {color:#7C952D; font-weight:bold;}
p.panecontent {margin-top:15px; float:left; text-align: justify; font-family: Arial, sans-serif; font-size:12px; line-height:17px;}
p.panecontent span {color:#7C952D; font-weight:bold;}


#harom  {float:left; width:410px; height:159px;
            -moz-box-shadow: 0px 0px 8px #e6e6e6;
            -webkit-box-shadow: 0px 0px 8px #e6e6e6;
            box-shadow: 0px 0px 8px #e6e6e6;
            border: 4px solid #fff;
            margin:0px auto 0px;
            background-color:#e6e6e6;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;}
#rightbox  {float:right; margin-right:10px; width:430px; height:auto;}
#projekt  {float:left; width:410px; height:auto;}
#umlogo {   float:left; width:190px; height:125px;
            -moz-box-shadow: 0px 0px 8px #e6e6e6;
            -webkit-box-shadow: 0px 0px 8px #e6e6e6;
            box-shadow: 0px 0px 8px #e6e6e6;
            background-color:#e6e6e6;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border: 4px solid #fff;}

#umlogo span {float:left; width:152px; height:87px;
            background-color:#fff;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border:1px solid #dcdcdc;
            margin:3px;
            padding:15px;
	}
#umlogo span a,  #umlogo span a:hover, #umlogo span a:visited {text-decoration:none; color:#303233;}
#umlogo img {text-decoration:none; color:#303233; opacity:0.7;}
#umlogo img:hover { opacity:1;}

a.um {margin-left:20px; float:right;}

#jog {float:left; width:190px; height:125px;
            -moz-box-shadow: 0px 0px 8px #e6e6e6;
            -webkit-box-shadow: 0px 0px 8px #e6e6e6;
            box-shadow: 0px 0px 8px #e6e6e6;
            border: 4px solid #fff;
            background-color:#e6e6e6;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            margin-left:10px;
            text-decoration:none;}
            
#jog span {background-image:url(../images/green_03.jpg);
            background-repeat:no-repeat;
            float:left; width:152px; height:87px;
            background-color:#fff;
            border-radius:5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border:1px solid #dcdcdc;
            margin:3px;
            padding:15px;}
 
#jog span a,  #jog span a:hover, #jog span a:visited {text-decoration:none; color:#303233;}
#jog span:hover {text-decoration:none; color:#303233; }
 
p.gogreen {margin:-7px; opacity:0.7; }
p.gogreen:hover {opacity:1; }

p.login {    color: white;
    padding-bottom: 30px;
    width: 168px;
    text-align:justify;}

#contentleft {width:190px; height:auto; float:left; }
#leftlist {color:#000; font-size:11px; line-height:25px; margin-left:-15px;}
#rightlist {color:#000; font-size:11px; line-height:25px; margin-left:-40px; margin-top:-10px;}
li.controlin {list-style:none; border-bottom: 1px dotted #cacac8;}
h5.controlin {font-weight:bold;color:#303233; font-size:11px; margin-left:25px; line-height:25px; border-bottom: 1px dotted #cacac8; width:150px; margin-bottom:-10px;}
.cont {color:#7C952D; text-decoration:none;}
.cont:hover {color:#7c7c7a; text-decoration:none;} 
.cont span {color:#000; font-weight:normal;}
.cont span:hover {color:#303233; font-weight:normal;}

#nlhaz {float:left; margin-right: 25px;
        -moz-box-shadow: 0px 0px 8px #cdcdcd;
        -webkit-box-shadow: 0px 0px 8px #cdcdcd;
        box-shadow: 0px 0px 8px #cdcdcd;
        border: 4px solid #fff;
}

.picshade { -moz-box-shadow: 0px 0px 8px #cdcdcd;
        -webkit-box-shadow: 0px 0px 8px #cdcdcd;
        box-shadow: 0px 0px 8px #cdcdcd;
        border: 3px solid #fff;}

#contentright {float:left; width:515px; height:auto; min-height:190px; padding-left:15px; padding-right:10px;}

#accordion h2 {
    background: url("images/down.jpg") no-repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DCDCDC;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 8px 0 6px 30px;
    z-index: 1500;
}

#myform input, #myform textarea, #myform select {
    background-color: #fff;
    border: 1px solid #A5A69F;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #E6E6E6;
    color: #5E5F59;
    display: block;
    float: left;
    font-family: "Lucida Grande",Arial,sans-serif;
    font-size: 11px;
    margin-bottom: 8px;
    padding: 5px;
    width:270px;
}

#myform label {
    color: #5E5F59;
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 11px;
    height: 25px;
    margin: 4px 7px 0 0;
    padding: 0;
    text-align: right;
    width: 120px;
}

button.tovabb {
    background-color: #E3EAA2;
    border-radius: 4px 4px 4px 4px;
    color: #000;
    float: left;
    font-size: 11px;
    margin-left: 15px;
    padding: 4px 15px;
    text-decoration: none;
}

button.tovabb:hover { background-color: #c4cb85;
cursor:pointer;}

#cim        {background-color:#E3EAA2 !important;
            float:right;
            height:29px;
            width:705px;
            border: 3px solid #fff !important;
            margin:10px 0px 0px 0px;
            -moz-box-shadow: 0px 0px 5px #e6e6e6;
            -webkit-box-shadow: 0px 0px 5px #e6e6e6;
            box-shadow: 0px 0px 5px #e6e6e6;
            border-radius: 12px;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            behavior: url(ie.htc);
            letter-spacing:-1px;
            color:#000;
            font-family:arial, sans-serif;
            font-size:18px;
            font-weight:normal;
            padding-left:15px;
            padding-top:7px;}
            
#context {  float:left;
            width:520px;
            margin-left: 15px;
            padding:4px;}
            
#hmenu {float:left; width:168px;
            -moz-box-shadow: 0px 0px 8px #e6e6e6;
            -webkit-box-shadow: 0px 0px 8px #e6e6e6;
            box-shadow: 0px 0px 8px #e6e6e6;
            border: 4px solid #fff;
            background-color:#e6e6e6;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
             margin:15px 0px 15px 10px;
            }

#hmenu span {float:left; width:130px;
            background-color:#fff;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border:1px solid #dcdcdc;
            margin:3px;
            padding:15px;}

#contentimage {float:left;
            -moz-box-shadow: 0px 0px 8px #e6e6e6;
            -webkit-box-shadow: 0px 0px 8px #e6e6e6;
            box-shadow: 0px 0px 8px #e6e6e6;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
             margin:0px 0px 15px 10px;}

#footer {padding-top: 6px; color:#7f7f7f; line-height: 20px; text-align:center; float:left; margin-left:23px; width:920px; border-top: 1px solid #d7d7d7; margin-bottom:10px; margin-top:15px;}
a.foot {color:#7f7f7f; text-decoration:none; padding-left: 6px; padding-right: 6px; border-right: 1px solid #7f7f7f;}
a.foot2 {color:#7f7f7f; text-decoration:none; padding-left: 6px; padding-right: 6px;}


a.foot:visited {color:#7f7f7f;}  /* visited link */
a.foot:hover {color:#000;}  /* mouse over link */
a.foot:active {color:#666;}  /* selected link */

a.foot2:visited {color:#7f7f7f;}  /* visited link */
a.foot2:hover {color:#000;}  /* mouse over link */
a.foot2:active {color:#666;}  /* selected link */

#inputs br {clear: left;}
	
a.tovabb {text-decoration:none;}
a.vissza {text-decoration:none;}
button.elkuld {margin-top:15px;
                margin-right:15px; text-decoration: none;
                padding:4px 15px 4px 15px;
                color:#000;
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
                -moz-box-shadow:0 0 8px #dfdfdf;
                -webkit-box-shadow: 0px 0px 5px #dfdfdf;
                box-shadow: 0px 0px 5px #dfdfdf;
                background-color:#E3EAA2;
                border:3px solid #FFFFFF;
                margin:0 0 0 125px;
                font-size:11px;
                }
		
button.elkuld:hover {background-color:#bccc8d; font-weight:200; cursor:pointer; color:#fff;}

.kh {width:96%; text-align:justify;}

/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		height: 500px;
		width:540px;
		float:left;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {float:left;
		height: 500px;
		width:530px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 530px;
		height: 500px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		width:515px;
		height:480px;
		padding-left:15px;
	}
	
	/* main navigator */
	#main_navi {
		float:left;color:#000; font-size:11px; line-height:25px; margin-left:-15px; width:150px;
	}
	
	#main_navi li {list-style:none; border-bottom: 1px dotted #cacac8;}
	#main_navi li span{font-weight:bold;color:#303233;}

	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}
/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../img/scrollable/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	

#tkoltseg, #ekoltseg, #bkoltseg, #sumkoltseg {display:block;
            background-color:#e6f2b6 !important;
            border: 3px solid #fff !important;
            margin:10px 0px 0px 0px;
            -moz-box-shadow: 0px 0px 5px #e6e6e6;
            -webkit-box-shadow: 0px 0px 5px #e6e6e6;
            box-shadow: 0px 0px 5px #e6e6e6;
            border-radius: 12px;
            -moz-border-radius: 12px;
            -webkit-border-radius: 12px;
            behavior: url(ie.htc);
            padding-left:15px;
            text-align: justify;
            font-family: Arial, sans-serif;
            font-size:12px;
            line-height:25px;
            color:#858585;
            float:left;}

#tkoltseg span , #ekoltseg span , #bkoltseg span , #sumkoltseg span {color:#525252; font-size:14px; padding:15px;}

.ajanlat
		{
		position:relative;
		z-index:1;
		height: 120px;
		margin: 5px 10px 0 0;
		padding: 1px 10px 0 0;
		border-bottom: medium none !important;
		}

.ajanlet span
		{display:none;}
                
.basket {
    float: left;
    margin-right: 5px;
    margin-top: -3px;
    }
div.price img {border:none}
    
.price {
    opacity:0.7;
    background-color: #Fff;
    border: 1px dashed #DDDDDD;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 25px;
    padding: 10px;
    width: 140px;
    margin-left:22px;
    float:left;}
    
.price:hover {   background-color:#F5F4F4;
    opacity:1;}


.or {    color: grey;
    float: left;
    font-size: 12px;
    height: auto;
    margin: 15px -10px 0 10px;
    width: auto;}
    
#divbox1 {float:left;
     width: 175px;
     margin: 3px 8px 0 80px;}

#divbox2 {float:left;
 width: 175px;
 margin: 3px 50px 0px 0px;}

#divbox1 {
    background: url("../images/kap_01.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 141px;
    position: relative;
    width: 175px;
}

#divbox2 {
    background: url("../images/kap_02.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 141px;
    position: relative;
    width: 175px;
    margin-bottom:25px;
}

#divbox1.hover, #divbox2.hover {
    background-position: 0 -141px;
    cursor:pointer;
}

#divbox1.current, #divbox2.current {
    background-position: 0 -141px;
}

.description {
	float:left;
	display:none;
        padding:20px;
        background-color:#f9faf8;
        border-top:1px solid #ccc;       
	
}

.description .arrow {
    background: url("../images/arrow_up.jpg") repeat scroll 0 0 transparent;
    font-size: 1px;
    height: 10px;
    margin-top: -30px;
    position: relative;
    width: 12px;
}

#kap1 .arrow {
	margin-left:145px;	
}

#kap2 .arrow {
	margin-left:320px;	
}

#myform {
    background-color: #F9FAF8;
    border-top: 1px solid #CCCCCC;
    float: left;
    padding: 15px;
    padding-left:0;
    width: 500px;       
}
#myform li {
    list-style:none;
}
#myform > div.page {
    height: auto;
    width:auto;
}

#myform input, #myform textarea, #myform select {
    background-color: #fff;
    border: 1px solid #A5A69F;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #E6E6E6;
    color: #5E5F59;
    display: block;
    float: left;
    font-family: "Lucida Grande",Arial,sans-serif;
    font-size: 11px;
    margin-left:3px;
    margin-bottom: 8px;
    padding: 5px;
    width:300px;
}
#myform textarea {
    width:300px;
    height:120px;
}

#myform label {
    color: #5E5F59;
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 11px;
    height: 25px;
    margin: 4px 7px 0 0;
    padding: 0;
    text-align: right;
    width: 67px;
}
#myform img {
    display: block;
    float: left;
}
#myform input.ellenorzes {
    display: block;
    float: left;
    width:200px;
}
#myform br {
    clear:both;
}
#myform div.page input.error, #myform div.page select.error, #myform div.page textarea.error {
    border:1px dashed #D14646;
    background-color:#feebeb;
}
#myform #captchadiv {
    float:left;    
}
#myform #captchadiv span {
    font-size: 11px;
    width: auto;
}
#myform #captchadiv input {
    height:17px;
    font-size: 11px;
}

button.elkuld {
    background-color: #E3EAA2;
    border: 3px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 5px #DFDFDF;
    color: #000;
    font-size: 11px;
    margin: 10px 0 0 211px;
    padding: 4px 15px;
    text-decoration: none;
}
button.elkuld:hover {
    background-color: #BCCC8D;
    color: #fff;
    cursor: pointer;
    font-weight: 200;
}

#inputs {    background-color: #F9FAF8;
    border-top: 1px solid #CCCCCC;
    float: left;
    padding: 20px;
    width: 660px;
    margin-bottom: 10px;}
    
#result {    background-color: #F9FAF8;
    float: left;
    margin: 1px;
    padding: 20px;
    width: 44%;}

#result.full {width:660px;}

.grey {background-color: #F9FAF8;
    border-top: 1px solid #CCCCCC;    
    padding: 20px;}

h1.megrendel {text-align:left;}

.highlight {    background-color: #F9FAF8;
    border-top: 1px solid #CCCCCC;
    float: left;
    padding: 15px;
    width: 475px;}
    
#ful1 {float:left;
     width: 170px;}

#ful2 {float:left;
 width: 170px;}
 
 #ful3 {float:left;
 width: 170px;}

#ful1 {
    background: url("../images/kap_03.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 158px;
    position: relative;
    width: 170px;
    margin-bottom: 10px;
}

#ful2{
    background: url("../images/kap_03.jpg") no-repeat scroll -170px 0 transparent;
    float: left;
    height: 158px;
    position: relative;
    width: 170px;
    margin-bottom: 10px;
}

#ful3 {
    background: url("../images/kap_03.jpg") no-repeat scroll -340px 0 transparent;
    float: left;
    height: 158px;
    position: relative;
    width: 170px;
    margin-bottom: 10px;
}
#ful1:hover, #ful1.current {
    background-position: 0 -158px;
    cursor:pointer;
}
#ful2:hover, #ful2.current  {
    background-position: -170px -158px;
    cursor:pointer;
}
#ful3:hover, #ful3.current  {
    background-position: -340px -158px;
    cursor:pointer;
}


#megujit1 .arrow {
	margin-left:65px;	
}

#megujit2 .arrow {
	margin-left:240px;	
}

#megujit3 .arrow {
	margin-left:410px;	
}

.checkcode {float:left;}


#utmutato1, #utmutato2 {
    background-color: #E6E6E6;
    border: 4px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 8px #E6E6E6;
    float: left;
    margin: 15px 0 15px 10px;
    width: 935px;
    }

#utmutato1 span, #utmutato2 span {    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 3px;
    padding: 15px;
    width: 896px;}
    

.simple_overlay {
	
	/* must be initially hidden */
	display:none;	
	/* place overlay on top of other elements */
	z-index:0;
}

.close {float:right;
color:red;
width:100%;
border-top:1px dashed grey;
padding-top:15px;
text-align:right;
font-weight:bold;}

.close:hover,div.def:hover {cursor:pointer;}

#utmutato1 li, #utmutato2 li  {text-align: justify; font-family: Arial, sans-serif; font-size:12px; line-height:17px;width:auto; color:#858585; padding:5px;   }

.cleardiv {
    clear:both;
}

/* alerts */
#alert_overlay {
    display:none;
    position:fixed;
    z-index:2000;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}
#alert_container {
    position:fixed;
    top:45%;
    margin:0 auto;
    margin-top:-150px;
    width:100%;
}
#alert_content {
    margin:0 auto;
    width:515px;
    background-color: #E6E6E6;
    border: 4px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow:0 0 35px #555;
}
#alert_inner_attentionempty {
    display:none;
    position:relative;
    margin: 4px;
    padding: 15px;    
    min-height:125px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
#alert_inner_attention {
    display:none;
    position:relative;
    margin: 4px;
    padding: 15px;    
    min-height:125px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
#alert_inner_error {
    display:none;
    position:relative;
    margin: 4px;
    padding: 15px;    
    min-height:125px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
#alert_inner_ok {
    display:none;
    position:relative;
    margin: 4px;
    padding: 15px;    
    min-height:112px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
.alert_img {
    float:left;
    margin-top:7px;
    margin-left:10px;
    margin-right:15px;
}
#alert_content p {
    font-family: arial;
    font-size: 11px;
    line-height: 14px;
    margin-top: 14px;
    width: 410px;
}
#alert_content p.alert {
    float:left;
}
#alert_content p.alertcontact {
    margin-top:10px;
    margin-bottom:55px;
    margin-left:8px;
    padding-top:13px;
    padding-left:47px;
    width:410px;
    border-top:1px dashed #eee;
}
#alert_content p.alertcontact span {
    display:block;
    margin-top:8px;
}
.alert_closer {
    position:absolute;
    cursor:pointer;
    bottom:0;
    left:0;
    width:100%;
    padding-top:14px;
    padding-bottom:10px;
    bottom-left-border-radius:6px;
    bottom-right-border-radius:6px;
    background-color:#E6E6E6;
    font-family:segoe ui;
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    text-align:center;
    color:#555;
}