/*	Estilo Principal
	Sgobin Studio
	
	Autor: Richard Sgobin
	
	Use esse guia de estilos para apreender, mas não copie.

	Fundo subtitulo vermelho:	#E00614;

*/

/* Resets e Formatação Geral */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address {
	margin:0;
	padding:0;
}

hr { border: none; height: 1px; }

a img { border: none; outline: none; }

a { -moz-outline: none; }

ul {	list-style: none inside; }

.clearfloat { clear: both; height: 0; }

.titulo-red { width: 100%; border-bottom: solid 1px #E10714; }

.pad-20 { padding: 20px; }
.top-20 { margin-top: 20px; }

.escondido { display: none; }

a { text-decoration: none; }

.img-caracteristica {
	width: 140px; 
	height: 120px; 
	float: right;
	margin-top: 8px;
	margin-left: 20px;
	}

.beveled { border-top: 1px solid #1A1A1A; border-bottom: 1px solid #959595; }

.textos-empresa { margin-top: 20px; margin-bottom: 60px;}
	.textos-empresa p { margin-top: 20px; }
	
.citacao { margin-top: 30px; margin-bottom: 20px; text-align: center; }

.hover { background-color: #666; cursor: pointer; }

.video-institucional { width:460px; height:305px; margin: 30px auto; }

/* Estutura */
body { background: #818181 url(../imagens/body-bg.png) top repeat-x; }

#wrapper { width: 960px; margin: 0 auto; }

#navbar { height: 60px; }
	/* barra de navegacao */
	ul#nav			{ float: left; }
	ul#nav li		{ float: left; display: inline; position: relative; }
	ul#nav li a		{ display: block; height: 60px; float: left; text-indent: -9999px;}
	
	ul#nav li.home a 			{ width:131px; background:url(../imagens/menu.png) 0 0; }
	ul#nav li.produtos a 		{ width:114px; background:url(../imagens/menu.png) -131px 0; }
	ul#nav li.clientes a 		{ width:102px; background:url(../imagens/menu.png) -245px 0; }
	ul#nav li.treinamento a 	{ width:138px; background:url(../imagens/menu.png) -347px 0; }
	ul#nav li.empresa a	 		{ width:114px; background:url(../imagens/menu.png) -485px 0; }
	ul#nav li.contato a			{ width:105px; background:url(../imagens/menu.png) -599px 0; }
	/*over */
	ul#nav li.home a:hover				{ width:131px; background:url(../imagens/menu.png) 0 60px; }
	ul#nav li.produtos a:hover			{ width:114px; background:url(../imagens/menu.png) -131px 60px; }
	ul#nav li.clientes a:hover 			{ width:102px; background:url(../imagens/menu.png) -245px 60px; }
	ul#nav li.treinamento a:hover	 	{ width:138px; background:url(../imagens/menu.png) -347px 60px; }
	ul#nav li.empresa a:hover		 	{ width:114px; background:url(../imagens/menu.png) -485px 60px; }
	ul#nav li.contato a:hover			{ width:105px; background:url(../imagens/menu.png) -599px 60px; }
	
		/* SubMenus */
		ul#nav li ul				{ position: absolute; display: none; top: 60px; left: 0; border: 1px solid #262626; width: 200px;}
		ul#nav li ul li				{ float: none; }
		ul#nav li ul li.submenu a	{ 
										text-indent: 0;
										background: url(../imagens/rodape-bg.png) bottom repeat-x;
										/* background-image: none; */
										background-color: #262626;
										width: 184px;
										text-align: left;
										padding: 5px 8px 3px 8px;
										height: 1.8em;
										border-bottom: 1px solid #CDCCCC;
										color: #FFFFFF;
										}
		
		ul#nav li ul li.submenu a:hover		{ 
												text-indent: 0;
												background-image: none;
												background-color: #E41B23;
												width: 184px;
												text-align: left;
												text-decoration: none;
												color: #FFFFFF;
												}


	#destaque { margin-top: 14px; height: 306px;}
		#logo { width: 250px; height: 306px; float: left; }
		#logo h1 { 
			display: block; 
			width: 168px; 
			height: 170px; 
			margin-top: 61px;
			background: url(../imagens/logo-krebsfer.png) top left no-repeat;
			text-indent: -9000px;
			}
		#destaque-texto { width: 360px; float: left; margin-top: 61px; }
		
		ul#destaque-carac { border-top: 1px solid #CCCCCC; margin-top: 35px; }
		ul#destaque-carac li a { 
			float: left; 
			display: inline; 
			height: 25px;  
			text-align: center;
			font-size: 12px;
			color: #333333;
			text-decoration: none;
			padding: 5px 16px;
			}
		ul#destaque-carac li a:hover { text-decoration: underline; color:#E00614; }
		
		#destaque-foto { width: 349px; height: 306px; float: right; }
		
	#destaque-titulo { width: 570px; float: left; }
	
	#conteudo-esq { 
		margin: 20px 20px 20px 0; 
		width: 460px;
		height: 280px;
		float: left; 
		background-color: #343434; 
		border-top: 1px solid #2A2A2A;
		border-bottom: 1px solid #959595;
		}
		.img-quadro-conteudo { width: 180px; height: 164px; float: right; margin-top: -30px; margin-right: -10px; }

	#conteudo-cen {
		margin: 20px 20px 20px 0;
		width: 230px;
		height: 280px;
		float: left;
		background-color: #343434; 
		border-top: 1px solid #2A2A2A;
		border-bottom: 1px solid #959595;
		}
		
	#conteudo-dir {
		margin: 20px 0;
		width: 230px;
		height: 280px;
		float: right;
		background-color: #343434; 
		border-top: 1px solid #2A2A2A;
		border-bottom: 1px solid #959595;
		}
		#conteudo-dir img { margin: 18px 0 10px; }

	#conteudo-principal { 
		width: 680px; 
		float: left; 
		margin: 20px 20px 20px 0;
		background-color: #343434; 
		border-top: 1px solid #2A2A2A;
		border-bottom: 1px solid #959595;
		}
		
		#video-frame { margin-top: 20px; }
		
		ul.lst-caracteristicas li { padding-bottom: 20px; border-bottom: 1px solid #292929; }
		
		.item-treinamento { border-bottom: 1px solid #292929; padding: 20px; }
			.item-treinamento img { float: left; margin-right: 20px; }
	
	#dimensoes { margin-top: 30px; }
		.diagrama { margin: 20px 0; float:left; width: 200px; height: 160px; }
		.diagrama-centro 	{ margin: 20px; float:left; width: 200px; height: 160px; }
		
	#sidebar {
		width: 260px;
		margin: 20px 0;
		float: right;
		background-color: #343434; 
		border-top: 1px solid #2A2A2A;
		border-bottom: 1px solid #959595;
		}

	#rodape {
		background: url(../imagens/rodape-bg.png) top repeat-x;
		height: 89px;
		}
	#rodape-wrapper { width: 960px; margin: 0 auto; padding: 15px 20px; }

/* Tipografia */
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #CCCCCC;
	}

h2 {
	font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 40px;
	line-height: 1.2;
	color: #FFFFFF;
	}
	h2 span { background-color: #E00614; padding:0 5px; }

#destaque-titulo h2 { font-size: 60px; margin-top: 88px; }


h3 {
	font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
	color: #FFFFFF;
	}
	h3 span { background-color: #E00614; padding:0 5px; }

h4 {
	font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	line-height: 1.2;
	color: #E5E5E5;
	margin-top: 20px;
	}
	
	.item-treinamento h4 { margin-top: 0; }
	.item-treinamento p  { font-size: 12px;  }

#destaque-texto {
	color: #666666;
	}

#destaque-titulo p {
	font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	font-size: 22px;
	color: #333333;
	line-height: 1.3;
	}

#destaque-texto p.subtitulo {
	font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #333333;
	margin-bottom: 20px;
	}

#conteudo-esq p {
	margin-top: 15px;
	margin-bottom: 15px;
	}

#conteudo a.vermelho { background-color: #E00614; padding: 0 3px 3px; text-decoration: none; color: #FFFFFF; }
	#conteudo a.vermelho:hover { background-color: #FFFFFF; color: #E00614; }

ul.lista-itens li { background: url(../imagens/lista-bullet.png) 0 7px no-repeat; padding-left: 13px; padding-bottom: 5px; }

#conteudo-cen p {
	margin-top: 15px;
	margin-bottom: 25px;
	}
	
#rodape p {
	font-size: 10px;
	color: #FFFFFF;
	}
	
	
/* Tabelas */
.tbl-dados {
	width: 600px;
	margin: 20px auto;
	border-collapse: collapse;
	border: 1px solid #2E2E2E;
	}
	
	.tbl-dados thead th {
		background: url(../imagens/rodape-bg.png) bottom repeat-x;
		padding: 5px 10px;
		font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
		font-size: 14px;
		border-top: 1px solid #1A1A1A;
		border-bottom: 1px solid #959595;
		}
	.tbl-dados tr td {
		padding: 5px 10px;
		font-size: 12px;
		border-bottom: 1px solid #2E2E2E;
		background-color: #424141;
		}
		
		.tbl-dados tr td.cel-esq {
			background-color: #393838;
			border-right: 1px solid #2E2E2E;
			}
			.tbl-dados td.cel-last { border-bottom: 1px solid #959595; }
			.tbl-dados td.cel-last-esq { border-bottom: 1px solid #959595; background-color: #393838; border-right: 1px solid #2E2E2E;}


/*innerfade */

ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/* ================= Adicionado Telefone ================= */

#conteudo-cen p.destaque-fone { 
	font-family: "Trebuchet MS","Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 22px; 
	text-align: center; 
	font-weight: bold; }