/**
 * C A S C A D I N G  S T Y L E  S H E E T
 *
 * @project		devera.com.br
 * @version		1.0
 * @package		layout
 * @author 		Thiago Ganimi - Waio Soluções em TI
 * @since		JAN 2012
-----------------------------------------------------------------------------*/


/** @Import CSS
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("common.css");


/**
 *
 *
 * L A Y O U T
-----------------------------------------------------------------------------*/
body {
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
}


.wrapper {
	width:940px;
	margin:0 auto;
	padding:0 10px;
}


/** Header
-----------------------------------------------------------------------------*/
#header {
	background:url(../images/bg-header.png) repeat-x;	
	border-top:5px solid #25456f;
}
#header .wrapper #top {
	height:160px;
	background:#fff;	
}
#header .wrapper #top a {
	display:block;
	float:left;
	width:382px;
	height:113px;
	margin:35px 0 0 23px;
	background:url(../images/img-logo.png) no-repeat;
	text-indent:-9999px;
}
#header .wrapper #top h2 {
	float:left;
	width:260px;
	height:46px;
	margin:-65px 0 0 463px;
	background:url(../images/img-tel-header.png) no-repeat;
	text-indent:-9999px;
}
#header .wrapper #top img {
	position:absolute;
	margin:9px 0 0 340px;	
	
}
.ie7 #header .wrapper #top img {
	position:absolute;
	margin:-139px 0 0 20px;
}
/* Menu */
#header .wrapper #menu {
	float:left;
	width:940px;
	height:98px;
	background:url(../images/bg-menu.png) no-repeat;		
}
#header .wrapper #menu #main-menu {
	margin:40px 0 0 0;	
}
#header .wrapper #menu #main-menu li a {
	display:block;
	float:left;
	font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#fff;		
}
.ie7 #header .wrapper #menu #main-menu li {
	display:inline;
}
#header .wrapper #menu #main-menu li a:hover {
	color:#9e9e9e;	
}
#header .wrapper #menu #main-menu li #iten-home {
	width:68px;
	background:url(../images/img-dot.png) no-repeat;
	background-position:63px 7px;
	margin-right:18px;	
}
#header .wrapper #menu #main-menu li #iten-escritorio {
	width:95px;
	background:url(../images/img-dot.png) no-repeat;
	background-position:92px 7px;
	margin-right:18px;	
}
#header .wrapper #menu #main-menu li #iten-advogados {
	width:110px;
	background:url(../images/img-dot.png) no-repeat;	
	background-position:105px 7px;
	margin-right:18px;
}
#header .wrapper #menu #main-menu li #iten-areas {
	width:158px;
	background:url(../images/img-dot.png) no-repeat;
	background-position:154px 7px;
	margin-right:18px;	
}
#header .wrapper #menu #main-menu li #iten-links {
	width:172px;
	background:url(../images/img-dot.png) no-repeat;
	background-position:168px 7px;
	margin-right:18px;	
}
#header .wrapper #menu #main-menu li #iten-doe {
	width:161px;
	background:url(../images/img-dot.png) no-repeat;
	background-position:153px 7px;
	margin-right:18px;	
}
#header .wrapper #menu #main-menu li #iten-contato {
	
}
/** Container
-----------------------------------------------------------------------------*/
#container {
	background:#7b92ae url(../images/bg-c_03.png) repeat-x;
}
#container .wrapper {
	width:940px;
	padding:0 0 26px 0;
	background:#fff;	
}
#container .wrapper #banner {
	margin:0 auto;
	width:898px;
	height:292px;
	text-align:center;
	border:1px solid #cacaca;	
}
#container .wrapper #banner .iten-slider img {
	margin:16px 0 0 0;	
}
#container .wrapper #apresentacao {
	width:898px;
	margin:0 auto;
	padding:35px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c3659;
}
#container .wrapper #apresentacao h1 {
	width:630px;
}	
#container .wrapper h3 {
	width:898px;
	margin:0 auto;
	padding:30px 0 12px 0;
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#015594;
	border-bottom:1px solid #cacaca;	
}
#container .wrapper #list-1 {
	float:left;
	width:400px;
	height:134px;
	margin:20px 0 0 35px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#505050;
	list-style:disc;
}
#container .wrapper #list-1 li, #container .wrapper .list-2 li {
	padding-bottom:12px;	
}
#container .wrapper .list-2 {
	float:left;
	width:164px;
	height:134px;
	margin:20px 0 0 77px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#505050;
	list-style:disc;	
}
/** Footer
-----------------------------------------------------------------------------*/
#footer {
	background:#7b92ae url(../images/bg-footer-t.png) repeat-x;	
}
#footer .wrapper {
	width:920px;
	height:175px;
	background:#fff;
	border-bottom:8px solid #25456f;
}
#footer .wrapper #content-footer {
	width:898px;
	height:141px;
	margin:0 0 0 10px;
	background:#3c506a;
	border:1px solid #cacaca;		
}
#footer .wrapper .itens-footer {
	float:left;
	width:255px;
	height:116px;
	margin:20px 43px 0 0;
}
#footer .wrapper .margin {
	margin:20px 43px 0 10px !important;	
}
#footer .wrapper .no-margin {
	margin:20px 0 0 40px;	
}
#footer .wrapper .margin-left {
	margin:20px 0 0 40px;	
}
#footer .wrapper .margin-adjust {
	margin:-117px 0 0 640px;	
}
#footer .wrapper .itens-footer h4 {
	margin:0 0 0 10px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#fff;	
}
#adjust-contato {
	margin:0 0 0 -2px !important;	
}
/*Navegação rápida*/
#footer .wrapper .itens-footer #nav-rapida {
	width:255px;
	height:75px;
	margin:24px 0 0 10px;
}
#footer .wrapper .itens-footer #nav-rapida li {
	display:inline;
}
#footer .wrapper .itens-footer #nav-rapida li a {
	display:block;
	float:left;
	width:120px;
	padding:0 0 10px 7px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/dot-footer.png) no-repeat;	
	background-position:0 5px;
}
#footer .wrapper .itens-footer #nav-rapida li a:hover {
	text-decoration:underline;	
}
/*Consultas*/
#footer .wrapper .itens-footer #consultas {
	width:255px;
	height:75px;
	margin:24px 0 0 10px;	
}
#footer .wrapper .itens-footer #consultas li {
	padding-bottom:10px;
	background:url(../images/dot-footer.png) no-repeat;
	background-position:0 5px;
}
#footer .wrapper .itens-footer #consultas li a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 8px;	
}
#footer .wrapper .itens-footer #consultas li a:hover {
	text-decoration:underline;	
}
#list-contato li { color:#fff !important; }
#stripe {
	position:absolute;
	display:block;
	width:853px;
	height:5px;
	margin:47px 0 0 19px;
	background:url(../images/stripe-footer.png) no-repeat;	
}

.ie7 #stripe {
	margin:-91px 0 0 -875px;	
}

/*Contato*/
#footer .wrapper .itens-footer #list-contato {
	width:255px;
	height:75px;
	margin:24px 0 0 0;	
}
#footer .wrapper .itens-footer  #list-contato li {
	padding-bottom:10px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;	
}
/*.pipe {
	position:relative;
	margin:65px 0 0 -600px;	
}
.pipe2 {
	position:relative;
	margin:65px 0 0 250px;	
}*/

/* --- COPYRIGHT --- */
#footer div.copyright {
	float:left;
	height:20px;
	margin:9px 0 0 0;
}
#footer div.copyright span {
	float:left;
	width:530px;
	height:20px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	text-align:right;
}
#footer div.copyright span strong {
	font-weight:bold;
}
#footer div.copyright a {
	float:right;
	display:block;
	width:155px;
	height:20px;
	margin-right:230px;
	padding-left:5px;
	font:normal 10px/18px Verdana, Geneva, sans-serif;
	text-align:left;
	color:#069;
	background:url(../images/img-waio-footer.png) 102px -64px no-repeat;
}
#footer div.copyright a:hover {
	background:url(../images/img-waio-footer.png) 102px -32px no-repeat;
}
#footer div.copyright a span {
	display:none;
}


/**
 *
 *
 * P A G E S
-----------------------------------------------------------------------------*/
/** PAGE - Escritório
-----------------------------------------------------------------------------*/
.escritorio {
	width:898px;
	margin-left:20px;
	padding:15px 0 15px 0;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c3659;
	border-bottom:1px solid #cacaca;		
}

#click-zoom {  
	display:block;
	width:289px;
	height:18px;
	margin:30px 0 0 20px;
	background:url(../images/fotos-zoom.png) no-repeat;
	text-indent:-9999px;
}

#gallery {
	margin:10px 0 0 20px;
}

#gallery li {
	margin:0 18px 0 0;
	float:left;
	padding:12px;
	border:1px solid #c3c3c3;
}

#adjust-margin {
	clear:both;
	margin-top:35px !important;	
}

.margin-b {
	margin-bottom:250px !important;
	border-bottom:none;	
}
.escritorio h4 {
	width:250px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c3659;		
}

#list-endereco {
	width:858px;
	height:80px;
	margin:20px 0 0 20px;
	padding:20px;
	background:#e8e8e8;
}

#list-endereco ul {
	float:left;
	margin-right:90px;	
	background:#e8e8e8;
}
#list-endereco ul li h4 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#1c3659;	
}
#list-endereco ul li p {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#1c3659;	
}

#end-campo-limpo {
	margin:0 0 0 68px;	
}

/** PAGE - Advogados
-----------------------------------------------------------------------------*/
.perfil {
	width:898px;
	margin-left:20px;
	padding:15px 0 15px 0;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c3659;
	border-bottom:1px solid #cacaca;		
}
.perfil h4 {
	font-size:18px;	
}
.perfil .info {
	margin:10px 0 0 0;
	background:#f5f5f5;
	border:none;	
}
.perfil .info .foto {
	float:left;
	width:102px;
	margin:5px 0 0 5px;	
	padding:10px;
	background:#fff;
	border:1px solid #d9d9d9;
}
.perfil .info .especialidades span, .perfil .info .perfil-contato span {
	display:block;
	margin:2px 0 0 0;
	padding-bottom:6px;
	font-size:18px;
}
.perfil .info .especialidades p, .perfil .info .perfil-contato p {
	margin:0 0 10px 0;	
}
.perfil .info .perfil-contato p.no-pdg {
	margin:0 0 0 0;	
}
#list-equipe {
	margin-top: 15px;
	float: left;
	width: 100%;
}
#margin-list-equipe {
	margin-left:34px !important;	
} 
#list-equipe li {
	float:left;
	margin: 0 auto;
	text-align: center;
	width:400px;
	margin-left:260px;
	padding:15px 15px 3px;
	border-radius: 8px;
	box-shadow: 1px 1px #ccc;
	border:1px solid #d9d9d9;	
}
.legenda {
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#1c3659;	
}
/** PAGE - Áreas de Atuação
-----------------------------------------------------------------------------*/
.escritorio ul li {
	width:400px;
	float:left;
	margin:0 0 0 15px;
	padding:5px 0 5px 0;
	list-style:disc;	
}

.escritorio ul li.margin {
	margin:25px 0 0 15px;
}

.clear {
	clear:both;
}
/** PAGE - Links Interessantes
-----------------------------------------------------------------------------*/
.escritorio .small-list li {
	width:280px;	
}
.escritorio a {
	color:#1c3659;
}
.escritorio a:hover {
	color:#9e9e9e;
	text-decoration:underline;	
}
/** PAGE - Contato
-----------------------------------------------------------------------------*/
#left-side {
	float:left;
	width:290px;
	margin:25px 0 0 20px;	
}
#left-side #dados-endereco  h4 {
	padding-bottom:12px;
	font:normal 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c3659;	
}
#left-side #dados-endereco p {
	margin-bottom:8px;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#5c5c5c;	
}
#left-side span {
	display:block;
	margin:45px 0 0 0;
	font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1c3659;			
}
#form-contato {
	width:250px;
	margin:8px 0 0 0;
}
#form-contato p {
	margin:0 0 20px 0;	
}
#form-contato p.aviso {
	float:left;
	width:100px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#727272;	
}
#form-contato label {
	display:block;
	float:left;
	width:70px;	
}
#form-contato input {
	width:280px;
	height:26px;
	padding:0 0 0 5px;
	border:1px solid #cacaca;
	color:#727272;
}
#form-contato textarea {
	width:280px;
	padding:5px 0 0 5px;
	color:#727272;	
	border:1px solid #cacaca;	
}
#form-contato #enviar {
	display:block;
	width:54px;
	height:23px;
	margin:-8px 0 0 232px;
	background:url(../images/btn-enviar.png) no-repeat;
	text-indent:-9999px;
	border:none;	
}
#map {
	margin:25px 0 60px 380px;
	width:475px;
	height:420px;
	text-align:center;
	border:1px solid #b8b8b8;
}
#map iframe {
	margin:12px 0 0 0;	
}
/** PAGE - Publicações DOE
-----------------------------------------------------------------------------*/
.margin-doe {
	margin-bottom:450px !important;
	border-bottom:none;	
}


/** PRINT STYLESHEET
-----------------------------------------------------------------------------*/
@media print { 
	* {
		text-indent:0 !important;
		text-shadow:none !important;
		color:black !important;
		background:transparent !important;
		filter:none !important;
		-ms-filter:none !important;
	}
	a, a:visited {
		color:#444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border:1px solid #999;
		page-break-inside:avoid; 
	} 
	thead {
		display:table-header-group;
	} 
	tr, img {
		page-break-inside:avoid;
	} 
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	} 
	p, h2, h3 {
		orphans:3;
		widows:3;
	}
	h2, h3 {
		page-break-after:avoid;
	}
}