@charset "utf-8";
/* CSS Document */

html{
	color: #fff;
	line-height:24px;
	font-size:14px;
}
body{
	margin:0px;
	padding:0px;
}
body#bodyselector {
    background-size: cover !important;
}
h1{
	text-align:center;
	background-image:url(images/hr.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	padding-bottom:20px;
	color:#12a19a;
}
#header{
	background-image:url(images/bg-logo.png);
	position:fixed;
	width:100%;
	text-align:right;
	z-index:1000;
}
#logo {
    padding: 50px;
    float: right !important;
}
#navbar{
	padding:200px 70px 0px 0px;
	background-image:url(images/bg-menu.png);
	position: fixed;
	height:100%;
	width:244px;
	z-index:100;
	text-align:right;
}
#pages{
	padding:50px 30px 200px 30px;
	width:580px;
	height:auto;
	background-image:url(images/bg-page.png);
	margin-left:300px;
	position:absolute;
	z-index:10;
	overflow: hidden;
}
.nav-menu ul{
	list-style:none;
}
.nav-menu a{
	text-decoration: none;
	color:#FFF;
	font-size:24px;
	line-height:50px;
	text-transform:uppercase;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	font-weight:bold;
}
#bg-home{
	background-image:url(images/Teatro.jpg);
	background-position:center top;
	width: 100%;
	height: 100%;
	position:fixed;
}
#bg-sobre{
	background-image: url(images/STJ.jpg);
	background-position:center top;
	width: 100%;
	height: 100%;
	position:fixed;
}
#bg-atuacao{
	background-image: url(images/Congresso.jpg);
	background-position:center top;
	width: 100%;
	height: 100%;
	position:fixed;
}
#bg-contato{
	background-image: url(images/Ponte.jpg);
	background-position:center top;
	width: 100%;
	height: 100%;
	position:fixed;
}
input{
	width:100%;
	border:0px;
	height:40px;
}
textarea{
	width:100%;
	border:0px;
}
.wpcf7-submit{
	background-color:#12a19a;
	color:#FFF;
}
#footer {
    text-align: center;
    position: fixed;
    bottom: 20px;
    width: 300px;
    z-index: 99999;
}
#footer img{
	margin-top:25px;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1599px) {

}

@media (max-width: 1069px) {
	#navbar{
	background:none;
	width:100%;
	z-index:100;
	position:relative;
	height:auto;
	padding:0px;
	}
	#pages{
	width:100%;
	padding:50px 30px 50px 30px;
	height:auto;
	background-image:url(images/bg-page.png);
	margin-left:0px;
	position:relative;
	z-index:10;
	overflow:auto;
	}
	#header{
	background-image:url(images/bg-logo.png);
	position:relative;
	width:100%;
	text-align:center;
	z-index:1000;
	}
	#footer{
	display: none;
	}
}

@media (max-width: 999px) {
	#logo img{
	width:100%;
	height:auto;
	}	
	#navbar{
	background:none;
	width:100%;
	z-index:100;
	position:relative;
	height:auto;
	padding:0px;
	}
	#pages{
	padding:50px 30px 50px 30px;
	width:auto;
	height:auto;
	background-image:url(images/bg-page.png);
	margin-left:0px;
	position:relative;
	z-index:10;
	overflow:auto;
	}
	#header{
	background-image:url(images/bg-logo.png);
	position:relative;
	width:100%;
	text-align:center;
	z-index:1000;
	}
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
    display: inline-block;
    width: 300%;
	background-color:#12a19a;
	font-size:24px;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	padding:10px 0px;
	text-align:center;
	}
	#footer{
	display: none;
	}
}

@media (max-width: 767px) {
	#logo img{
	width:100%;
	height:auto;
	}
	#navbar{
	background:none;
	width:100%;
	z-index:100;
	float: left;
	position:relative;
	height:auto;
	}
	#pages{
	padding:50px 30px 50px 30px;
	width:auto;
	height:auto;
	background-image:url(images/bg-page.png);
	margin-left:0px;
	position:relative;
	float: left;
	z-index:10;
	overflow:auto;
	}
	#header{
	background-image:url(images/bg-logo.png);
	position:relative;
	width:100%;
	text-align:center;
	z-index:1000;
	}
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
    display: inline-block;
    width: 300%;
	background-color:#12a19a;
	font-size:24px;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	padding:10px 0px;
	text-align:center;
	}
	#footer{
	display: none;
	}
}

@media (max-width: 643px) {
	#logo img{
	width:100%;
	height:auto;
	}
	#navbar{
	background:none;
	width:100%;
	z-index:100;
	float: left;
	position:relative;
	height:auto;
	}
	#pages{
	padding:50px 30px 50px 30px;
	width: auto;
	height:auto;
	background-image:url(images/bg-page.png);
	margin-left:0px;
	position:relative;
	float: left;
	z-index:10;
	overflow:auto;
	}
	#header{
	background-image:url(images/bg-logo.png);
	position:relative;
	width:100%;
	text-align:center;
	z-index:1000;
	}
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
    display: inline-block;
    width: 300%;
	background-color:#12a19a;
	font-size:24px;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	padding:10px 0px;
	text-align:center;
	}
	#footer{
	display: none;
	}
}
/* Mobile devices */
@media (max-width: 359px) {
	#logo img{
	width:100%;
	height:auto;
	}
	#navbar{
	background:none;
	width:100%;
	z-index:100;
	float: left;
	position:relative;
	height:auto;
	}
	#pages{
	padding:50px 30px 50px 30px;
	height:auto;
	background-image:url(images/bg-page.png);
	margin-left:0px;
	position:relative;
	float: left;
	z-index:10;
	overflow:auto;
	width:auto;
	}
	#header{
	background-image:url(images/bg-logo.png);
	position:relative;
	width:100%;
	text-align:center;
	z-index:1000;
	}
	.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
    display: inline-block;
    width: 300%;
	background-color:#12a19a;
	font-size:24px;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	padding:10px 0px;
	text-align:center;
	}
	#footer{
	display: none;
	}

background-image: url(http://www.moscosoadvogados.com.br/wp-content/themes/moscoso/images/Ponte.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}

@mixin responsive-bg-image($image-width, $image-height) {
  background-size: 100%;
  height: 0;
  padding-bottom: percentage($image-height / $image-width);
  display: block;
}


.my-element {
  background: url("http://www.moscosoadvogados.com.br/wp-content/themes/moscoso/images/Ponte.jpg") no-repeat;

  // substitute for your image dimensions
  @include responsive-bg-image(204, 81);
}


.images[2] {
  height: 200px;
  background-image: url('http://www.moscosoadvogados.com.br/wp-content/themes/moscoso/images/Ponte.jpg');
  background-size: cover;
  border: 2px solid darkgray;
  color: #000; text-shadow: 1px 1px 0 #fff;