body{margin:0;font-family:Calibri, sans-serif;color: #6c645d;font-size: 1em;}
.fundo{background: url("bg.png");}
h1, h2, h3, h4, h5, h6{color:#e37126;font-weight: 300;font-family:Calibri, sans-serif;}
a{color: #e37126; text-decoration: none;}
a.leia{float: right;font-size: 0.75em;}
#container{	height: auto;margin-left:250px;}
#menu + #container { margin-left:250px;}
#midias{margin-left: 10px;margin-top: 10%;}
#menu a{font-family: Calibri, sans-serif; color: #fff;}
#menu{z-index: 999;font-family:Myriad Pro;box-shadow: 0px 0px 10px 0px #7d7d7d;position:fixed;max-width:600px;width:250px;height:100%;min-height:500px;float:left;background: #f6f6f7;}
#menu img{width: 80%;}
.logo{margin:10%;}
#menu ul{list-style:none;margin:0;padding:0;}
#menu #demo1 img{clear: both;z-index:0;width: 50px;float: left;margin-top:22px;margin-left: 12px;padding: 0;}
#menu ul li{z-index:1;background:url(bg-menu.png) no-repeat;height:auto;color:#fff;margin-left:50px;padding:15px;padding-left:20px;cursor: pointer;}
#menu li h2{color: #dedddd;padding: 0;margin:0;margin-top: -8px;font-size: 1.1em;}
#menu li h3{color: #dedddd;padding: 0;margin:0;margin-top: -2px;margin-left: 60px;font-size: 0.8em;}
#menu .sub-menu{clear: both;margin-top: 4px;margin-left: -10px;padding: 5;color: #dedddd;z-index: 1;width: 150px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background: #444242;}
#menu .sub-menu li{ margin-top: 10px;margin-left: 10px;background: none;padding: 0;}
#animacao{width:100%;float:left;height:auto;z-index: 1;background: url(we-create.png) no-repeat;}

#textos{max-width:1500px;width:100%;float:left;margin:auto;height:auto;padding-top:1%;}
.center{margin:auto;position:relative;}
.texto{min-width:200px;width:25%;float:left;padding-right:4%;padding-left:3%;padding-bottom:2%;}
#works-images{width:980px;height:auto;float:left;margin-left:2%;margin-bottom:2%;}
#works-images img{float:left;padding:0.2em;}
#rodape{position:relative;font-family:calibri, sans-serif;height:100px;clear:both;width:100%;float:left;background:#7d7d7d;color:#FFF;box-shadow: 2px 0px 2px 2px #ccc;}
#fbbox{float: right;background: #fff;padding: 0.2em;margin-top: 1.7%;margin-right: 1.5%;}
.info{float: left;padding: 1.5em;text-align: left;font-size: 0.8em;}
#top{float: right;width: 100%;height: 35%;background: url(http://www.corvoswebdesign.com.br/images/webdesign_banner.png) 50% 50%;}
/*------CONTATO-------*/
#maps{padding-right:2em;padding-top:6em;float: right;}
#contato{width: 50%;margin-left: 2%;margin-top: 5%;padding:10px;float: left;box-shadow: -1px -1px 10px #888888;}
.input{width:48%;padding:0.1em;padding-left:0.5em;margin-top:0.5em;height:2em;font-family:Calibri;font-size:16px;border:1px solid #ccc;}
.input-width{width:100%}
textarea{width:100%;padding:0.1em;padding-left:0.5em;height:7em;margin-top:0.5em;font-family:Calibri;font-size:16px;border:1px solid #ccc;	}
input[type="submit"],input[type="reset"]{
	margin-top:0.2em;
	width:5em;
	font-size:14px;
	font-family:Calibri;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #e37126) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #e37126 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #e37126 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#e37126');
	background-color:#ffc477;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
	position:relative;
	top:1px;
}
input[type="submit"]:hover ,input[type="reset"]:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e37126), color-stop(100%, #ffc477) );
	background:-moz-linear-gradient( center top, #e37126 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #e37126 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e37126', endColorstr='#ffc477');
	background-color:#e37126;cursor:pointer;
}
input[type="submit"]:active,input[type="reset"]:active {
	position:relative;	top:1px;

}
/*------CONTATO-------*/
#search{margin-left: 10px;}
#search input[type="submit"]{width: 30px;text-align: left; padding: 5px 5px;	-moz-border-radius:2px;	-webkit-border-radius:2px;	border-radius:2px;}
#search input[type="search"]{width: 180px;height: 30px;}
#container .left-seta{float: left;margin-top: 2em;}
#empresa{float:left;width: 85%;padding: 2%;min-height: 620px;}
#empresa p {float: left;width: 100%;}
.left-empresa{float: left;width: 200px;margin-right: 1%;}
.right-empresa{float: right;margin-right: 2%;}
#templates{float:left;width: 87%;min-height: 700px;padding: 2%;}
#templates .right{float: right;width: 48%;padding: 1%;line-height: 0.9em}
#templates .left{float: left;width: 48%;padding: 1%;line-height: 0.9em}
#templates .right img{float: left;}
#templates .left img{float: left;}
#templates .right p{float: left;margin: 0;width: 50%;margin-top:2% }
#templates .left p{float: left;margin: 0;width: 50%;margin-top:2%}
.works{margin-left: -50px;}
#templates .works h2{color:#e37126; font-size: 16px;}

#container-case{margin: 0 auto; width: 1000px;}

#templates h2, #empresa h2, #cases h2{margin-bottom:0; color:#666;}
#templates h4, #empresa h4, #cases h4{margin-top:0;margin-left:5%;}

#case{float: right;width: 30%;}
.left{float: left;max-width:65%;}

.right-div{position: relative;float: right;width: 40%;padding: 10px;margin-right: 2%;box-shadow: -1px -1px 10px #888888;margin-bottom: 2%;}
#cases{float:left;width: 85%;padding: 2%;min-height: 620px;}
	#cases p{float: left;width: 44%;text-align: justify;padding: 0 3em 1em 0;font-size: 14px;line-height: 1.5em}
	strong.titulo{color:#e37126;font-size: 20px;font-family: "Eras Light ITC";line-height: 1.5em}
	#cases .large{width: 92%;}

	#cases .fancy{clear:both;margin-top: 3em;}