@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0;}


.logo {display:block; 
       padding-bottom:20px;
       margin-left:auto;
       margin-right:auto;
    
}

body {background:url(../images/bg.png) repeat 100%;}

a { color:#1E3B88; text-decoration:none;}
a:hover { color:#0099FF;}

.content { width:90%; 
           background:#FFFFFF; 
           border-radius: 25px; 
           border: 2px solid #4C7FAA;
           box-shadow: 5px 5px 2px 2px #000000;
           margin-left:auto; 
           margin-right:auto;
    
} 
.content p { width:50%; text-align:left; margin-left:auto; margin-right:auto; padding:10px;}
.content h1, h2 {text-align:center; padding:5px;}

.ul {   margin: auto;
        width: 50%;
        padding-bottom: 10px;
    
}

.ul li {  margin: auto;
          width:25%;
}

.form {  width:100%; 
         height:20%; 
         padding:10px; 
         margin-left:auto; 
         margin-right:auto;
}

.form p { text-align:center; padding:4px;}
.form a{ color:#1E3B88; text-decoration:none;}
.form a:hover { color:#0099FF;}

.footer { width:100%; height:20%; padding:10px; margin-left:auto; margin-right:auto;}
.footer p{ text-align:center; color:#fff; padding:4px;}
.footer a{ color:#FFFFFF; text-decoration:none;}
.footer a:hover { color:#0099FF;}

.divider { border-top:1px solid #cacaca; width:75%; margin:0 auto; padding:5px;}


@media screen and (max-width: 797px){

	.logo{
		width:80%;!important;
    	background-size:100%!important;
    	background-position:center center!important;}
    	
    .ul {   margin: auto;
        width: 70%;
        padding: 10px;
    
}

    .ul li {  margin: auto;
          width:50%;
          padding:5px;
}
    	

}