* {border: 0; padding: 0; margin: 0;}

html, body {font:12px/1.3em Tahoma, Serif; width: 100%; height:100%; background-color:#FFFFFF; color: #1d0606; background:url(../img/tlo.jpg) repeat-y center;}

h1, h2, h3, h4, h5, h6 {display : block;}
h1 {font: 18px/1.3em Tahoma, Verdana, sans-serif; font-weight:bold; color:#1d0606;}


.main {width: 805px; height:100%;}

.contener {width: 805px; height:100%;}

.main .contener .left{width: 368px; float:left;}
.main .contener .right{width: 432px; float:right;}

.main .contener .left .logo-ronl{width: 363px; float:left; height:117px; margin-top:32px; margin-left:5px;}
.main .contener .left .logo-ronl ul.logo {background: transparent url(../img/logo-ronl.jpg) no-repeat; position: relative;	width: 300px; height: 117px;}
.main .contener .left .logo-ronl ul.logo li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0px;
}
.main .contener .left .logo-ronl ul.logo li, ul.logo a {display: block; height: 86px;}
.main .contener .left .logo-ronl ul.logo li a {text-indent: -9999px; text-decoration: none; height: 117px;}
.main .contener .left .logo-ronl .menu-logo {width: 300px; height: 117px;}

.main .contener .left .ronl-info{width: 368px; float:left; height:232px; background: transparent url(../img/ronl-info.jpg) no-repeat center;}

.main .contener .left .monitorek{width: 368px; float:left; height:441px; background: transparent url(../img/monitorek.jpg) no-repeat bottom;}
.main .contener .left .monitorek .tytul{width: 368px; height:20px; text-align:left; text-indent:30px; margin-top:15px;}
.main .contener .left .monitorek .text-ronl{width: 310px; height:auto; text-align:left; margin-top:20px; text-align:justify;}
.main .contener .left .monitorek .button-zaloguj{float:left; margin-top:20px; margin-bottom:10px; width:368px; height:65px;}
.main .contener .left .monitorek .button-zaloguj ul.menu-button-zaloguj {background:url(../img/zaloguj.jpg) no-repeat; position: relative; width: 252px; height: 65px;}
.main .contener .left .monitorek .button-zaloguj ul.menu-button-zaloguj li {margin: 0; padding: 0; list-style: none; position: absolute;}
.main .contener .left .monitorek .button-zaloguj ul.menu-button-zaloguj li, ul.menu-button-zaloguj a {display: block; height: 56px;}
.main .contener .left .monitorek .button-zaloguj ul.menu-button-zaloguj li a {text-indent: -9999px; text-decoration: none;}
.main .contener .left .monitorek .button-zaloguj .zaloguj {width: 244px; height: 56px;}
.main .contener .left .monitorek .text-zaloguj{width: 310px; height:43px; text-align:left; text-align:justify; float:left; text-indent:30px;}
.main .contener .left .monitorek .text-zaloguj a{color: #1d0606; text-decoration:underline;}
.main .contener .left .monitorek .text-zaloguj a:hover{color: #1d0606; text-decoration:none;}


.main .contener .right .kilka-krokow{width: 429px; float:left; height:132px; background: transparent url(../img/kilka-krokow.jpg) no-repeat center;}
.main .contener .right .kilka-krokow .text-doladowania-info{width: 360px; height:auto; text-align:left; margin-top:80px; text-align:justify; color:#FFFFFF;}
.main .contener .right .kilka-krokow .text-doladowania-info a{color:#FFFFFF; font-weight:bold; text-decoration:underline;}
.main .contener .right .kilka-krokow .text-doladowania-info a:hover{color:#FFFFFF; font-weight:bold; text-decoration:none;}

.main .contener .right .krok1{width: 432px; float:left; height:46px; background: transparent url(../img/krok1.jpg) no-repeat center;}
.main .contener .right .krok2{width: 432px; float:left; height:46px; background: transparent url(../img/krok2.jpg) no-repeat center;}
.main .contener .right .krok3{width: 432px; float:left; height:46px; background: transparent url(../img/krok3.jpg) no-repeat center;}

.main .contener .right .status{width: 432px; float:left; height:46px; background: transparent url(../img/status.jpg) no-repeat center;}

.main .contener .right .faktura{width: 432px; float:left; height:46px; background: transparent url(../img/faktura.jpg) no-repeat center;}

.main .contener .right .reklamacja{width: 432px; float:left; height:46px; background: transparent url(../img/reklamacja.jpg) no-repeat center;}

.main .contener .right .ecard-form{width: 432px; float:left; height:auto;}
.main .contener .right .ecard-form .tlo-box-top{width: 432px; float:left; height:8px; background: transparent url(../img/tlo-box-top.jpg) no-repeat bottom center;}
.main .contener .right .ecard-form .tlo-box{width: 432px; float:left; height:auto; background: transparent url(../img/tlo-box.jpg) repeat-y center;}
.main .contener .right .ecard-form .tlo-box-dol{width: 432px; float:left; height:9px; background: transparent url(../img/tlo-box-dol.jpg) no-repeat top center;}
.main .contener .right .ecard-form .tlo-box .ecard-form-info{width: 351px; height:auto; text-align:left; margin-top:10px; margin-bottom:15px; text-align:justify;}
.main .contener .right .ecard-form .tlo-box .ecard-form-info-error{width: 351px; height:auto; text-align:left; margin-top:10px; margin-bottom:15px; text-align:justify; color:#FF0000;}
.main .contener .right .ecard-form .tlo-box .ecard-form-info a{color:#1d0606; text-decoration:none;}
.main .contener .right .ecard-form .tlo-box .ecard-form-info a:hover{color:#1d0606; text-decoration:underline;}
.main .contener .right .ecard-form .tlo-box .error-gora{width:432px; height:auto; text-align:center; float:left; color:#FF0000; margin-bottom:8px;}
.main .contener .right .ecard-form .tlo-box .operator{width: 394px; height:auto; float:left; padding-left:38px;}
.main .contener .right .ecard-form .tlo-box .operator .tlo-operator{width: 80px; float:left; height:87px; background: transparent url(../img/tlo-operator.jpg) no-repeat center; margin-left:7px; margin-bottom:7px;}
.main .contener .right .ecard-form .tlo-box .operator .tlo-operator .promocja{width: 80px; height:13px; margin:3px 0px 4px 0px;}
.main .contener .right .ecard-form .tlo-box .operator .tlo-operator .promocja a{text-decoration:underline; color:#3399cc;}
.main .contener .right .ecard-form .tlo-box .operator .tlo-operator .promocja a:hover{text-decoration:none; color:#3399cc;}
.main .contener .right .ecard-form .tlo-box .operator .tlo-operator .operator-logo{width: 40px; height:40px; margin:0px 20px;}
.main .contener .right .ecard-form .tlo-box .operator .tlo-operator .operator-button{width: 10px; height:10px; padding:5px 30px;}
.main .contener .right .ecard-form .tlo-box .field{width: 364px; height:auto; float:left;}
.main .contener .right .ecard-form .tlo-box .field a{color:#1d0606; text-decoration:none;}
.main .contener .right .ecard-form .tlo-box .field a:hover{color:#1d0606; text-decoration:underline;}
.main .contener .right .ecard-form .tlo-box .field .opis{width:120px; height:29px; float:left; margin:4px 0px 0px 10px; text-align:left;}
.main .contener .right .ecard-form .tlo-box .field .prefix{width:25px; height:29px; float:left; margin:4px 3px 0px 0px; text-align:right; font-weight:bold;}
.main .contener .right .ecard-form .tlo-box .field .dane{width:192px; height:29px; float:left; margin:4px 3px 0px 0px; text-align:left; font-weight:bold;}
.main .contener .right .ecard-form .tlo-box .field .tlo-input{width: 167px; height:30px; background: transparent url(../img/input-field.jpg) no-repeat; float:left; }
.main .contener .right .ecard-form .tlo-box .field .tlo-input input{width: 155px; height:18px; margin:2px 2px 0px 2px; font-weight:bold;}
.main .contener .right .ecard-form .tlo-box .field .tlo-input select{width: 155px; height:18px; margin:2px 2px 0px 2px; font-weight:bold;}
.main .contener .right .ecard-form .tlo-box .field .tlo-textarea{width: 167px; height:160px; background: transparent url(../img/textarea.jpg) no-repeat; float:left; }
.main .contener .right .ecard-form .tlo-box .field .tlo-textarea textarea{width: 155px; height:145px; margin:2px 2px 0px 2px; font-weight:bold;}
.main .contener .right .ecard-form .tlo-box .field .error-dol{font:11px/1.3em Tahoma, Serif; width:323px; height:auto; text-align:right; float:left; color:#FF0000; margin:0px 20px 8px 0px;}
.main .contener .right .ecard-form .tlo-box .dalej{width: 368px; height:42px; margin:5px 0px 5px 0px; float:left;}
.main .contener .right .ecard-form .tlo-box .dalej .button{width: 139px; height:42px; background: transparent url(../img/dalej.jpg) no-repeat center; cursor:hand;}
.main .contener .right .ecard-form .tlo-box .dalej .wroc{width: 139px; height:42px; background: transparent url(../img/wroc.jpg) no-repeat center; cursor:hand;}
.main .contener .right .ecard-form .tlo-box .dalej .glowna{width: 139px; height:42px; background: transparent url(../img/glowna.jpg) no-repeat center; cursor:hand;}
.main .contener .right .ecard-form .tlo-box .dalej .odswiez{width: 139px; height:42px; background: transparent url(../img/odswiez.jpg) no-repeat center; cursor:hand;}
.main .contener .right .ecard-form .tlo-box .dol{width: 363px; float:left; height:auto; margin:10px 0px 15px 0px; padding-left:2px; text-align:center;}

.main .contener .right .ecard-form .tlo-box .field .opis-dane{width:120px; height:20px; float:left; margin:4px 0px 0px 10px; text-align:left;}
.main .contener .right .ecard-form .tlo-box .field .dane{width:192px; height:20px; float:left; margin:4px 3px 0px 0px; text-align:left; font-weight:bold;}

.main .contener .right .ecard-form .tlo-box .field .opis-platnosc{width:120px; height:35px; float:left; margin:4px 0px 5px 10px; text-align:left;}
.main .contener .right .ecard-form .tlo-box .field .dane-platnosc{width:192px; height:35px; float:left; margin:4px 3px 5px 0px; text-align:left; font-weight:bold;}

.main .contener .right .ecard-form .tlo-box .field .opis-regulamin{width:120px; height:50px; float:left; margin:4px 0px 0px 10px; text-align:left;}
.main .contener .right .ecard-form .tlo-box .field .dane-regulamin{width:192px; height:50px; float:left; margin:4px 3px 0px 0px; text-align:left; font-weight:bold;}


.main .contener .right ul.menu {
	background: url('../img/menu.jpg') no-repeat top left;
	position: relative;
	width: 388px;
	height: 47px;
	padding: 0;
	clear:both	
}
.main .contener .right ul.menu li {margin: 0;padding: 0;list-style: none;position: absolute;}
.main .contener .right ul.menu li, ul.menu a {display: block; height: 47px;}
.main .contener .right ul.menu li a {text-indent: -9999px;text-decoration: none; height: 14px;}

.main .contener .right .menu-status {top:17px; left: 2px; width: 57px; height:14px;}
.main .contener .right .menu-faktura {top:17px; left: 65px; width: 62px; height:14px;}
.main .contener .right .menu-reklamacje {top:17px; left: 136px; width: 84px; height:14px;}
.main .contener .right .menu-regulamin {top:17px; left: 230px; width: 80px; height:14px;}
.main .contener .right .menu-faq {top:17px; left: 318px; width: 41px; height:14px;}


.main .contener .right .tlo-dol{width: 432px; float:left; height:158px; background: transparent url(../img/tlo-dol.jpg) no-repeat center;}
.main .contener .right .tlo-dol .ecard{width:348px; height:12px; text-indent:30px; text-align:right; font-size:10px; color:#72a7c1; margin-top:10px;}

.main .contener .right .display-none{display:none;}