/* General Blueprint Style */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,700);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);

/* Azul > #212D43 */

*::selection {background: #000000; color: #ffffff;}
*::-moz-selection {background: #000000; color:#ffffff;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
*, *:after, *:before{margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Raleway', sans-serif; font-size:15px; background-position:top center; padding: 0; margin: 0; background:url(404.html); background-attachment:fixed;}
p {margin-bottom:15px; margin-top:15px;}

@media screen and (min-width: 1280px) and (max-width: 4000px) {
#header {margin:0 auto; text-align:left; max-width:1240px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#logo {display:inline-block; vertical-align:top; margin-right:30px; background:url(_img/logo.jpg); cursor:pointer; background-position:top center; background-repeat:no-repeat; background-size:100%; width:300px; min-height:130px; margin-top:30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#menu {display:inline-block; vertical-align:top; margin-top:60px; width:900px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#menumobile {display:none;}
/* Menu */ .menu {text-align:center; font-size:18px; margin-bottom:20px;}
/* Remove as listas */.menu .menu-list, .menu .sub-menu {list-style: none;}
/* Configura todos os links do nosso menu */ .menu a {text-decoration: none; display: block; cursor: pointer; text-transform: uppercase; letter-spacing:0.1em;}
/* Faz os <li>s ficarem na horizontal */ .menu > .menu-list > li{display:inline-block; position: relative;}
/* Configura os links do menu principal */ .menu > .menu-list > li > a {padding: 15px; padding-top:25px; padding-bottom:25px; padding-left:32px; padding-right:32px; margin:0 2px; color:#000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* Configura o fundo do menu principal quando com mouse hover */ .menu > .menu-list > li:hover a {background:#000000; color:#FFF; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
/* Mostra o submenu no evento de mouse hover */ .menu > .menu-list > li:hover > .sub-menu {display: block;}
/* Configura o estilo do submenu */ .menu > .menu-list > li > .sub-menu {position: absolute; letter-spacing:normal; top: 50px; left: 5px; background: blue; min-width: 195px; z-index: 1000; display: none; text-align:left;}
/* Configura os links do submenu */ .menu > .menu-list > li > .sub-menu > li > a {font-size:17px; letter-spacing:normal; padding: 10px 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* Configura os links do submenu */ .menu > .menu-list > li > .sub-menu > li > a:hover {padding: 10px 20px; background-color:#FFF; color:#333333;}
/* Clearfix para o menu */ .menu:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}	

#body {max-width:1240px; margin:0 auto; margin-top:30px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#title {font-family: 'Kaushan Script', cursive; font-size:40px; color:#999; margin-bottom:25px;}
#content {width:100%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#content2 {width:50%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#linha {display:inline-block; vertical-align:top;}
	#linha img {width:150px;}
#linha-desc {display:inline-block; vertical-align:top; margin-left:15px; width:550px;}
	#linha-desc-titulo {font-weight:normal; margin-bottom:10px;}
	#linha-desc-texto {font-weight:200; font-size:14px;}
#linha2 {background:url(_img/linha-divisor.png); height:53px; width:100px; background-position:center; background-repeat:no-repeat; margin-top:15px; margin-bottom:15px;}

#obra {display:inline-block; vertical-align:top; min-height:350px; margin:15px; width:275px; cursor:pointer; padding:15px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);}
#obra:hover {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
	#obra img {width:100%;}
	#obra-titulo {margin-bottom:15px; font-family: 'Kaushan Script', cursive; font-size:25px; text-align:center;}
	#obra-texto {margin-top:15px; font-weight:200;}

#social {float:right; margin-top:15px; font-size:5px;}

#footer {margin:0 auto; font-family: 'Kaushan Script', cursive; font-size:15px; color:#999; text-align:center; margin-top:100px; margin-bottom:75px;}
	#footer span {font-family: 'Raleway', sans-serif; font-size:12px; color:#999;}
}


@media screen and (min-width: 1025px) and (max-width: 1279px) {
#header {margin:0 auto; text-align:left; max-width:1010px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#logo {display:inline-block; vertical-align:top; margin-right:35px; background:url(_img/logo.jpg); cursor:pointer; background-position:top center; background-repeat:no-repeat; background-size:100%; width:200px; min-height:90px; margin-top:30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#menu {display:inline-block; vertical-align:top; margin-top:40px; width:770px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#menumobile {display:none;}
/* Menu */ .menu {text-align:center; font-size:16px; margin-bottom:20px;}
/* Remove as listas */.menu .menu-list, .menu .sub-menu {list-style: none;}
/* Configura todos os links do nosso menu */ .menu a {text-decoration: none; display: block; cursor: pointer; text-transform: uppercase; letter-spacing:0.1em;}
/* Faz os <li>s ficarem na horizontal */ .menu > .menu-list > li{display:inline-block; position: relative;}
/* Configura os links do menu principal */ .menu > .menu-list > li > a {padding: 25px; margin:0 2px; color:#000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* Configura o fundo do menu principal quando com mouse hover */ .menu > .menu-list > li:hover a {background:#000000; color:#FFF; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
/* Mostra o submenu no evento de mouse hover */ .menu > .menu-list > li:hover > .sub-menu {display: block;}
/* Configura o estilo do submenu */ .menu > .menu-list > li > .sub-menu {position: absolute; letter-spacing:normal; top: 50px; left: 5px; background: blue; min-width: 195px; z-index: 1000; display: none; text-align:left;}
/* Configura os links do submenu */ .menu > .menu-list > li > .sub-menu > li > a {font-size:16px; letter-spacing:normal; padding: 10px 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* Configura os links do submenu */ .menu > .menu-list > li > .sub-menu > li > a:hover {padding: 10px 20px; background-color:#FFF; color:#333333;}
/* Clearfix para o menu */ .menu:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}	

#body {max-width:1010px; margin:0 auto; margin-top:30px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#title {font-family: 'Kaushan Script', cursive; font-size:40px; color:#999; margin-bottom:25px;}
#content {width:100%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#content2 {width:40%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#linha {display:inline-block; vertical-align:top;}
	#linha img {width:125px;}
#linha-desc {display:inline-block; vertical-align:top; margin-left:15px; width:450px;}
	#linha-desc-titulo {font-weight:normal; margin-bottom:10px;}
	#linha-desc-texto {font-weight:200; font-size:14px;}
#linha2 {background:url(_img/linha-divisor.png); height:53px; width:100px; background-position:center; background-repeat:no-repeat; margin-top:15px; margin-bottom:15px;}

#obra {display:inline-block; vertical-align:top; min-height:350px; margin:15px; width:295px; cursor:pointer; padding:15px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);}
#obra:hover {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
	#obra img {width:100%;}
	#obra-titulo {margin-bottom:15px; font-family: 'Kaushan Script', cursive; font-size:20px; text-align:center;}
	#obra-texto {margin-top:15px; font-weight:200;}

#social {float:right; margin-top:15px; font-size:5px;}

#footer {margin:0 auto; font-family: 'Kaushan Script', cursive; font-size:15px; color:#999; text-align:center; margin-top:100px; margin-bottom:75px;}
	#footer span {font-family: 'Raleway', sans-serif; font-size:12px; color:#999;}

}


@media screen and (min-width: 641px) and (max-width: 1024px) {
#header {margin:0 auto; text-align:left; max-width:630px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#logo {display:inline-block; vertical-align:top; margin-right:25px; background:url(_img/logo.jpg); cursor:pointer; background-position:top center; background-repeat:no-repeat; background-size:100%; width:200px; min-height:90px; margin-top:30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#menu {display:inline-block; vertical-align:top; margin-top:5px; width:380px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#menumobile {display:none;}
/* Menu */ .menu {text-align:center; font-size:15px; margin-bottom:20px;}
/* Remove as listas */.menu .menu-list, .menu .sub-menu {list-style: none;}
/* Configura todos os links do nosso menu */ .menu a {text-decoration: none; display: block; cursor: pointer; text-transform: uppercase; letter-spacing:0.1em;}
/* Faz os <li>s ficarem na horizontal */ .menu > .menu-list > li{display:inline-block; position: relative;}
/* Configura os links do menu principal */ .menu > .menu-list > li > a {padding: 10px; padding-top:20px; padding-bottom:20px; margin:4px 2px; color:#000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* Configura o fundo do menu principal quando com mouse hover */ .menu > .menu-list > li:hover a {background:#000000; color:#FFF; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
/* Mostra o submenu no evento de mouse hover */ .menu > .menu-list > li:hover > .sub-menu {display: block;}
/* Configura o estilo do submenu */ .menu > .menu-list > li > .sub-menu {position: absolute; letter-spacing:normal; top: 50px; left: 5px; background: blue; min-width: 195px; z-index: 1000; display: none; text-align:left;}
/* Configura os links do submenu */ .menu > .menu-list > li > .sub-menu > li > a {font-size:16px; letter-spacing:normal; padding: 10px 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* Configura os links do submenu */ .menu > .menu-list > li > .sub-menu > li > a:hover {padding: 10px 20px; background-color:#FFF; color:#333333;}
/* Clearfix para o menu */ .menu:after {content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}	

#body {max-width:630px; margin:0 auto; margin-top:30px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#title {font-family: 'Kaushan Script', cursive; font-size:40px; color:#999; margin-bottom:25px;}
#content {width:100%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#content2 {width:50%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#linha {display:inline-block; vertical-align:top;}
	#linha img {width:90px;}
#linha-desc {display:inline-block; vertical-align:top; margin-left:15px; width:300px;}
	#linha-desc-titulo {font-weight:normal; margin-bottom:10px;}
	#linha-desc-texto {font-weight:200; font-size:14px;}
#linha2 {background:url(_img/linha-divisor.png); height:53px; width:100px; background-position:center; background-repeat:no-repeat; margin-top:15px; margin-bottom:15px;}

#obra {display:inline-block; vertical-align:top; min-height:350px; margin:15px; width:280px; cursor:pointer; padding:15px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);}
#obra:hover {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
	#obra img {width:100%;}
	#obra-titulo {margin-bottom:15px; font-family: 'Kaushan Script', cursive; font-size:20px; text-align:center;}
	#obra-texto {margin-top:15px; font-weight:200;}

#social {float:right; margin-top:15px; font-size:5px;}

#footer {margin:0 auto; font-family: 'Kaushan Script', cursive; font-size:15px; color:#999; text-align:center; margin-top:100px; margin-bottom:75px;}
	#footer span {font-family: 'Raleway', sans-serif; font-size:12px; color:#999;}

}


@media screen and (max-width: 640px) {
#header {width:100%;}
#logo { margin:0 auto; background:url(_img/logo.jpg); cursor:pointer; background-position:top center; background-repeat:no-repeat; background-size:100%; width:200px; min-height:90px; margin-top:60px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#menu {display:none;}
#menumobile {display:block; font-size:12px; cursor:pointer; top:0; z-index:999; position:fixed; width:100%; height:40px; text-align:left; padding-left:55px; padding-top:12px; color:#FFF; background:url(_img/menumobile.png); background-position:15px center; background-repeat:no-repeat; background-color:#333; }
#menumobile2 {max-width:300px; z-index:99999; overflow:scroll; background-color:#222222; color:#FFF; padding:20px; position:fixed; top:40px; left:0; height:auto; min-height:100%; overflow-y:auto; overflow-x: auto;}
	#menumobile2-itens {color: #D2C266; font-size:14px; padding:5px; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
		#menumobile2-itens:hover {color:#ffffff;}
	#menumobile2-title {font-size:15px; font-weight:bold; letter-spacing:0.1em; margin:0 auto; text-align:center; margin-bottom:10px; margin-top:10px;}

#body {max-width:100%; margin:0 auto; padding:15px; margin-top:10px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#title {font-family: 'Kaushan Script', cursive; font-size:40px; color:#999; margin-bottom:25px;}
#content {width:100%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
#content2 {width:90%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#linha {vertical-align:top;}
	#linha img {width:33%;}
#linha-desc {vertical-align:top; width:100%; padding:15px;}
	#linha-desc-titulo {font-weight:normal; margin-bottom:10px;}
	#linha-desc-texto {font-weight:200; font-size:14px;}
#linha2 {background:url(_img/linha-divisor.png); height:53px; width:100px; background-position:center; background-repeat:no-repeat;  margin-bottom:15px;}

#obra {vertical-align:top; margin:15px; width:90%; cursor:pointer; padding:15px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.25);}
#obra:hover {-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);}
	#obra img {width:100%;}
	#obra-titulo {margin-bottom:15px; font-family: 'Kaushan Script', cursive; font-size:20px; text-align:center;}
	#obra-texto {margin-top:15px; font-weight:200;}

#social {margin-top:15px; margin-bottom:30px; font-size:5px;}

#footer {margin:0 auto; font-family: 'Kaushan Script', cursive; font-size:15px; color:#999; text-align:center; margin-top:100px; margin-bottom:75px;}
	#footer span {font-family: 'Raleway', sans-serif; font-size:12px; color:#999;}

}


.form-contato {color:#333333; font-family: 'Raleway', sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:0.1em; border:none; padding:7px; background-color:#e5e5e5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin:10px;}
	.form-contato:focus {background-color:#f5f5f5; color:#333333; -webkit-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); -moz-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); box-shadow: 0px 0px 20px 0px rgba(254,254,254,1);}
	.form-contato:hover {background-color:#f5f5f5; color:#333333; -webkit-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); -moz-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); box-shadow: 0px 0px 20px 0px rgba(254,254,254,1);}
.form-contato-botao {color:#333333; font-family: 'Raleway', sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:0.1em; border:none; padding:7px; background-color:#e5e5e5; font-size:20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.form-contato-botao:focus {background-color:#f5f5f5; color:#333333; -webkit-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); -moz-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); box-shadow: 0px 0px 20px 0px rgba(254,254,254,1);}
	.form-contato-botao:hover {background-color:#f5f5f5; color:#333333; -webkit-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); -moz-box-shadow: 0px 0px 20px 0px rgba(254,254,254,1); box-shadow: 0px 0px 20px 0px rgba(254,254,254,1);}