/*подключение шрифта*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);
:focus {
    outline: none;
}

/*Для экранов более 1200px*/

    /*body{
        width: 1200px;
        margin: auto;
        padding: 10px;
        /*box-shadow: 0 0 5px rgba(0,0,0,0.5);
        font-family: 'PT Sans', sans-serif;
        font-size: 18px;
    }*/
    h2{
        text-align: center;
    }
    hr{
        width: 80%;
        text-align: center;
        height: 0;
        border: 1px solid #aaa;
    }
    .center{
        text-align: center;
    }
    .error{
        color:#b71d1a;
    }
    .label{
        display: block;
        margin: 10px 0;
        padding: 5px 10px;
       /* font-size: 1.3em;*/
        border-bottom:1px solid #16aad6;
        border-top:1px solid #16aad6;
    }
    .label:before
    {
        content: " ";
        background: #16aad6;
        color: #fff;
        float: left;
        width: 1.2em;
        height: 1.3em;
        text-align: center;
        /*font-size: 1em;*/
        margin: 0 5px 0 -1em;
        padding: 0 .2em;
        pointer-events: none;
        font: bold Arial, Helvetica;
    }
    .info:before {
        content: "i";
    }
    .yn:before{
        content: "YN";
    }
    
    /*ФОРМЫ*/
    input{
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: .3em;
	display: inline-block;
	position: relative;
    /*    font-size: 1em;*/
        font-family: 'PT Sans', sans-serif;
    }
    select{
        border: 1px solid #fafafa;
        background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: .3em;
	display: inline-block;
	position: relative;
      /*  font-size: 1em;*/
    }

    input:focus, select:focus {
        background-color: #eef;
    }

    /*радиокнопки*/
    .regular-radio {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
    }
    .regular-radio:checked:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	/*font-size: 32px;*/
    }
    .regular-radio:checked {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
    }
    .regular-radio:active, .regular-radio:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }
    /*кнопки*/
    .button{
        display: inline-block;
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
        border: 1px solid #a1a1a1;
        padding: 0 2em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        border-radius: .2em;
        text-align: center;
    }
    .button:before
    {
        content: " ";
        float: left;
        width: 1em;
        text-align: center;
       /* font-size: 1.7em;*/
        margin: 0 0.5em 0 -1em;
        padding: 0 .2em;
        pointer-events: none;
    }
    .button:hover{
        background: #37b555;
        color: #fff;
        border: 1px solid #2f9b49;
    }
    .button:active{
        box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    }
    .next:before
    {
        content: "\27A0";
    }

