* {
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;  
  }
body {
	font-size: 62.5%;
	color: #333;
	background: #fff;
	margin: 20px auto;
	text-align: center;
    }
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    }    
a, a:hover {
    color: #224a8c;
    }
a:hover {
    text-decoration: none;
    }
h1 {
	font-size: 2.5em;
	color: #3484D2;
	margin: 10px 0;
	padding: 0;
    }

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
    background: #fff;
    border-left: 2px solid #a3b255;
    border-right: 2px solid #a3b255;
    color: #000;
    margin: 30px 5%;
    padding: 2%;
	color: #000;
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    font-size: 18px;
    }
div.flash.error {
    border-left: 2px solid #cc0000;
    border-right: 2px solid #cc0000;
    color: #cc0000;
    }
.error {
    color: #cc0000;
    }    
a[href^="error:"] {
	background: red;
	color: white;
}

#pageWrap {
	margin: auto;
	width: 95%;
	max-width: 695px;
    padding: 0 0 2% 0;
	text-align: left;
	}
.top_tape {
    height: 30px;
	margin-top: 60px;
    padding: 0;
    }
#profileHead,
#switchLangBlock {
    float: right;
    padding: 0 10px;
    background: #fff;
    }
#profileHead {
    border-right: 1px solid #ccc;
    }    
#switchLangBlock {
    padding-right: 0;
    }
#switchLangBlock .control-line {
    width: auto;
    font-size: 0;
    white-space: nowrap;
    }
#switchLangBlock .control-line .control-input,
#switchLangBlock .control-line .control-label {
    font-size: 12px;
    display: inline-block;
    white-space: nowrap;
    margin-left: 5px;
    }
#switchLangBlock .control-line label,
#switchLangBlock .control-line select {
    font-size: 12px;
    vertical-align:middle;
    display: inline-block;
    color: #666;
    width: auto;
    }
#switchLangBlock .control-line label {
    padding: 0 5% 0 0;
    text-align: right;
    height: 25px;
    line-height: 25px;
    }    
#switchLangBlock .control-line select {
    height: 25px;
    line-height: 25px;
    }    
    
    
 
#profileHead {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    } 
        
#content {
    position: relative;
    background: #f2f2f2;
	padding-bottom: 2%;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.15);
    -webkit-border-radius: 10px;
    border-radius: 10px; 
    }
#content .group-wrapper {
    margin: 20px 5% 0 5%;
    border-top: 1px solid #ccc;
    }
#content p {
    font-size: 14px;
    padding: 5px 0;
    line-height: 20px;
    }
#content>p,
#content>div>p {
    padding: 5px 5%;
    }    
#content h1 {
    clear: both;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-bottom: 5px solid #404907;
    font-size: 35px;
    margin: 0 0 15px;
    padding: 30px;  
    text-align: center;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    background: #a4b357; /* Old browsers */
    background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C */
    }
#content h1.error {
    color: #fff;
	border-bottom: 5px solid #aa0000;
	background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #dd0000 0%, #cc0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dd0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dd0000 0%,#cc0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dd0000 0%,#cc0000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dd0000 0%,#cc0000 100%); /* W3C */
    }
        
#content .group-wrapper h2 {
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 10px 0;  
    color: #666;
    }
#content>h2 {
    border-top: 1px solid #ccc;
    color: #666;
    font-size: 25px;
    font-weight: normal;
    margin: 15px 5% 0;
    padding: 15px 0 10px;
    }    
/*#content .group-wrapper:last-child {
    border: none;
    }*/
#content .group-wrapper .control-line {
    padding: 2px 0;
    font-size: 0;
    }
.control-line.hidden {
	display: none !important;
	}
#content .group-wrapper .control-line .control-label,
#content .group-wrapper .control-line .control-input {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30%;
    font-size: 14px;
    vertical-align: top;
    }
#content .group-wrapper .control-line .control-input {
    width: 70%;
    }
#content .group-wrapper .control-line .control-input select.disabled,
#content .group-wrapper .control-line .control-input input.disabled,
#content .group-wrapper .control-line .control-input textarea.disabled {    
    background: #f0f0f0;
    border: 1px solid #ccc;
    color: #6d6d6d;
    }    
#content .group-wrapper.controls .control-line .control-input {
    margin-top: 10px;
    }       
label {
    display: block;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    width: 100%;
    }
.control-label .required {
    /*font-size: 16px;*/
    color: #224a8c;
    background: url('../images/required.png') 100% 8px no-repeat;
    }
select {
    display: block;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2%;

    _padding: 5px; /* Only works in IE6 */
	*padding: 5px; /* IE6, IE7 */
	padding: 5px\9; /* IE6, IE7, IE8, IE9 */
	
	_line-height: auto; /* Only works in IE6 */
	*line-height: auto; /* IE6, IE7 */
	line-height: auto0\9; /* IE6, IE7, IE8, IE9 */
	
	_height: auto; /* Only works in IE6 */
	*-height: auto; /* IE6, IE7 */
	height: auto0\9; /* IE6, IE7, IE8, IE9 */
	
	_vertical-align:middle; /* Only works in IE6 */
	*vertical-align:middle; /* IE6, IE7 */
	vertical-align:middle\9; /* IE6, IE7, IE8, IE9 */
    }
@media screen and (min-width:0\0) {  
    select {
        vertical-align:middle;
        padding: 5px;
        line-height: auto;
        height: auto;
        }
}    
input,
textarea {
    font-size: 14px;
    border: 1px solid #ccc;
    line-height: 30px;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2%;
    }
input[type="checkbox"] {
    width: auto;
    height: 17px;
    margin: 6px 0;
    border: none;
    
    width: 32px\9;
    margin-left: -9px\9;
    }
textarea {
    font-size: 14px;
    line-height: 20px;
    height: 150px;
    resize: vertical;
    padding: 5px 2%;
    box-sizing: border-box;
    }    
#content .group-wrapper.controls {
    box-shadow: none;
    }
#content .group-wrapper.controls label.group-label,
#content .group-wrapper.controls .group-label,
#content .group-wrapper.controls .control-label {
    display: none;
    
    }
.group-wrapper.controls {
    text-align: center;
    }   
.group-wrapper.controls .control-line {
    display: inline-block;
    *display: inline;
    *zoomy: 1;
    margin: 0 5px;
    }
#content .group-wrapper.controls .control-line {
    text-align: center;
    }
.group-wrapper.controls .control-line .control-input {
    width: auto !important;
    }    
#content .group-wrapper.controls .control-line input[type="submit"] {
    color: #fff;
    border: none;
    line-height: 40px;
    height: 40px;
    width: auto;
    padding: 0 10px;
    text-transform: uppercase;
    overflow: visible;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    }
#content .group-wrapper.controls .control-line input[type="submit"]:hover {
    color: #fff;
    background: #a4b357; /* Old browsers */
    background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C */
    } 

/* platby */
#content .group-wrapper .control-line .control-radiogroup .control-radio {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 18.2%;
    margin: 0 1% 1% 1%;
    height: auto;
    text-align: center;
    }
#content .group-wrapper .control-line .control-radiogroup .control-radio:first-child,
#content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(1),
#content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(6),
#content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(11),
#content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(16),
#content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(22) {
    margin-left: 0;
    }    
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-label {
    width: 100%;
    }
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-label label {
    height: auto;
    padding: 10%;
    width: 80%;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 11px;
    }
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-label label span:first-child {
    display: block;
    font-size: 12px;
    height: 75px;
    line-height: 18px;
    margin-bottom: 5px;
    overflow: hidden;
    }       
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-label label:hover {
    background: #fff;
    }    
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-label label>span {
    display: block;
    }    
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input {
    text-align: center;
    height: 20px;
    width: 100%;
    }

#content .group-wrapper.hidden {
	display: none;
	}
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input {
    background: url("../images/cc_default.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTCZ {
    background: url("../images/bank_transfer.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTCZ_UB {
    background: url("../images/bank_transfer_UB.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTCZ_CSOB {
    background: url("../images/bank_transfer_CSOB.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTCZ_RB {
    background: url("../images/bank_transfer_RB.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }        */
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTCZ_KB {
    background: url("../images/bank_transfer_KB.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_EPLATBY {
    background: url("../images/r_eplatby.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }    */
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTCZ_CS {
    background: url("../images/bank_transfer_CS.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_DINERSGW {
    background: url("../images/cc_dc.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_BTSK_CQ {
    background: url("../images/bank_transfer_CSOB.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_PAYPAL_SALE {
    background: url("../images/r_paypal.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }         */
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.D_CA_CASH {
    background: url("../images/cash.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/


/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_M_VISA,
#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_M_VISA_SSL {
    background: url("../images/cc_visa.png") no-repeat scroll 50% 0;
    padding-top: 30px;
    width: 100%;
    }*/
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_M_ECMC {
    background: url('../images/cc_mc.png') no-repeat 50% 0;
    padding-top: 30px;
    width: 100%;
    }    */
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_M_MAESTRO {
    background: url('../images/cc_ma.png') no-repeat 50% 0;
    padding-top: 30px;
    width: 100%;
    }    */
/*#content .group-wrapper .control-line .control-radiogroup .control-radio .control-input.R_M_DINERS{
    background: url('../images/cc_dc.png') no-repeat 50% 0;
    padding-top: 30px;
    width: 100%;
    }            */
#content .group-wrapper .control-line .control-radiogroup .control-radio input[type="radio"] {
    width: auto;
    }   
#content .group-wrapper.totalPrice {
    text-align: right;
    padding-top: 20px;
    }
#content .group-wrapper.totalPrice span {
    font-size: 20px;
    font-weight: bold;
    }
#content .group-wrapper.totalPrice > span .ww_price,
#content .group-wrapper.totalPrice > span .diff_currency {
    margin-left: 5px;
    }                                                                     
            
/* summary pseudo table */    
    
#content .summaryBlock h2 {
    font-size: 25px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 10px 0;  
    color: #666;
    border-top: 1px solid #ccc;
    }
#content .summaryBlock {
    padding: 10px 5%;
    }
#content .summaryBlock .pseudo_table .line {
    border-top: 1px solid #ccc;
    }
#content .summaryBlock .pseudo_table .line:first-child {
    border-top: none;
    }    
#content .summaryBlock .line {
    font-size: 0;
    line-height: 30px;
    }                       
#content .summaryBlock .line .label,
#content .summaryBlock .line .value {
    line-height: 30px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    }
#content .summaryBlock .line .label {
    width: 30%;
    }
#content .summaryBlock .line .value {
    width: 70%;
    }  


/* RESPONSIVE */


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* ONLY MOBIL - PORTRAIT:                        from   0px to 1024px           */ 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

@media screen and (min-width: 0px) and (max-width: 1050px) {
    
    .top_tape {
        box-sizing: border-box;
        }               
    }

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* ONLY MOBIL - PORTRAIT:                        from   0px to 768px         */ 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

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

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* ONLY MOBIL - PORTRAIT:                        from   0px to 670px         */ 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

@media screen and (min-width: 0px) and (max-width: 670px) {
    #content .group-wrapper .control-line .control-label,
	#content .group-wrapper .control-line .control-input
	{
		display: block;
		width: 100%;
		}
    }     

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* ONLY MOBIL - PORTRAIT:                        from   0px to 600px           */ 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (min-width: 0px) and (max-width: 600px) {

    }
    
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* ONLY MOBIL - PORTRAIT:                        from   0px to 480px           */ 
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
@media screen and (min-width: 0px) and (max-width: 480px) {
    
    select {
        width: 100%;
        }
    #content .group-wrapper .control-line .control-label, 
    #content .group-wrapper .control-line .control-input {
        display: block;
        width: 100%;
        }
    #content .group-wrapper .control-line .control-radiogroup .control-radio {
        margin: 0 1% 1%;
        width: 48.5%;
        }
    #content .group-wrapper .control-line .control-radiogroup .control-radio:first-child,
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(1),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(3),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(5),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(7),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(9),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(11),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(13),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(15),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(17),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(19),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(21),
    #content .group-wrapper .control-line .control-radiogroup .control-radio:nth-child(23) {
        margin-left: 0;
        }        
    }