BODY {background: #AAA url(i/bg.jpg) 0 0; margin: 0; padding: 0; font-size: 1.125em; font-family: Arial,Helvetica,sans-serif}
A {color: #4D8ED4}
A:hover {color: #B2712B}
.container {margin: 0 auto; width:40%}
.lol {margin: 2em 0 0.4em 0;  text-align: center}
.shadow {z-index: 10; box-shadow: 0 17px 20px -8px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.5); margin: 0; border-radius: 6px; color: #E5E5E5; position: relative;}

.gray_block {padding:1.5em 2em; background:#3B3B3B; border-radius: 6px; border: 1px solid #000; border-left-color: #545454; border-top-color: #545454; box-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0 0 inset;}

.content{ }

INPUT.text_input {border-width: 1px; border-radius: 5px; border-style: solid; color: white; padding: 0.2em 2%; font-size: 1em; background-color: #2C2C2C; border-color: #212121; border-top-color: #000; border-bottom-color: #626262; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px 0px inset; width: 96%; color: #E5E5E5}

.colname {margin: 0 0 0.3em 0}


.card_num, .license_num, .user_name, .search_button, .auth {margin: 0 3% 4% 2%}
.card_num {font-size: 150%}
.license_num {font-size: 125%; }
.license_num INPUT{width: 62%; }
.user_name {margin: 0 0 4% 0}
.search_button {margin-bottom: 2%}
.user_name .col {float: left; width: 29%; margin: 0 2%}



.paper {margin: 0 1em; padding: 1em;  background: #fff;z-index: 9; position: relative; border-radius: 0 0 6px 6px; box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.25); color: #333;}
.paper.err_bg {background-image: url(i/err_bg.gif); background-repeat: repeat-x; background-position: 14% 100%}
.paper.ok_bg {background-image: url(i/ok_bg.gif); background-repeat: repeat-x; background-position: 14% 100%}
.warning {background: url(i/warning.gif) no-repeat 0 50%; padding: 1em 0 1em 4em; margin: 1em}
.card_ok {background: url(i/flag_green.gif) no-repeat 2% 50%; padding: 1em 0 1em 4em; margin: 1em; font-size: 110%;color: #3A9D29}
.card_false {background: url(i/flag_red.gif) no-repeat 2% 50%; padding: 1em 0 1em 4em; margin: 1em; font-size: 110%;color: #AE3C3C }
.card_false DIV {color: #333; font-size: 80%}


.butikus_error {position: absolute; top: 0; text-align: center; background: #FF9999; color: #462b2c; padding: 5px 10px; position: absolute; display: none }
.butikus_info {position: absolute; top: 0; text-align: center; background: #99C8FF; color: #2c3446; padding: 5px 10px; position: absolute; display: none }

.all_params, .all_params_small {position: absolute; right: 0; margin: 0 2%; padding: 0 2em}
.all_params A, .all_params_small A {text-decoration: none; border-bottom: 1px dotted #4D8ED4}
.all_params A:hover, .all_params_small A:hover {text-decoration: none; border-bottom: 1px dotted #B2712B}
.all_params_small {display: none}

.pdl {padding-left: 1em}
.hr {border-bottom: 1px dotted #3B3B3B; font-size: 1px; height: 1px}



@media only screen and (min-width: 960px) and (max-width: 1280px) {
    BODY {font-size: 100%}
    .container {width:50%}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    BODY {font-size: 100%}
    .container {width:70%}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    BODY {font-size: 0.875em;}
    .container {width:80%}
    .lol {margin-top: 1em}
    .card_false DIV {font-size: 90%}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    BODY {font-size: 0.875em;}
    .container {width:95%}
    .all_params_small {display: block}
    .all_params {display: none}
    .license_num {font-size: 115%;}
    .license_num INPUT{width: 96%;}
    .lol {margin-top: 1em}
    .card_ok, .card_false {font-size: 100%;}
    .card_false DIV {font-size: 90%}

}














.button {font-size: 100%; margin:0 4px; padding:4px 13px; border:none; border-radius: 4px; }
.blue-matte {color:#0C3881; background: #4D8FD4; background: -webkit-gradient(linear, left top, left bottom, from(#6DB1EE), to(#306EBB)); background: -moz-linear-gradient(top,  #75c7fe,  #327fc6); text-shadow: 0 1px 0px #5eb2e7; box-shadow: 0px -1px 0px #95d4ff, 0px 1px 0px #1b60b7, 0px 3px 3px rgba(0,0,0,.25);}
.blue-matte:hover {color:#003786; background: #589BDC; text-shadow: 0 1px 0px #53aee6;}
.blue-matte:active {color:#136bc1; background: #2089dd; text-shadow: 0 1px 0px #3491d2; box-shadow: 0px -1px 0px #185db7, 0px 1px 0px #74c3f9, 0px 3px 3px rgba(0,0,0,0);}