﻿
/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/
html, body, table, td {
	/*background:black;*/
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}	
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
object { outline:none; } 
/*------------------------------------------
  Base 
------------------------------------------*/
a{outline: none;text-decoration: none;}
em{font-style: italic;}
strong{font-weight: bold;}

/*------------------------------------------
  Global Reusable Classes
------------------------------------------*/
.seo {position:absolute; top:2300px; left:0px;};
.hide{display: none !important;}
.under{text-decoration:underline !important;}


.clear {
   clear:both;
   background:none !important;
   width:0px !important;	
   height:0px !important;
}
.hidden {
	display:none;
}
.last {
	margin-right:0px !important;
}
.shadow {
	text-shadow: black 0.1em 0.1em 0.2em;
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
}




/*------------------------------------------
	Structure
------------------------------------------*/
html {
	background:#f0f0f0;
	color:#1e1e1e;
}
html.intro {
	width:100%;
	min-width: 990px;
	height:100%;
	min-height: 560px;
	background:black;
	overflow:hidden;
}
a{ color:white }

body {
	font-family: 'Droid Serif', serif;
	font-size: 12px;
	background:#f0f0f0;
	color:#1e1e1e;
	width:100%;
	height:100%;
}
body.intro {
	background:black;
}

body.icons{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100px 100px;	
	/* background-size:650px; */
	
	/*
-webkit-transition: all 1500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 1500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
    -ms-transition: all 1500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 1500ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
        transition: all 1500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);  */	
}



.wrap{
	width: 990px;
	margin:  0 auto;
	text-align: left;
}

#main{
	position:absolute;
	top:0px;
	left:0px;	
	width:100%;
	height:100%;
	z-index:2;
	overflow:hidden;
}
#main.intro{
	background:#000000;
}
.preload{
	display:none;
	width:1px;
	height:1px;
	overflow:hidden;
}




/*------------------------------------------
	BGS
------------------------------------------*/
#BGS {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	opacity:0;
	filter: alpha(opacity=0);

	-webkit-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
    -ms-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
      transition: all 2000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
	
}
#BGS .box {
	position:absolute;
	overflow:hidden;
}

#BGS .box .bg {
	position:absolute;
	top:0px;
	left:0px;
}
#BGS .box.b2 .bg {
	display:none;
}	










/*------------------------------------------
	Home
------------------------------------------*/
#home {	

}

#home h2 {
	display:inline-block;
	float:left;
	margin-top:30px;
	font-style:italic;
	font-size:18px;
	color:#0897ef;
	text-shadow:1px 1px 2px white;	
}	
#home h1 {
	clear:left;
	display:inline-block;
	float:left;
	margin-top:2px;
	font-style:italic;
	font-size:48px;
	color:#0897ef;
	text-shadow:1px 1px 1px white;
}
#home .box.b1 {
	margin-top:25px;
}
#home .box.b1 h3{
	font-style:italic;
	font-size:36px;
	color:#b4961e;
	margin-top:20px;
	width:100%;
	text-align:center;
	line-height:55px;
}
#home .box.b1 p{
	text-align:center;
	color:#1e1e1e;
	font-size:14px;
	margin:20px auto;
	width:990px;
	line-height:28px;
}

#home .box.b9 {
	/*margin-top:25px;*/
}
#home .box.b9 h3{
	font-style:italic;
	font-size:36px;
	color:#b4961e;
	margin-top:20px;
	width:100%;
	text-align:center;
}
#home .box.b9 p{
	text-align:center;
	color:#1e1e1e;
	font-size:16px;
	margin:20px auto;
	width:700px;
	line-height:22px;
}

#home .box  .btn-more{
	display:block;
	width:95px;
	height:31px;
	line-height:31px;
	text-align:center;
	border-radius:5px;
	box-shadow:0px 2px 5px #969696;
	text-shadow:1px 1px 2px white;
	margin:10px auto;
	color:#787878;
	font-size:14px;
	font-style:italic;
	background:#e8e8e8 url('../imgs/corpo/bg-btn.png') repeat-x 0 0;
	margin-top:30px;

	-webkit-transition: all 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
    -ms-transition: all 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
        transition: all 200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
		
}
#home .box .btn-more:hover{
	background:#0897ef;
	color:#ffffff;
	box-shadow:0px 0px 4px #676767 inset;
	text-shadow:1px 1px 2px #676767;	
}	
	
	
	

#home img.delim{
	display:block;
	width:200px;
	margin:35px auto;
}

#home .box.b2 {
	display:block;
	/* height:396px;  */
}
#home .box.b2 img{
	display:inline-block;
	float:left;
}
#home .box.b2.right img{ float:right;}
#home .box.b2.wide img{ 
	display:block; 
	float:none;
}

#home .box.b2 h3{
}
#home .box div.cont{
	display:inline-block;
	float:left;
	margin-left:30px;
	width:445px;
}
#home .box .pimg{
	display:inline-block;
	float:left;
	margin-left:0px;
	margin-right:0px;
	width:495px;
	height:396px;
	overflow:hidden;
	position:relative;	
}

#home .box.b1 .pimg{
	display:block;
	float:none;
	width:990px;
	height:319px;
}

#home .box.b9 .pimg{
	display:block;
	float:none;
	width:208px;
	height:114px;
}
#home .box.b3 .pimg{
	display:block;
	float:none;
	width:479px;
	height:220px;
}
#home .box.right .pimg{
	float:right;
}
#home .box .pimg h5,
#home .box .pimg div.mask,
#home .box .pimg img{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	-webkit-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
   -moz-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
    -ms-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
     -o-transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 
    transition: all 350ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 	
}
#home .box .pimg h5{
	width:495px;
	height:396px;
	line-height:396px;
	text-align:center;
	color: #f0f0f0;
	font-size: 28px;
	font-style: italic;
	opacity:0;
	filter: alpha(opacity=0);	
}
#home .box.b1 .pimg h5{
	width:990px;
	height:319px;
	line-height:319px;
}
#home .box.b9 .pimg h5{
	width:990px;
	height:319px;
	line-height:319px;
}
#home .box.b3 .pimg h5{
	width:479px;
	height:220px;
	line-height:220px;
}
#home .box .pimg.hover h5{
	opacity:1;
	filter: alpha(opacity=100);	
}
#home .box .pimg div.mask{
	width:495px;
	height:396px;
	background:black;
	opacity:0;
	filter: alpha(opacity=0);
}
#home .box.b1 .pimg div.mask{
	width:990px;
	height:319px;
}
#home .box.b9 .pimg div.mask{
	width:990px;
	height:319px;
}
#home .box.b3 .pimg div.mask{
	width:479px;
	height:220px;
}
#home .box .pimg.hover div.mask{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#home .box .pimg img.corner-top-right{left:495px;}
#home .box.b1 .pimg img.corner-top-right{left:990px;}
#home .box.b9 .pimg img.corner-top-right{left:208px;}
#home .box.b3 .pimg img.corner-top-right{left:479px;}
#home .box .pimg.hover img.corner-top-right{left:392px;}
#home .box.b1 .pimg.hover img.corner-top-right{left:887px;}
#home .box.b9 .pimg.hover img.corner-top-right{left:170px;}
#home .box.b3 .pimg.hover img.corner-top-right{left:376px;}
#home .box .pimg img.corner-bottom-left{top:294px;left:-103px;}
#home .box.b1 .pimg img.corner-bottom-left{top:217px;left:-103px;} 
#home .box.b9 .pimg img.corner-bottom-left{top:72px;left:-103px;} 
#home .box.b3 .pimg img.corner-bottom-left{top:118px;left:-103px;} 
#home .box .pimg.hover img.corner-bottom-left{left:-1px;} 

#home .box.b2.right div.cont{ float:left;}
#home .box.b2.wide div.cont{ 
	display:block;
	float:none;
	width:990px;
	margin-left:0px;
}

#home .box.b2 div h3{
	font-style:italic;
	font-size:36px;
	color:#b4961e;
	margin-top:40px;
	width:100%;
	text-align:center;
}
#home .box.b2.wide div h3{
	margin-top:30px;
}
#home .box.b2 p{
	text-align:center;
	color:#1e1e1e;
	font-size:16px;
	margin:30px auto;
	width:425px;
	line-height:22px;
}
#home .box.b2.wide p{
	margin:20px auto;
	width:750px;
}

#home .box.b2 .btn-more{
	margin-top:50px;
}
#home .box.b2.wide .btn-more{
	margin-top:30px;
}

#home .box.b3{
	display:inline-left;
	float:left;
	margin-right:20px;
	width:479px;
}
#home .box.b3 h4{
	color:#b4961e;
	font-size:18px;
	font-style:italic; 
	margin-top:10px;
}
#home .box.b3 p{
	margin-top:7px;
	color:#1e1e1e;
	font-size:14px;
	line-height:26px;
}

#home .delim-mini{
	display:none;
}

#home .pimg.mini{
	display:none !important;
}








