#wrapperSite {
	width: 1168px;
	margin: 0 auto;
	padding-top: 60px;
	margin-top: 11px;
	background: url('../img/recomendacoesBanner_BG.jpg') top center no-repeat;
}

#left {
	float: left;
	width: 870px;
	margin-right: 30px;
}

.news {
	width: 100%;
	position: relative;
	margin-bottom: 55px;
	margin-top: 30px;
}

.news .wrapper {
	width: 870px;
	margin: 0 auto;
	position: relative;
}

.news .title {
	cursor: pointer;
	float: left;
	color: #CCCCCC;
	margin-right: 55px;
	font: 400 35px 'Aprex-New-Bold', sans-serif;
}

.news .title span {
	margin-top: -30px;
	display: block;
	color: #E2151A;
	text-transform: uppercase;
	font: 400 18px/90% 'Aprex-New-Bold', sans-serif;
}

.news .titleActive {
	color:#383D4B;
	font: 400 48px 'Aprex-New-Bold', sans-serif;
}

.news .subtitle {
	cursor: pointer;
	float: left;
	color: #999999;
	font: 400 14px 'PT-Sans', sans-serif;
	cursor:auto;
}

.news .leftArrow {
	left: 0;
	background: url('/img/seta_Nav_News.png') no-repeat left top;
}
.news .leftArrow:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.news .rightArrow {
	left: 18px;
	background: url('/img/seta_Nav_News.png') right top no-repeat;
}
.news .rightArrow:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.news .bookBullets {
	display: block;
	margin-top: 5px;
	text-align: center;
}

.news .bookBullets a {
	width: 14px;
	height: 14px;
	font-size: 0;
	margin-right: 5px;
	display: inline-block;
	background: url('/img/nav_Lista_Livros.png') right center;
}
.news .bookBullets a:last-of-type {
	margin-right: 0;
}

.news .bookBullets a.selected {
	background: url('/img/nav_Lista_Livros.png') left center;
}

#right .col {
	float: left;
	margin-bottom: 15px;
	width:100%;
}

#right .col img {
	max-width: 100%;
}

#right .col .title {
	color: #CCCCCC;
	margin-right: 25px;
	display: inline-block;
	text-transform: uppercase;
	font: 700 18px 'PT-Sans', sans-serif;
}

#right .col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#right .titles {
	width: 100%;
	float: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #E2151A;
	margin-bottom: 19px;
}

#right .titles .title {
	float: left;
	margin-right: 35px;
	font: 700 18px 'PT-Sans', sans-serif;
	color: #CCCCCC;
	text-transform: initial;
	cursor: pointer;
}

#right .titles .titleActive {
	cursor: initial;
	color: #383D4B;
	text-transform: uppercase;
	font: 700 18px 'PT-Sans', sans-serif;
}

#leya-localizacao {
	position: relative;
}

#leya-localizacao > a {
	display:block;
	margin:0 0 15px 0;
	padding:0 0 2px 10px;
	color:#333333;
	font: 700 13px/100% 'PT-Sans', sans-serif;
	background:transparent url('/img/ul-bullet.png') no-repeat center left;
}
#leya-localizacao > a.active,
#leya-localizacao > a:hover {
	color:#E2151A;
}

#leya-contactos {
	position:relative;
}
#leya-contactos > table {
	width:100%;
	font-size:14px;
	line-height:120%;
	color:#888888;
}
#leya-contactos > table tr > td {
	vertical-align:top;
	padding:7px 0;
	text-align:left;
}
#leya-contactos > table tr > td > img {
	margin-top:4px;
	margin-right:5px;
}
#leya-contactos > table tr > td[colspan="2"] {
	color:#E2151A;
	padding-top:0px;
}

#books {
	position: relative;
}

#bottom .col:first-of-type {
	float: left;
	width: 413px;
	position: relative;
}


#login {
	float: left;
	width: 100%;
}
#login .openImg {
	display: none;
}

#login > .title {
	cursor: auto;
	line-height:100%;
	margin-bottom:20px;
	width:550px;
}
#login > .title > span {
	margin-bottom:10px;
}
#login > .title:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#login img {
	padding-left: 5px;
	display: inline-block;
}

#login .wrapperLogin {
	float: left;
	box-sizing:border-box;
	padding: 40px;
	width: 100%;
	background-color: #EBEBED;
}
#login  .wrapperLogin .left {
	width: 280px;
	float: left;
	margin-right: 95px;
}
#login  .wrapperLogin .left .title {
	color: #333333;
	text-transform: uppercase;
	font: 700 21px 'PT-Sans', sans-serif;
}
#login .wrapperLogin .left .subtitle {
	color: #888888;
	padding-top: 3px;
	font: 400 13px 'PT-Sans', sans-serif;
}

#login .wrapperLogin .leyaTitle {
	cursor: pointer;
	color: #333333;
	margin-top: 25px;
	margin-bottom: 25px;
	font: 700 20px 'PT-Sans', sans-serif;
}

#login .wrapperLogin .left .inputText {
	color: #333333;
	margin-bottom: 5px;
	font: 700 13px 'PT-Sans', sans-serif;
}
#login .wrapperLogin .left .input {
	width: 229px;
	padding: 8px 3px;
	margin-bottom: 20px;
	outline-color: #CCCCCC;
	border: 1px solid #CCCCCC;
}
#login .wrapperLogin .left .submit {
	float: left;
	cursor: pointer;
	width: 125px;
	display: block;
	color: #FFFFFF;
	outline-color: #E2151A;
	background-color: #E2151A;
	text-transform: uppercase;
	text-align: center;
	padding: 9px 0;
	font: 700 13px 'PT-Sans', sans-serif;
	border: none;
}
#login .wrapperLogin .left .submit:hover {
	background-color: #EF3125;
}
#login .wrapperLogin .left a {
	color: #393D49;
	float: left;
	text-decoration: underline;
	margin-top: 20px;
	font: 400 14px 'PT-Sans', sans-serif;
}
#login .wrapperLogin .left a:hover {
	color: #999999;
}

#login .wrapperLogin .right{
	float: left;
	width: 375px;
}

#login .wrapperLogin .right .leyaTitle {
	margin-bottom: 15px;
}

#login .wrapperLogin .right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#login .wrapperLogin .right ul li {
	color: #89898B;
	margin-bottom: 10px;
	font: 400 13px 'PT-Sans', sans-serif;
	background: url('/img/loginBullet.png') no-repeat left center;
	padding-left: 20px;
}

#login .wrapperLogin .right a {
	margin-top: 10px;
	float: left;
	cursor: pointer;
	width: 160px;
	display: block;
	color: #FFFFFF;
	outline-color: #E2151A;
	background-color: #E2151A;
	text-transform: uppercase;
	text-align: center;
	padding: 9px 0;
	font: 700 13px 'PT-Sans', sans-serif;
	border: none;
}
#login .wrapperLogin .right a:hover {
	background-color: #EF3125;
}

#login .wrapperLogin .perc-100,
#leya-localizacao-mapa .perc-100,
#login .wrapperLogin .perc-50,
#login .wrapperLogin .perc-30,
#login .wrapperLogin .perc-20 {
	display:inline-block;
	vertical-align:top;
	position:relative;
}
#login .wrapperLogin .perc-100,
#leya-localizacao-mapa .perc-100 {
	width:100%;
}
#login .wrapperLogin .perc-50 {
	width:47%;
	float:left;
}
#login .wrapperLogin .perc-50 + .perc-50 {
	float:right;
}
#login .wrapperLogin .perc-50 + .perc-20 {
	margin-left:6%;
}
#login .wrapperLogin .perc-30 {
	width:24%;
}
#login .wrapperLogin .perc-20 {
	width:17%;
}
#login .wrapperLogin .perc-20 + .perc-30 {
	float:right;
}
#login .wrapperLogin .label,
#leya-localizacao-mapa .label {
	margin-bottom:15px;
	font: 700 19px 'PT-Sans', sans-serif;
}
#login .wrapperLogin label,
#leya-localizacao-mapa label {
	display:block;
	margin:0 1px 8px 1px;
	padding:0;
	font: 700 14px 'PT-Sans', sans-serif;
	color:#333333;
}
#login .wrapperLogin label .obrigatorio {
	color:red;
}
#login .wrapperLogin input[type='text'],
#login .wrapperLogin input[type='password'],
#login .wrapperLogin textarea {
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	margin:0 0 17px 0;
	padding:7px 10px;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	font: 400 13px 'PT-Sans', sans-serif;
}
#login .wrapperLogin textarea {
	height:150px;
	min-height:150px;
	max-height:300px;
	resize:vertical;
}
#login .wrapperLogin select,
#leya-localizacao-mapa select {
	display:inline-block;
	box-sizing:border-box;
	margin:0 0 20px 0;
	padding:6px 8px;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	color:#CCCCCC;
	text-align:left;
	font: 400 14px 'PT-Sans', sans-serif;
	cursor:pointer;
}
#login .wrapperLogin input[type='text'] + img {
	position:absolute;
	bottom:25px;
	right:-17px;
}
#login .wrapperLogin input[type='radio'],
#login .wrapperLogin input[type='checkbox'] {
	display:inline-block;
	box-sizing:border-box;
	margin:3px 5px 15px 0;
	padding:7px 10px;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	font: 400 13px 'PT-Sans', sans-serif;
	vertical-align:top;
}
#login .wrapperLogin input[type='radio'] + label,
#login .wrapperLogin input[type='checkbox'] + label {
	display:inline-block;
	width:90%;
	vertical-align:top;
}
#login .wrapperLogin a {
	color:#777777;
	text-decoration:underline;
}
#login .wrapperLogin a:hover {
	color:#444444;
}
#login .wrapperLogin .captcha label {
	font-weight:400;
	font-size:13px;
	color:#888888;
}
#login .wrapperLogin .captcha img {
	display:inline-block;
	margin:2px 10px 0 0;
	padding:0;
	vertical-align:top;
}
#login .wrapperLogin .captcha input[type='text'] {
	width:250px;
}
#login .wrapperLogin input[type='submit'] {
	display:inline-block;
	box-sizing:border-box;
	width:auto;
	float:right;
	margin:0 0 15px 0;
	padding:8px 40px;
	background:#E2151A;
	border:0px;
	color:#FFFFFF;
	text-transform:uppercase;
	font: 700 14px 'PT-Sans', sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
}

#login .wrapperLogin .obs {
	display:inline-block;
	box-sizing:border-box;
	width:90%;
	margin:0 3px 15px 3px;
	padding:0;
	color:#777777;
	font: 400 10px/100% 'PT-Sans', sans-serif;
}
#login .wrapperLogin label > .obs,
#login .wrapperLogin input[type='checkbox'] + .obs {
	margin-top:3px;
	margin-left:0;
	margin-right:0;
	font-size:13px;
}
#login .wrapperLogin hr {
	display:block;
	width:100%;
	margin:40px 0 20px 0;
	padding:0;
	border:0px;
	border-top:1px solid #FFFFFF;
	clear:both;
}

.erroLogin{
	display: block;
	font: 700 15px "PT-Sans",sans-serif;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}