/*
Theme Name: Andrade Morettin 2012
Author: Lucia Dossin
Author URI: http://fiveblackcats.com
Description: Custom HTML5 theme.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: am
*/


/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

	Special thanks: The Wordpress theme owes its start to an empty theme authored
		by Chris Coyier & Jeff Starr: http://digwp.com

	Based on HTML5 Reset Theme by Monkey Do! http://monkeydo.biz

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img.responsive,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: small 'CoreFont', Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #666;}

a {color: #666; text-decoration: none;}
a:hover {color: #666; text-decoration: none;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #f0f0ff; color: #fff; text-shadow: none;}
::selection {background: #f0f0ff; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: ##f0f0ff;}

ins {background-color: #f0f0ff; color: #000; text-decoration: none;}
mark {background-color: #f0f0ff; color: #000; font-style: italic; font-weight: bold;}


/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

.left{float: left;}
.right{float:right;}
.clear{clear: both;}

.e404{margin-bottom: 25%;}

.wrapper{/*padding-left: 20px;*/ }


header{height: 13em; width: 100%; min-width: 875px; background-color: #fff; overflow: hidden;}

#header-navig{width: 70%; padding-left: 4em; min-width: 680px; padding-top: 1.6em;}
#header-navig a{cursor: pointer;}
#header-extras,#header-social{padding-top: 1.6em;}
#content{ padding-left: 4em;}
section{padding-bottom: 30px;}

h1.main-title{font-size: 1.4em;}
#idiomas ul{padding-right: 6px;}
#idiomas ul li{display: inline; font-size: .7em; text-transform: uppercase; padding-right: 6px; font-weight: bold;}
#social ul li{display: block; font-size: .7em; text-transform: uppercase; padding-right: 2px;}
#tertiary ul li{ padding-left: 8px; }

#main, #secondary, #tertiary{ margin-top: 10px; display: block; float: left; font-size: .85em; }
#tertiary{width: 190px;}
#tertiary{/*overflow: auto;*/height: 118px;}
#main ul, #secondary ul, #tertiary ul{ /*margin-top: 10px; display: block; float: left; font-size: .85em; */overflow: auto;}
#main ul{width: 150px; height: 98px;}
#secondary ul{ width: 180px; height: 98px; }
#tertiary ul{ width: 198px; height: 98px; }
#main a:hover, #secondary a:hover, #tertiary a:hover{color: #444;}
#menu-thumb {float: left; width: 141px; height: 99px; position: relative; top: 10px; left: 50px;}
#main ul li.selected a, #secondary ul li.current_page_item a, #tertiary ul li.current_page_item a, #secondary ul li.selected a, #tertiary ul li.selected a{color: #000;}
#scrollUp, #scrollDown{height: 15px; width: 198px; background-color: #fff; }
#scrollUp{position: relative; /*left: 330px; margin-bottom: -15px;*/ top: -15px;}
#scrollDown{position: relative; /*left: 330px; top: 113px;*/ top: -15px; }
img.loader{margin-top: 10px;}

#secondary ul{/*border: 1px solid red;*/}
#tertiary ul{/*border: 1px solid green;*/ position: relative; top: -15px; display: none;}
#menu-thumb{display: none;}
#main ul #menu-info-1, #menu-categs_menu,  .menu-categs_menu, #main ul .menu, #secondary ul.proj-list{display: none;} /* #tertiary ul */

/*Home*/
section.home{ background: transparent; min-height: 540px; margin: 0 0 0 150px /* width first column*/;  }
#capa-wrapper{width: 95%; position: relative;}
section.home div.nota{width: 70%; font-size: .85em; color: #333; padding: 10px 3px; margin-top: 18px; background-color: #fff; position: absolute; top: 0;
/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/*RGBa with 0.8 opacity */
	background: rgba(255, 255, 255, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)";
	}
section.home div.nota:first-of-type{}
section.home div.nota span.date{padding: 0; font-size: .8em;}
section.home div.nota h1{padding: 0; }
section.home div.nota p{ padding: 0;}
section.home div.nota p a{color: #333; text-decoration: underline; }
section.home img{min-width: 320px;}

/*Noticias*/
section.noticias{margin-left: 145px;}
section.noticias div.nota span.date{padding: 20px 0;}
section.noticias div.nota .imagem{margin: 5px 8px 5px 0; /*visibility: hidden;*/ float: left; /*opacity: 0;*/ width: 70px; height: 49px;}
section.noticias div.nota{position: static; top: 0;/* border: 1px solid red;*/ width: 90%; max-width: 750px; font-size: .85em; color: #666; padding: 0; /*text-shadow: 1px 1px #333;*/ margin: 3px 0 10px -73px; height: auto; }
/*section.noticias div.nota:first-of-type{margin-top: -15px;}*/
.txt{display: block; /*float: left; margin-left: 80px; margin-top: -57px;*/}
.txt h1{ width: 100%;margin-top:0;}
.txt p{width: 100%;}
.txt a{color: #666; text-decoration: underline;}

/*Clientes*/
section.clientes{font-size: .85em; margin-left: 150px;}
div.cliente{margin: 6px 0;}
div.cliente:first-of-type{margin: 0;}
div.cliente p a{text-decoration: underline;}

/*Publicacoes*/
section.publicacoes{font-size: .85em; margin-left: 70px;}
div.pubcontainerleft, div.pubcontainerright{
	/* header min-width is 875px to guarantee proj thumbnails visibility */
	width: 48%;
	float: left;
}
div.pubcontainerright{margin-left: 4%;}
div.public{margin: 8px 0; }
div.public:first-of-type{margin: 0;}
div.public img{float: left; margin-right: 10px;}
div.public a{text-decoration: underline;}



/*Premios*/
section.premios{font-size: .85em; margin-left: 70px;}
div.prem{margin: 8px 0;}
div.prem:first-of-type{margin: 0;}

#slideshow {
    position:relative;
    height:50px;
    width: 70px;
    margin-right: 10px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

div.prem img{float: left; margin-right: 10px;}
div.prem a{text-decoration: underline;}

/*Contato*/
section.contato{font-size: .85em; margin-left: 150px;}
section.contato p.mapa{margin-bottom: 20px;}
section.contato a{text-decoration: underline;}

/*Escritorio*/
section.escritorio{font-size: .85em; margin-left: 150px;}
section.escritorio div#esc-content,#arquitetos, #associados, #colab{width: 90%; max-width: 850px;}
section.escritorio a{text-decoration: underline;}
section.escritorio img{margin-bottom: 20px;}
section.escritorio h1{ font-size: 1.5em;}
#arquitetos h1{margin-bottom: 10px;}
#associados h1, #colab h1{margin-bottom: 0;}
section.escritorio h2{ font-size: 1.3em;}
.diretores:nth-child(even){margin-right: 10px;}
section.escritorio h1.arq{margin-bottom: 10px;}
section.escritorio h2.arq{margin: 5px 0;}
section.escritorio p.legenda{margin: -20px 0 20px 0; font-size: 0.9em;}
.diretores, .assoc, .colab{width: 48%; height: auto;}
.diretores:nth-child(odd), .assoc:nth-child(odd), .colab:nth-child(odd){float: right;}
.diretores:nth-child(even), .assoc:nth-child(even), .colab:nth-child(even){float: left;}
#arquitetos, #associados, #colab{margin-top: 20px;}
.colab, .assoc{margin: 10px 0;}
.colab h2, .assoc h2{margin: 0 0 10px 0;}
/* New */
.grupo {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.grupo > .pessoa {
	width: calc( 50% - 18px );
}

.grupo > .pessoa img {
	width: 150px;
	height: auto;
	margin-bottom: 0;
	max-width: 100%;
}

.bloco_header {
	margin: 18px 0;
}

/*Projeto*/
section.projeto{font-size: .85em; margin-left: 150px;}
#proj-info{position: relative; left: -45px; top: 1em; height: 1.1em; }
#proj-info a{text-decoration: none;}
#proj-content{position: relative; top: -2.6em; padding-top: 2.1em;}
.proj-header{margin: 12px 0;}
.proj-header h1{ font-size: 1.5em;}
section.projeto a{text-decoration: underline;}
#ficha, #memorial, #premios, #publicacoes, #download{margin-top: 20px; width: 90%; max-width: 750px;}
#ficha h2, #memorial h2, #premios h2, #publicacoes h2,#download h2{font-size: 1.1em;}
#fotos-navig{width: 100%; height: auto;}
#fotos-navig a{cursor: pointer; text-decoration: none;}
#toLeft{float: left;}
#toRight{float: left; margin-left: 30px;}
#fotos-container{height: 440px; text-align: left; width: 100%; }
#fotos-container-fixed{height: 440px; text-align: left; width: 920px; }
#fotos-container p,#fotos-container-fixed p{font-size: .9em;}
.proj-img{float: left; height: 425px; display: block; margin-right: 200px;}
.proj-img:last-of-type {}
#desk div:nth-last-of-type(2){margin-right: 0;}
.proj-img-slider{/*float: left;*/ height: 425px; /*display: block; margin-right: 4px;*/}
#slider{position: absolute; top: 0; left: 0;}

/*Search*/
section.search{font-size: .85em;}
section.search h1{font-size: 1.1em; /*text-transform: uppercase; */margin-bottom: 30px;}
section.search h2{margin-bottom: 6px;}

/*no-script*/
section.no-script{font-size: .85em; overflow: auto; height: 100%; max-height: 106px; padding-bottom: 0;}
/*section.no-script h1{font-size: 1.1em; margin-bottom: 30px;}*/
section.no-script h2{margin-bottom: 6px; margin-top: 6px;}
section.no-script h2:first-of-type{margin-top: 0;}
section.no-script ul.tipo-list{ }
section.no-script ul.tipo-list li{display: inline; float: left; margin-left: 10px;}
section.no-script ul.proj-list{}
/*section.no-script ul#menu-info li, */section.no-script ul.menu li{display: block; float: left; margin-left: 3px;}
section.no-script ul.proj-list li{display: block; float: none; margin-left: 0;}
section.no-script div.menu-info-container{margin-left: 10px;}

/*Footer*/
footer{font-size: .7em; margin-top: 10px;}
p.assina{margin-right: 20px;}