/* 
design style for payeercom.ru 
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0;}
input[type=search] {-webkit-appearance: none; outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}
img, fieldset { border: 0;}
img { max-width: 100%; height: auto; width: auto\9; margin: 5% auto; display: block;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
@font-face { font-family: Proxima; font-style: normal; font-weight: normal; src: url("proxima.ttf") format("truetype");}
body { background: #1A2E4A; font: .85em/150% Proxima, Tahoma, Arial, Helvetica; color:#353535;}
a { color:#1A2C50; text-decoration: underline; outline: none;}
a:hover { text-decoration: underline; color: #950095;}

h2 {font-size: 1.4em; margin: }
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

#payeercom-head {
min-height: auto;
display: block;
width: 94%;
padding: 2% 3% 5% 3%;
background: #1A2C50;
background: radial-gradient(circle at 50% 0%, #1A4990, #1A2C50, #1A2C50);
border-bottom: 10px solid #1A4990;
-moz-user-select: -moz-none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}

.logo {
margin: 0 100% 0 0;
width: 232px;
height: 26px;
}

.logo:hover {
cursor: pointer;
}

.adress {float: right; color: #fafafa; top: 3%; right: 3%; font-size: 1.2em;}

#payeercom-register {
margin: 5% auto;
display: block;
color: #fff;
width: 50%;
}
#payeercom-register h1 {
font-size: 4em;
text-align: center;
line-height: 1em;
font-weight: normal;
}
#payeercom-register p {
font-size: 1.8em;
margin: 3% auto;
line-height: 1.2em;
text-align: center;
}
#payeercom-buttons {

margin: 10px auto 0 auto;
text-align: center;
display: block;
overflow: hidden;
	
}
.payeercom-buttons {

margin: 10px auto 0 auto;
text-align: center;
display: block;
overflow: hidden;
	
}
.account {background: #3AD307; margin: 0 10px; display: inline-table; padding: 0 30px; height: 50px; line-height: 3em; font-size: 1.2em; letter-spacing: 1px; text-transform: uppercase; border-radius: 25px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.account:hover {background:#2BEA06; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;}
.login {border: 2px solid #03A9F4; margin: 0 10px; display: inline-table; padding: 0 30px; height: 46px; text-transform: uppercase; line-height: 3em; font-size: 1.2em; letter-spacing: 1px; border-radius: 23px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.login:hover {cursor: pointer; background: #03A9F4; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;}

.payeercom-buttons .account {background: #3AD307; margin: 0 10px; display: inline-table; padding: 0 30px; height: 50px; line-height: 3em; font-size: 1.2em; letter-spacing: 1px; text-transform: uppercase; border-radius: 25px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.payeercom-buttons .account:hover {background:#2BEA06; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;}
.payeercom-buttons .login {border: 2px solid #03A9F4; margin: 0 10px; display: inline-table; padding: 0 30px; height: 46px; text-transform: uppercase; line-height: 3em; font-size: 1.2em; letter-spacing: 1px; border-radius: 23px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.payeercom-buttons .login:hover {cursor: pointer; background: #03A9F4; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s;}


#payeercom-body {
width: 64%;
padding: 2% 18% 10% 18%;
overflow: hidden;
display: block; 
min-height: auto;
background: #fafafa;
background: radial-gradient(circle at 50% 0%, #f1f1f1, #fff, #f1f1f1);
border-bottom: 10px solid #1A4990;
-moz-user-select: -moz-none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
font-size: 1.3em;
}
h2, h3 { margin: 4% 0 0 2%; line-height: 1.2em;}
#payeercom-body p {margin: 2% 0 ; padding: 0 2%;}
#payeercom-body ul { margin: 1% 2%; padding: 2% 3% 2% 15px; line-height: 140%; background-color: rgba(230,240,240,0.90); border-left: 4px solid rgba(9,28,68,0.20); }
#payeercom-body ol { margin: 1% 2%; padding: 2% 3% 2% 15px; line-height: 140%; background-color: rgba(222,240,204,0.90); border-left: 4px solid rgba(90,80,0,0.20);}
#payeercom-body li { margin: 0 0 1% 15px; padding: 0;}


.payeercom-copyrights {width: 96%; text-align: center; padding: 2%; color: #fafafa;}
.payeercom-copyrights a {color: #fff;}

@media screen and (max-width: 1024px)
{
#payeercom-register {
margin: 5% auto;
display: block;
color: #fff;
width: 66%;
}

#payeercom-body {
width: 75%;
padding: 2% 13% 5% 13%;
	
}

@media screen and (max-width: 768px)
{
#payeercom-body {
width: 85%;
padding: 2% 8% 5% 8%;
}

.adress {float: none; width: 100%; text-align: center; display: block; overflow: hidden; padding: 2%;}
	
#payeercom-register {
margin: 5% auto;
display: block;
color: #fff;
width: 80%;
}

#payeercom-head 
{
min-height: auto;	
}

}

@media screen and (max-width: 640px)
{
#payeercom-body {
width: 94%;
padding: 2% 3% 5% 3%;
}
	
.logo { margin: 10% auto; display: block; }
#payeercom-register {
margin: 15% auto;
display: block;
color: #fff;
width: 96%;
}
.account {margin: 5% 0 5% 0 ;}

.payeercom-buttons .account {margin: 5% 0 5% 0 ;}



#payeercom-register h1 {
font-size: 2.1em;
}
#payeercom-register p {
font-size: 1.3em;
}
}