/**
 * Klajman & Fromtchuk
 *
 * Theme name: Corporeum
 * Author: MG Studio
 * Author URI: http://mgstudio.com.br/
 * Version: 1.0
 **/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/**
 * Geral
 */

/* apply a natural box layout model to all elements
   http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

body{
	background: url(img/bg_body.jpg);
	background: radial-gradient(ellipse at center, rgba(30,87,153,0) 60%,rgba(0,0,0,0.2) 120%) no-repeat,
				url(img/bg_body.jpg) repeat; /* W3C */
	background-size: cover, auto;
	font-family: 'PT Sans Narrow', 'Arial Narrow', sans-serif;
	line-height: 1.8em;
}

h1, h2{
	font-size: 2.5em;
	line-height: 1;
	margin-bottom: 1em;
	font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
}

h2{
	font-size: 2em;
	font-style: italic
}

p{
	margin-bottom: 1.8em
}

a{
	color: #000;
	text-decoration: none;
}

b, strong{
	font-weight: bolder;
}

i, em{
	font-style: italic;
}


/**
 * Header
 */

.page-head{
	background: #dedcc3;
	margin-top: 25px;
}

.page_head .container{
	position: relative;
}

.site-logo{
	float: left;
	margin: -25px 0 20px;
}

.site-logo a{
	display: block;
	width: 243px;
	height: 169px;
	background: url(img/logo.png) no-repeat;
}

.site-nav{
	padding-top: 79px;
}

.site-nav{
	text-align: right;
}

.site-nav li{
	display: inline-block;
	font-size: 1.1em;
	letter-spacing: 1px;
}

.site-nav a{
	display: block;
	margin-left: 1em;
	padding: .5em;
	-webkit-transition: all, .3s ease;
	-moz-transition: all, .3s ease;
	-ms-transition: all, .3s ease;
	-o-transition: all, .3s ease;
	transition: all, .3s ease;
}

.site-nav a:hover{
	background: #000;
	color: #dedcc3;
}

.social-net{
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

/**
 * Main
 */

.areas-de-atuacao .main-container{
	background: url(img/atuacao.jpg) center top no-repeat;
}
.contato .main-container{
	background: url(img/contato.jpg) center top no-repeat;
}
.equipe .main-container{
	background: url(img/equipe.jpg) center top no-repeat;
}
.quem-somos .main-container{
	background: url(img/quem-somos.jpg) center top no-repeat;
}

.home #main{
	padding: 0;
	background: url(img/footer-shadow.png) center top no-repeat,url(img/klajman-froimtchuk.jpg) center top no-repeat;
	background-size: 100% auto,auto;
	height: 590px;
	margin-bottom: 0;
}

#main{
	padding-top: 245px;
	margin-bottom: 50px;
	background: transparent url(img/footer-shadow.png) center top no-repeat;
	background-size: 100% auto;
	position: relative;
}

.columns{
	text-align: justify;
	-moz-column-count: 2;
	-moz-column-gap: 80px;
	-webkit-column-count: 2;
	-webkit-column-gap : 80px;
	-moz-column-rule-color:  #ccc;
	-moz-column-rule-style:  solid;
	-moz-column-rule-width:  1px;
	-webkit-column-rule-color:  #ccc;
	-webkit-column-rule-style: solid ;
	-webkit-column-rule-width:  1px;
	column-count: 2;
	column-gap: 80px;
	column-rule-color:  #ccc;
	column-rule-style:  solid;
	column-rule-width:  1px;
}

.kf,
.associados{
	font-family: 'Libre Baskerville', 'Times New Roman', Times, serif;
}

.kf{
	float: left;
	width: 360px;
}
.kf li{
	font-style: italic;
	font-size: 1.4em;
	line-height: 1.75;
}

.associados{
	margin-left: 360px;
}
.associados li{
	font-style: italic;
	line-height: 2.6;
}

.contenciosa,
.empresarial,
.trabalhista{
	float: left;
	width: 33%;
	padding: 15.625em 2em 0;
	text-align: center;
}

.contenciosa{
	background: url(img/contenciosa.png) center top no-repeat;
}
.empresarial{
	background: url(img/empresarial.png) center top no-repeat;
}
.trabalhista{
	background: url(img/trabalhista.png) center top no-repeat;
}


/**
 * Form
 */

#form-contato{
	width: 66%;
	padding: 0 80px 40px 0;
	position: relative;
	float: left;
}

.form-field{
	width: 50%;
	margin-bottom: 1em;
}

.form-field.mensagem{
	position: absolute;
	right: 0;
	top: 0;
	margin-bottom: 0;
}

#submit{
	background: #231f20;
	color: #fff;
	width: auto;
	position: absolute;
	right: 0;
	bottom: 55px;
	width: 50%;
	text-align: center;
	text-transform: uppercase;
}

label{
	display: block;
}

input,
textarea{
	border: 0;
	background-color: #dddbc2;
	font: 1em/1.5' PT Sans Narrow', 'Arial Narrow', sans-serif;
	line-height: 1.5em;
	width: 100%;
	padding: .3em;
}

input:focus,
textarea:focus{
	outline: 0;
	border: 0;
}

textarea{
	height: 135px;
}

/**
 * Cartão schema no formulário de contato
 */
.card{
	position: absolute;
	right: 0;
	width: 33%;
	padding-left: 1em;
	margin-top: 20px;
	border-left: 2px solid;
}

.card p{
	padding: .5em 0 .5em 42px;
	line-height: 1;
	margin-bottom: 1em;
}

.card .endereco,
.card .telefone,
.card .facebook,
.card .email{
	background: url(img/contato.png) no-repeat;
}
.card .telefone{ background-position: 0 -53px; }
.card .facebook{ background-position: 0 -111px; }
.card .email{ background-position: 0 -163px; margin: 0;}


/**
 * Footer
 */
.page-footer{
	background: url(img/footer-shadow.png) center top no-repeat;
	background-size: 100% auto;
	margin-top: 2em;
	padding: 2em 0 0;
	text-align: center;
	clear: both;
	position: relative;
}

#bymgstudio {
	position: absolute;
	right: 16px;
	bottom: 0px;
	font-size: 9px;
	color: #777;
}
#bymgstudio:hover {
color: #333;
}

/**
 * Classes comuns
 */
.container{
	width: 960px;
	margin: 0 auto;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.vhidden{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}