/* TIPOGRAFIA */

H1, H2, H3, H4, H5, H6 {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
	
H4, H5, H6 {
    text-transform: uppercase;
	}

H1 + p, H2 + p, H3 + p {
	margin-top: 9px;
	}

header, article, aside, footer, section {
		display:block;
	}

body {
	margin:0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	  }

ul, li {
    list-style: none;
	}

/* ===================== LAYOUT DO SITE ===================== */


	/* -------------------- CONFIGURAÇÃO DO CABEÇALHO (HEADER) -------------------- */

	#conteudo {
		margin: auto;
		width: 990px; /*75%;*/
		/*overflow:hidden;*/
		padding:1% 1% 0 1%;
		background:url(img/pattern6.png) #F7F7F7;		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 1px 1px 8px rgba(0,122,252,0.77);
   		}

	header {
		width: 100%;
		border-bottom: 1px solid #0099FF ;
		border-bottom-color: rgba(0,153,255,0.6);
		float: left;
		max-height: 112px;
		margin-bottom: 20px;   
	    }

	.logo {
		width: 30%;
		height: 25%;
		margin: 25px 0 0 20px;
		float: left; 
		}

	header img {
  	  width: 100%;
		}

	/* -- Campo Pesquisa do Header -- */

	#form {
		float: right;
		margin: 10px 40px;
		 }

	.form-procurar {
 	   width: 200px;  
		}

	/* -- PARAMETRO DO MENU NAV -- */
	nav {
    	float:right;
    	margin-top: 40px;
        margin-right: 50px;
   		 }

	nav ul {
    	float:left;
    	padding: 0;
    	}
    
    nav ul li {
        float: left;
        display: block;          
   		 }
    
    nav ul li a {
        color: #000;
        display: block;
        font-size: 15px;
        text-decoration: none;
        text-transform: uppercase;
        height: 50px;
        line-height: 50px;   
        padding: 0 25px;
        border-bottom: 6px solid transparent;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        text-shadow: #CCC 0px 1px 1px;
      }
      
      nav ul li a:active, nav ul li a:hover {
          background:url(img/nav-bg.png) no-repeat scroll 50% bottom;
          border-bottom-color: #0099FF;
          color: #0099FF;
          font-weight:400;
      }     

    /* ---- CONFIGURAÇÃO DO BANNER ---- */
	#slide {
		float:left;
		overflow:hidden;  
		border-radius:12px; 
		background:#ebebec; 
		margin:20px auto 0 auto; 
		padding:4px; 
		z-index:2;
		}

	.slider { 
		width:100%; 
		height:390px; 
		margin:0 auto; 
		position:relative; 
		z-index:2;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius:10px ;
		/*box-shadow: 2px 2px 4px rgba(171,171,171,0.77);*/
		box-shadow:0 1px 0 #ccc,
					 0 2px 0 #c9c9c9,
					 0 3px 0 #bbb,
					 0 4px 0 #b9b9b9,
					 0 5px 0 #aaa,
					 0 6px 1px rgba(0,0,0,.1),
					 0 0 5px rgba(0,0,0,.1),
					 0 1px 3px rgba(0,0,0,.3),
					 0 3px 5px rgba(0,0,0,.2);
		 }
	 
	.items { 
		display:none;
		}
	
	.pagination { 
		position:absolute; 
		bottom:-16px; 
		left:0px; 
		display:inline-block; 
		background:url(img/banner/pagination-bg.png) 0 0 repeat; 
		width:990px; 
		padding:15px 0 14px 30px; 
		border-radius:0 0 8px 8px;
		z-index:999 !important; 
		}
		
	.pagination li {
		float:left;	
		margin-right:4px;
		}
	
	.pagination a { 
		display:block; 
		width:21px; 
		height:21px; 
		background:url(img/banner/pagination.png) right 0 no-repeat; 
		}
	
	.pagination li.current a, .pagination li:hover a { 
			background-position: 0 0;
		}
	
	.prev {}
	.prev:hover {}
	.next {}
	.next:hover {}
	
	.banner{
		z-index:1000 !important; 
		position:absolute; 
		top:356px; 
		color:#fbebc4;
		right:0px;
		text-align:right; 
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
		font-size:20px; 
		line-height:30px; 
		color:#000000; 
		width:700px; 
		margin-right:30px;
		}

	/* ---- CONFIGURAÇÃO DO CONTEUDO ---- */
  
	section {
		float: left;
		margin: 20px 0 10px 0;
		width: 100%;
		border-bottom: 2px #ffffff solid;
		}

	.colored {
		color:#0099FF;
		text-transform: uppercase;
		  }
	  
	.artigo {
		float: left;
		width: 60%;
		margin-right: 25px;
		margin-bottom: 40px;
		}
	
	.artigo p {
		text-align:justify;
	}
	
	.parag {
		float:left;
		text-transform: uppercase;
		line-height: 20px;
		text-align:justify;             
		  }
	
	.boximg {
		float: left;
		padding: 3px;
		background:rgba(255,255,255,1.00);
		border: 1px solid rgba(201,201,201,1.00);
		width: 170px;
		height:130px;
		margin-right: 15px;
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		  }
	.boximg:last-child {
		margin-right:0;
		}
	 
	section img {
		width: 100%;
		height:100%;
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			}
		
	article {
		float:left;
		width: 100%;
		margin-bottom:20px;
		  }
	  
	.boxer {
		float:left;
		width:23%;
		margin-right:23px;
		
		}
		
	.boxer:last-child {
		margin-right:0;
	 }
	 
	article h3  {
		text-align: center;
		line-height: 10px;    
	 }
	 
	
	 
	.imgbox {
		width:175px;
		height: 150px;
		margin:auto;
		 }
	 
	 article img {
		width:100%;
		height:100%;
		box-shadow:3px 3px 10px rgba(0,0,0,0.4);
		border-radius:15px;
		-webkit-border-radius: 15px;  
		-moz-border-radius: 15px;
		 }
	 
	article p {
		text-align: justify;
		line-height: 20px;
	 		}
	 
	.buttom {
		margin:29%;
		color: rgb(255, 255, 255);
		font-size: 14px;
		padding: 4px;
		border-radius:7px;
		text-shadow: 0px 1px 30px rgba(30, 30, 30, 0.57);
		background: rgb(78, 43, 255);
		background: -moz-linear-gradient(90deg, rgb(78, 43, 255) 30%, rgb(101, 173, 255) 70%);
		background: -webkit-linear-gradient(90deg, rgb(78, 43, 255) 30%, rgb(101, 173, 255) 70%);
		background: -o-linear-gradient(90deg, rgb(78, 43, 255) 30%, rgb(101, 173, 255) 70%);
		background: -ms-linear-gradient(90deg, rgb(78, 43, 255) 30%, rgb(101, 173, 255) 70%);
		background: linear-gradient(0deg, rgb(78, 43, 255) 30%, rgb(101, 173, 255) 70%);
		-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
		text-decoration:none;
		 }
	  
	  /* ---- CONFIGURAÇÃO DO RODAPE ---- */
	  
	footer {
		float: left;
		width: 100%;
		padding-top: 10px;
		border-top: 2px solid rgba(0,153,255,0.6);
		margin-top:20px;
		height:154px;
		background: rgba(188,188,188,0.20);
	 }
	 
	footer img {
		width:25px;
		height:25px;
		float:left;
		margin-right: 5px;
	 }
	
	footer .boxer hr {
		color: 1px solid rgba(255,255,255,0.2);
		}
	 
	footer .boxer h5 {
		line-height: 10px;
		margin: 0;
		padding-top:10px;
		 }
	 
	footer .boxer ul {
		Margin-left: -10px;
		 }
	
	footer .boxer ul li a {
		display: block;
		height: 20px;
		line-height: 20px;
		text-decoration: none;
		text-shadow: none; 
		color:rgba(0,0,0,1.00);
			}
	 
	footer .boxer ul li a:hover {
		color: #0099FF;
		 }
	 
	 
	 /*Formulario de Noticias */
	.janela{
	background:#f7f7f7;
	width: 350px;
	display:none;
	position:absolute;
	border-radius:10px;
	border-top:15px solid rgba(64,96,216,1.00);
	border-bottom:15px solid rgba(64,96,216,1.00);
	margin-bottom: 20px;
	margin-top:800px;
	border-left:1px solid rgba(64,96,216,1.00);
	border-right:1px solid rgba(64,96,216,1.00);
	z-index:9999;
	}
		.janela .basetop {
			width:100%;
			/*background:rgba(64,96,216,1.00);*/
			line-height:15px;
			text-align:right;
			margin:0;
}

.janela a {
	vertical-align:middle;
	margin: 0;
	}

.janela a img {
	margin:0;
	}

.janela .icoimg{
	width:120px;
	height:120px;
	margin:auto;
}

.janela .icoimg img {
	width:100%;
	height:100%;
	margin:0px;
}

h4{
	font-size:18px;
	text-align:center;
	margin:0;
}

.janela form {
	width:320px;
	margin:auto;
}

.janela form input {
	width:320px;
	line-height:30px;
	margin-top:10px;
	text-align:center;
	
}

.janela form input:last-child {
	margin-bottom:20px;
	
}

.botao {
	height:30px;
	}
	
.close{ 
	display:block; 
	text-align:right;
	}
	 

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
		  
	.social {
		margin-left: -40px;
		list-style: none;
	 	}
	 
	.social li {
		float: left;
                text-decoration: none;
		 }
	
        .imgsocial {
		width: 25px;
		height: 25px;
                float: left;
	 }   
	.social img {
		width: 25px;
		height: 25px;
                float: left;
                margin: 0;
                padding: 0;
	 }
	 
	.social a {
		height: 35px;
		width: 35px;
		line-height: 34px;
		text-align: center;
		margin-left: 5px;
		margin-bottom: 5px;
		text-decoration: none;
		 }
	 
	.social a:hover {
		height: 35px;
		width: 35px;
		moz-box-shadow:inset -10px 10px 5px rgba(235,235,235,0.90);
		-webkit-box-shadow:inset -10px 10px 5px rgba(235,235,235,0.90);
		box-shadow:inset -10px 10px 5px rgba(235,235,235,0.90);
		border-radius:15px;
		}
	
	.barra {
		background: rgba(19,88,247,0.84) ;
		width:100%;
		overflow:hidden;
		margin:0;
                }
		
	.barra p {
		text-align:right;
		font-size:10px ;
		text-transform:uppercase;
		color:rgba(255,255,255,1.00);
		font-weight: lighter;
                padding: 0;
                margin: 0;
                line-height: 25px;
		}
	
                
        .barra p a img {
            width: 40px;
            height: 20px;
            float: right;
            margin-right: 30px;
            margin-left: 10px;
            line-height: 25px;
        }
        
	/* TIPOGRAFRIA DA PAGINA PROJETOS */
	
	section .frase {
		display:block;
		margin: 0 0 20px 0;
		float:right;
		width: 68%; 
		line-height:55px;
		text-transform:uppercase;
		text-align:justify;
		font-size:38px;
					}	
	
	section .frase span { 
		font-weight:bold;
		font-size: 55px;
		font-style:italic;
		color:rgba(9,19,208,1.00);
		text-shadow: 0 1px 0 #ccc,
					 0 2px 0 #c9c9c9,
					 0 3px 0 #bbb,
					 0 4px 0 #b9b9b9,
					 0 5px 0 #aaa,
					 0 6px 1px rgba(0,0,0,.1),
					 0 0 5px rgba(0,0,0,.1),
					 0 1px 3px rgba(0,0,0,.3),
					 0 3px 5px rgba(0,0,0,.2);
					 }
	
	section .img-projeto {
		float:left;
		width: 30%;
			}
	
	section .img-projeto2 {
		float: right;
		width:68%;
		height: 100px;
		margin-bottom: 40px;
		opacity:0.7;
		filter:alpha(opacity=40);	
	}
	
	/* --- CONFIGURAÇÃO DO MENU TAB ---- */
	#tabbed_box {  
   		margin: 0px auto 0px auto;  
    	width:100%;
		min-height:400px;  
		} 

	.tab_text {
		font-size:18px;
		margin-top: 10px;
		}

	.tabbed_box h5 { 
		line-height: 20px;
		margin: 0;
		padding-top:20px; 
        font-size:20px;  
    	color:#000000;  
    	letter-spacing:-1px;  
    	margin-bottom:20px;  
		}  
 
	.tabh5 { 
		line-height: 10px;
		margin: 0;
		padding-top:10px;
		font-size:13px !important;
		 }
 
	.tabbed_area {  
		border:1px solid #494e52;  
		background: rgba(19,88,247,0.54) ;
		padding:8px;      
			}  

	ul.tabs {  
    	margin:0px; padding:0px;  
			}  
	ul.tabs li {  
		list-style:none;  
		display:inline;  
			}  

	ul.tabs li a {  
		background-color:rgba(255,33,33,0.80);  
		color:#FFF;
		padding:8px 14px 8px 14px;  
		text-decoration:none;  
		font-size:12px;  
		font-weight:bold;  
		text-transform:uppercase;  
		border:1px solid #000;   
	} 
	 
	ul.tabs li a:hover {  
		background: rgba(19,88,247,0.54) ;
		border-color:#2f343a;  
	}  
	
	ul.tabs li a.active {  
		background-color:#ffffff;  
		color:#282e32;  
		border:1px solid #464c54;   
		border-bottom: 1px solid #ffffff;  
			} 
	 
	.content {  
		background-color:#ffffff;  
		padding:10px;  
		border:1px solid #464c54;     
			}
			 
	#content_2, #content_3, #content_4 { 
		display:none;
		 }  
	 
	 ul.tabs {  
		margin:0px; padding:0px;  
		margin-top:5px;  
		margin-bottom:6px;  
			}  
			
	.content ul {  
		margin:0px;  
		padding:0px 20px 0px 20px;  
			}  
	
	.content ul li {  
		list-style:none;  
		border-bottom:1px solid #d6dde0;  
		padding-top:15px;  
		padding-bottom:15px;  
		font-size:13px;  
			}  
			
	.content ul li a {  
		text-decoration:none;  
		color:#3e4346;  
			}  
			
	.livs2 {
		border-bottom:none !important;
		padding: 2px 0 2px 0 !important;
		list-style:disc !important;
		margin:0 !important;
		line-height: 25px;
		
	}
	
	.livs2 a:hover {
		font-weight:700;
		color:rgba(41,20,220,1.00);
		display:block ;
		width:300px ;
		text-transform:uppercase;
	}

	/* TIPOGRAFRIA DA PAGINA PARCERIAS */

section .img-parceria {
		float: left;
		padding: 3px;
		background:rgba(255,255,255,1.00);
		border: 1px solid rgba(201,201,201,1.00);
		width: 170px;
		height:130px;
		margin-right: 15px;
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		  }

section .titulo_frase {
	font-size:23px;
	line-height: 50px;
	font-variant:small-caps;
	
}

section .img-ipv {
	height: 137px;
	width:790px;
	float:left;
	margin-bottom: 10px;
}

/*article p {
	text-transform:uppercase;
}*/

article .box_parceria {
		float: left;
		padding: 3px;
		background:rgba(255,255,255,1.00);
		border: 1px solid rgba(201,201,201,1.00);
                width: 200px;
		height:150px;
		margin-right: 35px;
		margin-bottom: 60px;
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		border-radius:1px;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		font-size:13px;
		  }
		  
article img.now {
		border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
}

/* TIPOGRAFRIA DA PAGINA CONTATO */

article .bloco_left {
	width: 480px;
	float:left;
	margin-right: 55px;
		
}

article .barra_titulo_L {
	width:98%;
	background:rgba(201,0,3,1.00);
	float:left;
	display:block;
	font-size:24px;
	font-variant:small-caps;
	color:rgba(255,255,255,1.00);
	font-weight:600;
	height: 50px;
	line-height:50px;
	padding-left:10px;
	
}

article .bloco_end {
	width: 480px;
	float:left;
	margin-top: 10px;
	font-size:14px;
	padding-left: 10px;
	height: 50px;
}


article .logo_contato {
	float:left;
	width: 96%;
	height: 400px;
	margin-top: 36px;
	margin-left:10px;
}

article .bloco_Right {
	width: 430px;
	float: left;
	
	
}

article .barra_titulo_R {
	width: 98%;
	background:#3200FF;
	float:left;
	display:block;
	font-size:24px;
	font-variant:small-caps;
	color:rgba(255,255,255,1.00);
	font-weight:600;
	line-height:50px;
	padding-left:10px;
	
}

article .bloco_Right .bloco_tel {
	width: 480px;
	float:left;
	margin-top: 10px;
	font-size:14px;
	padding-left: 10px;
	height: 50px;
        vertical-align: central;
}
article .bloco_Right .bloco_tel img {
    width: 25px;
    height: 25px;
    margin-right: 20px;
}

article .bloco_fale {
	loat:left;
	margin-top: 10px;
	font-size:14px;
	padding-left: 10px;
	height: 50px;
	font-variant:small-caps;
	font-size:18px;
	font-weight:600;
	
			
}


article .formulario {
	float:left;
	width: 96%;
	margin-top: 36px;
	margin-left:10px;
}

article .formulario form input {
    height: 25px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 16px;
    
}

article .formulario form textArea {
    width: 312px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 16px;
}