/* 

	SKIP PULA PULA - http://www.skippulapula.com.br/

	Site por: Bruna de Almeida - Infonight Informática 

	Atualizado: Outubro, 2009

   */


* { 
	margin: 0;
	padding: 0;
}

body{ 
	background:url(../images/bg-html.jpg) 50% 0;
	text-align: center;
}

/* LINKS
----------------------------------------------- */
a, a:visited {
		color: #3366FF;
		text-decoration: none;
}

a:hover { text-decoration: underline; } 

img { border: none; }

/* TIPOGRAFIA
----------------------------------------------- */	
p{ 
	font:16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	margin: 0;
	text-align:left;
	line-height:20px;
}

strong{
	color:#3366FF;	
}

h1 { 
	font:bold 17px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	background: url("../images/dots-home.gif") 5px bottom no-repeat;
	height: 65px;
	margin: 5px 0 2px 13px;
	color:#FF0000; 	
	line-height: 50px; 
}

h1.entretenimento{
	color:#9933CC;
}

h1.barraquinhas{
	color:#339900;
}

h1.deco{
	color:#3366FF;
}
	
h2 { 
	font:bold 16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #9933CC; 
	text-align:center;
	line-height: 1.4em; 
}
	
/* HEADER
----------------------------------------------- */
#header { position: relative; height: 300px; text-align: left; width: 100%; }

#header a, #header a:hover { border: none; }

#logo { margin: 18px 0 0 18px; }
	
/* LAYOUT
----------------------------------------------- */
#wrapper { 
	text-align: left; 
	width: 858px; 
	margin: 0 auto; 
	padding: 0 15px; 
	background: transparent; 
}

#content { 
	position: relative; 
	float: left; 
	width: 858px; 
	clear: both; 
	background: #fff url("../images/bg-interior-top.gif") top left no-repeat;
	padding: 50px 25px;
}

.clearboth { clear: both; }
	
#content { padding: 0; }

/* HOME
----------------------------------------------- */
#home-body { 
	clear: both;
	float: left;
	width: 817px;
	padding: 0 16px 0 25px;
}
	
#home-intro { 
	float: left;
	width: 817px;
	background: url("../images/bg-home-intro.jpg")top left no-repeat;
	height: 500px;
	padding: 0 16px 0 25px;
}

#home-intro #home-text{ 
	width: 820px;
	float: left;
	padding: 50px 0 50px 0;
}

#slide {
	position:absolute;
	left:295px;
	top:254px;
	width:349px;
	height:133px;
	z-index:2;
}

#clima-tempo {
	position:absolute;
	left:29px;
	top:322px;
	width:152px;
	height:160px;
	z-index:1;
}

/* GALERIA
----------------------------------------------- */
#galeria-intro #home-text { 
	width: 430px;
	float: left;
	padding: 50px 0 50px 0;
}

#galeria{ 
	float: left; 
	width: 817px;
	background: #FFF url("../images/bg-home-intro.jpg")top left no-repeat;
	height: 880px;
	padding: 30px 16px 0 25px;
}

#galeria-entretenimento { 
	float: left; 
	width: 817px; 
	background: #fff url("../images/bg-home-intro.jpg")top left no-repeat; 
	height: 960px; 
	padding: 30px 16px 0 25px; 
}

#galeria-barraquinhas { 
	float: left; 
	width: 817px; 
	background: #fff url("../images/bg-home-intro.jpg")top left no-repeat; 
	height: 570px; 
	padding: 30px 16px 0 25px; 
}

#galeria-decoracao { 
	float: left; 
	width: 817px; 
	background: #fff url("../images/bg-home-intro.jpg")top left no-repeat; 
	height: 1010px; 
	padding: 30px 16px 0 25px; 
}

#galeria-contato { 
	float: left; 
	width: 817px; 
	background: #fff url("../images/bg-home-intro.jpg")top left no-repeat; 
	height: 570px; 
	padding: 30px 16px 0 25px; 
}

/* BORDAS
----------------------------------------------- */
	
.borda { border:2px solid #FF3300; }

.borda-entretenimento { border:2px solid #9933CC; }

.borda-barra { border:2px solid #339900; }

.borda-decoracao { border:2px solid #3366FF;; }

/* DESCRIÇÃO TABELA
----------------------------------------------- */
td{
	text-align:center;
	font:14px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FF3300;
	width:156px
}

.entre{
	text-align:center;
	font-size:13px;
	color:#9933CC;
	width:156px
}

.barra{
	text-align:center;
	font-size:13px;
	color:#339900;
	width:156px
}

.decoracao{
	text-align:center;
	font-size:13px;
	color:#3366FF;;
	width:156px
}
		
/* LISTAS
----------------------------------------------- */
#coluna-1{
	float:left;
	width:200px;
	margin-left:180px;
}

#coluna-2{
	float:right;
	width:200px;
	margin-right:180px;
}

ul{
	list-style:url(../images/bullet.gif);
	padding:17px;
}

li{
	font:16px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
}

/* CONTATO
----------------------------------------------- */
#contato{
	margin-left:130px;
}

fieldset{
	width:500px;
	height:390px;
	margin:15px 20px;
	padding:0 20px;
	border:1px solid #ddd;

}

fieldset legend{
	color:#666;
	padding:0 10px;
	margin:0 10px;
	font:13px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
}

label{
	float:left;
	height:25px;
	width:80px;
	display:block;
}

input{
	float: left;
	width: 369px;
	padding: 3px;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #ddd; 
}

textarea{
	width:489px;
	padding:3px;
	overflow:auto;
	margin-bottom:5px;
	border:1px solid #ddd;
}

input, textarea{border:1px solid #3366FF;}

input.bt{
	width: 60px; 
	padding: 3px;
	background-color: #FFF;
}

/* FOOTER
----------------------------------------------- */

#footer { 
	clear: both; 
	background:#79cef8; 
	float: left; 
	color:#000066; 
	padding: 2px 7px 0 10px; 
	width: 838px; 
}

#footer p { 
	font-size:12px;
	text-align:center;
	margin: 0; 
}

#footer a {  
	color: #000066; 
	font-weight: normal; 
}

#footer a:hover { 
	color: #000066; 
	text-decoration:underline; 
}