/*
	Theme Name: 
	Description: 
	Author: Bruno Scodeler
	Author URL: http://brunoscodeler.com.br/
	Version: 1.0
*/


/*CSS Reset*/

* {
  margin:0;
  padding:0;
  border:0;
  outline:0;
}



body{
	background: url(../img/bg.png);
}

.luz{
	position: absolute;
	display: block;
	z-index: -1;
}

.imgreplace{
	font-size: 0;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}

.azul{
	color: #00bbde;
}

.branco{
	color: #fff;
}

.preto{
	color: #000;
}

.laranja{
	color: #f36f21;
}

#geral{
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}

#mezan{
	background: url(../img/spriteBoneco.png) no-repeat;
	width: 17px;
	height: 23px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#mezan:hover{
	background: url(../img/spriteBoneco.png) bottom;
}

.disclaimer{
	font: 10px Arial;
	color: #999;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#thumbs ul{
	width: 375px;
	height: 98px;
	padding-top: 155px;	
}

#thumbs{
	width: 375px;
	height: 98px;
	float: left;
}

#thumbs li{
	position: relative;
	float: left;
	width: 124px;
	height: 49px;
	list-style: none;
}

#thumbs li a{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	width: 124px;
	height: 49px;
}

#img1{
	background: url(../img/img1.jpg) no-repeat bottom left;
	position: absolute;
	bottom: 0;
	left: 0;
}

#img1:hover{
	width: 186px;
	height: 278px;
	z-index: 999;
}


#img2{
	background: url(../img/img2.jpg) no-repeat bottom right;
	position: absolute;
	bottom: 0;
	right: 0;
}

#img2:hover{
	width: 186px;
	height: 278px;
	z-index: 999;	
}


#img3{
	background: url(../img/img3.jpg) no-repeat bottom right;
	position: absolute;
	bottom: 0;
	right: 0;
}

#img3:hover{
	z-index: 999;
	width: 372px;
	height: 249px;
}

#img4{
	background: url(../img/img4.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
}

#img4:hover{
	z-index: 999;
	width: 372px;
	height: 249px;
}

#img5{
	background: url(../img/img5.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
}

#img5:hover{
	width: 186px;
	height: 278px;
	z-index: 999;	
}

#img6{
	background: url(../img/img6.jpg) no-repeat top right;
	position: absolute;
	top: 0;
	right: 0;
}

#img6:hover{
	z-index: 999;
	width: 372px;
	height: 249px;
}

#logo{
	background: url(../img/logo.png);
	width: 162px;
	height: 67px;
	margin: 170px 0 0 41px;
	float: left;
}

.mais{
	width: 8px;
	height: 8px;
	background: url(../img/sprite.png) top;
	float: right;
	font-size: 0;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}

.menos{
	width: 8px;
	height: 8px;
	background: url(../img/sprite.png) bottom;
	float: right;
	font-size: 0;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	display: none;
}

#topo{
	width: 195px;
	border-bottom: solid 3px #fff;
	height: 15px;
}

#boxContato{
	float: left;
	width: 195px;
	margin: 250px 0 0 62px;
}

#info{
	background: #e5e5e5;
	padding: 10px 5px;
	display: none;
}

#info p, #info p a{
	color: #666;
	font: 10px Arial;
	text-align: right;
	text-decoration: none;
}