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 */
}

#metade1{
float:left;
width:50%;
height:100%;
}


#metade2{
float:right;
width:50%;
height:100%;
}


#imagem{
overflow:hidden;

}

#imagem img{
width:100%;
height:100%;
border-left:2px solid white;

}

#cx_texto{
padding-top:40px;
margin:0 auto;
width:90%;
text-align:justify;
font-size:13px;
}
	
#container{   
    position:absolute;  
    width:100%;
	height:100%;	
	  min-height:768px;
	min-width:768px;
}

#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{
    position:relative;
	margin:0 auto;
	width:900px;
	height:500px;
   	border:3px solid white;
	border-radius:0 0 10px 10px;
	-moz-box-shadow: 0px 4px 10px black;
	-webkit-box-shadow: 0px 4px 10px black;
	box-shadow: 0px 4px 10px black;  
	background: #7C5D3C;
	overflow:hidden;
}



#twiface{
top:8%;
position:relative;
float:right;
right:10px;
min-width:30px;
height:90%;
}

#twiface img{
width:40%;
}

#twiface a{
opacity:0.2;

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


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


#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;		         
		}

#navigation{
  position:relative;
  display:block;
  margin:0 auto;	
  width:100%;
  height:100%;
  min-width:768px; 	
 }


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; 
			padding-top:7px;
			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;
 }
 
#cx_texto{
margin:0 auto;
padding-top:25px;
width:75%;
height:80;

}
 
p{
font: 120% myriad pro, arial;
text-justify:inter-word;
text-align:justify;
color:white;


}

y{
text-align:left;
color:white;
font-size:170%;

}

/*##################################################### CONTATOS ######################################################## */


/*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: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;				
		}

} 


/*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:12px;
			padding-bottom:9px;
			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;			
			}


}