
/*
 ---------- CSS Templates ----------
*/

body {
	margin: 0;
	padding: 0;
	background: #961D46 url(../images/img01.jpg) repeat;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	color: #414141;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	/*text-transform: lowercase;*/
	font-weight: normal;
	color: #7D7764;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
    margin-bottom: 15px;
}

h4 {
	font-size: 1.0em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #CA4C44;
}

a:hover {
}

#wrapper {
	overflow: hidden;
	background-color: #FFFFFF;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

/* ---------- Header ---------- */

#header {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	padding: 0px 20px;
	background: url(../images/img01.jpg) no-repeat left top;
}

#header-wrapper {
	overflow: hidden;
	height: 600px;
	background: url(../images/img02.jpg) repeat-x left top;
}

#header-int {
	overflow: hidden;
	height: 150px;
	background: url(../images/img02.jpg) repeat-x left top;
}

#img-background {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	padding: 0px 20px;
	background: url(../images/img01.jpg);
}


/* ---------- Banner ---------- */

#banner {
	overflow: hidden;
	height: 400px;
	background: url(../images/img04.jpg) no-repeat center bottom;
	margin-top:20px;
}

#banner .image-style {
	border: 15px solid #F4F4F4;
}


/* ---------- Logo ---------- */

#logo {
    float: left;
    width: 300px;
    margin: 0;
    padding: 30px 0px 0px 0px;
    color: #000000;
}


#logo h1, #logo p {
}

#logo h1 {
	padding: 60px 0px 0px 0px;
	letter-spacing: -2px;
	/*text-transform: lowercase;*/
	font-size: 3.8em;
}

#logo p {
	margin-top: -10px;
	padding: 0px 0px 0px 5px;
	font-size: 22px;
	color: #FFFFFF;
} 

#logo p a {
	color: #FFFFFF;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* ---------- Splash ---------- */

#splash {
	overflow: hidden;
	padding: 0px 0px 50px 0px;
	border-bottom: 1px dashed #E7E2DC;
	letter-spacing: -3px;
	text-align: center;
	font-size: 48px;
}

#splash span {
	color: #313131;
}



/* ---------- Search ---------- */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	/*text-transform: lowercase;*/
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

/* ---------- Menu ---------- */

#menu {
	float: right;
	width: 650px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 85px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 1px;
	padding: 10px 0px 15px 30px;
	text-decoration: none;
	/*text-transform: lowercase;*/
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #EFEFEF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
}

#menu .current_page_item a {
}

/* ---------- Page ---------- */

#page {
	padding: 30px 0px 0px 0px;
}

/* ---------- Content ---------- */

#content {
	float: left;
	width: 620px;
	padding: 0px 40px 0px 0px;
	background: url(../images/img05.jpg) no-repeat right 40px;
}

#content-int {
	float: left;
	padding: 10px 0px 0px 20px;
	width: 980px;
}

.post {
	overflow: hidden;
}

.post .title {
	padding: 0px 0px 30px 0px;
	letter-spacing: -3px;
}

.post .title a {
	border: none;
	/*text-transform: lowercase;*/
	color: #7D7764;
}

.post .meta {
	margin-bottom: 30px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.links {
	padding-top: 20px;
	margin-bottom: 30px;
}

.more {
	display: block;
	float: left;
	width: 88px;
	height: 25px;
	padding: 2px 0px 0px 0px;
	margin-right: 10px;
	background: url(../images/img08.jpg) no-repeat left top;
	text-align: center;
	color: #FFFFFF;
}

.comments {
	display: block;
	float: left;
	width: 88px;
	height: 25px;
	padding: 2px 0px 0px 0px;
	background: url(../images/img08.jpg) no-repeat left top;
	text-align: center;
	color: #FFFFFF;
}

.col1x1 {
    z-index: 10;
    position: relative;
    margin: 0px;
    padding: 0px 0px 40px 0px;
    width: 970px;
    float: left;
}

.col1x4 {
    z-index: 10;
    position: relative;
    margin: 0px;
    padding: 0px 15px;
    width: 440px;
    float: left;
}

.col1x3 {
    z-index: 10;
    position: relative;
    margin: 0px;
    padding: 0px 10px;
    width: 300px;
    float: left;
}

.col4x6 {
    z-index: 10;
    position: relative;
    margin: 0px;
    padding: 0px 15px;
    width: 610px;
    float: left;
}

/* ---------- Sidebar ---------- */

#bannerlateral {
	float: right;
	width: 320px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #787878;
    border: 10px solid #F4F4F4;
}

#video {
    float: right;
	width: 320px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #787878;
    border: 10px solid white;    
}

#video h2 {
	padding: 0px 0px 30px 0px;
	letter-spacing: -3px;
}

#sidebar {
	float: right;
	width: 320px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #787878;
}

#sidebar h2 {
	padding: 0px 0px 30px 0px;
	letter-spacing: -3px;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* ---------- Calendar ---------- */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* ---------- Three Column Footer Content ---------- */

#footer-content {
	background: url(../images/img04.png) no-repeat center top;
	/*color: #E2B8C6;*/
	color: #CCC;
}

#footer-bg {
	overflow: hidden;
	padding: 0px 0px;
	/*padding: 70px 0px;*/
}

#footer-content h2 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	letter-spacing: -2px;
	text-shadow: 1px 2px 0px #234;
	/*text-transform: lowercase;*/
	font-size: 36px;
	color: #FFFFFF;
}

#column1 {
	float: left;
	width: 320px;
	margin-right: 20px;
	padding: 30px 0px;

}

#column2 {
	float: left;
	width: 320px;
	padding: 30px 0px;
}

#column3 {
	float: right;
	width: 320px;
}

/* ---------- Footer ---------- */

#footer {
	height: 180px;
	margin: 0 auto;
	padding: 50px 0px 0px 0px;
	background: url(../images/img04.png) no-repeat center top;
}

#footer p {
	margin: 0;
	padding-top: 0px;
	line-height: normal;
	text-align: center;
	color: #CCC;
	/*color: #C76485;*/
}

#footer a {
	color: #CCC;
}

#marketing {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 20px 0px 10px 0px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

#marketing .text1 {
	float: left;
	margin: 0px;
	padding: 0px;
	letter-spacing: -2px;
	/*text-transform: lowercase;*/
	font-size: 34px;
	color: #345E9B;
}

#marketing .text2 {
	float: right;
}

#marketing .text2 a {
	display: block;
	width: 252px;
	height: 38px;
	padding: 15px 0px 0px 0px;
	background: url(../images/img07.jpg) no-repeat left top;
	letter-spacing: -2px;
	text-align: center;
	/*text-transform: lowercase;*/
	font-size: 30px;
	color: #FFFFFF;
}

.box1 {
	overflow: hidden;
	height: 300px;
	background: url(../images/img04.jpg) no-repeat center bottom;
}

.list-style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style1 li {
	padding: 7px 0px 7px 0px;
	border-top: 1px dashed #E7E2DC;
}

.list-style1 .first {
	padding-top: 0px;
	border-top: none;
}


.list-style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-style2 li {
	padding: 7px 0px 7px 0px;
	background: url(../images/img06.png) repeat-x left top;
}

.list-style2 a {
	color: #CCC;
}

.list-style2 a:hover {
	color: #FFF;
}

.list-style2 .first {
	padding-top: 0px;
	background: none;
}

/* ---------- Frame Photos ---------- */

.fotoBigFrame {
	margin: 0 auto;
	width: 206px;
	height: 266px;
	background: url(../images/sliderFrameFotoBig.png) no-repeat 0px 0px;
}

.fotoBig {
	margin: 0 auto;
	width: 142px;
	height: 199px;
	top: 17px;
	position: relative;
}

.fotoFrame {
	margin: 0 auto;
	width: 128px;
	height: 174px;
	background: url(../images/sliderFrameFoto.png) no-repeat 0px 0px;
}

.fotoMembros {
	margin: 0 auto;
	width: 76px;
	height: 107px;
	top: 17px;
	position: relative;
}

.fotoCaption {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	top: -20px;
	position: relative;
}

.listAdvogado {
	padding: 5px 0px 0px 0px;
	/*font-family: 'Open Sans' , sans-serif;*/
	font-size: 1.05em;
	color: #2F404E;
	font-weight: 300;
}

.listDescricao {
	padding: 0px 0px 0px 0px;
	/*font-family: 'Open Sans' , sans-serif;*/
	font-size: 0.9em;
	color: #323232;
	font-weight: 100;
}

/*  ---------- Redes Sociais ----------  */

#Social {
    z-index: 500;
    margin: 0px auto;
    padding: 0px;
    width: 75px;
    height: 271px;
    position: relative;
    top: -12px;
    right: 20px;
}

#SocialBG {
    margin: 0px;
    padding: 0px;
    width: 75px;
    height: 185px;
    position: relative;
    background-color: #0F3;
    background: url(../images/socialRibbonbg.png) repeat-y 0px 0px;
}

#SocialFinal {
    margin: 0px;
    padding: 0px;
    width: 75px;
    height: 71px;
    position: relative;
    background: url(../images/socialRibbonfinal.png) no-repeat 0px 0px;
}

#Twitter {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 45px;
    height: 45px;
    top: 20px;
    left: 16px;
}

#Twitter a {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat 0px 0px;
    position: absolute;
}

#Twitter a:hover {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat 0px -45px;
    position: absolute;
}

#Facebook {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 45px;
    height: 45px;
    top: 75px;
    left: 16px;
}

#Facebook a {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat -45px 0px;
    position: absolute;
}

#Facebook a:hover {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat -45px -45px;
    position: absolute;
}

#Vimeo {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 45px;
    height: 45px;
    top: 130px;
    left: 16px;
}

#Vimeo a {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat -90px 0px;
    position: absolute;
}

#Vimeo a:hover {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat -90px -45px;
    position: absolute;
}

#breadcrumb {
	font-size: 0.9em;
	color: #757575;
	-moz-text-shadow: 1px 2px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	margin-bottom: 50px;
}

#breadcrumb a {
	margin: 0px;
	padding: 0px;
	color: #999;
	-moz-text-shadow: 1px 2px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
	text-decoration: none;
}

/*#breadcrumb a::after {
	content: " / ";
}*/

#breadcrumb a:hover {
	color: #4F4F4F;
	-moz-text-shadow: none;
	text-shadow: none;
}

#breadcrumb a.selected {
	color: #DF040B;
	-moz-text-shadow: none;
	text-shadow: none;
}

/*  ---------- Formulario ----------  */
.frmMA fieldset { border:1px solid #cccccc; padding:2%; margin-bottom:20px; }
.frmMA fieldset legend {font-family: 'Open Sans Condensed', sans-serif; font-size:1em; font-weight:bold; padding:10px; }
.frmMA fieldset label { display:block; padding-bottom:5px; font-family: 'Open Sans', sans-serif; font-size:0.8em;}
.frmMA fieldset input { display:inline-block; }
.frmMA fieldset .campoTexto,
.frmMA fieldset textarea { width:98%; padding:0 1%; line-height:24px; font-size:1em; font-family: 'Open Sans', sans-serif; border:thin solid #cccccc;}
.frmMA fieldset .campoTexto { height: 32px; }
.frmMA fieldset .campoRdTx { margin-right:10px;}
.frmMA fieldset .labelRdTx { font-family:'Open Sans', sans-serif; font-size:0.8em; }
.frmMA fieldset select { width:100%; height:28px; font-family:'Open Sans', sans-serif; font-size:0.8em;  border:thin solid #cccccc;  }
.frmMA fieldset span { display:inline-block; line-height:28px; margin-right:20px; }

.frmMA fieldset button {
	display:inline-block;
	vertical-align:baseline;
	margin:0 0 15px 0;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font:14px/100% Arial,Helvetica,sans-serif;
	padding:.5em 2em .55em;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	border-radius:.5em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
	float:right;
	color:#606060;
	border:solid 1px #b7b7b7;
	background:#fff;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
	background:-moz-linear-gradient(top,#fff,#ededed);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed'); }

.frmMA fieldset button:hover {
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#cccccc));
	background:-moz-linear-gradient(top,#fff,#cccccc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc'); }

.frm1col, .frm2col, .frm3col { clear:both; }
.frm1col > div { width:98%; margin-bottom:20px; padding:0 1%; }
.frm2col > div { float:left; width:48%; margin-bottom:20px; padding:0 1%; }
.frm3col > div { float:left; width:31%; margin-bottom:20px; padding:0 1%; }
.frm3col > div:first-child { width:32%; }
.frm2col2 > div { float:left; width:31%; margin-bottom:20px; padding:0 1%; }
.frm2col2 > div:first-child { width:65%; }
.frm2col3 > div { float:left; width:31%; margin-bottom:20px; padding:0 1%; }
.frm2col3 > div:first-child { width:32%; }

.steps { clear:both; }
.steps > div { 
	float:left; 
	width:31%; 
	margin:25px 0; 
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:1em; 
	font-weight:bold; 
	text-align:center; 
	border:thin solid #cccccc;  
	padding:0 1%; 
}

ul.steps {
	z-index: 1;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	float: left;
	list-style: none;
	height: 38px; /*--Set height of tabs--*/
	width: 100%;
	border-bottom: 4px solid #F9F9F9;
	font-family: 'Open Sans Condensed', sans-serif; 
}

ul.steps li {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 42px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 44px; /*--Vertically aligns the text within the tab--*/
	/*margin-bottom: -1px; /*--Pull the list item down 1px--*/
	position: relative;
}

ul.steps li a {
	text-decoration: none;
	color: #CCC;
	display: block;
	font-size: 28px;
	padding: 0px 5px;
}

ul.steps li a:hover {
	height: 40px;
	border-bottom: 4px solid #B3CDE1;
}

ul.steps li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	border-bottom: 4px solid #99CC99; /*--Makes the active tab look like it's connected with its content--*/
	/*background: url(../images/arrowTabsGreen.png) no-repeat 5px 35px;*/
	height: 40px;
}

ul.steps li.active a  {
	color: #505050;
	height: 52px;
}

ul.steps li.active a:hover  {
	height: 52px;
	border:0;
}

ul.steps .passoAtivo { border-bottom: 4px solid #B3CDE1; color: #B3CDE1; }

.newsLine {
	width: 100%;
	float: left !important;
	/*min-height: 250px;*/
	margin: 0px 0px 15px 0px;
	padding: 0px;
	position: relative;
}

.newsDate {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #323232;
	font-weight: 100;
	font-style: italic;
}

.newsDateGroup {
	padding: 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #757575;
	font-weight: 300;
	background: url(../images/stripeLine.gif) repeat-x 0 0;
	clear: both;
}
.newsTitle {
	padding: 0px 0px 10px 0px;
	font-family: 'Open Sans' , sans-serif;
	font-size: 1.1em;
	color: #333;
	font-weight: 500;
}

.newsTitle a {
	color: #333;
}

.newsBold {
	font-weight: bold;
}

.newsLight {
	font-weight: normal;
	font-size: 1.05em;
}

.articleAuthor {
	padding: 4px 0px 0px 0px;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.9em;
	color: #323232;
	font-weight: 500;
	font-style: italic;
}


.invalidField {
    border: 1px solid #ff7870 !important;
    background-color: #ffeeee !important;
}

.invalidField:focus {
    background-color: #ffeeee !important;
}

.loadInput {
    background: white url('../../Content/Images/ajax-loader.gif') no-repeat 98%;
}

.frmlabelinline {
    display: inline!important;
    padding-right: 10px;
}

#oabYoutube {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    top: 130px;
    left: 16px;
}

#oabYoutube a {
    width: 45px;
    height: 45px;
    background: url(../images/social.png) no-repeat -135px 0;
    position: absolute;
}

#oabYoutube a:hover{
    width:45px;height:45px;
    background:url(../images/social.png) no-repeat -135px -45px;
    position:absolute
}