@charset "UTF-8";
@import "reset.css";
@import "default.css";

/*
	INDEX
	+geral
	+wrap
	+header
	+nav
	+content
	+footer
	+classes
*/

/* +geral */
html, body {
	height:100%
}
body {
	font:62.5% "trebuchet ms", verdana, tahoma, sans-serif;
	color:#fff;
	background:#397dbe url(../../imgs/backgrounds/bg.jpg) no-repeat scroll left 31px
}

p, legend  span, label {font-size:1.2em}

a {text-decoration:none;color:#fff}
a:hover, a:focus {text-decoration:underline}

legend.hide_text {
	height:0;
	line-height:0;
	position:absolute
}

fieldset {
	background-color:#f2f2f2;
	border-top:1px solid #f9f9f9;
	padding:10px 10px 15px
}
fieldset div, fieldset li {margin-bottom:10px}
legend  span, label {display:block}
legend span {padding-bottom:10px}
input {height:1.6em}
textarea {overflow:auto}
input, select, textarea {
	background:#fff url(../../imgs/backgrounds/field.jpg) repeat-x 1px 0;
	border:1px solid #b1b1b1;
	color:#2e5894;
	font:1.1em "trebuchet ms", verdana, tahoma, sans-serif
}

#header-container, #menubar-container, #content, #footer {
	width:770px;
	margin:auto
}

#menubar li, #footer #footer_menu li {font-size:1.1em;display:inline;background:url(../../imgs/others/pipe.gif) no-repeat right center;padding:0 7px 0 5px}
#menubar li.hlast, #footer #footer_menu li.hlast {background:none}
#menubar li.selected a, #footer #footer_menu li.selected a {text-decoration:underline;font-weight:bold}
/* end geral */


/* +wrapper */
#wrapper{
	min-height:100%;
	padding-bottom:151px;
	background:url(../../imgs/backgrounds/bg-footer.jpg) repeat-x left bottom
}
/* end wrapper */


/* +header */
#header {
	padding-top:5.2em
}

#header h1 {
	float:left;
	margin-left:18px
}

#header h2#petrobras-logo {
	float:right;
	margin-right:11px;
	display:none;
}

#menubar {
	width:100%;
	position:absolute;
	top:0; left:0;
	padding:13px 0 11px;
	z-index:1;
	background:#C92779 url(../../imgs/backgrounds/menubar.gif) repeat-x left bottom;
	border-bottom:1px solid #fff
}
#menubar-container { position:relative }
#menubar  ul {
	float:left
}
#menubar li {display:block;float:left}

#header .highlight, #header h2#welcome-message {width:473px}
#header .highlight {
	height:204px;
	float:right;
	position:relative;
	margin-right:79px
}
#header h2#welcome-message {
	height:204px;
	float:right;
	background:url(../../imgs/others/header-highlight.png) no-repeat
}
/* end header */


/* +nav */
#nav {
}
#menu_container {
	width:769px;
	min-height:2em;
	padding:9px 0;
	margin:auto;
	background-image:url(../../imgs/backgrounds/menu.png)
}
#menu {
	width:540px;
	overflow:hidden;
	margin:auto
}
#menu li {font-size:1.5em;float:left;margin-right:39px}
#menu li a {font-weight:bold;color:#000;padding-left:12px;background:url(../../imgs/others/menu-arrow.gif) no-repeat left top}
#menu li a:hover, #menu li a:focus, #menu li.selected a {color:#fff;text-decoration:none;background:#7DA619 url(../../imgs/others/menu-arrow-hover.gif) no-repeat left top}
/* end nav */


/* +content */
#content {
	margin-top:4px
}

#home #content {
	margin-top:25px
}

#home #map {
	width:769px;
	height:314px;
	position:relative;
	background:url(../../imgs/others/map.jpg) no-repeat
}
#home #map a {
	position:absolute;
	width:138px;
	height:99px;
	display:block
}
#home #map .colombia { top:41px; left:172px; }
#home #map .paraguay { top:111px; left:515px; z-index:2 }
#home #map .argentina { top:184px; left:159px; }
#home #map .uruguay { top:198px; left:396px; }
#home #map .chile { top:10px; left:410px }

body.internal #content {
	width:769px;
	padding-top:20px;
	background:url(../../imgs/backgrounds/content-top.gif) no-repeat left top
}
body.internal #content .main {
	min-height:23em;
	color:#323232;
	background:#fff url(../../imgs/backgrounds/content-main-bottom.gif) no-repeat left bottom;
	padding:25px 20px 30px
}

#highlights {margin-bottom:25px}
#highlights a {width:361px;height:97px}
#highlights .find {float:left}
#highlights .partner {float:right}
#highlights .find a {background:url(../../imgs/buttons/find.gif) no-repeat}
#highlights .partner a {background:url(../../imgs/buttons/partner.gif) no-repeat}

#where_we_are {
	width:769px;
	background-color:#355e9e
}
#where_we_are h3 {height:29px;background:url(../../imgs/titles/where-we-are.gif) no-repeat}
#where_we_are p {color:#c1e0ff;border-left:1px solid #8cb4d8;border-right:1px solid #8cb4d8;padding:12px 30px 18px 30px}
#where_we_are img {display:block}

body.internal #content h1 {
	margin-left:19px
}
body.internal #content h2, body.internal #content h3 {
	width:540px;
	font-size:1.8em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-top:35px
}
body.internal #content .full {width:100%}

body.internal #content a {
	font-size:1em;
	font-weight:bold;
	color:#374e92
}	

body.internal #content .about {
	width:233px;
	height:35px;
	background:url(../../imgs/titles/about.gif) no-repeat
}
body.internal #content .future_partner {
	width:178px;
	height:35px;
	background:url(../../imgs/titles/future-partner.gif) no-repeat
}
body.internal #content .interest_form {
	width:296px;
	height:28px;
	background:url(../../imgs/titles/interest-form.gif) no-repeat
}
body.internal #content .store_locator {
	width:281px;
	height:35px;
	background:url(../../imgs/titles/store-locator.gif) no-repeat
}
body.internal #content .doubts {
	width:85px;
	height:35px;
	background:url(../../imgs/titles/doubts.gif) no-repeat
}
body.internal #content .contact {
	width:168px;
	height:35px;
	background:url(../../imgs/titles/contact.gif) no-repeat
}

body.internal #content p, body.internal #content .img {
	margin-bottom:20px
}
body.internal #content .img {
	border:1px solid #ccc;
	padding:4px
}
body.internal #content .img img {
	display:block
}
body.internal #content .img.left {
	margin-right:20px
}
body.internal #content .related_link {
	font-size:1.2em;
	padding-left:9px;
	background:url(../../imgs/others/blue-arrow.gif) no-repeat left bottom
}
body.internal #content .divided {
	border-top:1px solid #ccc;
	padding-top:20px
}
body.internal #content .list {
	width:540px;
	font-size:1.2em;
	margin-bottom:20px
}
body.internal #content .list li, body.internal #content .list dt {
	background:#fff url(../../imgs/others/list-type-white-bg.gif) no-repeat 6px 11px;
	padding:5px 20px 5px 20px
}
body.internal #content .list li.alt {
	background:#f2f2f2 url(../../imgs/others/list-type-gray-bg.gif) no-repeat 6px 11px
}
body.internal #content .list dd {
	padding-left:20px;
	margin-bottom:20px
}
body.internal #content .list dd p {
	font-size:1em;
}
body.internal #content .list dd li {
	list-style-type:disc;
	list-style-position:inside;
	background:none;
	padding:2px 0
}
body.internal #content .list dd p, body.internal #content .list dd ul {
	margin-bottom:5px
}
body.internal #content .list dd table {
	margin:10px 0
}
body.internal #content .list dd table th, body.internal #content .list dd table td {
	padding:5px
}
body.internal #content .list dd table th {
	border:1px solid #aaa;
	text-align:center;
	font-weight:bold;
	background-color:#f0f0f0
}
body.internal #content .list dd table td {
	background-color:#fbfbfb;
	border:1px solid #ccc
}
body.internal #content .list li a {font-size:1em}

body.internal #content #store_locator_form label {
	width:140px;
	float:left;
	margin:2px 4px 0 180px
}
body.internal #content #store_locator_form .ok {
	width:25px;
	height:25px;
	position:relative;
	top:-2px;
	margin-left:5px;
	float:left;
	background:url(../../imgs/buttons/ok.gif) no-repeat
}

body.internal #content .search_info {
	font-size:1.2em;
	margin-top:7px
}
body.internal #content .results_quantity {font-size:1.2em;background-color:#f2f2f2;margin-bottom:15px;padding:5px}
body.internal #content .results_quantity.vlast {margin-bottom:30px !important}
body.internal #content .results_quantity em {float:left}

body.internal #content .results_quantity .pagination {float:right}
body.internal #content .results_quantity .pagination li {float:left;margin-right:10px;text-transform:lowercase}
body.internal #content .results_quantity .pagination li.previous {padding-left:8px;margin-right:150px;background:url(../../imgs/others/previous-arrow.gif) no-repeat left center} 
body.internal #content .results_quantity .pagination li.next {padding-right:8px;margin-left:150px;background:url(../../imgs/others/next-arrow.gif) no-repeat right center} 
body.internal #content .results_quantity .pagination li.selected a {color:#222;font-weight:bold} 
body.internal #content .results_quantity .pagination li.selected a:hover,
body.internal #content .results_quantity .pagination li.selected a:focus  
{text-decoration:none} 

body.internal #content .store_results {margin-bottom:17px}
body.internal #content .store_results li {
	padding:10px 0 !important;
	font-size:1.2em;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:10px
}
body.internal #content .store_results li.vlast {border-bottom:none}
body.internal #content .store_results li strong {font-size:1.2em} 

.default_form label {margin-bottom:2px}
.default_form fieldset ul, .default_form input, .default_form textarea {width:360px}
.default_form select {width:362px}

.default_form .submit {margin-right:345px}

.default_form .field36 {width:36px}
.default_form .field61 {width:61px}
.default_form .field86 {width:86px}
.default_form .field226 {width:226px}

.default_form .field_description {font-size:1.1em;color:#455620}

#doubts .default_form fieldset {position:relative}
#doubts .default_form legend span {width:350px;padding-left:4px;position:absolute;top:5px;left:0}
#doubts .default_form ul {margin-top:35px}

#contact #content h3  {
	margin-bottom:13px
}
#contact #content .related_link {
	font-size:1em;
	padding-left:0;
	background:none
}
/* end content */

.logo-petrobras-home {
	display:block;
	text-indent:-9999em;
	width:164px;
	background:url(../../imgs/others/logo-petrobras.gif) no-repeat center top;
	margin:0 auto;
	height:31px;
}

.logo-petrobras-home:focus{
	outline:0;
}

/* +footer */
#footer {
	background:url(../../imgs/backgrounds/footer-top-border.jpg) no-repeat center top;
	padding-top:16px;
	margin-top:60px
}

#footer_menu {text-align:center}

#footer .copyright {margin-top:6px;text-align:center}

#home #footer {
	margin-top:31px;
}
/* end footer */


/* +classes */
a.top {
	width:99px;
	height:27px;
	display:block;
	clear:both;
	float:right;
	margin:10px 0;
	background:url(../../imgs/buttons/top.gif) no-repeat
}

.new_search {
	width:250px;
	font-size:1.1em !important;
	float:left;
	position:relative;
}
.new_search a {
	position:absolute;
	top:17px
}

.reset {
	width:111px !important;
	height:29px !important;
	background:url(../../imgs/buttons/reset.gif) no-repeat
}
.submit {
	width:101px !important;
	height:29px !important;
	background:url(../../imgs/buttons/submit.gif) no-repeat
}

.success, .error_message {margin:13px 0}
.success strong, .error_message li em {font-weight:bold}
.success strong {font-size:1.2em;color:#78bc78}
.error_message li em {font-size:1.4em;color:#c92c3f}

.hide_btn_text {
	overflow:hidden;
	line-height:9999px;
	text-indent:-9999px;
	border:none;
	display:block;
	cursor:pointer
}

.asterisk_description {
	font-size:1em;
	color:#666;
	clear:both;
	padding-top:20px
}

.text_right {text-align:right !important}
.text_left {text-align:left !important}

.hfirst {margin-left:0 !important;padding-left:0 !important} /* horizontal first */
.hlast {margin-right:0 !important;padding-right:0 !important} /* horizontal last */
.vfirst {margin-top:0 !important;padding-top:0 !important} /* vertical first */
.vlast {margin-bottom:0!important;padding-bottom:0 !important} /* vertical last */
/* end classes */