body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
margin: 0; padding: 0; border: 0;
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { 	
    min-height:768px;
	min-width:768px;
	font: bold 12px myriad pro, arial;
background: #c5ccaa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #c5ccaa 0%, #c5ccaa 56%, #f7f7f7 100%) 0 0 fixed; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5ccaa), color-stop(56%,#c5ccaa), color-stop(100%,#f7f7f7)) 0 0 fixed; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c5ccaa 0%,#c5ccaa 56%,#f7f7f7 100%) 0 0 fixed; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c5ccaa 0%,#c5ccaa 56%,#f7f7f7 100%) 0 0 fixed; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c5ccaa 0%,#c5ccaa 56%,#f7f7f7 100%) 0 0 fixed; /* IE10+ */
background: linear-gradient(to bottom,  #c5ccaa 0%,#c5ccaa 56%,#f7f7f7 100%) 0 0 fixed; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ccaa', endColorstr='#f7f7f7',GradientType=0) 0 0 fixed; /* IE6-8 */
}

/*##################################################### HOME ######################################################## */

#slides img{
width:100%;
height:100%;
}

#container{   
    margin:0 auto;
    position:absolute;  
    width:100%;
	height:100%;	
	min-height:768px;
	min-width:1024px;
	overflow:auto;
}


#box1{  
  position:relative;
  width:100%;
  min-width:1024px;
  height:90px;
  z-index:1000;    
}
 
#box2{
    display:table;
    position:relative;
	margin:0 auto;
	width:900px;
	height:auto;
	z-index:1000;  
	overflow:auto;
	
 }


#box3{
  overflow:hidden;
  position:relative;
  margin:0 auto;
  width:900px;
  height:500px;
  z-index:0;  
  border:3px solid white; 
  -moz-box-shadow: 0px 7px 10px black;
  -webkit-box-shadow: 0px 7px 10px black;
  box-shadow: 0px 7px 10px black;  
}

#rodape{
  position:relative;
  width:900px;
  margin:0 auto;
  height:35px;
  bottom:0;
  background: #7C5D3C;
   border-left:3px solid white;
  border-right:3px solid white;
  border-bottom:3px solid white;
  border-radius: 0 0 15px 15px;
  -moz-box-shadow: 0px 4px 10px black;
  -webkit-box-shadow: 0px 4px 10px black;
  box-shadow: 0px 4px 10px black;  
  z-index:1000; 
}



footer a:link{
text-decoration:none;
color:gray;
}

footer a:visited{
text-decoration:none;
color:gray;
}

#twiface img{
width:30px;
}

#twiface{
top:0;
position:relative;
float:right;
right:5px;
}


#twiface a{
opacity:0.2;

}
#twiface a:hover{
opacity:1;
}


img#face{
 margin-top:2px;
 margin-left:5px;
 float:right; 
}
img#instagram{
 float:right; 
 margin-top:2px;
}


#logotipo{       
       position:relative;
	   margin:0 auto;
       width:350px;	   
	   height:100%;	   	   	   
}	
#logotipo img{
       vertical-align:middle;
       margin: 0 auto;         
       width:350px;
	   padding:20px;  
      }	

#fundopik{         
     
         position: relative;  
         margin:0 auto;		           
		 float:none;
         width:100%; 
		 height:100%; 
		 overflow:hidden;
		 background:white;		         
		}

 

ul#nav {
	display:block;
	position:relative; 	
	width: 100%; 
	height:100%; 
	margin:0 auto;
}
	ul#nav li {
	    display:inline; 		
		width:19.98348623853211%; /* 220px; */
		height:100%; 
		float:right; 
		list-style: none; 
		text-align:center; 
		text-decoration: none; 
		overflow:hidden;
	}
		ul#nav li a {		 
		    display:block;			 
			width:100%; 
			height:27px; 
			text-align:center;
			text-transform: uppercase;
			text-decoration: none; 
			line-height:10px;
			padding:10px;
			color:white; 
			transition: color 1s ease-in; /*padrão*/
            -webkit-transition:color 1s ease-in; /*chrome & safari*/
            -moz-transition: color 1s ease-in; /*firefox*/
            -o-transition: color 1s ease-in; /*opera*/
			transition: background 0.5s ease-in; /*padrão*/
            -webkit-transition:background 0.5s ease-in; /*chrome & safari*/
            -moz-transition: background 0.5s ease-in; /*firefox*/
            -o-transition: background s ease-in; /*opera*/
			border-radius:55px 0px 55px 0px;		
		}
			ul#nav li a:hover {
				color:white;
				  background: #7C5D3C;			
			}


 
 #linha{
 position:relative;
 width:100%;
 height:3px;
 background:white;
 }
 
 
t{
text-align:justify;
margin:15px;
color:white;
font-size:120%;
font-family: Calibri;
}

y{
text-align:left;
margin:15px;
color:white;
font-size:170%;
font-family: Calibri;
}

/*##################################################### HACKS ######################################################## */


/*hack IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  

ul#nav li a {		 
		    display:block;			 
			width:100%; 
			height:27px; 
			text-align:center;
			text-transform: uppercase;
			text-decoration: none; 			
			padding:11px;			
			color:white; 
			transition: color 1s ease-in; /*padrão*/
            -webkit-transition:color 1s ease-in; /*chrome & safari*/
            -moz-transition: color 1s ease-in; /*firefox*/
            -o-transition: color 1s ease-in; /*opera*/
			transition: background 0.5s ease-in; /*padrão*/
            -webkit-transition:background 0.5s ease-in; /*chrome & safari*/
            -moz-transition: background 0.5s ease-in; /*firefox*/
            -o-transition: background s ease-in; /*opera*/
			border-radius:55px 0px 55px 0px;				
		}

} 


/*hack chrome e safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#nav li a {		 
		    display:block;	
            font-size:13px;			
			width:100%; 
			height:27px; 
			text-align:center;
			text-transform: uppercase;
			text-decoration: none; 
			line-height:8px;
			padding-bottom:10px;
			color:white; 
			transition: color 1s ease-in; /*padrão*/
            -webkit-transition:color 1s ease-in; /*chrome & safari*/
            -moz-transition: color 1s ease-in; /*firefox*/
            -o-transition: color 1s ease-in; /*opera*/
			transition: background 0.5s ease-in; /*padrão*/
            -webkit-transition:background 0.5s ease-in; /*chrome & safari*/
            -moz-transition: background 0.5s ease-in; /*firefox*/
            -o-transition: background s ease-in; /*opera*/
			border-radius:55px 0px 55px 0px;		
		}
			ul#nav li a:hover {
				color:white;
				  background: #7C5D3C;			
			}


}