body {margin:0;}
h1 {width:578px; color:#666; font:bold 12px Arial; line-height:16px; margin:0 auto; padding:0;}
/* ATENÇÃO: As classes ACIMA não precisam ser copiadas. Foram utilizadas apenas para marcação. */

/* ATENÇÃO: TODAS as classes abaixo são necessárias para a página Agenda Cultural. */

@font-face {
	font-family: 'petrobras_sansbold';
	src: url('../fonts/petrobrassans_bd-webfont.eot');
	src: url('../fonts/petrobrassans_bd-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_bd-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_bd-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_bd-webfont.svg#petrobras_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sansbold_italic';
	src: url('../fonts/petrobrassans_bdit-webfont.eot');
	src: url('../fonts/petrobrassans_bdit-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_bdit-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_bdit-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_bdit-webfont.svg#petrobras_sansbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sansitalic';
	src: url('../fonts/petrobrassans_it-webfont.eot');
	src: url('../fonts/petrobrassans_it-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_it-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_it-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_it-webfont.svg#petrobras_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sanslight';
	src: url('../fonts/petrobrassans_lt-webfont.eot');
	src: url('../fonts/petrobrassans_lt-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_lt-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_lt-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_lt-webfont.svg#petrobras_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sanslight_italic';
	src: url('../fonts/petrobrassans_ltit-webfont.eot');
	src: url('../fonts/petrobrassans_ltit-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_ltit-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_ltit-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_ltit-webfont.svg#petrobras_sanslight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sansregular';
	src: url('../fonts/petrobrassans_rg-webfont.eot');
	src: url('../fonts/petrobrassans_rg-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_rg-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_rg-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_rg-webfont.svg#petrobras_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sansxbold';
	src: url('../fonts/petrobrassans_xbd-webfont.eot');
	src: url('../fonts/petrobrassans_xbd-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_xbd-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_xbd-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_xbd-webfont.svg#petrobras_sansxbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'petrobras_sansxbold_italic';
	src: url('../fonts/petrobrassans_xbdit-webfont.eot');
	src: url('../fonts/petrobrassans_xbdit-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/petrobrassans_xbdit-webfont.woff') format('woff'),
		url('../fonts/petrobrassans_xbdit-webfont.ttf') format('truetype'),
		url('../fonts/petrobrassans_xbdit-webfont.svg#petrobras_sansxbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset */
#agenda-cultural img,
#agenda-cultural fieldset,
#agenda-cultural h1,
#agenda-cultural h2,
#agenda-cultural h3,
#agenda-cultural h4,
#agenda-cultural h5 {border:0; margin:0; padding:0; vertical-align:top;}
#agenda-cultural p,
#agenda-cultural ul {list-style:none; margin:0; padding:0;}
/* Default */
#agenda-cultural .clear {clear:both}
#agenda-cultural .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#agenda-cultural .clearfix {//display:inline-block}
#agenda-cultural .hide {display:none !important;}

/* Classes */
#agenda-cultural {width:530px; padding:15px 24px 30px; margin:0 auto;}
#agenda-cultural .tt-programa-petrobras{ width: 513px; height: 224px; margin:0 auto 15px; background: url('../imgs/tt-programa-petrobras.jpg') no-repeat 0 0; text-indent: -99999px; }
#agenda-cultural .state-select {width:490px; height:100px; background:url(../imgs/bg-state-select.gif) 0 0 no-repeat; padding:19px 20px 20px;}
#agenda-cultural .state-select div {width:220px; float:left;}
#agenda-cultural .state-select h2 {color:#00B1A9; font:bold 14px 'petrobras_sansregular', Arial; }
#agenda-cultural .state-select p {color:#999; font:normal 13px 'petrobras_sansregular', Arial;}
#agenda-cultural .state-select form {width:225px; height:43px; color:#999; background:url(../imgs/sprite-noisy-bg.gif) 0 0 no-repeat; float:right; padding:11px 15px; margin-top:7px;}
#agenda-cultural .state-select form label {color:#FFFFFF; display:block; font:bold 12px 'petrobras_sansbold', Arial; margin:0 0 2px 2px;}
#agenda-cultural .state-select form select {width:125px; height:20px; background:url(../imgs/bg-select.png) 0 0 repeat-x; border:solid 1px #FFF; border-color:#CCC #FFF #FFF #CCC; font-size:12px; float:left;}
#agenda-cultural .state-select form input {width:68px; height:18px; background:url(../imgs/sprite-buttons.png) -70px -32px no-repeat; border:0; cursor:pointer; display:block; float:right; line-height:99px; text-indent:-9999px;}
#agenda-cultural .state-select form input:hover {background-position:-70px -51px;}

#agenda-cultural .home .highlights {width:490px; margin:0 auto; padding-top:10px;}
#agenda-cultural .home .highlights h2 {color:#00B1A9; font:bold 13px 'petrobras_sansxbold', Arial; margin-bottom:16px;}
#agenda-cultural .home .highlights h3, #agenda-cultural .home .highlights h3 a {color:#00B1A9; font:bold 13px 'petrobras_sansregular', Arial; margin-bottom:20px; text-decoration:none;}
#agenda-cultural .home .highlights h3 a:hover {text-decoration:underline;}
#agenda-cultural .home .highlights h4 {color:#00B1A9; font:bold 13px 'petrobras_sansxbold', Arial; margin-bottom:2px;}
#agenda-cultural .home .highlights h5 {color:#00B1A9; font:bold 12px 'petrobras_sansbold', Arial; margin-bottom: 5px; }
#agenda-cultural .home .highlights strong{ color:#00B1A9; font:bold 13px 'petrobras_sansxbold', Arial; }
#agenda-cultural .home .highlights ul li {width:150px; float:left; margin-right:20px; /*_margin-left:10px;*/}
#agenda-cultural .home .highlights ul li.last {margin-right:0}
#agenda-cultural .home .highlights ul li a.thumb {width:150px; height:140px; border:0; cursor:pointer; display:block; margin-bottom:4px; outline:none; position:relative;}
#agenda-cultural .home .highlights ul li a span {width:150px; height:140px; background:url(../imgs/sprite-masks.png) 0 0; display:block; left:0; position:absolute; top:0; z-index:2;}
#agenda-cultural .home .highlights ul li a img {width:150px; height:140px;}
#agenda-cultural .home .highlights ul li h3 {margin-bottom:10px;}
#agenda-cultural .home .highlights ul li p {color:#4C4C4C; font:normal 11px 'petrobras_sansregular', Arial; margin-bottom:8px;}
#agenda-cultural .home .highlights ul li a.more {width:70px; height:19px; background:url(../imgs/sprite-buttons.png) 0 -70px no-repeat; border:0; cursor:pointer; display:block; text-indent:-9999px;}
#agenda-cultural .home .highlights ul li a.more:hover {background-position:0 -89px;}

#agenda-cultural .activities .cities-filter {width:510px; height:95px; background:url(../imgs/bg-cities-filter.gif) 0 0 no-repeat; margin-bottom:30px; padding:15px 14px 0; display: none;}
#agenda-cultural .activities .cities-filter h2 {color:#00B1A9; font:bold 13px Arial; margin-bottom:8px;}
#agenda-cultural .activities .cities-filter ul {width:482px; height:26px; background:url(../imgs/sprite-noisy-bg.gif) 0 -65px no-repeat; padding:10px 10px 0;}
#agenda-cultural .activities .cities-filter li {float:left; margin-right:2px;}
#agenda-cultural .activities .cities-filter li.last {margin-right:0;}
#agenda-cultural .activities .cities-filter li a {width:15px; height:16px; background:url(../imgs/sprite-buttons.png) 0 0 no-repeat; color:#666; display:block; font:normal 11px Arial; line-height:16px; text-align:center; text-decoration:none;}
#agenda-cultural .activities .cities-filter li a:hover {background-position:0 -16px; color:#00B1A9;}
#agenda-cultural .activities .cities-filter li.last a {width:40px; height:16px; background:url(../imgs/sprite-buttons.png) -15px 0 no-repeat;}
#agenda-cultural .activities .cities-filter li.last a:hover {background-position:-15px -16px; color:#00B1A9;}
#agenda-cultural .activities .highlights {width:490px; margin:0 auto;}
#agenda-cultural .activities .highlights h2 {color:#00B1A9; font:bold 13px Arial; margin-bottom:8px;}
#agenda-cultural .activities .highlights ul {width:450px; margin:0 auto;}
#agenda-cultural .activities .highlights ul li h4 {color:#666; Font: bold 13px Arial; border-bottom:solid 1px #CCC; margin-bottom:8px; padding-bottom:2px;}
#agenda-cultural .activities .highlights ul li ul {margin-bottom:24px;}
#agenda-cultural .activities .highlights ul li ul li {margin-bottom:12px;}
#agenda-cultural .activities .highlights ul li ul li a.thumb {width:110px; height:102px; border:0; cursor:pointer; display:block; float:left; margin:0 10px 4px 0; _margin-right:5px; outline:none; position:relative;}
#agenda-cultural .activities .highlights ul li ul li a span {width:110px; height:102px; background:url(../imgs/sprite-masks.png) -150px 0; display:block; left:0; position:absolute; top:0; z-index:2;}
#agenda-cultural .activities .highlights ul li ul li a img {width:110px; height:102px;}
#agenda-cultural .activities .highlights ul li ul li div {width:330px; float:left;}
#agenda-cultural .activities .highlights ul li ul li div h3 {font:bold 13px 'petrobras_sansregular', Arial; border-bottom:solid 1px #267975; margin-bottom:0;}
#agenda-cultural .activities .highlights ul li ul li div h3 a {color:#00B1A9; text-decoration:none;}
#agenda-cultural .activities .highlights ul li ul li div p {color:#666; font:normal 12px Arial; margin-bottom:4px;}
#agenda-cultural .activities .highlights ul li ul li div p.date {color:#00B1A9; font:normal 12px 'petrobras_sansregular', Arial;}
#agenda-cultural .activities .highlights ul li ul li div a.more {width:70px; height:19px; background:url(../imgs/sprite-buttons.png) 0 -70px no-repeat; border:0; cursor:pointer; display:block; float:right; text-indent:-9999px;}
#agenda-cultural .activities .highlights ul li ul li div a.more:hover {background-position:0 -89px;}

#agenda-cultural .pagination {width:450px; height:29px; background:url(../imgs/sprite-noisy-bg.gif) 0 -65px no-repeat; padding-top:6px; text-align:center;}
#agenda-cultural .pagination li {display:inline; margin:0 1px}
#agenda-cultural .pagination li a {width:20px; height:19px; background:url(../imgs/sprite-buttons.png) -55px 0 no-repeat; color:#666; display:inline-block; font:normal 11px Arial; line-height:19px; text-decoration:none;}
#agenda-cultural .pagination li a:hover, #agenda-cultural .pagination li a.active {background-position:-75px 0; color:#00B1A9;}
#agenda-cultural .pagination li.odd a {font-family:tahoma; line-height:18px;}

#agenda-cultural .activity-details {width:490px; margin:0 auto; position:relative;}
#agenda-cultural .activity-details h2 {color:#00B1A9; font:bold 18px Arial; margin-bottom:4px;}
#agenda-cultural .activity-details h3 {color:#666; font:bold 13px Arial;}
#agenda-cultural .activity-details h4 {background:#ECECEC; color:#00B1A9; float:left; font:bold 13px Arial; line-height:30px; margin-bottom:20px; padding:0 10px;}
#agenda-cultural .activity-details h5 {color:#00B1A9; font:bold 13px Arial;}
#agenda-cultural .activity-details h5.odd {margin-bottom:6px;}
#agenda-cultural .activity-details p {color:#666; font:normal 13px Arial; margin-bottom:12px;}
#agenda-cultural .activity-details p a {color:#666666; font:normal 11px Arial;}
#agenda-cultural .activity-details .discount {width:110px; height:75px; background:url(../imgs/petrobras-card.jpg) right 0 no-repeat; text-indent: -99999px; color:#666; padding-top:40px; position:absolute; right:0; top:30px;}
#agenda-cultural .activity-details .carousel-container {width:520px; height:265px; background:url(../imgs/bg-carousel.gif) 0 0 no-repeat; margin:0 0 10px -15px; padding-top:15px; position:relative;}
#agenda-cultural .activity-details .carousel-container #carousel {width:361px; height:246px;overflow:hidden; margin:0 auto;}
#agenda-cultural .activity-details .carousel-container #carousel li {padding:8px;}
#agenda-cultural .activity-details .carousel-container #carousel img {width:345px; height:230px; -webkit-box-shadow: 3px 3px 4px #666; -moz-box-shadow: 3px 3px 4px #666; box-shadow: 3px 3px 4px #666;}
#agenda-cultural .activity-details .carousel-container a.prev {width:18px; height:53px; background:url(../imgs/sprite-arrows.gif) 0 0 no-repeat; cursor:pointer; display:block; left:30px; outline:none; position:absolute; text-indent:-9999px; top:112px;}
#agenda-cultural .activity-details .carousel-container a.prev:hover {background-position:0 -53px;}
#agenda-cultural .activity-details .carousel-container a.next {width:18px; height:53px; background:url(../imgs/sprite-arrows.gif) -18px 0 no-repeat; cursor:pointer; display:block; outline:none; position:absolute; right:33px; text-indent:-9999px; top:112px}
#agenda-cultural .activity-details .carousel-container a.next:hover {background-position:-18px -53px;}
#agenda-cultural .activity-details a.others {width:140px; height:19px; background:url(../imgs/sprite-buttons.png) 0 -108px no-repeat; border:0; cursor:pointer; display:block; outline:none; text-indent:-9999px;}
#agenda-cultural .activity-details a.others:hover {background-position:0 -127px;}