@import url("../reset.css");

/* -------------------------------------------------
<<< tipografia.css
----------------------------------------------------
Definicoes de cor e tamanho para toda tipografia do
projeto: body, títulos, parágrafos, links e etc
----------------------------------------------------
Tema: Default
Projeto: Nome do Projeto
Autor: Maicon Sanson Penna / SESCPR - GTI
Contato: maiconpenna@sescpr.com.br / (41) 3304-2060
------------------------------------------------- */

body {
	background: #eaeaea;
	font: 62.5% Tahoma,Helvetica,sans-serif;
}

div#all {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 auto;
	width: 980px;
}
a {
	color: #333;
}

a:hover {
	text-decoration: none !important;
}

/* < AREA DO TOPO */
	div.top {
		background: url(img/bg-top.png) no-repeat;
		height: 413px;
	}
	
		h1 a {
			display: block;
			height: 93px;
			margin-left: 603px;
			text-indent: -9000px;
			top: 43px;
			position: absolute;
			width: 248px;
		}
		
		div.top ul {
			margin-left: 245px;
			position: absolute;
			top: 8px;
		}
		
			div.top ul li {
				display: inline;
				margin-right: 25px;
			}
	
			div.top ul li a {
				color: #fff;
				font-size: 14px;
				font-style: italic;
				font-weight: bold;
				text-decoration: none;
			}
/* AREA DO TOPO /> */


	div.content {
		left: 15px;
 		margin: -235px auto 37px auto;
		position: relative;
		width: 674px;
		font-size: 11px;
 	}
	
		div.content:after {
			clear: both;
			content: "";
			display: block;
		}

	div.content p img {
		background: #eaeaea;
		border: 1px solid #ccc !important;
		margin: 0 3px 5px 0;
		padding: 3px;
	}
	
		div.content p img:hover {
			border-color: #eaeaea!important;
		}

/* < AREA ESQUERDA */
	div.left {
		float: left;
		width: 480px;
	}

		div.left h2 {
			border-top: 1px solid #eaeaea;
			clear: both;
			color: #7b2b31;
			font-size: 14px;
			font-weight: bold;
			margin-top: 15px;
			padding-top: 10px;
		}

		.fotoThumbLista img {
			background: #eaeaea;
			border: 1px solid #ccc !important;
			float: left;
			margin: 15px 15px 15px 0;
			padding: 3px;
		}

		div.left span {
			color: #939598;
			display: block;
			font-size: 10px;
			margin-top: 3px;
		}		
		
		div.left p {
			color: #6d6e71;
			font-size: 11px;
			line-height: 15px;
			margin-top: 16px;
		}
		
		div.left ol {
			margin: 20px 0 0 25px;
		}
		
		div.left ol li {
			color: #333;
			border-bottom: 1px solid #eaeaea;
			font-size: 11px;
			margin: 0 0 0 0;
			padding: 10px 5px;
		}
		
			div.left ol li:hover {
				background: #f9f9f9;
			}
		
			div.left ol li a {
				float: right;
			}
/* AREA ESQUERDA /> */		

		
/* < AREA DIREITA */
	div.right {
		float: right;
		width: 160px;
	}
		
		div.right h4 {
			margin-bottom: 16px;
		}
		
		div.right ul {
			margin: 0 0 30px 0;
		}
		
			div.right ul li {
				margin-bottom: 10px;
			}
		
				div.right ul li a {
					color: #6d6e71;
					font-size: 11px;
				}
				
					div.right ul li a:hover {
						text-decoration: underline;
					}
				
					div.right ul li a span {
						text-transform: uppercase;
					}
/* AREA DIREITA /> */



/* < TITULOS */
		.tits {
			background: url(img/tits.png) no-repeat;
			display: block;
			overflow: hidden;
			text-indent: -1000px;
		}
		
		div.left h3.tit-noticias {
			background-position: 0 0;	
			height: 23px;
			width: 200px;
		}

		div.left h3.tit-programacao {
			background-position: 0 -23px;	
			height: 23px;
			width: 200px;
		}
		
		div.left h3.tit-fotos {
			background-position: 0 -46px;	
			height: 23px;
			width: 200px;
		}		
		
		div.left h3.tit-historico {
			background-position: 0 -92px;	
			height: 23px;
			width: 200px;
		}
		
		div.left h3.tit-regulamento {
			background-position: 0 -115px;	
			height: 23px;
			width: 200px;
		}		
		
		div.left h3.tit-localizacao {
			background-position: 0 -138px;	
			height: 23px;
			width: 200px;
		}
		
		div.left h3.tit-contato {
			background-position: 0 -161px;	
			height: 23px;
			width: 200px;
		}
		
		div.left h3.tit-musicas {
			background-position: 0 -69px;	
			height: 23px;
			width: 200px;
		}	
		
		div.right h4.tit-noticias {
			background-position: 0 -184px;
			height: 13px;
			width: 65px;
		}
		
		div.right h4.tit-programacao {
			background-position: 0 -197px;
			height:	15px;
			width: 104px;
		}
		
		div.right h4.tit-fotos {
			background-position: 0 -212px;
			height:	13px;
			width: 44px;
		}
		
		div.right h4.tit-musicas {
			background-position: 0 -225px;
			height:	13px;
			width: 63px;
		}		
 /* TITULOS /> */


/* < FORMS */

label {
	display: block;
	margin-top: 10px;
}

label span {
	display: block;
	margin-bottom: 5px;
}

#bt-enviar {
	background: url(img/bt-enviar.png) no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	line-height: 0;
	height: 23px;
	overflow: hidden;
	text-indent: 999999px;
	width: 80px;
}
 
 /* FORMS /> */

  	div#footer {
  		margin: 0 auto 32px auto;
		text-align: center;
		width: 674px;
  	}