/*
	Theme Name: Domingos Brito Arquitetura
	Theme URI: http://dzsete.com
	Description: Desenvolvido pela dzsete.com em parceria com a designer Raquel Noronha
	Version: 2014
	Author: Allan Cruz (dzsete.com)
	Author URI: http://dzsete.com
	Tags: MIS, Museu, Imagem e Som, HTML5, CSS3, DZSETE
*/


@font-face {
    font-family: 'CalibriRegular';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriBold';
    src: url('fonts/calibrib-webfont.eot');
    src: url('fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrib-webfont.woff') format('woff'),
         url('fonts/calibrib-webfont.ttf') format('truetype'),
         url('fonts/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CalibriItalic';
    src: url('fonts/calibrii-webfont.eot');
    src: url('fonts/calibrii-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrii-webfont.woff') format('woff'),
         url('fonts/calibrii-webfont.ttf') format('truetype'),
         url('fonts/calibrii-webfont.svg#CalibriItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

#legenda #output{
	width: 200px;
	height: 72px;
}
#fundo{
	background: url(img/fundo_residencial.png) transparent no-repeat; 
	width: 890px;
	height: 248px;
	position: absolute;
	z-index: 1000;
}

#fundo.residencial{
	height: 248px;
	margin-top: 55px;
}

#fundo.institucional{
	height: 320px;
	margin-top: -17px;
}
#fundo.hospitalar{
	height: 300px;
	margin-top: 2px;
}
#fundo.hotelaria{
	height: 283px;
	margin-top: 20px;
}
#fundo.comercial{
	height: 263px;
	margin-top: 40px;
}
#fundo.premios{
	height: 228px;
	margin-top: 75px;
}

.nav2{
	position: absolute;
	margin-top: 150px;
	margin-left: 230px;
	z-index:99999999999;
}

.nav2 #prev2{
	float: left;
}
.nav2 #next2{
	margin-left: 562px;
	float: left;
}

#s2 img.horizontal{
	width: 550px !important;
	height: 360px !important;
}

#s2 img.vertical{
	width: 225px !important;
	height: 360px !important;
	margin-left: 160px !important;
}


.premios #s2 img.horizontal, .premios #s2 img.vertical,.publicacoes #s2 img.horizontal, .publicacoes #s2 img.vertical{
	width: 300px !important;
	height: auto !important;
	margin-left: -130px !important;

}
.publicacoes #s2{
	margin-right: 215px;
	margin-top: 25px;
}
.publicacoes .nav2{
	margin-left: 87px;
}
.publicacoes #legenda{
	margin-top: 26px;
	margin-left: -44px;
}


#legenda .nav{
	color: #888;
	line-height: 22px;
	display: inline;
}
#legenda .nav a{
	margin-left: 5px;
	margin-right: 5px;
}
#legenda .nav a, #legenda .nav div{
	float: left;
}

#legenda{
	margin-top:205px;
	margin-left:20px;
	position: absolute;
	z-index: 99999999;
}

.pular  {
	position: absolute;
	z-index:999999999;
	float: right;
	font-size: 11px;
	top: 30px;
	right: 15%;
}
.pular a{
	color: #888;
}
.pular a:hover{
	color: orange;
}
#slideshow.pics , #slideshow .inner-slideshow{  
    height:  100% !important; 
    width: 100%  !important;   
    padding: 0;  
    margin:  0;  
    position: absolute;
    z-index:1000;
} 
#slideshow.pic img.carregando, #slideshow .inner-slideshow img.carregando {
	height:  350px !important; 
    width: 450px  !important; 
    margin-top: 15%;
    margin-left: 33%;  
}
 
#slideshow.pics img, #slideshow .inner-slideshow img {  
    height:  100%  !important; 
    width:  100% !important;    
    top:  0; 
    left: 0 
} 

.menu-topo ul{
	display: inline;
	list-style: none;
}

.menu-topo ul li{
	float: left;
}
.menu-topo ul li a{
	color: #888888;
}
.menu-topo ul li .titulo{
	text-align: left;
	width: 115px;
	padding-left: 20px;
	margin-top: -20px;
	display: none;
	text-transform: lowercase;
	
	font-size: 15px;
}

.menu-topo ul li img{
	height: 135px;
	width: auto;
	margin-top: 17px;
}

.menu-topo ul li a:hover img{
	margin-top: 0px;
}
.menu-topo ul li a:hover .titulo{
	margin-top: 0px;
	display: block;
}

.menu-topo ul li a .titulo:hover, li.current-menu-item a{
	color: orange !important;
	font-weight: bold;
}



#nav_menu-3{
	margin-top: 112px;
}


/*------------------------------------*\
    MAIN
\*------------------------------------*/

.sidebar-widget{
	float: left;
}
.sidebar-widget ul{
	padding: 0;	
}

#html5-lightbox #html5-text{
	text-align: center !important;
}


/* global box-sizing */
*,
*:after, 
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family:  'CalibriRegular', 'Calibri',;
	font:300 13px;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
a img, img a{
	border: none;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1100px;
	width:1100px;
	margin:0 auto;
	position:relative;
}
/* header */
.header {
	margin-top: 100px;
}
/* logo */
.logo {
	width: 125px;
	height: 100px;
	float: right;
}


/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
main .home{
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	float: left;
	
}

section.coluna1{
	width: 975px;
	float: left;
	padding-right: 25px;
	padding-top: 70px;
	padding-left: 75px;
	font-size: 11px;
	color: orange;
}
section.coluna2{
	width: 125px;
	float: left;
	
}

section.coluna2 ul{
	list-style: none;
	text-transform: lowercase;
	
	font-size: 15px;
	padding: 0px;
}
section.coluna2 ul a{
	color: #888;
	line-height: 18px;
}
section.coluna2 ul a:hover{
	color: orange;
	font-weight: bolder; 
}

.contato section.coluna1{
	background: url(img/fundo_contato.jpg) no-repeat; 
}
.publicacoes section.coluna1{
	background: url(img/fundo_publicacoes.jpg) no-repeat; 
	min-height: 300px;
}

.single h1{
	font-size: 14px;
	text-transform: none;
}
.single h1 a{
	font-size: 14px;
	text-transform: none;
}


.pagination{
	margin: 0 auto;
	width: 600px;
	text-align: center;
}

.coluna1 .attachment-post-thumbnail{
	float: left;
}
.endereco{
	float: left;
	margin-left: 30px;
	margin-top: 60px;
	padding-left: 30px;
	min-height: 100px;
	width: 215px;
	padding-top:10px;
	background: url(img/endereco.jpg) top left no-repeat; 
} 
.telefone{
	float: left;
	background: url(img/telefone.jpg) top left no-repeat; 
	margin-top: 60px;
	padding-left: 35px;
	min-height: 100px;
	padding-top:10px;
	width: 118px;
	margin-right: 10px;
} 
.email {
	float: left;
	background: url(img/email.jpg) top left no-repeat; 
	margin-top: 60px;
	padding-left: 40px;
	min-height: 100px;
	padding-top:10px;
	width: 200px;
}



/*------------------------------------*\
    IMAGES
\*------------------------------------*/
header{

	height:150px;
  
	}




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		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;
	}
}