@charset "utf-8";
/* CSS Document */

/************************************
Rio Mais Design
Criado em: Setembro/2008                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* {    
	margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none;
}
body {
	font: 12px Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #607075;
}

#desktopHome {
	min-height: 600px;
	height: auto !important;
	width: 100%; height: 600px;
	background: url(../imgs/fundo_home.gif) no-repeat center top;
}

#desktop {
	min-height: 600px;
	height: auto !important;
	width: 100%; height: 600px;
	background: url(../imgs/fundo.gif) no-repeat center top;
}

/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.center { text-align: center; }
	.right { text-align: right; }
	.block { display: block; }
	.laranja { color: #F2A42B; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }
	.cor_666 { color: #666; }
	.laranja { color: #F58220; }
	p { line-height: 17px; }
	a { color: #BDD73E;}
	a:hover { color: #CCCCCC; text-decoration: none; }

/************************************
	ESTRUTURA 
************************************/

#contentHome {
	position: relative;
	margin: 0 auto;
	width: 760px;
}
	#contentHome #logo {
		position: absolute;
		margin-top: 30px;
	}

#content {
	min-height: 400px;
	height: auto !important;
	margin: 0 auto; padding-bottom: 30px;
	width: 760px;  height: 400px;
	background: url(../imgs/fundo_menor.gif) no-repeat;
}
	#content #header {
		clear: both;
		width: 760px; height: 127px;
		background: url(../imgs/fundo_menu.gif) no-repeat right top;
	}
		#content #header img.logo { float: left; margin: 30px 0 0 0; }
		
		#content #header menu { float: right; width: 410px; height: 40px; }
			#content #header menu li { float: left; }
				#content #header menu li a { display: block; height: 40px; }
			
			#content #header menu li.menu1 { background: url(../imgs/bt_sobre.gif); width: 93px; }
			#content #header menu li.menu2 { background: url(../imgs/bt_programacao.gif); width: 191px; }
			#content #header menu li.menu3 { background: url(../imgs/bt_contato.gif); width: 126px; }
	
	#content #titulo { clear: both; width: 685px; height: 50px; margin: 32px 0 0 70px; _margin-top: 30px; }
		#content #titulo #voltar { float: right; margin: 35px 19px 0 0; }
	#content h1 { float: left; }
	#content h2 { float: left; margin: 5px 0 0 5px; width: 370px; font-size: 11px; }
	
	#content h3 { font: bold; color: #FBA927; margin: 0 0 10px 70px; }
	#content h4 { text-transform: uppercase; margin: 0 0 5px 70px; }
		#content h4 span { padding: 0 5px 0 5px; background: #717EBD; }
	
	#content p { margin: 0 0 15px 70px; width: 540px; }
		#content p .space { margin-left: 38px; }
	
	#content ul { margin-left: 60px; }
	#content ul.lista { margin: 0 0 15px 70px; }
		#content ul li { padding: 1px 0 7px 13px; background: url(../imgs/bullet_menu_prog.gif) no-repeat left 7px; }
		#content ul.lista li { padding-bottom: 3px; }
			#content ul li a { color: #FFFFFF; }
			#content ul li a:hover { color: #BDD73E; }
			
	#content form {
		position: relative; clear: both;
		width: 685px; height: 210px; margin: 20px 0 0 70px;
	}
		#content form #colunaForm { float: left; width: 250px; }
	#content #agradecimentos {
		display: table;
		margin: 0 0 15px 45px;
		min-height: 200px;
		height: auto !important;
		width: 460px; height: 200px;
	}
		#content #agradecimentos div {
			float: left;
			margin: 0 0 15px 15px; padding: 5px;
			width: 200px; height: 100px;
			background: #FFFFFF;
			text-align: center; color: #607075;
			font-weight: bold;
			border-top: 1px inset #555555;
			border-left: 1px inset #555555;
		}
			#content #agradecimentos div.M { height: 115px; }
			#content #agradecimentos div img { margin-top: 5px; }
			#content #agradecimentos div img.mMaior { margin-top: 10px; }
			#content #agradecimentos div img.mMMaior { margin-top: 20px; }

input {
	margin: 5px 0 10px 0; padding: 3px;
	width: 224px; height: 19px;
	background: #FFFFFF;
	border: 0;
}
	input.campoMaior { height: 100px; }
		
.btEnviar {
	position: absolute;
	bottom: 0; right: 12px;
	border: 0; cursor: pointer;
	margin: 0; padding: 0;
	width: 286px; height: 71px;
	background: url(../imgs/bt_enviar.gif);
}

#footer {
	clear: both;
	width: 100%; height: 120px;
	background: url(../imgs/bg_footer.gif) repeat-x;
}
	#footer #patrocinadores {
		margin: 0 auto;
		width: 760px; height: 75px;
	}
		#footer #patrocinadores img.logo1 { float: left; margin-top: 20px; }
		#footer #patrocinadores img.logo2 { float: left; margin: 15px 0 0 160px; }
		#footer #patrocinadores img.logo3 { float: right; margin-top: 15px; }
		
		#footer #patrocinadores img.logo4 { float: left; margin: 10px 0 0 100px; }
		#footer #patrocinadores img.logo5 { float: left; margin: 15px 0 0 100px; }
		
	#footer p {
		padding-top: 6px;
		text-align: center;
		font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	#footer a { color: #FFFFFF; }
	#footer a:hover { color: #CCCCCC; }