
div#modalwin.reveal-modal div.containerReg form#regform div.row {
margin-top : 10px;
}
.reveal-modal-bg {
position : fixed;
height : 100%;
width : 100%;
background : #000;
z-index : 40;
display : none;
top : 0;
left : 0;
}
.reveal-modal {
min-width : 300px;
background : white;
visibility : hidden;
display : none;
top : 10px;
position : relative;
z-index : 41;
padding : 30px;
margin : 10% auto;
}
.reveal-modal .close-reveal-modal {
font-size : 22px;
font-size : 2.2em;
line-height : 0.5;
position : absolute;
top : 8px;
right : 11px;
color : #aaa;
font-weight : bold;
cursor : pointer;
}
.reveal-modal.small {
width : 300px;
}
.reveal-modal.medium {
width : 400px;
}
.reveal-modal.large {
width : 500px;
}
.reveal-modal.xlarge {
width : 600px;
}
.reveal-modal.expand {
width : 800px;
}
.reveal-modal .row {
min-width : 0;
}
#myModal p {
font-size : 12px;
}
.reveal-modal p img {
float : left;
padding-right : 15px;
}
input.radius_button_small, span.radius_button_small {
width : 40%;
border : 1px solid #ffffff;
color : #ffffff;
cursor : pointer;
display : inline-block;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
line-height : 1.2em;
overflow : visible;
position : relative;
text-align : center;
text-decoration : none;
font-size : 16px;
padding : 6px 30px 8px;
}
.button.smallfb {
background : #1C689E;
background : -moz-linear-gradient(center top , #1A6499, #2D80BC) repeat scroll 0 0 transparent !important;
border : 1px solid #FFFFFF;
box-shadow : 1px 0 0 #AAAAAA, -1px 0 0 #AAAAAA, 0 -1px 0 #AAAAAA, 0 1px 0 #AAAAAA;
font-size : 12px;
padding : 10px 24px 11px;
border : 1px solid #ffffff;
color : #ffffff;
cursor : pointer;
display : inline-block;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
line-height : 1.2em;
overflow : visible;
position : relative;
text-align : center;
text-decoration : none;
}
.button.smallfb:hover {
color : #f3f3f3;
}
div.login-header {
width : 100%;
height : 36px;
padding : 7px 0 15px;
background : url("/images/nav_li_bg.png");
text-align : center;
margin-bottom : 25px;
}
div#myModal.reveal-modal h1, .button.dinamic h1 {
color : #ffffff;
font-weight: normal;
}
div#myModal.reveal-modal h2, .button.dinamic h2 {
color : #fffa94;
font-weight : normal;
}
div#modalwin.reveal-modal p.forgpass {
margin-top : 20px;
}
div#modalwin.reveal-modal {
background: 10px solid #000000;
}



/* Mobile */

@media only screen and (max-width: 995px) {
    
form#mainLoginForm p.forgpass {
margin-top : 20px;
} 
    
}

@media only screen and (max-width: 767px) {
    

.reveal-modal {
min-width : 300px;
}
.reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge, .reveal-modal.expand, .reveal-modal .row {
width : 95%;
margin: 20px auto;
}
#myModal p {
font-size : 11px;
}
div#myModal.reveal-modal h1, .login-header h1 {
font-size : 12px;
}
div#myModal.reveal-modal h2, .login-header h2 {
font-size : 12px;
}
input.radius_button_small {
width : 100%;
float : left;
}
a.radius_button_small_fb {
float : left;
margin-left : 0;
margin-top : 10px;
text-align : center;
width : 95.5%;
}
a.radius_button_small_fb2 {
float : left;
margin-left : 0;
margin-top : 20px;
padding : 7px 0;
text-align : center;
width : 100%;
}
div.containerReg span.radius_button_small {
padding : 5px 63px;
}
div.containerReg p.forgpass {
margin-top : 20px;
}
form#mainLoginForm p.forgpass {
margin-top : 70px;
}
#myModal span p {
text-align : justify;
}

}


@media only screen and (max-width: 479px) { 
.reveal-modal {
min-width : 300px;
}
.reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge, .reveal-modal.expand, .reveal-modal .row {
width : 95%;
margin: 20px auto;
}

.reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge, .reveal-modal.expand, .reveal-modal .row {
width : 230px;
}
#myModal p {
font-size : 11px;
}
div#myModal.reveal-modal h1, .login-header h1 {
font-size : 12px;
}
div#myModal.reveal-modal h2, .login-header h2 {
font-size : 12px;
}
input.radius_button_small {
width : 100%;
float : left;
}
div.containerReg span.radius_button_small {
padding : 5px 28px;
}
a.radius_button_small_fb {
width : 94%;
float : left;
text-align : center;
}
p.forgottpass {
margin-top : 20px;
}
#myModal span p {
text-align : justify;
}


}