/*Theme Name: PLUG21 001
Theme URI: http://plug21.com
Description: modelo 001 plug21
Version: 1.0
Author: PLUG21 Author 
URI: http://plug21.com
Tags: plug*/

/* Fomos criados para gloria de Deus, tudo que fazemos e para alegria de seu coracao */

html{
	height: auto; 
	min-height: 100%;
}

	body {	
			background: #FFF;
			behavior:url("http://www.plug21.com/wp-content/themes/plug/images/csshover.htc");
			color: #13191E;	
			font-size: 11.2px;	
			font-family: Arial, "Helvetica";	
			font-size: 12px;
			height: auto; 
			min-height: 100%;
			margin: 0px auto;	
			text-align: center;  
			width: auto;
	}
			

		h1 {
			float: left;
		}
		
			h1 a {
				background: url("images/logo.png") no-repeat center left;
				display: block;
				height: 108px;		
				margin-top: 30px;
				overflow-x: hidden;
				overflow-y: hidden;
				text-indent: -9999px;
				width: 270px;
			}    

		h2 { 
				color: #13191E;
				font-family: Trebuchet Ms;			
				font-size: 24px;				
				line-height: 23px;				
				margin-bottom: 5px;
		}   

		h3 { 
				font-size: 14px;		
				line-height: 17px;     
		} 
				 
		h4 { 
				 color: #006699;
				 background: #F0F9FC;
				 border-bottom: 1px solid #0099CC;
				 width: 620px;
				 font-family: Trebuchet Ms;			
				 font-size: 19px;				
				 line-height: 23px;				
				 margin-top: 20px;	
		}  

		a {text-decoration: none;}
		
		a { color: #FFF; text-decoration: none;}	
		a:link { color: #FFF;}		
		a:hover {	color: #0099FF;}		
		
		.faixa_conteudo a { color: #13191E; text-decoration: none;}	
		.faixa_conteudo a:link { color: #13191E;}		
		.faixa_conteudo a:hover { color: #182C3D;}	
			
		.destaque a { color: #006699; text-decoration: none;}	
		.destaque a:link { color: #006699;}		
		.destaque a:hover {	color: #082947;}		
		
		.paginacao a {font-size: 14px; font-weight: bold;}	
		
		
		.total { 
			background: #13191E url("images/fundo.png") no-repeat top center;
			display: table;
			margin: 0px auto;
			text-align: center;
			width: 100%;			
		}

			.site { 
				display: table;
				margin-top: 5px;
			}


			
		/* estrutura do site */ 

				.topo_site {
						height: 170px;
						margin-bottom: 26px;
				}

					#menu {
						border: 0px;
						float: right;
						margin-top: 75px;
						padding: 0px;
					}
									
						#menu li {
							background: #000;
							display: inline;
							float: left;
							font-weight: bold;
							height: 26px;
							margin-left: 20px;
							max-height: 10px;
							padding: 6px 8px 10px 9px;
						}
						
							#menu li:hover {
								opacity:0.55;
								-moz-opacity: 0.55;
								filter: alpha(opacity=55);
								-khtml-opacity: 0.55;
							}

						
							#menu li a, a:link {
								font-size: 13px;
								color: #FFF;
							}
							
							#menu li a:hover {
								color: #0099FF;
							}
										
				.destaque {
					height: 450px;
					overflow: hidden;
					padding-bottom: 40px;
					text-align: center;
				} 
				
					.destaque .bloco_texto {
						float: left;				
					}
					
						.destaque h2 {
							color: #FFF;
							float: left;
							font-size: 60px;
							font-weight: bold;
							line-height: 70px;
							margin: 0px;
							padding: 0px;
							text-align: justify;
							width: 440px;
							zoom: 1;
						}
										
						.destaque p {
							color: #FFF;
							clear: both;
							float: left;
							font-size: 16px;
							line-height: 30px;
							text-align: justify;
							width: 420px;
						}
					
					.layout_imagem{
						display: table;
						float: right;
						height: 450px;
						overflow: hidden;
						text-align: center;
						width: 520px;
					} 
					
						.layout_imagem .browser_topo {
							position:absolute;
							width:520px;
							z-index: 101;					
						}
						
						.layout_imagem .browser_rodape {
							bottom: 0px;
							margin-top: 5px;
							position:absolute;
							width:520px;
							z-index: 999;				
						}		

						.layout_imagem .browser_layout {
							margin: 38px 0 0 0;
							padding: 0 0 0 0;
							position:absolute;
							width:520px;
							z-index: 10;				
						}			

							.layout_imagem .layout_img {
								border-left: 10px solid #000; 
								border-right: 10px solid #000; 
								margin: 0 0 12px 0;
								width: 500px;
							}
							
							div.layout_img {
								height: 400px;
								width: 500px;
								overflow: hidden;
							}
			
							
				.faixa_conteudo { 
					background: #E1E4EB url("images/fundo_faixa.jpg") no-repeat top center;	
					display: table;
					height: 100%;
					margin-bottom: 0px;
					padding: 10px 0 0 0;
					width: 100%;
				}  
					
				.rodape2 { 
							background: #13191E url("images/fundo_rodape.png") no-repeat bottom center;	
							height: 60px;
							padding: 10px 0 0 0;
							margin-bottom: 0px;
							max-height: 50px;
							text-align: left;
							width: 100%;
				}  
				
					.rodape2 .endereco{ 
							color: #FFF;
							font-size: 12px;
							font-weight: normal;
					}   
	 
	.miolo {  
		display: table;
	}
		.miolo div {
			text-align: left;
		 }
		 
		.div1, .div2, .div3 {  
			display: inline;
			height: 269px;
		}
		 
			.div1 h2, .div2 h2, .div3 h2 { 
				text-transform: uppercase;
				margin: 20px 0 20px 0;
			}
		 
		.div1 {  
			float: left; 
			line-height: 20px;
			margin-right: 40px;
			width: 300px;
		} 

			.div1 div a { 
				display: block;
				font-size: 20px;
				line-height: 24px;
				margin-bottom: 10px;
			}
					
		.div2 { 
			float: left;  
			height: 269px;
			margin-right: 40px;
			max-height: 269px;
			width: 300px;
		}  
				.div2 ul li { 
					background: url("images/bt.gif") no-repeat;
					background-position: 0px 6px;
					border-bottom: 1px solid #C5C7CE;
					display: table; 
					height: 26px;
					max-height: 19px;
					max-width: 280px;
					padding-left: 20px;
					padding-top: 6px;
					width: 300px; 
				}
							 
		.div3 {
			float: left;
			height: 269px;
			width: 300px;
		}
		
			.div3 .clientes {
				border: 1px solid #C5C7CE;
				float: left;
				height: 135px;
				max-height: 133px;
				max-width: 298px;
				overflow: hidden;
				width: 300px;
			}
				.pics {  
						height:  232px;  
						width:   232px;  
						padding: 0;  
						margin:  0;  
				} 
			 
					.pics img {  
							padding: 15px;  
							border:  1px solid #ccc;  
							background-color: #eee;  
							width:  200px; 
							height: 200px; 
							top:  0; 
							left: 0 
					} 
			.div3 .lateral {
				background: #000;
				height: 50px;
				width: 320px;
			}    
			 
	/* Conteudo noticia */		
	.newscontent {			float: left;		height: auto;		line-height: 20px;		margin: 21px 0px 20px 0;		min-height: 500px;		overflow-x: hidden;		text-align: justify;		width: 980px;	}

	.wide {	
			width: 980px;
	}

		.newscontent .titulo {	
			background: #13191E;
			font-size: 40px;
			height: 70px;
			padding: 20px;
			margin-bottom: 30px;
			max-height: 30px;
			height: 70px;
			width: auto;
			zoom: 1;
		}		
		
			.newscontent .titulo, .newscontent .titulo a {	
				color: #FFF;
				font-size: 40px;
				text-transform: uppercase;
				zoom: 1;
			}		

			.newscontent .layout_imagem {	
				display: table;
				float: left;
				height: 950px;
				margin: 0 20px 40px 0;
				position: relative;
			}	 
			
			.newscontent h2, span {
				font-size: 25px;
				text-transform: uppercase;
				width: 430px;
			}   
			
				.newscontent span {
					font-size: 15px;
				}
						 
			.newscontent p {
				line-height: 20px;
				text-align: Justify;
			}   
			
			.single p, .single h2, .single span {
				clear: right;
				float: right;
			}  
		
			.single p {
				width: 430px;
			}   
			 
				.newscontent div.custom_field {
					background: #13191E;
					clear: right;
					color: #FFF;
					float: right;
					font-size: 15px;
					font-weight: bold;
					padding: 5px;
				}  

					.newscontent div.custom_field a {
						color: #FFF;
					} 
				 
			.newscontent p img {
				margin: 0 20px 20px 0;
			}
			
				.newscontent .clientes_lista {
					list-style: none;
					padding: 0px;
					margin: 0px;
					text-transform: uppercase;
				}
			
					.newscontent .clientes_lista li{
						display: inline;
						font-weight: bold;
						float: left;
						height: 30px;
						width: 325px;
					}
				
		.lista_itens {
			display: table;
			margin: auto;
			overflow: hidden;
			width: 1050px;
		}   
		
			.newscontent .item {
				display: inline;
				float: left;
				font-size: 10px;
				height: 290px;
				margin: 0 40px 10px 0;
				width: 300px;
			}
				.newscontent .item h3{
					text-transform: uppercase;
					width: 290px;
				}
				
				.newscontent .item div{
					height: 230px;
					margin-bottom: 5px;
					overflow: hidden;
					width: 300px;
				}
				
				.paginate {
					clear: both;
					float: right;
					margin: 0px auto;
					margin: 40px 0 20px 40%;
					text-align: center;
				}
				
					.paginate a, .paginate a:link {
						color: #FFF;
						background: #026191;
						padding: 6px;
						margin: 5px;
					}
					
					.paginate a:hover {
						color: #FFF;
						background: #13191E;
					}
					
	/* fim PAGINA DE CANDIDATAS */



	/* paginacao */  
			
	.pagination {
		background: #BFC6D5;
		clear:both;
		display: table;
		font-size:14px;
		line-height:13px;
		padding: 5px;
		text-align: center;
		width: auto;
	}
	 
	.pagination span, .pagination a, .pagination a:link {
		display:block;
		float:left;
		font-weight: bold;
		margin: 2px 5px 2px 0;
		padding:6px 9px 5px 9px;
		text-decoration:none;
		width:auto;
		color:#fff;
		background: #182C3D;
	}
	 
	.pagination a:hover{
		color:#FFF;
		background: #0099FF;
	}
	 
	.pagination .current{
		padding:6px 9px 5px 9px;
		background: #f1f1f1;
		color:#182C3D;
	}
			
	/* fim paginacao */  


	/* FORMATAÇÃO DE TEXTO*/
	img.centered, a img.centered, img.aligncenter, a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright, a img.alignright {
		margin: 0 0 2px 7px;
		display: inline;
	}

	img.alignleft, a img.alignleft {
		margin: 0 7px 0px 0;
		display: inline;
	}

	.alignright {
		float: right;
	}

	.alignleft {
		float: left
	}

	/* fim FORMATAÇÃO DE TEXTO*/

	/* FORMATAÇÃO DE formularios*/

	.wpcf7 {
		height: 300px;
		width: 980px;
	}

		.wpcf7 input, .wpcf7 textarea {
			background: #A7A6AA;
			border: 0px solid;
			color: #000;
			padding: 3px;
		}
		
		.wpcf7 label {
			font-size: 15px;
		}

		.wpcf7 input[type=text] {
			height: 25px;
			padding: 3px;
			width: 340px;
		}
		
		.wpcf7 textarea {
			height: 215px;
			margin-left: 40px;
			width: 588px;
		}
		
		.wpcf7 label.margin {
			margin-left: 40px;
		}
		
		.wpcf7 input[type=submit] {
			clear: both;
			float: right;
			font-weight: bold;
			height: 40px;
			margin-top: 10px;
			padding: 3px;
			width: 150px;
			text-align: center;
			text-transform: uppercase;
		}
		
			.wpcf7 input:hover, .wpcf7 textarea:hover {
				background: #BCBBBF;
			}

		.wpcf7 div {
			display: block;
			float: left;
		}
		


	/* fim FORMATAÇÃO DE formularios*/