/**
 * File: styles.css
 * Author: Mike Marques
 * Date: 12-03-2012
 * Description: CSS styles
 */
 
body{
	width:100%;
	color:#fff;
	margin:0;
	padding:0;
	font-family:Trebuchet MS;
	font-size:18px;
}

#facebook{
	background: transparent url(images/facebook.png) no-repeat 0 0;
	width:40px;
	height:40px;
	float:left;
	margin:5px 0 0 0;
}

#facebook:hover{
	background: transparent url(images/facebook_hover.png) no-repeat 0 0;
}

#banner{
	width: 1024px;
    height: 460px;
}

#menu{
	width:240px;
	height:345px;
	min-height:330px;
	background:transparent url(images/fundo.png) repeat 0 0;
	padding:0;
	margin:1px 0 0 0;
	list-style:none;
	float:left;
	position:absolute;
	display:none;
}

#menu a{
	text-decoration:none;
}

#menu li{
	color:#fff;
	text-decoration:none;
	font-size:18px;
	padding:11px;
	text-shadow:1px 1px 1px #B87333;
	border-bottom:1px solid #B87333;
	border-top:1px solid #B87333;
	margin-top:-1px;
	text-indent:-999999px;
}

#menu #m1{
	background:url(images/menu.png) no-repeat 0 0px;
}
#menu #m2{
	background:url(images/menu.png) no-repeat 0 -40px;
}
#menu #m3{
	background:url(images/menu.png) no-repeat 0 -80px;
}
#menu #m4{
	background:url(images/menu.png) no-repeat 0 -120px;
}
#menu #m5{
	background:url(images/menu.png) no-repeat 0 -160px;
}
#menu #ATS{
	text-indent:0px;
	text-align:center;
	font-family: 'Handlee', cursive;
	background:#000;
	border:1px solid #222;
	margin:40px 30px;
	padding:6px 11px;
	text-shadow:none;
}

#menu #m1:hover, #menu #m1.active{
	background:url(images/menu.png) no-repeat 0 -196px;
}
#menu #m2:hover, #menu #m2.active{
	background:url(images/menu.png) no-repeat 0 -236px;
}
#menu #m3:hover, #menu #m3.active{
	background:url(images/menu.png) no-repeat 0 -276px;
}
#menu #m4:hover, #menu #m4.active{
	background:url(images/menu.png) no-repeat 0 -316px;
}
#menu #m5:hover, #menu #m5.active{
	background:url(images/menu.png) no-repeat 0 -356px;
}
#menu #ATS:hover{
	border:1px solid #B87333;
	color:#B87333;
	background:#000;
}

#logo{
	padding:0!important;
	border:0!important;
	height:101px;
	text-indent:0!important;
	border:0!important;
	padding:5px 5px 10px 0!important;
	background:#000;
}
/*
#menu li:hover, #menu li.active{
	background:#000;
	text-shadow:1px 1px 1px #B87333;
	color:#B87333;
}
*/
#content{
	width:860px;
	min-height:450px;
	float:left;
	display:none;
	font-family: 'Handlee', cursive;
	padding-top:10px;
	margin:0 0 100px 0;
}

.content{
	display:block;
	min-height:450px;
		
}

.content ul{
	margin:0 0 0 30px;
}

.cbg{
	background:transparent url(images/fundo.png) repeat 0 0;
	padding:10px 20px 20px;
	float:left;
	width:820px;
}

.big{
	margin:24px 0;
}

#slider{
	margin:0 auto;
}

#slider_mask{	
	background: url(images/mask.png) no-repeat -220px -190px;
	height: 526px;    
    margin: -484px auto;
    position: relative;
    width: 860px;
    z-index: 1009;
}

#slider_mask2{	
	background: url(images/mask2.png) no-repeat 0 0;
	height: 500px;
    margin-left: 8px;
    margin-top: -508px;
    position: relative;
    width: 860px;
    z-index: 1008;
}

.destaque{
	width:395px;
	height:100px;
	/*float:left;*/
	text-align:justify;
	padding:10px;
	margin-top:30px;
	overflow:hidden;
	font-size:16px;
	color:#fff;
	background:#111 url(images/add16.png) no-repeat 388px 118px;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#222');
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
	background: -moz-linear-gradient(top,  #000,  #222);*/
	position:relative;
	margin:30px auto;
	border:1px solid #222;
}

.destaque:hover{
	background-image:#111 url(images/add24.png) no-repeat 385px 90px;	
	border:1px solid #B87333;
}

a div{text-decoration:none;}

#left.destaque{
	/*margin-right:30px;*/
}

#bottom{
	width:100%;
	height:80px;
	float:left;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#B87333;
	position:fixed;
	bottom:0;
	z-index:1010;
	display:block;
	font-family: 'Handlee', cursive;	
	border-top:1px solid #222;
	background:#000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#222222)); /* webkit browsers */
	background: -moz-linear-gradient(top,  #000000,  #222222); /* Firefox 3.6+ */
	}
	
#bottom_in{
	padding:0 5px;
}

.titulo, .titulo_destaques{
	font-weight:bold;
	font-size:40px;
	color:#B87333;
	text-align:center;
}

.titulo_destaques{
	font-size:22px;
	height:50px;
	text-decoration:none;
}

.subtitulo{
	font-weight:bold;
	font-size:20px;
	color:#B87333;
}

/**
 * Galeria
 */
#submenu{
	list-style:none;	
	margin:0;
	padding:0;
	width:798px;
	height:34px;
}

#submenu li{
	float:left;
	padding:5px 25px;
	color:#fff;
	border:1px solid #111;
}

#submenu li:hover, #submenu li.active{
	background:#111;
	color:#B87333;
}

#player{
	float: right;
    margin-right: 13px;
    margin-top: -92px;
    position: relative;
	cursor:pointer;
	z-index:9999;
}

/* ft */
.ft-title{
	padding:10px 10px 30px 10px;
	width:780px;
	text-align:center;
}
/** galeria */
#gallery_nav{
	width:180px;
	padding:0;
	height:44px;
	margin:0;
	float:right;
}

#gallery_nav li{	
	padding:5px 5px;
	cursor:pointer;
}

#gallery_nav li:hover, #gallery_nav li.active{
	color:#B87333;
	background:#111;
}

#gallery{
	/* The pics container */
	width:620px;
	height:450px;
	position:relative;
}
	 
.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:120px;
	height:120px;
	overflow:hidden;
	cursor:move;
}
 
.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
 
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}
 
.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}
 
.drop-box{
	/* The share box */
	width:240px;
	height:130px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
 
	background:url(img/drop_box.png) no-repeat;
}
 
.drop-box.active{
	/* The active style is in effect when there is a pic hovering above the box */
	background-position:bottom left;
}

#fancybox-title-over{
	background-image:none!important;
}

#contatos{
	position:absolute;
	z-index:1;
	width:280px;
	height:480px;
	background:transparent url(images/fundo.png) repeat 0 0;
	background-image:url(images/fundo.png), url(images/fundo.png);
	padding:10px;
}

#contatos #close{
	float:right;
	width:30px;
	height:30px;
	background:url(../js/jquery.fancybox-1.3.4/fancybox/fancy_close.png) no-repeat 0 0;
	cursor:pointer;
}

a{color:#B87333;}
a:hover{color:#fff;}

.content p{
	margin: 15px 0;
}

.image-wrap{
	width:200px;
	margin-bottom:20px;
}

.ui-dialog-title{
	font-size:14px;
}
.ui-dialog-content{
	font-size:14px;
}

#imprensa{
	width:730px;
	height:500px;
	margin-bottom:100px;
	background:transparent url(images/fundo.png) repeat 0 0;
}