@charset "UTF-8";
/* CSS Desktop e Tablet - Scorm UNA-SUS */

@font-face {
    font-family: 'RobotoRegular';
    src: url('resources/roboto-regular-webfont.eot');
    src: url('resources/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('resources/roboto-regular-webfont.woff') format('woff'),
         url('resources/roboto-regular-webfont.ttf') format('truetype'),
         url('resources/roboto-regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('resources/roboto-bold-webfont.eot');
    src: url('resources/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('resources/roboto-bold-webfont.woff') format('woff'),
         url('resources/roboto-bold-webfont.ttf') format('truetype'),
         url('resources/roboto-bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

body {
	background: #f7f7f7; 
	
	overflow: hidden;
	
	font-family: 'RobotoRegular', Helvetica, Arial, sans-serif !important;
	color:#333333 !important;
	cursor:default;
	
	margin:0px;
	
	height:100%;
}
#medicobg {
	background:url(img/bgmedico.png) left top no-repeat fixed;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-color:#F7F7F7 !important;
	
	display:block;

    position:absolute;
    top:0;
    left:0;
    
    width:100%;
    height:100%;
	
	/*padding:25px;*/
}
#apDiv1 {
	position:absolute;
	left:25px;
	top:0px;
	width:223px;
	height:34px;
	z-index:1;
	text-shadow: 0px 0px 3px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0);
	color: #000;
}
#apDiv1 span {
	text-transform:uppercase;
}
#cenario {
	width:100%;
	margin:0 auto;
	position:inherit;
	z-index:0;
}
#bloco1 {
	float:right;
	padding-right:25px;
	padding-left:25px;
	min-width:200px;
	max-width:550px;
	padding-top:43px;
	font-size:18px;
}
#bloco2 {
	float:right;
	width:400px;
	padding:10px;
}
#bloco3 {
	float:left;
	text-align:left;
	width:300px;
	position: relative;
	height: 450px;
	display:none;
}
#bottomline {
	position: absolute;
	bottom: 0;
	padding-bottom:10px;
	padding-left:0px;
	z-index:1;
	width: 99px;
	height: 172px;
	text-align:right !important;
}
#bottomline img {
	margin:0 !important;
	border:none !important;
}

div#chatlist {
	/* 289 × 434 */
    border: 0px none;		
	font-size:12px;
	
	overflow:auto;
	width:400px;
}
div.mousescroll {
    overflow: auto;
}
.slimScrollDiv {
	border: 1px solid #ccc;
	margin:10px;
}
#prancheta {
}
.pranchetalink {
	text-decoration:none;
	padding:5px;
	margin-top:10px;
	background-position:center right;
	background-repeat:no-repeat;
	
	font-size:12px;
	
	display:block;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
}
#questoes a {
	padding:10px;
	font-size:18px;
	text-decoration:none;
	margin-top:10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	opacity:0.8;
		
	display:block;
	
		
	-webkit-transition: all ease-in-out 0.2s; /* property duration timing-function delay */
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.importantes, #importantes {
	height:400px;
	width:850px;
}
.outrosimportantes a, #outrosimportantes a {
	color:#333333;
	text-align:right;
	display:block;
	text-decoration:none;
}
#questoes a:hover {
	opacity:1;
}
#chatlist b {
	text-decoration:none;
	font-weight:400;
}
#modallink_right, .modallink_right {
	text-decoration:none;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:50px;
	background-image:url(img/next_btn_ico_white.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:30px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	margin-left:10px;
}
#modallink, .modallink {
	text-decoration:none;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	width:50px;
	
	background-image:url(img/prev_btn_ico.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	-moz-box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
	box-shadow: 0px 0px 3px 1px rgba(00, 00, 00, 0.3);
}
#modalnonepage, #texto001, #texto002, #texto003, #modalhipertexto, #modalhipertexto_right {
	font-size:12px;
}

#areaperguntafinal a {
	text-decoration:none;
}
#areaperguntafinal a:hover {
	text-decoration:underline;
}
iframe {
	width:700px;
	height:350px;
}

b, strong {
	text-decoration:none !important;
	font-weight:normal !important;
	font-style:normal !important;
	font-family: 'RobotoBold', Helvetica, Arial, sans-serif !important;
}
a img {
	border:none !important;
}

#barradecima {
	text-align:right;
	padding-bottom:10px;
}
#barradecima .no {
	background-color:#E0A53C;
	-webkit-animation-delay: 0, 1s;
}
#barradecima .yes {
	background-color:#CCC;
	-webkit-animation-delay: 0, 0.5s;
}
#barradecima .yes, #barradecima .no {
	height:5px;
	width:20px;
	margin-right:10px;
	display:block;
	float:left;
	font-size:0px;
}
