* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffc700;
	font-size: 14px;
	font-family: tahoma;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

p{
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
}

#main {
	width:auto;
	max-width: 764px;
	margin: 0 auto;
	background-size:auto auto;
	background: #FFC700 url(img/fundo.jpg) repeat-y;
	background-position: center;
	background-size:100% auto;
}

#header {	
	width:auto;
	height: auto;
}

#header #img_topo{
	max-height:173px;
}

#header #img_topo img{
	width:100%;
}

#header .links {
	position: absolute;
	top:60px;
	right:50%;
	width: 230px;
	margin-right: -370px;
}

#header .menu_sup{
	position: absolute;
	text-align: center;
	width: 275px;
	top: 15px;
	right: 50%;
	margin-right: -362px;
	color: #730000;
}

#header .menu_sup ul{
	list-style: none;
}

#header .menu_sup ul li{
	display: inline-block;
	margin: 0px 5px 0px 5px;
}

#header .menu_sup ul li a{
	color: #730000;
	font-size: 13px;
}	

#header .menu_sup ul li a:hover{
	text-decoration: underline;
}

#menu{
	padding-left: 14px;
	width: 160px;
	float: left;
}

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

#menu ul #btnMenu{
	display: none;	
}

#menu ul li a {	
	width: 143px;
	padding: 5px 0 3px 13px;
	background: #ffa200  url(img/menuoff.jpg) no-repeat;
	display: block;
	color: #fff;
	border-bottom: 1px solid #ffc700;
}

#menu ul li a.primeiro {
	border-top: 1px solid #ffc700;
}

#menu ul li a:hover {
	background: url(img/menuon.jpg) no-repeat;
	color: #ff0;
}

.flash{
	width: 570px;
	margin-right: 12px;
	float: right;
	text-align: center;
}

#mainindex {
	width: auto;
	height: auto;
	max-width: 764px;
	margin: auto auto auto auto;
	background-color: #FFCC01;
}

#topoindex {
	width: auto;
	max-width: 764px;
	height: auto;
}

#topoindex #img_topo {
	width: 100%;
}

#topoindex p {
	width: auto;
	max-width: 604px;
	padding: 1px 80px 20px 80px;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	background-image: url('img/index/bg_fundo.jpg');
}

#conteudoindex {
	background-color: #fff;
	padding: 10px;
	width: auto;
	max-width: 754px;
	margin: 0px 10px 30px 10px;
	text-align: center;
	border-radius: 10px;
}


#entrarindex {
	width: 130px;
	height: 31px;
	margin:auto;
	height: auto;
	text-align: center;
	margin-top: 20px;
	clear: both;
}

#container{
	width:553px;
	float:left;
	padding:20px 9px 0px 8px;
	margin: auto 10px auto 8px;
	background-color: #fff;
}

#container ul{
	list-style: none;
}

#container ul li{
	margin-left: 10px;
	line-height: 20px;
}

.esq{
	width: 325px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	text-align: justify;
}

.dir{
	width: 200px;
	text-align: center;
	padding: 0px;
	float: right;
	padding: 5px;
}

object, embed {
	width: 100%;
	display: block !important;
}

.dir img{
	padding-top: 5px;
	padding-bottom: 5px;
}

.sintomas{
	text-align: center;
	width: auto;
}

.prev{
	width: auto;
}

.prev img{
	max-width:100% !important;
    height:auto;
    display:block;
}

#container .faqperg {
	list-style-type:decimal;
	margin:20px 0px 20px 40px;
}

#container .faqperg li{
	line-height: 20px;
}

#container .faqperg li a {
	color: #333;
}

#container .faqperg li a:hover {
	color: #900000;
}

#container ul a {
	line-height: 20px;
	padding: 10px;
}

#container img.tit {
	margin: 0;
	vertical-align: baseline;
	float: right;
}

#container h2 {
	background: url(img/titulolinha.jpg) no-repeat 0 34px;
	font-size: 16px;
	color: #900000;
	height: 30px;
	margin: 0;
	padding: 14px 0 5px 0;
	font-weight: normal;
}

#container h3 {
	color: #ef7009;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
}

#container p{
	text-align: justify;
}

#container img{
	width:auto;
	margin: 7px;
}

#container #contato p{
	line-height: 30px;
}

#container #contato p small{
	color: #FF0000;
}

#container #contato input, textarea, select{
	width: 100%;
	padding: 5px;
	border: 1px solid #000;
}

#container #contato select{
	width: 50%;
	padding: 5px;
	border: 1px solid #000;
}

#rodape {
	width: 560px;
	height: auto;
	float: right;
	margin-right: 12px;
	padding-bottom:20px;
	text-align: center;
	background-color: #FFF;
	clear: both;
}

#rodape h3{
	font-weight: normal;
	font-size: 16px;
	padding: 20px 0px 20px 0px;
	color: #900000;
}

#rodape .banner {
	width: 475px;
	height: 62px;
	border: 1px solid #ccc;
}

img.ban {
	margin: 10px;
}


@media only screen and (max-width: 810px) {

	#main {
		
	}
	
	#header .links {
		position:static;
		width: auto;
		text-align: center;
		background-color: #FFF;
		padding:10px;
		margin: 10px 12px 10px 12px;
	}

	#header .menu_sup{
		position: static;
		margin: 0px;
		background-color: #FFA300;
		width: auto;
		height: auto;
		padding: 0px;
		margin: 10px 12px 10px 12px;
		font-size: 14px;
	}

	#header .menu_sup ul li{
		display: block;				
	}

	#header .menu_sup ul li a{
		display: block;
		padding: 10px 0px 10px 0px;
		margin: 0px;
		width: 100%;
		border-top: 1px solid #FFC700;
		color: #fff;
		letter-spacing: 1px;		
	}	

	#header .menu_sup ul li a:hover{
		background-color: #CC6600;
		color: #FEC603;
		text-decoration: none;
	}

	#header .menu_sup ul li:last-child{
		background-color: #DE0E04;		
	}

	#header .menu_sup ul li:last-child a{
		color: #FDE501;
	}
	
	.flash{
		display: none;
	}

	#menu{
		width:auto;
		float:none;
		padding:0px;
		margin: auto 12px auto 12px;
	}

	#menu ul #btnMenu{
		display: inline;
	}

	#menu ul #btnMenu a{
		width: auto;
		font-size: 20px;
		font-weight: normal;
		background-image: none;
		padding: 10px;
		background-color: #F37020;		
	}

	#menu ul #menuPrincipal{
		display: none;	
	}

	#menu ul li a:hover{
		background-image:none;
		background-color:#CC6600;
	}

	#menu ul li ul li a{
		width: auto;
		font-size: 20px;
		font-weight: normal;
	}

	#menu ul li ul li a:hover{
		background-image:none;
		background-color:#CC6600;
	}
	
	#menu ul li ul li a{
		width:auto;
		text-align:center;
		background-image:none;
		padding: 10px 0px 10px 0px;
		font-weight: normal;
		letter-spacing: 1px;
	}
	
	#menu ul li ul li a:hover {
		background-image:none;
		background-color:#CC6600;
	}

	#topoindex p {
		background-position: center;
		width: auto;
		background-size:contain;
		padding: 1px 80px 20px 80px;
	}

	#container{
		width:auto;
		margin:auto 12px auto 12px;
		float:none;	
	}
	
	.esq{
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.dir{
		width: 100%;
		margin: 20px auto auto auto;
		text-align: center;
		padding: 0px;	
	}

	.dir img{
		margin-left: 5px;
	}

	#rodape {
		padding: 0px 0px 20px 0px;
		background-image: none;
		width: auto;
		float: none;
		height: auto;
		clear: both;		
		margin: auto 12px auto 12px;
	}

	/*
	#rodape .banner {
		width: 475px;
		height: 62px;
		border: 1px solid #ccc;
	}
	*/

	#rodape img.ban {

	}
}