@charset "UTF-8";


.topmenu{
width:90%;
margin:1em auto;
padding:0.5em;
background-color:#EEE;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.topmenu ul{
margin:0 0 0 -1em;
padding:0;
font-size:100%;
line-height:1.2;
list-style:none;
}

.topmenu ul li{
text-align:left;
padding:0;
font-size:120%;
}

.topmenu ul li a{
display:block;
padding:10px 10px 10px 1.5em;
color:#000;
text-decoration:none;

text-indent:-0.6em;
margin-left:1em;
}

.topmenu ul li a:before {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0ab";
margin-right:5px;
color:#36C;
}

.topmenu ul li a:hover{
background-color:#FFF;
}




section{
clear:left;
padding:1em;
}

table{
margin:10px auto 30px;
border-collapse:collapse;
border:#666 solid 1px;
border-spacing:0;
text-align:center;
font-size:120%;
background-color:#FEFEF3;
}


th{
padding:5px;
border:#666 solid 1px;
background:#DFEFFF;
text-align:center;
}

td{
padding:5px;
border:#666 solid 1px;
text-align:center;
vertical-align:top;
}


tr.title,
td.title{
background-color:#E1FBFF;
}

thead tr{
font-weight:700;
font-size:90%;
}

tbody th{
width:9em;
background:#FDDCC8;	
}

tbody td{
vertical-align:middle;
}

tbody td.title{
width:10em !important;
background:#FFF8F4;	
text-align:left;
}


td p{
font-size:100%;
text-align:left;
}


td ul{
list-style-type:disc;
margin-left:1.5em;
}

td ul li{
font-size:90%;
font-weight:normal;
}


@media screen and (min-width:480px) {
.topmenu ul li{
float:left;
*clear:right;
width:48%;
}

}


@media screen and (min-width:640px) {
	
.topmenu{
width:98%;
}

table{
width:96%;
}
	
th.basic{
width:70% !important;
}

th.option{
width:30% !important;
}


}



@media screen and (min-width:960px) {


.topmenu ul li{
float:left;
*clear:right;
width:33%;
}


}