@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue/bebasneue-webfont.eot');
    src: url('fonts/bebasneue/bebasneue-webfont.eot?#iefix') format('eot'),
         url('fonts/bebasneue/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue/bebasneue-webfont.svg#webfontX0YNjQNl') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	line-height: 120%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body
{
    margin:0; padding:0; height:100%;
	
}
body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
	background: #f8f8f8;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.align_center {text-align: center;}
.align_right {text-align: right;}

.loadglass {position: fixed; top: 0px; z-index: 900; display: block; background: white; width: 100%; height: 100%;  }

/* header */
.header_wrapper {height: 115px; background:url('../../Img/Login2/header/header_background.png') top left repeat-x; background-size: 12px 100%; z-index: 100; position: relative; } 
.header_content {max-width: 960px; height: 115px; margin: 0 auto; font-family: BebasNeueRegular; font-weight: normal; color: white; overflow: hidden; }
.ovb_logo {width: 150px; height: 100%;  margin: 0 15px 0 15px; background:url('../../Img/Login2/header/logo-background.png') center center no-repeat; background-size: 149px 100%;}
.ovb_logo a {display: block; width: 100%; height: 100%; background:url('../../Img/Login2/header/logo/WEB_1X_NEW_1.png') center center no-repeat; background-size: 100px 84px;}
.w640 .ovb_logo {width: 113px; }
.w640 .ovb_logo a {background:url('../../Img/Login2/header/logo/TABLET_1X_NEW_1.png') center center no-repeat; background-size: 78px 65px; }
.w320 .ovb_logo a {background:url('../../Img/Login2/header/logo/MOBIL_1X_NEW_1.png') center center no-repeat; background-size: 100px 84px; }
.header_text_line1 { font-size: 54px; line-height: 54px; font-size: 3.375em; margin: 18px 0px 0px 0px; text-align: left; white-space: nowrap;}
.header_text_line2 { font-size: 18px; line-height: 18px; font-size: 1.125em; margin: 3px 0px 0px 0px; text-align: left; white-space: nowrap;}
.w320 .header_wrapper, .w320 .header_content {height: 112px;}
.w640 .header_wrapper, .w640 .header_content {height: 88px;}
.w320 .header_text_line1 { font-size: 45px; line-height: 45px; font-size: 2.813em; margin: 22px 0px 0px 0px; text-align: left;}
.w320 .header_text_line2 { font-size: 15px; line-height: 15px; font-size: 0.938em; margin: 5px 0px 0px 0px; text-align: left;}
.w640 .header_text_line1 { font-size: 40px; line-height: 40px; font-size: 2.5em; margin: 16px 0px 0px 0px; text-align: left;}
.w640 .header_text_line2 { font-size: 14px; line-height: 14px; font-size: 0.875em; margin: 3px 0px 0px 0px; text-align: left;}

.blocks_panel_group {display: inline-block; display: block; float: left;}
.blocks_panel_subgroup {display: inline-block; display: block; float: left;}
.blocks_panel_item {display: inline-block; display: block; float: left;}
.item_link {cursor: pointer;}

.header_content .blocks_panel_item {height: 115px; text-align: center;}
.header_content .blocks_panel_item_content {height: 115px; overflow: hidden; width: auto; display: inline-block;} 
.w320 .header_content .blocks_panel_item {height: 112px;}
.w320 .header_content .blocks_panel_item_content {height: 112px;}
.w640 .header_content .blocks_panel_item {height: 88px;}
.w640 .header_content .blocks_panel_item_content {height: 88px;}

.blocks_panel_navigation{ display: none;}
.blocks_panel_arrows {display: none;}
.w320 .blocks_panel_arrows {display: block; width: 100%; height: 100%; position: absolute; }
.w320 .blocks_panel_arrows .prev_block {z-index: 200; cursor: pointer; width: 38px; height: 100%; position: absolute; top: 0px; left: 0px; background:url('../../Img/Login2/header/arrow_prev.png') center center no-repeat;}
.w320 .blocks_panel_arrows .next_block {z-index: 200; cursor: pointer; width: 38px; height: 100%; position: absolute; top: 0px; right: 0px; background:url('../../Img/Login2/header/arrow_next.png') center center no-repeat;}
.w320 .blocks_panel_arrows .prev_block.unvisible,
.w320 .blocks_panel_arrows .next_block.unvisible {display: none;}

.w320 .blocks_panel_group{width:300%;display:block; float: left; border: 0; text-align: center;}
.w320 .blocks_panel_subgroup{width:33%;display:block; float: left; border: 0;}
.w320 .header_content .blocks_panel_item {width: 100%; padding: 0 0 0 0;margin: 0 0 0 0;float: left; text-align: center; }
.w320 .header_content .blocks_panel_item_content {display: inline-block; width: auto; position: relative; z-index: 210;}
.w320 .ovb_logo {background: none;}

.blocks_panel_item_content_part { display: inline-block; vertical-align: top; }
.blocks_panel_item_content_part.ovb_logo:not(.first) { display: none; }
.w320 .blocks_panel_item_content_part.ovb_logo { display: inline-block; }

.bottom_line {}
.bottom_line ul { margin: 30px auto 0px auto; padding: 0; display: block; width: auto; text-align: center;}
.w320 .bottom_line ul { margin: 25px auto 0px auto; }
.bottom_line ul li { margin: 0 0 8px 0; padding: 0 15px 0 25px; list-style-type: none; width: auto; font-size: 15px; color: #333333; display: inline-block; background:url('../../Img/Login2/bottom/li.png') 0px 7px no-repeat;}
.bottom_line ul li:first-child {background: none;}
.bottom_line ul li strong {font-family: "Arial Black", Gadget, sans-serif; }

.page_content {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 10; } 
.gallery_content {position: relative;}

.block_right {float: right; display: block;}

#div_form {display: none;}
#div_form_password_error {} 
#div_form_password {display: none;} 
.form_wrapper {position: absolute; bottom: 100px; z-index: 200; width: 100%;}
.w320 .form_wrapper {bottom: 85px;}
.form {width: 298px; margin: 0 auto; }
.form_top {width: 298px; height: 8px; background:url('../../Img/Login2/form/mobil/top_bg.png') 0px 0px no-repeat;}
.form_body {width: 298px; background:url('../../Img/Login2/form/mobil/bottom_bg.png') left bottom no-repeat; float: left; padding: 0px 0px 14px 0px; position: relative;}
.form_content {width: 273px; margin: 0 auto; }
.form_logo {width: 35px; height: 2px; margin: 10px auto 15px auto; }
.input_wrapper {width: 273px; height: 42px; background:url('../../Img/Login2/form/mobil/input_bg.png') 0px 0px no-repeat; margin: 5px 0px 5px 0px; position: relative;}
.input_wrapper input {border: 0; background-color: #1c1c1c; background-position: 0px -35px; background-repeat: no-repeat; font-size: 13px; height: 30px; line-height: 30px; padding: 0px 0px 0px 30px; margin: 5px 0px 0px 20px; width: 211px; font-weight: bold; color: #cccccc; outline: none;}
.input_wrapper input:focus {color: white; background-position: 0px 7px;}
.input_wrapper input.input_name {background-image:url('../../Img/Login2/form/mobil/user_icon.png');}
.input_wrapper input.input_password {background-image:url('../../Img/Login2/form/mobil/lock_icon.png');}
.input_wrapper input.input_oscislo {background-image: none; padding: 0px 0px 0px 0px; width: 235px;}
input:-webkit-autofill {
    color: #1c1c1c !important;
}
.form .button {cursor: pointer; width: 273px; height: 42px; margin: 7px auto 7px auto; line-height: 42px; font-size: 15px; font-weight: bold; color: #e6e6e6; text-align: center; background:url('../../Img/Login2/form/mobil/button_bg.png') 0px 0px no-repeat;}
.form .button.button2 {float: left; width: 162px; background:url('../../Img/Login2/form/mobil/button2_bg.png') 0px 0px no-repeat; }
.form .button.button3 {float: right; width: 102px; background:url('../../Img/Login2/form/mobil/button3_bg.png') 0px 0px no-repeat; }
.form .button.button_center {float: none; width: 102px; background:url('../../Img/Login2/form/mobil/button3_bg.png') 0px 0px no-repeat; }
.form .text_line {margin: 4px 0px 4px 0px; font-size: 11px; color: #999999;}
.form .text_line a {font-size: 11px; color: #999999; text-decoration: none; padding-top: 2px; display: block;}
.form .text_line a:hover {text-decoration: underline;}
.form .checkbox {cursor: pointer; display: inline-block; padding-left: 24px; padding-top: 2px; min-height: 15px; background:url('../../Img/Login2/form/mobil/check_box_1x.png') 0px 1px no-repeat; background-size: 15px 49px;}
.form .checkbox.checked {background-position: 0px -34px;}
.form .checkbox:hover {text-decoration: underline;}
.alert {display: none; position: absolute; right: 0px; top: -38px; width: 37px; height: 36px; }
.alert.error {display: block; background:url('../../Img/Login2/form/mobil/input_error_1x.png') 0px 0px no-repeat; z-index: 10;} 
.alert.ok {display: block; background:url('../../Img/Login2/form/mobil/input_ok_1x.png') 0px 0px no-repeat; z-index: 10;} 

label.error {display: none; position: absolute; right: 0px; top: -38px; width: 37px; height: 36px; font-size: 0px;}
label.error {display: block; background:url('../../Img/Login2/form/mobil/input_error_1x.png') 0px 0px no-repeat; z-index: 10;} 
label.error.valid {display: block; background:url('../../Img/Login2/form/mobil/input_ok_1x.png') 0px 0px no-repeat; z-index: 10;} 


.form_info {display: none;}
.close_form {cursor: pointer; display: block; width: 13px; height: 13px; background:url('../../Img/Login2/form/tablet/close.png') 0px 0px no-repeat; position: absolute; top: 15px; right: 20px;}
.form h2 { font-size: 17px; font-weight: bold; color: white; margin: 15px 0px 15px 0px;}
.form.div_form_password_error h2 {font-weight: normal;}
.form h2.align_center {text-align: center;}

.large_img_wrapper {width: 100%;}
.large_img_content {text-align: center; position: relative; width: 100%; display: block; margin: 0 auto 5px auto; max-height: 100%; overflow:hidden; line-height: 500px;}
.large_img_content img {min-height: 100%; width: 100%; display: block; margin: 0 auto; }

.slides.no_carousel_slides {margin-top: 160px; margin-bottom: -100px;}

@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max-moz-device-pixel-ratio: 2) { 
	.w640 .ovb_logo a {background:url('../../Img/Login2/header/logo/TABLET_2X_NEW_1.png') center center no-repeat; background-size: 78px 65px; }
	.w320 .ovb_logo a {background:url('../../Img/Login2/header/logo/MOBIL_2X_NEW_1.png') center center no-repeat; background-size: 102px 85px; }
	.form .checkbox {background:url('../../Img/Login2/form/mobil/check_box_2x.png') 0px 2px no-repeat; background-size: 15px 50px;}
	.form .checkbox.checked {background-position: 0px -35px;}
} 
	
@media (max-width: 319px) {
	/*
	.bottom_line ul li {font-size: 14px; width: 40%; text-align: left; padding-right: 0px; padding-left: 15px; }
	.bottom_line ul li:first-child {background:url('../../Img/Login2/bottom/li.png') 0px 7px no-repeat;}
	.bottom_line ul {width: 95%; margin: 30px 0 0 5%; text-align: left;}
	*/
}

@media (min-width: 320px) and (max-width: 639px) {
	/*
	.bottom_line ul li {width: 40%; text-align: left; padding-right: 0px; padding-left: 15px;}
	.bottom_line ul li:first-child {background:url('../../Img/Login2/bottom/li.png') 0px 7px no-repeat;}
	.bottom_line ul {width: 85%; margin: 30px auto 0 auto; text-align: left;}
	*/
}

@media (min-width: 640px) and (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 959px) {
	
}

@media (min-width: 960px) and (max-width: 1279px) {
	
}

@media (min-width: 1280px)  {
	
}

@media (min-width: 768px) {
	.form {width: 703px; margin: 0 auto; }
	.form_top {width: 703px; height: 18px; background:url('../../Img/Login2/form/tablet/top_bg.png') 0px 0px no-repeat;}
	.form_body {width: 703px; background:url('../../Img/Login2/form/tablet/bottom_bg.png') left bottom no-repeat; float: left; padding: 0px 0px 14px 0px}
	.form_content {width: 273px; margin: 0 0 0 45px; float: left;}
	
	.form.form_pure {width: 363px; margin: 0 auto; }
	.form.form_pure .form_top {width: 363px; height: 18px; background:url('../../Img/Login2/form/tablet/top1_bg.png') 0px 0px no-repeat;}
	.form.form_pure .form_body {width: 703px; background:url('../../Img/Login2/form/tablet/bottom1_bg.png') left bottom no-repeat; float: left; padding: 0px 0px 14px 0px}
	.form.form_pure .form_content {width: 273px; margin: 0 0 0 45px; float: left; padding-bottom: 15px;}
	
	.form_info {display: block; position: relative; width: 343px; float: right; margin: 26px 0px 26px 0px;background:url('../../Img/Login2/form/tablet/vertical_divider.png') top left repeat-y; min-height: 180px;}
	.form_info h2 { font-size: 16px; font-weight: bold; color: white; width: 267px; margin: 0px 0px 20px 36px;}
	.form_info .form_text { font-size: 13px; color: #cccccc; width: 267px; margin-left: 36px; line-height: 130%;}
	.form_info .form_text a {color: #358ce2; text-decoration: underline;}
	.form_info .form_text a:hover {text-decoration: none;}
	.info_cell {height: 170px; display: table-cell; vertical-align: middle; }
	.close_form {top: 15px; right: 35px;}
	.form .button_shadow {display: block; width: 290px; height: 59px; margin: 0 auto; padding-top: 1px; background:url('../../Img/Login2/form/tablet/button_shadow.png') 0px 0px no-repeat;}
	.alert {z-index: 205; display: none; position: absolute; right: -48px; top: 3px; width: 40px; height: 34px; }
	.alert.ok {display: block; background:url('../../Img/Login2/form/tablet/input_ok.png') 0px 0px no-repeat;}
	.alert.error {display: block; background:url('../../Img/Login2/form/tablet/input_error.png') 0px 0px no-repeat;}
	.form.form_pure .alert {display: none;; position: absolute; right: 0px; top: -38px; width: 37px; height: 36px; }
	.form.form_pure .alert.error {display: block; background:url('../../Img/Login2/form/mobil/error_input.png') 0px 0px no-repeat;} 
	
	label.error {z-index: 205; display: none; position: absolute; right: -48px; top: 3px; width: 40px; height: 34px; font-size: 0px;}
	label.error {display: block; background:url('../../Img/Login2/form/tablet/input_error.png') 0px 0px no-repeat;}
	label.error.valid {display: block; background:url('../../Img/Login2/form/tablet/input_ok.png') 0px 0px no-repeat;}
	
	.form.form_pure label.error {display: none;; position: absolute; right: 0px; top: -38px; width: 35px; height: 35px; }
	.form.form_pure label.error {display: block; background:url('../../Img/Login2/form/mobil/input_error_1x.png') 0px 0px no-repeat;} 
	.form.form_pure label.error.valid {display: block; background:url('../../Img/Login2/form/mobil/input_ok_1x.png') 0px 0px no-repeat;}
	
}