@charset "windows-1250";
/* CSS Document */

body, html {font-family:Arial, Helvetica, sans-serif;margin:0;padding:0}
.section {background-image:url(../images/shadow.png);background-repeat:repeat-x;background-position:bottom;padding:30px 0px 30px 0px}
.whitesection {padding:50px 0px 50px 0px}
.sectionnavod {padding:50px 0px 50px 0px}
.bluesection, .bluesectionfooter {background-image:url(../images/blueback.jpg);background-repeat:no-repeat;background-position:bottom;background-color:#1C559C}
.menutext div {text-align:center;font-size:13px;font-weight:bold}
.menutext a {color:black;text-decoration:none}
.menutext a:hover {color:black;text-decoration:underline}
.center {text-align:center}
h1 {color:white;font-size:25px;margin-top:0;padding-top:0}

.panelmobile .googleplay {background-color:black;padding:5px;display:block;width:150px;border-radius:5px;margin:20px auto 0 auto}
.googleplay {background-color:black;padding:15px;display:block;width:200px;border-radius:5px;margin:20px auto 20px auto}
.white {color:white}
.small {font-size:12px;max-width:330px;margin:30px auto 30px auto;line-height:16px}
.brownsection {background-color:#FBE2A1}
.codesection {background-color:#FBE2A1;padding-top:40px;padding-bottom:40px;text-align:center}
.right {text-align:right}
.bf {font-size:12px;font-weight:normal;color:#1F3976;line-height:16px}
.bluesectiontip {background-image:url(../images/blueback.jpg);background-repeat:no-repeat;background-position:bottom;background-color:#1C559C;padding-top:40px;padding-bottom:40px}
.yell {color:#F8B800;font-size:15px;font-weight:bold}
.smll {font-size:12px;}
.schpng {vertical-align:middle}
.kodetext h2 {margin:0;padding:0;}
.kodetext a {color:#1F3976}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 322px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


span.paginatecircle{ /* CSS for paginate circle spans. Required */
background: white;
border: 1px solid #1F3976;
border-radius: 10px;
width: 8px;
height: 8px;
cursor: pointer;
display: inline-block;
margin-right: 4px;
}

span.paginatecircle:hover{
background: gray;
}

span.paginatecircle.selected{
background: #1F3976;
}









.stepcarouselmobile{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 253px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
-webkit-box-sizing: border-box; /* set box model so container width and height value includes any padding/border defined */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.stepcarouselmobile .beltmobile{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselmobile .panelmobile{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 253px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




.bluelink {color:#203A76;}

.kodetext {color:#203A76;font-size:12px;line-height:16px}
.foolinks a {font-size:12px;color:white;text-decoration:none;}
.foolinks a:hover {text-decoration:underline}
.foolinks .mid {padding:10px 5px 10px 0px}
.foolinks {max-width:370px}
.foolinks td {text-align:center;font-size:12px;color:white}
.service {display:block;background:#FBBB01;color:#0C4691;padding:15px 0px 15px 0px;font-size:14px;text-decoration:none;border-radius:5px;font-weight:bold;text-align:center;margin-right:25px;width:190px;margin-left:25px}


.smaller {line-height:16px}
.mailform {background:#FDF1D0;border-radius:5px;margin-left:auto;margin-right:auto;max-width:450px;padding:30px}
.inlineblock {display:inline-block;padding-right:5px;padding-bottom:10px}
.inlineblock .imput {padding:10px;border-radius:5px;width:170px;border:1px solid #999999}
.inlineblock div {padding-bottom:5px;font-weight:bold;text-align:left}


.inlineblockpzn div {padding-bottom:5px;font-weight:bold;text-align:left}

.inlineblock .btn {padding:10px;background:#0F4791;border:0px;border-radius:5px;color:white;width:195px;margin-top:15px}
.inlineblock .reset {padding:10px;background:#FBBB01;border:0px;border-radius:5px;color:white;width:195px;margin-top:15px}




@media (min-width: 570px) {
	.navod {background-image:url(../images/navodback.png);background-repeat:no-repeat;background-position:top;}
    .topheader {margin-left:auto;margin-right:auto;max-width:700px;padding-left:15px;padding-right:15px;}
	.headln, .headlntip, .headlnfooter {margin-left:auto;margin-right:auto;max-width:700px;padding-left:15px;}
	.headlnfooter {padding-top:45px;padding-bottom:45px;}
	.navod {margin-left:auto;margin-right:auto;padding-bottom:50px;color:#1F3976}
	.benef {margin-left:auto;margin-right:auto;max-width:700px;padding-left:15px;padding-right:15px;padding-bottom:50px}
	.rTable { display: table;width:100% } 
	.rTableRow { display: table-row; } 
	.rTableHeading { display: table-header-group; } 
	.rTableBody { display: table-row-group; } 
	.rTableFoot { display: table-footer-group; } 
	.rTableCell, .rTableHead { display: table-cell;vertical-align:middle }
	.topspacer {padding:0px 20px 0px 20px}
	.menutext {width:310px;margin-left:auto;margin-right:auto;}
	.obchscreen {padding-top:40px}
.hdltext {padding-top:15px}
.schpng {padding-left:30px;padding-right:30px}
.tiptext {padding-right:30px}

.bene .ba {padding-top:35px;padding-bottom:35px;color:#203A76;font-weight:bold;font-size:18px}
.bfspace {}
.bf {width:140px;vertical-align:top}
.mobappicon {text-align:right}
.headlinespace {width:30px}

.navod .hdln {padding-top:27px;padding-bottom:45px;color:#203A76;font-size:18px}
.navodhdl {font-size:30px}
.navodpps {font-size:14px;width:170px;}
.bottompad {padding-bottom:25px}
.navodmobile {display:none}

#mygallery-paginate {position:absolute;margin-left:255px;margin-top:280px}

.krok {position:absolute;margin-left:335px;margin-top:15px;font-size:14px;color:#999}

.inlineblockpzn {max-width:395px;display:block;padding-bottom:10px;margin-left:auto;margin-right:auto;padding-right:5px;}
.inlineblockpzn textarea {border-radius:5px;width:370px;padding:10px;resize: vertical;}

  }


@media (max-width: 570px) {
    
	.topheader {margin-left:auto;margin-right:auto;max-width:700px;padding-left:15px;}
	.headln {padding-top:40px;}
	.navodmobile {background-image:url(../images/navodbackmobile.png);background-repeat:no-repeat;background-position:top;padding-bottom:30px}
.rTableCell, .rTableHead { text-align:center }
.topspacer {padding:10px 0px 10px 0px}
	.topspacer img {display:none}
	.menutext {padding:30px 0px 30px 0px;}
	.bene .ba {padding-top:35px;color:#203A76;font-weight:bold;font-size:18px;}
	.bene .bf {padding-top:30px;vertical-align:top}
	.bene .bf {margin-left:auto;margin-right:auto;width:180px;display:inline-block;text-align:center}
	.mobappicon, .headlinespace, .bfspace {display:none}
	.bnftbl {margin-left:auto;margin-right:auto;padding-bottom:40px}
	.bnftbl .rTableRow {margin-left:auto;margin-right:auto;text-align:center}
	.schpng {padding-bottom:30px;padding-right:0px}
.tiptext {padding-right:30px;padding-left:30px}
.navod {display:none}

.navodmobile .hdln {padding-top:27px;padding-bottom:45px;color:#203A76;font-size:18px}
.navodhdl {font-size:20px;margin-top:20px;color:#203A76}
.navodpps {font-size:12px;width:190px;color:#203A76}
.bottompad {padding-bottom:25px}

#mygallery-paginate {}
.heghtmob {height:151px;vertical-align:middle;}
.krok {font-size:14px;color:#999;margin-bottom:10px}
.leftarr {position:absolute;margin-top:140px;margin-left:30px;z-index: 100;}
.rightarr {position:absolute;margin-top:140px;margin-left:215px;z-index: 100;}	
.headlnfooter .rTableCell {margin-left:30px;margin-right:30px;}
.foolinks {margin-bottom:9px;}
.headlnfooter .service {margin-top:35px;margin-right:auto;margin-left:auto}
.headlnfooter .rTableRow {padding-top:50px;padding-bottom:50px}

.inlineblockpzn {max-width:190px;display:block;padding-bottom:10px;margin-left:auto;margin-right:auto;padding-right:5px;}
.inlineblockpzn textarea {border-radius:5px;width:170px;padding:10px;resize: vertical}

  }