@charset "UTF-8";

.lead{
margin:0 auto 20px;
padding:5px 10px;
text-align:center;
background-color:#F0F7D9;
border:#CBE57F solid 1px;	
}

.lead h2{
margin-top:20px;
line-height:2;
text-align:left;
font-size:120%;
background-color:#699;
color:#FFF;
}

.lead p{
line-height:2;
text-align:left;
}

.lead img{
margin:5px auto;
padding:0;
}



section.procedure{
clear:both !important;
margin:20px 10px !important;;
background-color:#FEFDEB !important;
border:#AAA solid 1px !important;
box-shadow:0 0 5px 0 rgba(0,0,0,0.3) !important;
}

section.procedure h2{
margin:0 auto 5px;
text-align:center;
font-size:160%;
font-weight:700;
color:#502727;
border-bottom:#AAA solid 1px;
}

section.procedure h2 i{
color:#990000;
}

section.procedure dl{
margin:10px auto;
padding:5px 10px;
text-align:center;
background-color:#FFF;
border:#FC0 solid 1px;	
}

section.procedure dl dt{
margin:0px 2px 10px;
padding:5px;
text-align:left;
background-color:#FC3;
font-weight:700;
padding-left:2.5em;
text-indent:-2.5em;
font-size:90%;
}

section.procedure dl dd{
padding:5px 0;
}

section.procedure dl dd.description{
text-align:left;	
}

.procedure a{
position:relative;
text-align:center;
width:80%;
margin:5px auto;
padding:5px 10px;
background-color:#FF6600;
font-weight:700;
text-decoration:none;
display:block;
color:#FFF;
-webkit-border-radius:10px; 
-moz-border-radius:10px;
border-radius:10px;
}

.procedure a:hover,
.procedure a:focus{
position:relative;
top:1px;
left:1px;
background-color:#FF9900;
-webkit-border-radius:10px; 
-moz-border-radius:10px;
border-radius:10px;
}




@media all and (min-width:640px) {
	
.lead img{
float:right;
max-width:50%;
margin:0 0 1em 1em;
padding:0;
}

section.procedure h2{
font-size:180%;
}

section.procedure dl{
display:inline-block;
vertical-align:top;
width:28%;
height:320px;
margin:5px 1.06%;
padding:1.06%;
text-align:center;
}

section.procedure dl dt{
margin:0 2px;
text-align:left;
}

}