body, div, ul, li, p, ol, dd, dt, dl, a, footer {
  margin: 0px;
  padding: 0px;
  list-style: none outside none;
  /*typecolor
  font-family: 'Quicksand', sans-serif;*/
 font-family: 'Nunito', sans-serif;
  font-style:normal;
  text-decoration:none;
  line-height:146%;
}

@media {
	font-family: 'Nunito', sans-serif;
	font-style: normal;
	font-weight: 900;
	src: local('Quicksand'), local('sans-serif');
}

body{
	background-size: cover;
	background-origin:content-box;
	z-index: -1;
 }

/*typecolor*/
#social:hover, .menulist a:hover, button[type=submit], #mc-embedded-subscribe {color:#FFF;}
#cont, .projinfo a, .contact, .slideshow-container a, .ocup p{color:#56C796;}
.menulist a,.projinfo, .contact a,.social a, header, #mail, .name a, .text, .contact>p  {color:#191919;}

/*backcolor*/
body{background-color: #FFF;}
.contact, .projinfo, .ocup {background-color: #F5F1F0;}
button[type=submit]:hover, #mc-embedded-subscribe:hover, #mc-embedded-subscribe, .spacer1, .spacer2 {background-color: #56C796;}
#social:hover, .dot:hover, .active-slide, .active, .menulist a:hover, button[type=submit] {background-color:#191919;}

/*borders*/
.dot {border: 1px solid #191919;}
input[type=text], select, #mce-EMAIL {border:solid 1px #56C796;}
#mail:hover, a:hover, #active {border-bottom: 0.2px solid #56C796; }

/*selections*/
::-moz-selection {color: #FFF;background-color: #191919;}
::selection {color: #FFF;background-color: #191919;}

/* TEXTOS */
.slideshow-container a, .prev, .next #cont,  .contact a, #mail, .projinfo a, .bld, b{ font-weight:600;}
.projinfo:nth-of-type(1), .detail:nth-of-type(1), .detail:nth-of-type(6), .ocup p, label p,.menulist, .contact{font-weight:300;}
.slideshow-container a, #social, .name, .titul{font-weight:200;}

.name, .slideshow-container a {font-size:27px;}

#mail, .ocup , .menulist, .contact, .prec{font-size:15.5px;}
.projinfo{font-size:14px;}
#social, #info, #formu, label p, .slideshow-container {font-size:13px;}

/*text Align*/
.ocup,#contac, #soc {text-align: right; }
header, .social, .contact, .projinfo, .detail {text-align: left;}
.prev, .next, .text, #info, .prec, body, .titul {text-align: center;}

/* imagensSlide */
/* Slideshow container */
.slideshow-container {
	position:relative;
	margin: auto;
	margin-top:10px;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 160px;
  margin-left: -53%;
  margin-right: -53%;
  transition: 0.6s ease;
}
/* Position the "next button" to the right */
.next {
  right: 50%;
  border-radius: 1px 0 0 1px;
}
/* Caption text */
.mySlides {display:none;}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
 /*form*/
input[type=text], select {
    max-width:230px;
    border-radius: 4px;
    box-sizing: border-box;
}

button[type=submit], #mc-embedded-subscribe, #mce-EMAIL{ border-radius: 10px;}
#mc-embedded-subscribe {border:none; cursor: pointer;}
#mc_embed_signup{clear:left;}

.projinfo{
	text-indent:0px;
	padding: 2.4% 1.8% 2.4% 1.8%;
}

.ocup, .projinfo {vertical-align: top;}
.ocup p{float: left;}

/*width and height*/
.menulist, .ocup, header, .social, .contact, .prev, .next{width: auto;}
.social, .contact, .slideshow-container, .projinfo { height: auto;}
#formu, #info {min-width: 63.7%;}

.detail {width: 47.5%;}	
iframe, img, .text, #mc_embed_signup{width:99%;}
.slideshow-container {min-width:236px; width:68%;}
#imghoriz { }
#imgvert {width: 44%; }
#imgvert2 {width: 63.7%; }
#imghoriz2 {max-width: 394px;}
.projinfo{max-width:29.5%;min-width: 240px;}
.spacer1 {height: 206px;}
.spacer2 {height: 100px;}
iframe{ max-width:649px; min-width: 230px; max-height: 364px;}
.projinfo{min-width:236px; width:68%;}


/*padding*/
.menulist a, .social a{padding: 1px 5px 1px 5px;}
header, .contact, .social, .ocup{padding-left: 8%; padding-right:8%;}
.social {padding-bottom: 1.5%;}
.prec { padding-top: 15px;}
button[type=submit],input[type=text], select, input {padding: 10px; margin:5px;}
.spacer1, .spacer2 {width:1px; margin-left: 0.8%; margin-right: 0.8%;}
.projinfo, .titul  {margin:15px 0.25% 10px 0.25%;}

/*display*/
.bld, .ocup p, .projinfo, .menulist, .menulist a,  .menulist li, .social a, .dot, input[type=text], select, #formu, #info, .spacer1, .spacer2, 
.detail, #mc_embed_signup {display: inline-block;}
header, .social, .contact, iframe, .active-slide {display: block;}

@-ms-viewport { width: device-width; }
@-o-viewport  { width: device-width; }
 
@media (min-width: 15em) {.prev, .next {  top: 80px; margin-left: -57%; margin-right: -57%;}} /* 300px */
@media (min-width: 37em) {.prev, .next {  top: 110px; margin-left: -57%; margin-right: -57%;} } /* 592px */
@media (min-width: 41em) {.prev, .next {  top: 150px; margin-left: -57%; margin-right: -57%;}} /* 656px */
@media (min-width: 47em) {.prev, .next {  top: 190px; margin-left: -57%; margin-right: -57%;}} /* 752px */
@media (min-width: 68em) {.prev, .next {  top: 250px; margin-left: -56%; margin-right: -56%;}} /* 1088px */
@media (min-width: 82em) {.prev, .next {  top: 260px; margin-left: -55%; margin-right: -55%;}} /* 1312px */
@media (min-width: 100em) {.prev, .next { top: 350px; margin-left: -53%; margin-right: -53%;}} /* 1600px */

@media (min-width: 15em) {.titul {font-size:15px;}, .slideshow-container { width:89%;}} /* 300px */
@media (min-width: 37em) {.titul {font-size:16px;}, .slideshow-container { width:84%;}} /* 592px */
@media (min-width: 41em) {.titul {font-size:17px;}, .slideshow-container { width:79%;}} /* 656px */
@media (min-width: 47em) {.titul {font-size:18px;}, .slideshow-container { width:74%;}} /* 752px */
@media (min-width: 68em) {.titul {font-size:19px;}, .slideshow-container { width:69%;}} /* 1088px */
@media (min-width: 82em) {.titul {font-size:20px;}, .slideshow-container { width:64%;}} /* 1312px */
@media (min-width: 100em) {.titul {font-size:21px;}, .slideshow-container { width:59%;}} /* 1600px */

@media (max-width: 430px) {
  .detail{display: block; width: 99%}
.spacer1, .spacer2 {height:1px;width:206px;margin-top:10%;margin-bottom:10%;}
}
@media (max-width: 600px) {
  .projinfo{max-width:90%;}

}

.prev, .next {z-index: 1000;}
.slideshow-container:nth-of-type(6){max-width:64%;}