#middlesite div, #middlesite p, #middlesite span, #middlesite td, #middlesite tr, #middlesite th, #middlesite ul, #middlesite li, #middlesite blockquote {font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif; color:#333}

#middlesite p, #middlesite ul li, #middlesite td {font-size:15px}

*#middlesite img {max-width: 100%; height: auto !important;}

#middlesite h1, #middlesite h2, #middlesite h3, #middlesite h4 {font-family:'Segoe UI', Tahoma, Verdana, Arial, sans-serif;color:#004E96;font-weight:normal; margin-top: 10px}
#middlesite h1 {font-size:21px}
#middlesite h2 {font-size:18px}
#middlesite h3 {font-size:16px}
#middlesite h4 {font-size:15px}

#middlesite span {color:#004E96}

#middlesite a {color:#004E96;text-decoration:none}
#middlesite a:hover {color:#004E96;text-decoration:underline}

#middlesite table {border-collapse: collapse}
#middlesite table tr, #middlesite table td, #middlesite table th {border:none;padding:3px}

#middlesite ul {list-style:url(/fmfiles/index.asp/::hidoctor::/site/hidoctor/bullet.gif)} 
#middlesite ul li {margin-left:15px}

/* ***** RESPONSIVE VIDEOS ***** */
#middlesite div.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	text-align: center;
	margin: 30px auto
}
#middlesite div.videob {
	padding-bottom: 75%; /* 4:3 */
}
#middlesite div.videoc {
	padding-bottom: calc(100%/1.5); /* 3:2 */
}
#middlesite div.video iframe, #middlesite div.videob iframe, #middlesite div.videoc iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#middlesite img {max-width: 100% !important; height: auto;} 

#middlesite p.j {text-align:justify}

#middlesite div.obs, #middlesite div.obs * {font-size:12px; color:#777}
#middlesite td.obs {font-size:12px; color:#777}

/* BLOCKS */
#middlesite div.box {border:1px solid #FC0; width:90%; margin:12px auto; padding:7px}
#middlesite div.bbox {border:1px solid #B2C0D0; background-color:#E0EAF6; width:90%; margin:12px auto; padding:7px}
#middlesite div.block {width:90%; margin:5px auto; padding:10px}
#middlesite div.box h3, #middlesite div.bbox h3, #middlesite div.block h3 {margin:0}

#middlesite sup{font-size:70%;color: #777}

#middlesite div.spacer {text-align:center; margin:30px auto}
#middlesite div.more {font-size:12px; color:#777; text-align:right; margin-right:5px}
#middlesite div.trade, #middlesite div.trade * {font-size:11px; color:#AAA; margin-top:15px}
#middlesite div.trade a {color:#333;}
#middlesite div.trade a:hover {color:#333; text-decoration: underline;}

/* ***** FLOATS ***** */
#middlesite div.flol{float: left; margin:2px 10px 2px 0; overflow: hidden;}
#middlesite div.flor{float: right;margin:2px 0 2px 10px;overflow: hidden;}

/* ***** Documentos de atualizacao ***** */
#middlesite div.btns {width:600px; text-align:center; overflow:hidden; margin:40px auto}
#middlesite div.btns div {float:left; width:300px}
#middlesite div.btns div p {font-size:80%; color:#777}

#middlesite abbr {color:#004E96; cursor: help}

/* ***** CALL TO ACTION buttons ***** */
#middlesite a.btn {display: inline-block; cursor:pointer; text-decoration: none;
	width:73%; max-width:420px;
	font-size:18px; color:#FFF;
	background-color:#F90; border:none; border-bottom: solid 3px #E58A00; 
	padding:10px 20px; text-align:center; margin: 5px;		
	-moz-border-radius: 5px 5px 7px 7px;
	-webkit-border-radius: 5px 5px 7px 7px;
	border-radius: 5px 5px 7px 7px; /* future proofing */
	-khtml-border-radius: 5px 5px 7px 7px; /* for old Konqueror browsers */
}

#middlesite a.btnb {display: inline-block; cursor:pointer; text-decoration: none;
	width:73%; max-width:420px;
	font-size:18px; color:#FFF;
	background-color:#76A3C6; border:none; border-bottom: solid 3px #678EAC; 
	padding:10px 20px; text-align:center; margin: 5px;	
	-moz-border-radius: 5px 5px 7px 7px;
	-webkit-border-radius: 5px 5px 7px 7px;
	border-radius: 5px 5px 7px 7px; /* future proofing */
	-khtml-border-radius: 5px 5px 7px 7px; /* for old Konqueror browsers */
}
#middlesite a.btn:hover, #middlesite a.btnb:hover {opacity: .9}