body { margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO3b9/+z4gsBhJQVVVlhAvCBECKwIIwAbhKZBUwBQBjxBsm/w0izAAAAABJRU5ErkJggg==) repeat; }
.container { margin:0px; margin:0px auto; width:1000px; border:1px solid #CCC; border-left:8px solid #CCC; border-right:8px solid #CCC; }
.head { background:#003366; }
.head h1 { color:#FFFFFF; font-size:16px; margin:0px auto; padding:0px; }
.left { float:left; }
.head img, .head div { border:1px solid #FFF; text-align:center; }
.head img { margin-top:4px; }
.head div { padding:15px 3px; }
.w30 { width:26%; }
.w50 { width:45%; }
.w70 { width:73%; }
.scale { width:100%; height:auto; }
.mh { min-height:188px; }
.mhh { height:600px !important; }
.bgw { background:#FFF; }
.bgb { background:#f4f7fb !important; }
.bold { font-weight:bold; color:#003366; }
.acenter { text-align:center; }
.secc:after { content:''; clear:both; display:block; }
.menu { list-style:none; margin:0px; padding:0px; border:1px solid #CCC; }
.menu li { padding:5px 10px; color:#004e95; cursor:pointer; border-bottom:1px solid #CCC; font-size:12px; font-weight:bold; }
.menu li.pl { padding-left:28px !important; font-size:10px !important; } 
.menu li:hover { color:#000; background: #EEE; }
.menu li, .deg, .con h1 { background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	}
.con h1 { margin:5px 0px 20px 5px; padding: 5px 15px; color:#003366; border:1px solid #CCC; font-size:14px; }
.con { font-size:12px; }
.peq { font-size:10px; }
.p15 { padding:15px; }
.p45 { padding:45px; }
.m20a { margin:20px auto; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
@media (max-width: 1000px) { 
	.head img { display:none; }
    .container, .head div { width: 100%; margin:0px; }
}
@media (max-width: 800px) {
	#ifra { height:800px !important; }
}
@media (max-width: 500px) {
	.menu li.pl { padding-left:10px !important; text-align:center !important; }
	.w50 { width: 90%; margin:0px auto; }
}
