/**

 * @author ESTREIA New Media - www.estreia.net

 * @copyright Copyright (C) 2014 ESTREIA New Media. All rights reserved.

 * @license Proprietary

 */





 

 

 



/* -- global -- */



html {

	margin: 0;

	overflow: auto;

    height: 100%;

	}



body {

	background-color: #e2e2e2;

	font: 11px Verdana, Geneva, Arial;

	color: #333333;

	text-align: center;

	margin: 0 auto;

	padding: 0;

	}



img {

	border: 0;

	}



a {

	color: #7fcc00;

	text-decoration: none;

	}



form {

	margin: 0;

}



.divClear {

	height: 1px;

	clear: both;

}













/* -- header -- */



#divHeaderContainer {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 150px;

	background-color: #333333;

	text-align: center;

	z-index: 900;

}



#divHeader {

	width: 100%;

	height: 150px;

	background-color: #333333;

	text-align: center;

}



#subDivHeader {

	width: 1220px;

	height: 150px;

	text-align: left;

	margin: 0 auto;

}



#topRightHeader {

	width: 950px;

	font: 11px Verdana, Geneva, Arial;

	color: #ffffff;

	line-height: 20px;

	letter-spacing: 1px;

	text-align: right;

	margin-top: 15px;

	float: right;

}



#topRightHeader a {

	color: #b3d807;

}



#topRightHeader a:hover {

	text-decoration: underline;

}



#topRightHeader form {

	display: inline;

}



#topRightHeader select {

	font: 11px Verdana, Geneva, Arial;

	color: #333333;

	padding: 2px 2px 2px 5px;

	border: 0;

}



#topRightHeader div {

	display: inline;

}



#topRightHeader p {

	margin: 0;

	display: inline;

}



#logoLA {

	margin-top: 30px;

	float: left;

}













/* -- SP weather -- */



div.weather_sp1 {

	height: 60px !important;

	display: block !important;

	padding: 0 !important;

	margin: 15px 0 0 0 !important;

	overflow: hidden;

	float: right;

	clear: both;

}



span.weather_sp1_city {

	font: 18px Verdana, Geneva, Arial;

	color: #666666;

	line-height: 60px;

}	



span.spw_current_temp {

	font: 18px Verdana, Geneva, Arial;

	color: #666666;

	line-height: 60px;

}	



img.spw_icon_big {

	height: 60px !important;

	vertical-align: middle;

	margin: 0;

	padding: 0;

}

















/* jQuery slide menu */



#divMenu {

	position: absolute;

	top: 114px;

	left: 0;

	width: 100%;

	height: 35px;

	text-align: center;

	z-index: 900;

}



#divSubMenu {

	width: 1220px;

	height: 35px;

	text-align: center;

	margin: 0 auto;

	z-index: 900;

}



.jqueryslidemenu

{

	height: 35px;

	font: 14px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #ffffff;

	border-top: 1px solid #525252;

	text-align: center;

	margin: 0 120px 0 0;

	float: right;

	z-index: 1000;

	}



.jqueryslidemenu ul 

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	z-index: 1000;

	}



/*Top level list items*/

.jqueryslidemenu ul li 

{

	position: relative;

	display: inline;

	border-left: 1px solid #525252;

	float: left;

	z-index: 1100;

	}



.jqueryslidemenu ul li:first-child 

{

	display: none;

	}



.jqueryslidemenu ul li:last-child 

{

	border-right: 1px solid #525252;

	}



/*Top level menu link items style*/

.jqueryslidemenu ul li a 

{

	background-color: #333333;

	color: #ffffff;

	letter-spacing: 1px;

	text-transform: lowercase;

	text-decoration: none;

	line-height: 35px;

	padding: 0 15px !important;

	text-align: center;

	display: block;

	z-index: 1000;

	}

	

* html .jqueryslidemenu ul li a 

{

	/*IE6 hack to get sub menu links to behave correctly*/

	display: inline-block;

	z-index: 1000;

	}



.jqueryslidemenu ul li a:hover 

{

	background-color: #b4d707;

	color: #000000;

}



.jqueryslidemenu ul li:hover

{

}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul 

{

	position: absolute;

	top: 0;

	left: 0;

	width: 230px;

	background-color: #333333;

	display: block;

	visibility: hidden;

	z-index: 1000;

    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.20);

    -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.20);

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li 

{

	background-color: #333333;

	border-top: 1px solid #525252;

	border-left: 0;

	display: list-item;

	float: none;

	z-index: 1000;

	}



.jqueryslidemenu ul li ul li:first-child 

{

	display: list-item;

	}



.jqueryslidemenu ul li ul li:last-child 

{

	border-right: 0;

	}	



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul 

{

	top: 0;

	width: 230px;

	z-index: 1000;

	}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a 

{

	width: 205px;

	font: 11px Verdana, Arial, Geneva;

	text-transform: none;

	text-align: left;

	color: #adadad;

	line-height: 20px;

	padding: 6px 10px 6px 15px !important;

	margin: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	display: block;

	z-index: 1000;

	}



.jqueryslidemenu ul li ul li a:hover 

{

	/*sub menus hover style*/

	color: #333333;

	}



.jqueryslidemenu ul li ul li:hover 

{

	/*sub menus hover style*/

	background-color: #b4d707;

	}



.rightarrowclass {

	display: none;

}



.downarrowclass {

	display: none;

}

















/* -- top badge -- */



#topBadge {

	position: relative;

	top: 0;

	right: 0;

	float: right;

}

















/* -- main div -- */



#divMainContainer {

	position: absolute;

	width: 100%;

	text-align: center;

	z-index: 800;

}













/* -- slideshow -- */



#divSlideshow {

	position: absolute;

	top: 150px;

	left: 0;

	width: 100%;

	height: 390px;

	background-color: #bbb9ba;

	text-align: center;

	z-index: 800;

}



#slider1_container {

	position: relative;

	width: 1220px;

	height: 390px;

	margin: 0 auto;

	text-align: left;

	overflow: hidden;

}



#divSlideshow #slider1_container .divSlide {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 1220px;

	height: 390px;

	overflow: hidden;

}



#divSlideshow #slider1_container div div {

	width: 1220px;

	height: 390px;

	font: 13px Verdana, Arial, Geneva;

	line-height: 150%;

	color: #666666;

	float: left;

	cursor: pointer;

}



#divSlideshow #slider1_container div div h1 {

	width: 980px;

	font: 32px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #333333;

	text-align: left;

	line-height: 38px;

	margin: 15px 0 0 15px;

	text-shadow:

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6;

}



#divSlideshow #slider1_container div div h1 a {

	color: #333333;

}



#divSlideshow #slider1_container div div h1 a:hover {

	color: #000000;

}



#divSlideshow #slider1_container div div h2 {

	width: 940px;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #333333;

	text-align: left;

	line-height: 22px;

	margin: 0 0 0 15px;

	text-shadow:

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6;

}



#divSlideshow #slider1_container div div h2 a {

	color: #333333;

}



#divSlideshow #slider1_container div div strong, #divSlideshow #slider1_container div div b {

	font-weight: 300;

}



#divSlideshow #slider1_container div div p {

	display: inline;

	margin: 0;

}



/* jssor slider bullet navigator */

/*

.jssorb21 div           (normal)

.jssorb21 div:hover     (normal mouseover)

.jssorb21 .av           (active)

.jssorb21 .av:hover     (active mouseover)

.jssorb21 .dn           (mousedown)

*/

.jssorb21 {

	position: absolute;

	bottom: 26px;

	left: 6px;

}

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {

	background: url('../images/navigator.png') no-repeat;

	overflow: hidden;

	cursor: pointer;

}

.jssorb21 div {

	background-position: -5px -5px;

}

.jssorb21 div:hover, .jssorb21 .av:hover {

	background-position: -64px -5px;

}

.jssorb21 .av {

	background-position: -123px -5px;

}

.jssorb21 .dn, .jssorb21 .dn:hover {

	background-position: -182px -5px;

}

















/* -- top image -- */



#divTopImage {

	position: absolute;

	top: 150px;

	left: 0;

	width: 100%;

	height: 260px;

	text-align: center;

	z-index: 800;

}



#divSubTopImage {

	position: relative;

	width: 1220px;

	height: 260px;

	margin: 0 auto;

	text-align: left;

	overflow: hidden;

}



#divSubTopImage h1 {

	width: 980px;

	font: 32px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #333333;

	text-align: left;

	line-height: 38px;

	margin: 0;

	text-shadow:

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6;

}



#divSubTopImage h2 {

	width: 940px;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #333333;

	text-align: left;

	line-height: 22px;

	margin: 0;

	text-shadow:

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 5px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 10px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6,

	0px 0px 20px #e6e6e6;

}



#divSubTopImage h2 a {

	color: #333333;

}



#divSubTopImage h2 strong, #divSubTopImage h2 b {

	font-weight: 300;

}



#divSubTopImage p {

	display: inline;

	margin: 0;

}

















/* -- breadcrumbs -- */



#divBreadcrumbs {

	width: 980px;

	height: 20px;

	color: #666666;

	line-height: 20px;

	text-align: left;

	margin: 15px 0 0 0;

	float: left;

}



#divBreadcrumbs a {

	height: 20px;

	background: url('../images/bg_breadcrumbs.png') top right no-repeat;

	color: #666666;

	line-height: 20px;

	padding: 0 16px 0 8px;

	margin: 0;

	display: block;

	float: left;

}



#divBreadcrumbs a:hover {

	background: url('../images/bg_breadcrumbs.png') bottom right no-repeat;

	color: #000000;

}



#divBreadcrumbs span {

	height: 20px;

	background: url('../images/bg_breadcrumbs.png') top left no-repeat;

	color: #666666;

	line-height: 20px;

	padding: 0 8px;

	margin: 0;

	display: block;

	float: left;

}













/* -- body -- */



#divMainHome {

	width: 100%;

	background-color: #ffffff;

	margin-top: 540px;

	text-align: center;

}



#divMain {

	width: 100%;

	background-color: #ffffff;

	margin-top: 410px;

	text-align: center;

}



#divSubMain {

	width: 1220px;

	text-align: left;

	margin: 0 auto;

}



#divSubMainText {

	font: 15px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	line-height: 140%;

	text-align: left;

	margin-top: 16px;

}



#divSubMainText strong, #divSubMainText b {

	font-weight: 700;

}



#divSubMainText p {

	margin-top: 0;

}



#divSubMainText a:hover {

	color: #000000;

}



#divSubMainText hr {

	height: 1px;

	background-color: #f0f0f0;

	color: #f0f0f0;

	border: 0;

	clear: both;

}



#divSubMainText img.pull-right {

	margin: 0 0 10px 15px;

	float: right;

}



#homepageBody #divSubMainText {

	display: none;

}















/* -- booking share -- */



#divBooking {

	width: 808px;

	height: 38px;

	background-color: #e2e2e2;

	margin: 16px 16px 0 0;

	text-align: left;

	float: left;

}



#divBooking h3 {

	width: 100px;

	height: 38px;

	background: #333333 url('../images/reservas_seta.gif') center right no-repeat;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #ffffff;

	text-align: center;

	line-height: 38px;

	padding-right: 10px;

	margin: 0 5px 0 0;

	float: left;

}



#divBooking form {

	padding: 0;

	margin: 0;

	display: inline;

}



#divBooking .bookingSubmit {

	height: 38px;

	background-color: #b4d707;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #ffffff;

	text-align: center;

	padding: 0 10px;

	margin: 0;

	border: 0;

	float: right;

}



#divBooking .bookingSubmit:hover {

	background-color: #333333;

	color: #ffffff;

	cursor: pointer;

}



#divBooking input[type="text"] {

	width: 75px;

	height: 19px;

	background: #ffffff;

	color: #333333;

	font: 11px Verdana, Arial, Geneva;

	padding: 0 5px;

	margin: 9px 5px;

	border: 0;

}



#divBooking select {

	background: #ffffff;

	color: #333333;

	font: 11px Verdana, Arial, Geneva;

	padding: 2px;

	margin: 9px 5px;

	border: 0;

}



#divBookingText {

	width: 1190px;

	min-height: 38px;

	background: #e2e2e2 url('../images/bg_booking.jpg') center right no-repeat;

	line-height: 38px;

	margin: 16px 0 16px 0;

	padding: 0 15px;

	text-align: left;

	float: left;

}



#divBookingText a {

	color: #333333;

	text-decoration: underline;

}



#divShare {

	width: 376px;

	height: 33px;

	background-color: #e2e2e2;

	font: 13px Verdana, Arial, Geneva;

	line-height: 33px;

	color: #333333;

	text-align: left;

	margin: 16px 0 0 0;

	padding: 5px 10px 0 10px;

	overflow: hidden;

	float: left;

}



.shareText {

	height: 29px;

	font: 13px Verdana, Arial, Geneva;

	line-height: 29px;

	margin: 0 7px 0 0;

	display: block;

	float: left;

}













/* -- 3 columns -- */



.divBox3Columns {

	width: 396px;

	height: 194px;

	background-color: #e2e2e2;

	margin: 16px 16px 0 0;

	text-align: left;

	overflow: hidden;

	float: left;

}



.divBox3Columns .title3Columns {

	position: relative;

	width: 396px;

	height: 38px;

	overflow: hidden;

}



.divBox3Columns .title3Columns a {

	position: absolute;

	top: 0;

	right: 0;

	width: 396px;

	height: 38px;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 400;

	color: #333333;

	line-height: 38px;

	text-indent: 10px;

	margin: 0;

	float: left;

	text-shadow:

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff;

}



.divBox3Columns p {

	margin: 0;

}



.divBox3Columns .title3Columns .price3Columns {

	position: absolute;

	top: 0;

	right: 10px;

	height: 38px;

	font: 11px Verdana, Arial, Geneva;

	color: #888888;

	line-height: 38px;

	text-align: right;

}



.divBox3Columns .thumb3Columns {

	width: 396px;

	height: 156px;

	overflow: hidden;

}



.divBox3Columns .thumb3Columns img {

	width: 396px;

	height: 156px;

}



.divBox3Columns:hover {

	background-color: #b4d707;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

}



.divBox3Columns:active {

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}



.divBox3Columns:hover a {

	color: #000000;

	text-shadow: none;

}



.divBox3Columns:hover .price3Columns {

	color: #ffffff;

}



.divBox3Columns.lastDiv {

	margin-right: 0 !important;

}















/* -- 2 columns -- */



#divLeftColumn {

	width: 808px;

	margin: 0 16px 0 0;

	text-align: left;

	float: left;

}



#divLeftColumn .moduletable {

	width: 808px;

	clear: both;

}



.divBox2Columns {

	width: 396px;

	height: 194px;

	background-color: #e2e2e2;

	margin: 16px 16px 0 0;

	text-align: left;

	overflow: hidden;

	float: left;

}



.divBox2Columns .title2Columns {

	position: relative;

	width: 396px;

	height: 38px;

	overflow: hidden;

}



.divBox2Columns .title2Columns a {

	position: absolute;

	top: 0;

	right: 0;

	width: 396px;

	height: 38px;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 400;

	color: #333333;

	line-height: 38px;

	text-indent: 10px;

	margin: 0;

	float: left;

	text-shadow:

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff;

}



.divBox2Columns p {

	margin: 0;

}



.divBox2Columns .title2Columns .price2Columns {

	position: absolute;

	top: 0;

	right: 10px;

	height: 38px;

	font: 11px Verdana, Arial, Geneva;

	color: #888888;

	line-height: 38px;

	text-align: right;

}



.divBox2Columns .thumb2Columns {

	width: 396px;

	height: 156px;

	overflow: hidden;

}



.divBox2Columns .thumb2Columns img {

	width: 396px;

	height: 156px;

}



.divBox2Columns:hover {

	background-color: #b4d707;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

}



.divBox2Columns:active {

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}



.divBox2Columns:hover a {

	color: #000000;

	text-shadow: none;

}



.divBox2Columns:hover .price2Columns {

	color: #ffffff;

}



.divBox2Columns.lastDiv {

	margin-right: 0 !important;

}















/* -- tabs -- */



#tabs {

	width: 808px !important;

}



#tabs .custom {

	width: 778px;

	padding: 0 15px;

}



#tabs .custom hr {

	height: 1px;

	background-color: #f0f0f0;

	color: #f0f0f0;

	border: 0;

	clear: both;

}



#tabs .custom img.pull-right {

	margin: 0 0 10px 15px;

	float: right;

}

















/* -- right column -- */



#divRightColumn {

	width: 376px;

	margin: 16px 0 0 0;

	float: left;

}



#divRightColumn .moduletable {

	width: 376px;

	margin-bottom: 16px;

	clear: both;

}



#divRightColumn .moduletable h3 {

	width: 381px;

	height: 38px;

	background: #e2e2e2;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 400;

	color: #333333;

	line-height: 38px;

	padding: 0 5px 0 10px;

	margin: 0;

	text-shadow:

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff;

	clear: both;

}



#divRightColumn .moduletable ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#divRightColumn .moduletable ul li {

}



#divRightColumn .moduletable ul li a {

	width: 379px;

	min-height: 22px;

	background: #ffffff;

	font: 13px Verdana, Arial, Geneva;

	color: #7fcc00;

	line-height: 22px;

	padding: 7px 5px 7px 10px;

	margin: 1px 0 0 0;

	border: 1px solid #f0f0f0;

	display: block;

}



#divRightColumn .moduletable ul li a:hover {

	background: #f0f0f0;

	color: #333333;

}



#divRightColumn .moduletable ul li a.selectedLink {

	color: #333333;

}



#divRightColumn .moduletable ul li.current a {

	color: #333333;

}



#divRightColumn .moduletable .custom {

	width: 374px;

	border: 1px solid #f0f0f0;

	padding: 10px;

	margin: 1px 0 0 0;

}



#divRightColumn .moduletable .custom p {

	margin: 0;

}



/* style for Youtube videos inside iframes */

#divRightColumn .moduletable iframe {

	width: 374px;

	border: 1px solid #f0f0f0;

	padding: 10px;

	margin: 1px 0 0 0;

}



#divRightColumn .moduletable .divBadges {

	width: 374px;

	border: 1px solid #f0f0f0;

	padding: 10px;

	margin: 1px 0 0 0;

}



/* reset style for iframes inside badges */

#divRightColumn .moduletable .divBadges iframe {

	width: inherit;

	border: none;

	padding: 0;

	margin: 0;

}



/* style for TripAdvisor badges */

#CDSWIDFRR {

	margin: 8px 0 0 0 !important;

}

#CDSWIDSSP {

	width: 180px !important;

	height: 188px !important;

	margin: 8px 0 0 0 !important;

	overflow: hidden !important;

}

.widSSPData {

	width: 180px !important;

	padding: 0 !important;

	margin: 0 !important;

}

















/* -- right slideshow -- */



#divRightColumn .moduletable .divSlideshow {

	width: 394px;

	border-top: 0;

	border: 1px solid #f0f0f0;

	border-top: 0;

	padding: 0;

	margin: 1px 0 0 0;

}



#divRightColumn .moduletable .divSlideshow a.group img {

	width: 78px;

	height: 78px;

	margin: 1px 1px 0 0;

	float: left;

}



#divRightColumn .moduletable .divSlideshow a:first-child img {

	width: 394px !important;

	height: auto;

	margin: 0 !important;

	float: none !important;

}



#divRightColumn .moduletable .divSlideshow a:nth-child(5n+1) img {

	margin-right: 0;

}



/* hack para o IE8, faz o mesmo que em cima */

#divRightColumn .moduletable .divSlideshow a:first-child + a + a + a + a + a img {

	margin-right: 0;

}



#divRightColumn .moduletable .divSlideshow a.group:hover img {

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

}























/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}



/* 

    User Style:

    Change the following styles to modify the appearance of ColorBox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:#fff;}

#colorbox{}

    #cboxTopLeft{width:25px; height:25px; background:url('../images/slideshow_border1.png') no-repeat 0 0;}

    #cboxTopCenter{height:25px; background:url('../images/slideshow_border1.png') repeat-x 0 -50px;}

    #cboxTopRight{width:25px; height:25px; background:url('../images/slideshow_border1.png') no-repeat -25px 0;}

    #cboxBottomLeft{width:25px; height:25px; background:url('../images/slideshow_border1.png') no-repeat 0 -25px;}

    #cboxBottomCenter{height:25px; background:url('../images/slideshow_border1.png') repeat-x 0 -75px;}

    #cboxBottomRight{width:25px; height:25px; background:url('../images/slideshow_border1.png') no-repeat -25px -25px;}

    #cboxMiddleLeft{width:25px; background:url('../images/slideshow_border2.png') repeat-y 0 0;}

    #cboxMiddleRight{width:25px; background:url('../images/slideshow_border2.png') repeat-y -25px 0;}

    #cboxContent{background:#fff; overflow:hidden;}

        .cboxIframe{background:#fff;}

        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{margin-bottom:20px;}

        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}

        #cboxCurrent{position:absolute; bottom:0px; left:140px; color:#999;}

        #cboxSlideshow{position:absolute; bottom:0px; right:45px; color:#444;}

        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}

        #cboxNext{position:absolute; bottom:0px; left:65px; color:#444;}

        #cboxLoadingOverlay{background:#fff url('../images/slideshow_loading.gif') no-repeat 5px 5px;}

        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}



/*

  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill

  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.

  See: http://jacklmoore.com/notes/ie-transparency-problems/

*/

.cboxIE #cboxTopLeft,

.cboxIE #cboxTopCenter,

.cboxIE #cboxTopRight,

.cboxIE #cboxBottomLeft,

.cboxIE #cboxBottomCenter,

.cboxIE #cboxBottomRight,

.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

}

















/* -- scroller -- */



#divScroller {

	width: 1220px;

	min-height: 187px;

	margin: 0 auto;

	text-align: left;

	clear: both;

}



#scrollerHeader {

	width: 1220px;

	height: 32px;

	background: #ffffff url('../images/bg_scroller.gif') bottom right no-repeat;

}



#divScroller h3 {

	height: 32px;

	background: #333333 url('../images/bg_scroller_header.gif') top right no-repeat;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	color: #ffffff;

	line-height: 32px;

	white-space: nowrap;

	padding: 0 30px 0 10px;

	margin: 0;

	float: left;

}



#scroller {

	width: 1220px;

	height: 123px;

	margin: 16px auto 0 auto;

	text-align: left;

	overflow: hidden;

	clear: both;

}



#scroller ul {

	margin: 0;

	padding: 0;

	list-style-type: none !important;

}



#scroller ul li {

	width: 232px;

	height: 123px;

	background-color: #e2e2e2;

	margin-right: 16px;

	float: left;

}



#scroller ul li a.scrollerTitle {

	width: 232px;

	font: 15px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 400;

	color: #333333;

	line-height: 32px;

	text-shadow:

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 5px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 10px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff,

	0px 0px 20px #ffffff;

}



#scroller ul li a.scrollerTitle:hover {

	text-shadow: none;

}



#scroller ul li img {

	width: 232px;

	height: 91px;

}



#scroller ul li:hover {

	background-color: #b4d707;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);

}



#scroller ul li:active {

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}

















/* -- bottom -- */



#divBottom {

	width: 1220px;

	min-height: 180px;

	margin: 0 auto;

	text-align: left;

}



#divBottom .divBottomBox {

	width: 396px;

	height: 195px;

	margin: 16px 16px 0 0;

	text-align: left;

	overflow: hidden;

	float: left;

}



#divBottom .divBottomBox:nth-child(3n+0) {

	margin-right: 0;

}



/* hack para o IE8, faz o mesmo que em cima */

#divBottom .divBottomBox:first-child + div + div {

	margin-right: 0;

}



#divBottom .divBottomBox:hover {

    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1);

    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 1);

}



#divBottom .divBottomBox:active {

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

}



#divBottom .divBottomBox .titleBox {

	width: 396px;

	height: 38px;

	background-color: #ffffff;

	overflow: hidden;

}



#divBottom .divBottomBox .titleBox a {

	width: 381px;

	height: 38px;

	font: 17px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 400;

	color: #333333;

	line-height: 38px;

	text-indent: 10px;

	margin: 0;

	display: block;

}



#divBottom .divBottomBox .contentBox {

	width: 396px;

	height: 155px;

	background-color: #ffffff;

	font: 13px Verdana, Arial, Geneva;

	line-height: 140%;

	margin-top: 1px;

	overflow: hidden;

}



#divBottom .divBottomBox .contentBox p {

	margin: 10px 0 0 10px;

	padding: 0;

}



#divBottom .divBottomBox .contentBox div {

	width: 100%;

	height: 51px;

	font: 15px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 300;

	line-height: 51px;

	border-top: 1px solid #e2e2e2;

	padding: 0 10px 0 0;

	float: left;

}



#divBottom .divBottomBox .contentBox div:first-child {

	border-top: 0;

}



#divBottom .divBottomBox .contentBox div strong, #divBottom .divBottomBox .contentBox div b {

	width: 51px;

	height: 51px;

	background-color: #15bcff;

	font: 22px 'Nunito', Verdana, Arial, Geneva;

	font-weight: 400;

	color: #ffffff;

	line-height: 51px;

	text-align: center;

	margin-right: 15px;

	display: block;

	float: left;

}



#divBottom .divBottomBox .contentBox a {

	color: #7fcc00;

}



#divBottom .divBottomBox .contentBox .thumbImage {

	width: 198px;

	height: 155px;

	float: right;

}



#divBottom .divBottomBox .titleBox:hover {

	background-color: #b4d707;

}















/* -- footer -- */



#divFooter {

	width: 1220px;

	min-height: 30px;

	font: 11px Verdana, Arial, Geneva;

	color: #666666;

	letter-spacing: 1px;

	line-height: 30px;

	text-align: left;

	margin: 0 auto;

	clear: both;

}



#divFooter a {

	color: #666666;

	letter-spacing: 1px;

	text-decoration: underline;

}



#divFooter a:hover {

	color: #333333;

}



#divFooter div, #divFooter p {

	display: inline;

}



#divCredits {

	width: 150px;

	height: 30px;

	font: 11px Verdana, Arial, Geneva;

	color: #999999;

	line-height: 30px;

	text-align: right;

	display: block;

	float: right;

}



#divCredits a {

	color: #999999;

	text-decoration: none;

}



#divCredits a:hover {

	color: #333333;

	text-decoration: none;

}















/* -- seo -- */



#divLinks {

	min-height: 30px;

	font: 11px Verdana, Arial, Geneva;

	color: #e2e2e2;

	line-height: 30px;

	text-align: center;

}



#divLinks a {

	color: #e2e2e2;

	letter-spacing: 1px;

	text-decoration: underline;

}



#divLinks a:hover {

	color: #e2e2e2;

	cursor: default;

}



#divLinks p {

	display: inline;

}















/* -- print -- */



@media print {

	#divLinks {

		display: none;

	}

}