@media screen {

body {
	margin: 0px 10% 0px 10%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #B6B6B6;
}
img {
border:none;
}
#suplogo, #logo {
	width: 251px;
	float:left;
	text-align: center;
}
#suplogo {
	height:25px;
	background-color:#85898F;
}
#supmenu {
	height:25px;
	background-color:#494343;
}
#supimgarea {
	height:25px;
	background-color:#85898F;
	color:#FFFFFF;
	line-height: 20px;
	text-align:center;
}
.linhas_icones {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#logo {
	padding:20px 0 0 0;
	height: 115px;
	border-bottom:#999999 solid 6px;
	display:table;
	background-color:#FFFFFF;
}

#supmenu, #menu {
	width: 268px;
	float: left;
}
#supimgarea, #imgarea {
	float: left;
	width: 241px;
}

#geral #header #suplogo ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 20px;
}
#geral #header #suplogo ul li{
	float: left;
	width: 70px;
}

#geral #box {
	display:table;
	width: 760px;
	text-align: left;
	border: 1px solid #73797D;
	background-color: #FFFFFF;
	margin-top:20px;
	background-image: url(../images/bg_barralateral.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#geral {
	text-align: center;
}

#menu ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #327595;
}
#menu li {
	padding-left: 26px;
	line-height: 20px;
	height: 26px;
}
#menu li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
#menu li a:hover {
	font-weight: bold;
	color: #FFCC00;
	text-decoration:none;
	
}
.itemMenu1 {
	background-color: #499BC2;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #327595;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #9ECCDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #327595;
}
.itemMenu2 {
	background-color: #5BA4C7;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #46829F;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #A7D0E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #46829F;
}
.itemMenu3 {
	background-color: #6CAECD;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #5A90A9;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #B0D5E4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A90A9;
}
.itemMenu4 {
	background-color: #7FB8D3;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #6F9EB4;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #BADAE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6F9EB4;
}


.itemMenu5 {
	background-color: #91C2D9;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #83ABBE;
	border-right-width: 16px;
	border-right-style: solid;
	border-right-color: #C4DFEB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83ABBE;
}

#menu {
display: table;
border-bottom:#999999 solid 6px;
}
#imgarea {
	/**background-image: url(../images/foto1.jpg);**/
	background-color:#E8E8EA;
	height: 135px;
	background-position: center center;
	border-bottom:#999999 solid 6px;
}
#footer {
	display: table-row;
	height: 70px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #2288B7;
	margin-top: 0px;
	background-color: #DCEAF3;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	float: none;
}
#footer #copy {
	float:left;
	width: 57%;
}
#footer #copy p {
	margin:10px 0px 5px 10px;
}
#footer #endereco {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	width: 40%;
	font-size: 10px;
	color: #333333;
	padding: 10px;
	float: left;
}

#idiomas {
	display:table;
	background-color:#D1D2D6;
	width: 221px;
	padding: 0px 0px 0px 20px;
}

#idiomas ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#idiomas ul li {
	float:left;
	text-align:center;
	padding: 10px 10px 10px 0px;
}

#login {
	float: left;
	width: 211px;
	color: #333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#login label {
	padding-right: 10px;
	float: none;
	text-align: right;
	color:#4A6B8C;
}
#login  input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F7F9F9;
	border: 1px solid #8EA3AE;
	color:#4A6B8C;
}


#geral #box #conteudo {
	color: #243851;
	float: left;
	width: 495px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	height: auto;
	background:#FFFFFF;
}
#geral #box #conteudo h5 {
	padding-top: 0px;
	padding-bottom: 0px;
}
#geral #box #subheader {
	float: none;
	background:#FFFFFF;
}
#geral #box #banner {
	display:table;
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background:E8E8EA;
	height:auto;
}

#content_curso
{   
    background-color:#FFFFFF;
    border:1px solid #CCC;   
}


#titulo {
	background-color: #DFECF7;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000033;
	margin-top: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2B88BB;
	border-bottom-color: #2B88BB;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #2288B7;
	background-image: url(../images/bg_titulo.jpg);
	background-repeat: repeat-x;
	line-height: 23px;
}
h5 {
	font-size:11px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	color: #59707D;
}
}

@media handheld, print {
body {
	margin: 0px 10% 0px 10%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
ul {
list-style:none;
}

img {
border:none;
float: none;
}

#geral{
width:500px
}

#logo {
float: none;
text-align:center;
width: 100%;
}
#supimgarea {

}
#geral #header #suplogo ul li{
	float: left;
	width: 20px;
}
#idiomas {
	display:table;
	width: 221px;
	padding: 0px 0px 0px 20px;
}

#idiomas ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#idiomas ul li {
	float:left;
	text-align:center;
	padding: 10px 10px 10px 0px;
}
#menu {

	text-align:center;
}
#menu li {
	float:left;
	padding: 0 10px 0 0;
	font-size: 15px;
	font-weight: bold;
	text-align:center;
}

#menu li a {
	text-decoration:none;
}
#titulo {
	font-size: 15px;
	font-weight: bold;
}
#banner
{
display:none;
}
  }