/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
	
/* Propriedades gerais ========================================================== */
html, body {
    height:100%;
    width:100%;

	margin:0;
	padding:0;
}

body{
	margin:0;
	background-color:#000000;
	/* background:url(../imagens/tile.gif); */
}
	
img{
	border:none;}
	
a {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

.clear:{
	clear:both;
}
.barra_cima{
	height:6px;
	width:100%;
	background-color:#fff;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
}
.barra_baixo{
	height:6px;
	width:100%;
	background-color:#fff;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:999;
}

.conteudos_holder{
	width:65%;
	float:left;
	margin-left:300px;
	margin-top:60px;
}
.conteudos_titulo{ 
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #f5f5f5;
	text-shadow: #fff 0px 0px 1px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
}
.conteudos_texto{
	font-family:'PT Sans' !important;
	font-weight:normal !important;
	color:#ddd !important;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(255,255,255,0.4);
	font-size:13px;
}

/* Eventos media queries */


.sec{ display:inline-block; width:200px !important; }

@media screen and (max-width: 1280px){
  .sec{ width:250px !important; display:inline-block; }
}

@media screen and (max-width: 1024px){
  .sec{width:300px !important;display:inline-block;}
}
@media screen and (max-width: 480px){
  .sec{width:400px !important;display:inline-block;}
}



/* Landscape phones and down */
@media (max-width: 480px) {  

	.conteudos_holder{ width: 30% !important;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) and (min-width: 481px) {  

	.conteudos_holder{ width: 35% !important;}

}

@media (min-width: 768px) and (max-width: 979px) {  

	.conteudos_holder{ width: 40% !important;}
	
}

/* index cenas*/


		.header_home_left{

border-left: 1px dotted #222;
text-align: center;
background: rgba(0,0,0,0.2);
width: 15% !important;
right: 25%;
height: 100%;
position: fixed;
z-index: 999;


		}
		.header_home_right{

border-left: 1px dotted #333;
text-align: center;
background: #000;
width: 25% !important;
right: 0;
bottom: 0;
height: 100%;
position: fixed;
z-index: 999;


		}

@media (max-width: 480px) {  
.header_home_right{	 width:60% !important;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) and (min-width: 481px) {  
	.header_home_right{	 width:45% !important;}

}




		
.logo_home_left{
	top: 5%;
	margin-left: 25%;
	width: 100%;
	left: -25%;
	position: absolute;
	text-align: center;
}		
.logo_home_right{
	height: 100%;
	top: 50%;
	margin-left: 25%;
	width: 100%;
	left: -25%;
	position: absolute;
	text-align: center;
}


@media (max-width: 480px) {  
.logo_home_right{	 top: 40%;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) and (min-width: 481px) {  
	.logo_home_right{	 top: 30%;}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  

	.logo_home_right{	 top: 30%;}
}


/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) {  

	.logo_home_right{	 top: 40%;}
}


		body{
			background: #000;

					}
/* fim index cenas*/







/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 30px;
    width: 100%; 
}
    
/* Textos ====================================================================== */

.menu { 
	font-family: 'Jura', sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:24px;
	text-transform: uppercase;
	color: #666;
}
.menu a:link, .menu a:visited, .menu a:active  { 
	font-family: 'Jura', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;

	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0,0,0,0.4) 0px 0px 1px;

}
.menu a:hover { 
	color: #E9B967 !important;

}

.menu_branco { 
	font-family: 'PT Sans', sans-serif !important;
	color: #f5f5f5 !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(255,255,255,0.2);
	font-size:15px;
	line-height: 24px;
	
}
.menu_branco a:link, .menu_branco a:visited, .menu_branco a:active  { 
	font-family: 'PT Sans', sans-serif !important;
	color: #f5f5f5 !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(255,255,255,0.2);
	font-size:15px;
	line-height: 24px;
	text-decoration: none;


}
.menu_branco a:hover { 
	color: #E9B967 !important;
} 

	
.cright{ 
	font-family: 'Open Sans', Georgia, serif;
	font-size:10px;
	color: #666666;
	padding-top:30px;
	}
.cright a:link, a:visited, a:active { 
	font-family: 'Open Sans', Georgia, serif;
	font-size:10px;
	color: #141414;
	text-decoration:none;}
.cright a:hover { 
	font-family: 'Open Sans', Georgia, serif;
	font-size:10px;
	color: #80683e;
	text-decoration:none;}

.date {
    font-family: 'Jura', sans-serif;
	font-weight:600;
	color: #666;
    font-size: 13px;
    line-height: 10px;
}
	
.titulo{ 
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:24px;
	line-height:28px;
	color: #402519;}
	
.subtitulo { 
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	/* color: #FFF; */
	color: #E9B967;}
.subtitulo a:link { 
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	/* color: #FFF; */
	color: #E9B967;
	text-decoration:none;}
.subtitulo a:active { 
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	/* color: #FFF; */
	color: #E9B967;
	text-decoration:none;}
.subtitulo a:visited { 
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	/* color: #FFF; */
	color: #E9B967;
	text-decoration:none;}
.subtitulo a:hover { 
	font-family: 'PT Sans', sans-serif;
	font-weight:600;
	font-size:13px;
	color: #999;
	text-decoration:none;}

.texto{ 
	font-family: 'PT Sans', sans-serif;
	/*font-weight:600;*/
	font-size:13px;
	color: rgb(64,37,25);}

.titulo_br{ 
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #f5f5f5;
	/* color: #777; */
	text-shadow: #fff 0px 0px 1px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(0,0,0,0.1);
	}



.texto_br{ 
	font-family: 'PT Sans' sans-serif;
	color: #f5f5f5 !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(255,255,255,0.4);
	font-size:13px;
}
.texto_br a:link ,a:visited ,a:active{ 
	font-family: 'PT Sans' sans-serif;
	color: #f5f5f5 !important;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px rgba(255,255,255,0.4);
	font-size:13px;
	text-decoration:none;
}
.texto_br a:hover { 
	color: #fff;}

.sombra img {
  border: solid 6px #222;
  display:inline;
  float:left;
}

/* Galeria de imagens e menu ============================================================ */

.gallery li {
  float: left;
  left: 60px;
  top: 20px;
  position: relative;
  width:450px;
  height:300px;
  list-style:none;
}
.gallery img {
  width:450px;
  height:300px;
  position: absolute;
  border: solid 10px #fff;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9961946980917455, M12=0.08715574274765817, M21=-0.08715574274765817, M22=0.9961946980917455); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9961946980917455, M12=0.08715574274765817, M21=-0.08715574274765817, M22=0.9961946980917455)"; /* IE8  */	 
  box-shadow: 0px 13px 25px #999999;
  -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.3);
  -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.3);
}

.carousel {
    width:240px;
	height:80px;
	
}
.carousel li {
    display:inline;
	float: left;
	list-style:none;
}
#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }               


/* Estrutura base ============================================================= */
#topo{
	padding-top:50px;
    text-align: left;
    width: 180px;
	}

#centro{
    margin-left: 3%;
    padding-left: 220px;
    padding-top:20px;
    width: 960px;
	text-align: left;
	/*background-color:#ffffff;*/
	}

#centro table{
	padding-left: 50px;
	/*background: url('../produto_shadow_bg_preto.png') no-repeat top left #ffffff;*/
    margin: 0 auto;
    text-align: center;
	float: left;
	}

.centro_sombra{
	padding-left: 50px;
	/*background: url('../produto_shadow_bg.png') no-repeat top left #ffffff;*/
    margin: 0 auto;
    text-align: center;
	float: left;
	}	
		
#final{
    margin: 0 auto;
	width: 935px;
	height: 70px;
	text-align: left;
	vertical-align:center;
	}

#evento{
    display:inline;
	float:left;
	padding-left:10px;
	text-align: left;
	vertical-align:top;
	width:250px;
	}
		
#branco {background:#FFF;}

#gradiente {/* background:url(../imagens/topo.png); background-repeat:repeat-x; */}

#tile {/* background:url(../imagens/tile.gif); */}

#destaque_txt{
    margin: 0 auto;
    position: fixed;
	width: 935px;
	text-align: left;
	padding-bottom:90px;
	z-index:20;
	float: left;
	top: 350px;
	left: 70%;
	background:rgba(235,235,235,0.3);
	padding:20px;
	padding-left:0;
	}
	
#destaque{
	width: 100%;
	position:relative;
	overflow:hidden;
	z-index:0;}

    /* Header */
	header{



	height: 100%;
	padding-left: 25px;
	position: fixed;
	bottom: 6px;
	z-index: 998;



    
	}
    
    /* Content */
    article{
        /* float: left; */
        width: 100%; 
	}
	
	/* Section */
	section{
		float: left;
        width: 50%;
		display:inline-block;
		margin-bottom: 50px;
	}
		            
    /* Footer
    footer{
		float: left;
		width: 100%; 
		height: 30px;
		position:fixed;
        bottom: 0;
    	left:0;
    	right:0;
		background-color:#000000;
		z-index:100;
		border-top:1px dotted #444;
		}
 */

	
/************************************************
JCAROUSEL LITE
************************************************/
#list {
     height:70px;
     width:700px; 
	 z-index:0;
}

.slider {
     float:left;
	 margin-left:7px;
     position:relative;
     visibility:hidden;
     width:650px !important;
}

.slider ul {
     height:300px;
     width:640px;
	 display:inline-block;
}

.slider ul li {
     padding:0;
}

.slider ul li img {
     cursor:pointer;
     height:70px;
     width:70px;
	 margin:5px;
}

.prev {
     cursor:pointer;
     float:left;
     padding-top:10px;
	 display:inline;
}

.prev a:hover {
	opacity:0.7;
}

.next {
     cursor:pointer;
     float:right;
     padding-top:10px;
	 display:inline;
}

.next a:hover {
	opacity:0.7;
}