/*
*	Por Jean Carlo Emer em julho de 2009
*/
*{
	margin:0;
	padding:0;
}
body{
	background:#C5C2B8;
	color:#525252;
	font:12px/15px Verdana;
	text-align:center;
}
/* TITLE */
h2, h2 span{
	height:26px;
}
h2{
	background:url(../images/box.png) no-repeat;
}
h2 span{
	background:url(../images/title.png);
	display:block;
	margin-left:10px;
	overflow:hidden;
	text-indent:-9000px;
}
/* ICON */
button,
.icon{
	background:url(../images/icon.png) no-repeat;
	display:block;
	font-weight:bold;
	height:20px;
	line-height:16px;
}
button{
	border:none;
	cursor:pointer;
	display:block;
	overflow:hidden;
	text-indent:-9000px;
}
.icon{
	text-indent:20px;
}
.iInit{background-position:0 0; width:68px;}
.iInit:hover{background-position:0 -30px}
.iAd{background-position:-100px 0; width:84px;}
.iAd:hover{background-position:-100px -30px}
.iMore{background-position:-200px 0; margin-left:144px; width:92px;}
.iMore:hover{background-position:-200px -30px}
.iAll{background-position:-300px 0; margin-left:414px; width:96px;}
.iAll:hover{background-position:-300px -30px}
.iBack{background-position:-400px 0; margin:40px 0 0 442px; width:68px;}
.iBack:hover{background-position:-400px -30px}
.iKnow{background-position:-500px 0; width:82px; margin-top:6px}
.iKnow:hover{background-position:-500px -30px}
.iSend{background-position:-600px 0; margin-left:442px; width:68px;}
.iSendHover{background-position:-600px -30px;}
.iOk{background-position:-700px 0; width:20px;}
.iOkHover{background-position:-700px -30px;}
.iVote{background-position:-720px 0; margin-left:175px; width:61px;}
.iVoteHover{background-position:-720px -30px;}
.iSearch{background-position:-800px 0; margin:10px 0 0 68px; width:70px;}
.iSearchHover{background-position:-800px -30px;}
.iGuide{background-position:-900px 0; margin:4px 0 12px 14px; text-indent:6px; width:124px;}
.iGuide:hover{background-position:-900px -30px;}
.iPrev{background-position:-1100px 0; width:80px;}
.iPrev:hover{background-position:-1100px -30px}
.iNext{background-position:-1200px 0; text-indent:6px; width:86px;}
.iNext:hover{background-position:-1200px -30px}
.iRoute{background-position:-1400px 0; width:170px;}
.iRoute:hover{background-position:-1400px -30px;}
.iClose{background-position:-1600px 0; text-indent:6px; width:72px;}
.iClose:hover{background-position:-1600px -30px;}
.iFull{background-position:-1700px 0; margin-left:432px; width:77px;}
.iFull:hover{background-position:-1700px -30px;}
.iPrint{background-position:-1800px 0; width:85px;}
.iPrint:hover{background-position:-1800px -30px;}
.iGuideSend{background-position:-1900px 0; margin:20px 0 0 406px; width:104px;}
.iGuideSendHover{background-position:-1900px -30px;}

/* LINK */
a{
	color:#525252;
	outline:none;
	text-decoration:none;
}
a:hover{color:#2C2C2C}
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
a img{
	border:none;
}
.bold a{
	color:#AC2259;
	font-weight:bold;
}
.bold a:hover{color:#8F1A4E}
a small{
	color:#777;
	display:block;
	font-size:10px;
	line-height:12px;
}
.bold small{color:#AC2259;}
/* FORM */
fieldset{
	border:none;
}
.form label{
	color:#AC2259;
	cursor:pointer;
	display:block;
	font-weight:bold;
}
.form label span{
	font-weight:normal;
	color:#525252;
}
.field,
.field-select{
	color:#525252;
	font:13px Verdana;
	padding:2px;
}
.field{
	background:#FFF;
	border:none;
}
/* OTHERS */
ul li{
	list-style:none;
}
.clear{
	display:block;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
/* LIGHTBOX */
#lightbox_limit{
	overflow:hidden;
	z-index:999;
}
#lightbox_limit,
#lightbox,
#overlay,
#lightbox_loading{
	left:0;
	position:absolute;
	top:0;
}
#lightbox_loading,
#lightbox{
	text-align:center;
	width:100%;
	z-index:1000;
}
#overlay{
	background:#181818;
	z-index:500;
}
#lightbox_content{
	margin:0 auto;
	position:relative;
	text-align:center;
	background-color:#C5C2B8;
}
#lightbox_top,
#lightbox_data{
	background:#C5C2B8;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:100%
}
#lightbox_top{height:28px;}
#lightbox .icon{
	float:right;
	margin:0 8px 8px 8px;
	text-align:left;
}
#lightbox .iClose{margin:8px 8px 0 8px;}
#lightbox .iPrev{float:left;}
#lightbox_image{padding:10px;}
#lightbox_data{
}
#lightbox_data .caption{
	padding-top:15px;
	padding:2px 120px 11px 120px;
}
/* lightbox_loading */
#lightbox_loading{
	text-align:center;
	width:100%;
}
#lightbox_loading img{display:inline;}

/* ***********************
	TOP
*********************** */
#top{
	background-color: #8a1545;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	color: #fff;
	height: 273px;
	min-width: 904px;
}
#top .container{
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	width: 904px;
}
#top h1{
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	height: 258px;
	-webkit-box-pack: end;
	justify-content: flex-end;
	margin-top: 15px;
	width: 168px;
}

/* ***********************
	MAIN
*********************** */
#main{
	background:url(../images/main_bck.png) 184px 0 no-repeat;
	margin:0 auto;
	text-align:left;
	position:relative;
	width:904px;
}

/* ***********************
	MENU & SIDEBAR
*********************** */
.box{
	background:url(../images/box.png) no-repeat;
	height:80px;
	text-align:center;
	margin-top:12px;
}
.box div{
	float:left;
	display:inline; /* ie hack */
	height:70px;
	margin-top:5px;
	overflow:hidden;
	position:relative;
	width:120px;
}
.box div a{
	left:120px;
	position:absolute;
	top:0;
}
/* MENU */
#menu{
	float:left;
	width:184px; /* + 14 */
}
#menu .icons{
	height:42px;
	margin-top:12px;
}
#menu .icons .icon{
	display:inline; /* ie hack */
	overflow:hidden;
	text-indent:-9000px;
}
#menu .iInit{float:left; margin-left:2px}
#menu .iAd{float:right; margin-right:16px}

#menu h2{
	background-position:-200px 0;
	position:relative;
}
#sidebar h2.services{
	position:relative;
}
#menu h2 span,
#sidebar h2.services span{
	width:150px;
}
#menu .tourism,
#menu .partners{background-position:0 0;}

#menu .serra span{background-position:-150px 0;}
#menu .company span{background-position:-300px 0;}
#menu .partners span{background-position:-150px -26px;}

#menu ul,
#sidebar ul{
	background:url(../images/menu_bck.jpg) left bottom no-repeat;
	margin-top:-13px;
	padding:22px 0 26px 0;
}
#menu ul a,
#sidebar ul a{
	display:block;
	line-height:13px;
	margin-left:18px;
	padding:5px 0;
	width:134px;
}
#menu ul a.select,
#sidebar ul a.select{
	color:#AC2259;
	font-weight:bold;
}
#menu ul.submenu{
	background:url(../images/menu_submenu_bck.jpg) left bottom;
	margin-top:-8px;
	padding-top:12px;
}
#menu .box{background-position:0 -30px;}
#menu .box div{margin-left:25px;}
/* SIDEBAR */
#sidebar{
	float:right;
	padding-top:54px;
	width:138px;
}
#sidebar h2{
	background-position:-600px 0;
}
#sidebar h2.services span{background-position:-450px 0;}
#sidebar .field{
	width:132px;
}
#sidebar h2.search{
	margin-bottom:10px;
}
#sidebar h2.search span{background-position:0 -26px}
#sidebar h2.advertisement span{background-position:-600px -26px}
#sidebar .banner{
	display:block;
	margin-top:15px;
}
#sidebar h2.weather{
	margin:20px 0 10px 0;
}
#sidebar h2.weather span{background-position:-300px -26px}
#sidebar iframe{
	margin:0 0 14px 9px;
}
#sidebar h2.associates span{background-position:-450px -26px}
#sidebar ul{
	background:url(../images/sidebar_bck.jpg) left bottom no-repeat;
}
#sidebar .box{background-position:-600px -30px;}
#sidebar .box div{margin-left:9px;}

/* ***********************
	CONTENT
*********************** */
#content{
	float:left;
	margin-left:30px;
	width:510px;
}
#content #city-select{
	margin: 10px 0 14px 318px;
	width: 190px;
}
#content h2{
	margin-bottom:6px;
}
#content h3{
	color:#AC2259;
	font-size:15px;
	line-height:17px;
	margin-bottom:14px;
}
#content h3 small{
	color:#525252;
	display:block;
	font-size:11px;
	line-height:12px;
}
#content h4{
	font-size:12px;
	line-height:14px;
	margin-bottom:6px;
}
#content h4 small{
	color:#7F7F7F;
	display:block;
	font-size:10px;
	line-height:11px;
}
#content p{
	margin-bottom:14px;
}
#content p.error{
	margin:20px 0 200px 0;
	text-align:center;
}
#content p.sucess{
	margin:20px 0 200px 0;
}
#content p.error,
#content strong.bold{
	color:#AC2259;
}
#main #content h2.subtitle,
#main #content h2.subtitle-city{
	background:none;
	line-height:36px;
	height:36px;
	font-weight:normal;
	margin-bottom:18px;
	width:510px;
}
#main #content h2.subtitle-city{
	height:64px;
}
#main #content #city-uri{display:none;}
#content .text a{color:#B42259;}
#content .text a:hover{text-decoration:underline}
#content .text ul{margin-bottom:14px; padding-left:20px;}
#content .text li{list-style-type:disc; margin-bottom:8px;}
#content .photo{
	float:left;
	margin:0 22px 22px 0;
}
#content a.photo{
	background:#000;
}
#content .form{
	padding-top:40px;
}
#content .form p{
	height:45px;
	margin-bottom:0;
	padding-left:176px;
}
#content .form .field{
	width:328px;
}
#content .form .field-select{
	width:334px;
}
#content .form p.message{
	height:150px;
}
#content .form p.message textarea{
	height:110px;
	overflow:auto;
}
#content #editMsg ul{
	background:#D1D0CB;
	line-height:20px;
	margin-top:20px;
	padding:5px 0;
}
#content #editMsg li{
	margin:0;
	padding:0 10px;
}

/* HBOX */
#content .hbox,
#content .hbox-main{
	padding-top:30px;
}
#content .hbox h4,
#content .hbox-main h4{
	background:url(../images/box.png) 0 -120px no-repeat;
	color:#FFF;
	font-weight:normal;
	height:26px;
	line-height:26px;
	text-indent:10px;
}
#content .hbox-main h4{
	color:#AC2259;
	background-position:0 -146px;
}
#content .hbox .icon,
#content .hbox-main .icon{
	margin-top:20px;
}
/* PLACE ADDITIONAL */
#content .place-additional ul{
	float:left;
	display:inline;/* ie hack */
	width:245px;
}
#content .place-additional ul.right{
	float:right;
	margin-left:20px;
}
#content .place-additional li{
	padding:10px 0;
}
/* GALERY */
#content .galery{
	margin-right:-28px;
	position:relative;
	width:538px;
}
#content .galery ul{
	margin-left:4px;
	padding-top:14px;
}
#content .galery li{
	background:url(../images/galery_bck.jpg) no-repeat;
	float:left;
	display:inline; /* ie hack */
	height:96px;
	margin:0 8px 8px 0;
	width:122px;
}
#content .galery li a{
	background:#000;
	display:block;
	margin:4px;
	width:104px;
}
/* LIST */
#content .list li,
#content .list2 li{
	border-bottom:1px solid #82817E;
}
#content .list li a,
#content .list2 li{
	display:block;
	padding:14px 0;
}
#content .list li.none,
#content .list2 li.none{
	border:none;
}
/* YOUTUBE */
#content .youtube h4{
	margin-bottom:20px;
}
#content .youtube #video_youtube{
	margin-left:4px;
	height:385px;
	width:502px;
}
/* CONTAINER */
#content .container{
	border-bottom:1px solid #82817E;
	padding-bottom:8px;
	margin-bottom:30px;
}
#content .container .info{
	padding-bottom:16px;
}
#content .container p{
	margin-bottom:6px;
}
/* MAP CANVAS */
.gmaps{
	height:300px;
	margin:15px 4px 0 4px;
	width:502px;
}
.gmaps-map{height:100%;}
.gmaps-bar{background:#C5C2B8; height:36px;}
#content .hbox-main .gmaps .iPrint{float:right; margin:8px;}
#content .hbox-main .gmaps .iClose{float:right; margin:8px;}
#content .hbox-main .gmaps .iKnow{background-position:-1300px 0; margin:12px 0 0 0;}
#content .hbox-main .gmaps .iKnow:hover{background-position:-1300px -30px;}
#content .hbox-main .gmaps .iRoute{margin:2px 0 10px 0;}
/* PAGINATION */
#pagination{
	height:20px;
	margin-top:30px;
	text-align:center;
}
#pagination a{padding:0 2px;}
#pagination a.icon{padding:0; text-align:left;}
#pagination .iPrev{float:left;}
#pagination .iNext{float:right;position:relative;}

/* ***
	INDEX
*** */
#index #content h2{width:170px}
#index #content h2 span{width:150px}
#index #content p,
#index #content ul{
	margin-left:4px;
}
#index #content li a{
	display:block;
	padding:6px 0;
}
/* NEWS */
#index .news{
	margin-bottom:20px;
}
#index .news ul{
	float:left;
	width:280px;
}
#index #content .news li{
	background:none;
	border-bottom:1px solid #82817E;
	padding:0;
}
#index #content .news li.none{
	border:none;
}
#index #content .news .bold a{
	font-size:14px;
	padding-top:0;
}

/* EVENT TOURISM */
#index .events_tourism{
	float:left;
	width:236px;
	margin-left:34px;
}
#index .events_tourism div{
	margin-bottom:20px;
}
#index .events_tourism li{
	background:url(../images/index_border.png) left bottom no-repeat;
	padding-bottom:1px;
}
#index .events_tourism li.none{
	background:none;
}
#index .events ul{height:144px;}
#index .tourism ul{height:180px;}

#index .events h2 span{background-position:0 -52px}
#index .tourism h2{background-position:-400px 0}
#index .tourism h2 span{background-position:-450px -52px}

/* GALERY */
#index .galery{
	display:inline; /* ie hack */
	float:left;
	margin-bottom:20px;
	width:268px;
}
#index .galery ul{
	height:390px;
	padding:0;
}
#index .galery li{
	margin:0;
}
#index #content .galery a{
	padding:0;
}
#index .galery h2{
	margin-bottom:12px;
}
#index .galery h2 span{background-position:-300px -52px}

/* ADVENTURE */
#index .adventure{
	float:left;
	width:240px;
}
#index .adventure h2 span{background-position:-750px -52px}

#index #video_youtube{
	margin:12px 0 30px 4px;
}
#index .adventure_place{
	float:left;
	width:236px;
	margin-left:34px;
	margin-top:30px;
}
#index .adventure_place ul{
	height:180px;
}
#index .adventure_place .icon{
	margin:15px 0 20px 144px;
}
#index .adventure_place li{
	background:url(../images/index_border.png) left bottom no-repeat;
	padding-bottom:1px;
}
#index .adventure_place li.none{
	background:none;
}

/* MICROREGIONS */
#index .microregions{
	float:left;
	width:236px;
}
#index .microregions li{
	background:url(../images/index_border.png) left bottom no-repeat;
	padding-bottom:1px;
}
#index .microregions li.none{
	background:none;
}
#index .microregions h2 span{background-position:-150px -52px}
/* POLL */
#index .poll{
	float:left;
	margin-left:34px;
	width:236px;
}
#index .poll h2{
	background-position:-400px 0;
	margin-bottom:12px;
}
#index .poll h2 span{background-position:-600px -52px}
#index .poll p.info{
	margin-bottom:10px;
}
#index .poll form p{
	font-weight:bold;
	margin-bottom:5px;
}

/* ***
	PLACE
*** */
#content .place{
	float:left;
}
#content .place p{
	margin-bottom:6px;
}
#content p.place-alert{
	font-style:italic;
	margin-top:20px;
	padding-left:15px;
	position:relative;
}
#content p.place-alert span{
	color:#AC2259;
	float:left;
	font-size:30px;
	font-weight:bold;
	margin:4px 2px 0 -15px;
	position:relative;
}
#content #place-form{
	margin-top:-32px;
	padding-left:328px;
	/*margin:-32px 0 0 328px;*/
	height:40px;
}
#content #place-form label{
	color:#525252;
}
#content #place-form .field,
#content #place-form .iOk{
	float:left;
}
#content #place-form .field{
	width:150px;
}
#content #place-form .iOk{
	margin:2px;
}

/* ***
	GUIDE
*** */
#guide select{
	margin-bottom:20px;
}
#guide .check-list li{
	float:left;
	line-height:20px;
	width:255px;
}
#guide .check-list li input{
	float:left;
	margin:4px 6px 0 0;
}
#guide .places{
	margin-top:30px;
}
#guide .places h3{
	border-top:2px solid #82817E;
	margin-top:20px;
	padding-top:30px;
}
#guide .places h3.city{
	color:#525252;
	font-size:19px;
	margin:30px 0 0 0;
	padding-top:20px;
}
#guide .places .iPrint{
	margin-left:422px;
}
#guide #content .hbox-main{
	padding-top:0;
}
#guide .hbox-main{
	float:left;
}
#guide .gmaps{
	height:160px;
	margin:0 15px 0 0;
	overflow:hidden;
	width:160px;
}
#guide .iFull{
	display:none;
}

/* ***********************
	FOOTER
*********************** */
#footer{
	background:url(../images/footer_bck.jpg) center top no-repeat;
	color:#fff;
	height:172px;
}
#footer div{
	margin:0 auto;
	padding-top:120px;
	text-align:left;
	width:904px;
}
#footer p{
	float:left;
}
#footer a{
	color:#fff;
	float:right;
}
