/*
-------------------------------------
|	CSS feito por diego pinheiro	| 
|		www.diegopinheiro.com		|
-------------------------------------

*/


/* ----- BÁSICO ----- */


* {
	margin:0;
	padding:0;
}

html,body{
	background-color: #f3f5fe;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #222222;
}

h4{
	color: #3a8bcd;
	font-family: calibri, helvetica, verdana, sans-serif;
	font-size: 18px;
}

h3{
	color: #178eb6;
	font-family: calibri, helvetica, verdana, sans-serif;
	font-size: 15px;
}

a:link{
	text-decoration: none;
	padding: 0;
	margin: 0;
}

a:visited{ 
	text-decoration: none;
	padding: 0;
	margin: 0;
}

a:hover{
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* ----- DIVS ----- */

#container{
	height:auto;
	width: 750px;
	margin: auto;
}

#main{
	width: 450px;
	float: left;
}

#logo{
	width: 342px;
	height: 103px;
	padding-top: 10px;
}

#nav{
	height: 32px;
	width: auto;
	padding-top: 10px;
}

#destaques{
	width: 430px;
	height: 230px;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top: 10px;
	float: left;
}

#destaques img,object{
	padding-top: 10px;
	padding-left: 15px;
}

#parceiros{
	width: 430px;
	height: 230px;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top: 10px;
	float: left;
}

#golsdarodada{
	width: 430px;
	height: 200px;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top: 10px;
	float: left;
}

#golsdarodada p{
	padding-left: 5px;
	padding-top: 5px;
}

#golsdarodada a:link,a:visited{
	color: #156AAF;
}

#golsdarodada p a:hover{
	background: #156AAF; 
	color: #fff;
}

#golsdarodada img a:hover{
	text-decoration: none;
}

#sidebar{
	width: 300px;
	float: right
}

#radioaovivo{
	width: 285px;
	height: auto;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top:10px;
}

#painel{
	width: 285px;
	height: auto;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top: 10px;
}

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

#enquete{
	width: 285px;
	height: auto;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top: 10px;
}

#sites{
	width: 285px;
	height: 320px;
	background-color: #e9ecfd;
	border: 1px solid #dce2fc;
	margin-top: 10px;
}

#footer{
	width: 100%;
	float: left;
	padding-top: 20px;
	margin: auto;
}

#webdesign{
	float: right
}

/* ----- CLASSES ----- */

.titledestaques{
	padding-top: 5px;
	padding-left: 5px;
}

.titleparceiros{
	padding-top: 5px;
	padding-left: 5px;
}

.titlegols{
	padding-top: 5px;
	padding-left: 5px;
}

.titleradio{
	padding-top: 5px;
	padding-left: 5px;
}

.titlepainel{
	padding-top: 5px;
	padding-left: 5px;
}

.titleenquete{
	padding-top: 5px;
	padding-left: 5px;
}

.titlesites{
	padding-top: 5px;
	padding-left: 5px;
}

.parceiros-1 {
	padding-left: 25px;
	padding-top: 6px;
}

.parceiros-1 li {
	padding-right: 5px;
	display: inline;
}

.parceiros-2 {
	padding-left: 25px;
	padding-top: 5px;
}

.parceiros-2 li {
	padding-right: 5px;
	display: inline;
}

.gols {
	padding-left: 20px;
	padding-top: 5px;
}

.gols li {
	padding-right: 5px;
	display: inline;
}

.radio {
	padding-left: 20px;
	padding-top: 10px;
	list-style-type: none;
}

.radio li {
	padding-top: 0px;
	display: block;
}

.radio li a:link,a:visited{
	color: #156AAF;
	text-decoration: none;
}

.radio li a:hover{
	background-color: #156AAF;
	text-decoration: none;
	color: #fff;
}

.parceiros{
	padding-left: 35px;
	padding-top: 6px;
}

.parceiros li{
	padding-top: 5px;
	list-style-type: none;
	display: block;
}

	
/* ----- FORMULÁRIO PAINEL ----- */

#formulariomsg form {
	padding-top: 10px;
	margin: 0;
	height: auto;
}

#formulariomsg fieldset {
	height: auto;
	padding: 0;
}

#formulariomsg form fieldset {	
	border: none;
	width: 260px;
	font-size: 12px; 
	font-family: Arial, Tahoma, sans-serif;
	color: #222222;
} 

#formulariomsg form fieldset label {
	clear: both;
	width: 60px;
	margin-left: 10px;
	color: #222222;	
	margin-top: 4px;
	margin-bottom: 2px;
}

#formulariomsg form fieldset input, form fieldset textarea { 
	border: 1px solid #006ABE;
	background-color: #D3E9FE;
	height: 20px; 
	width: 260px;
	margin-left: 10px;
	font-size: 12px; 
	font-family: Arial, Tahoma, sans-serif;
	color: #222222;
	margin-top: 5px;
	margin-bottom: 5px;
}

#formulariomsg form fieldset textarea {
	height: 100px;
	border: 1px solid #006ABE;
}

#formulariomsg form fieldset input.submit { 
	background-color: #D3E9FE;
	border: 1px solid #006ABE; 
	color: #222222;
	width: 50px; 
	float: right;
	height: 18px; 
	font-size: 12px; 
	font-family:  Arial, Tahoma, sans-serif;
	font-weight: lighter;
	cursor: pointer;
}

/* ----- FORMULÁRIO ENQUETE ----- */

#formularioenq form {	
	border: none;
	width: 260px;
	font-size: 12px; 
	padding-top: 10px;
	font-family: Arial, Tahoma, sans-serif;
	color: #222222;
	padding-left: 10px;
} 

#formularioenq form label {
	clear: both;
	color: #222222;	
}

#formularioenq form input { 
	font-size: 12px; 
	font-family: Arial, Tahoma, sans-serif;
	color: #222222;
}

#formularioenq form input.radio{
	padding-right: 5px;
	padding-top: 5px;
}

#formularioenq form input.submit { 
	background-color: #D3E9FE;
	border: 1px solid #006ABE; 
	color: #222222;
	width: 50px; 
	float: right;
	height: 18px; 
	font-size: 12px; 
	font-family:  Arial, Tahoma, sans-serif;
	font-weight: lighter;
	cursor: pointer;
}