/* CSS Document */
@import "page_selector.css";
html, body {
	height:100%;
}
body, td, option, textarea, form, input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body {
	margin:0;
	padding:0;
	color:#ddd;
	text-align:center;
	background:url(../images/graphics/bg.png) #fefefe repeat-x 0 0;
}
br {
	clear:all;
}
hr {
	height:0;
	margin:10px 0 20px 0;
	border:none;
	border-bottom:1px dotted #ddd;
	background-color:tranparent;
}
table {
	border:0px;
	border-collapse: collapse;
	border-spacing: collapse;
}
img {
	border:0px;
}
form {
	padding:0;
	margin:0;
	vertical-align:top;
}
a {
	color:#346abb;
}
a:visited {
}
a:focus, button {
	user-focus: none;
	outline: none;
	-moz-user-focus: none;
	-moz-outline: none;
}
tt {
	font-size:9px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
}
/*--------------------------------------- =box -------------------------------------------*/
#box {
	overflow:auto;
	padding-bottom: 150px;
	width:967px;
	margin:auto;
	text-align:center;
	color:#666;
	font-size:13px;
	background-color:#fff;
	/*background:url(../images/graphics/center_index.png) #fff no-repeat 0 310px;*/
	background:url(../images/graphics/center_index.png) #fff repeat-x 0 0;
}
#box b {
	color:#40919e;
}
/* =misc
-------------------------------------*/

h1 {
	font-size:16px;
	color:#454545;
	display:block;
	font-weight:bold;
	text-align:left;
	outline:medium none;
	padding:15px 0 5px 10px;
	margin:0 5px 5px 5px;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	background:url(../images/graphics/hr.png) transparent repeat-x 0 100%;
}
h2 {
	font-size:15px;
	color: #4c5c5d;
	margin:8px 0;
	text-align:left;
	padding-left:290px;
	outline:medium none;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
h3 {
	font-size:12px;
	margin:15px 0 5px 0;
	padding:5px 0;
}
h4 {
	font-size:11px;
	display:block;
	width:100%;
	clear:both;
	border-bottom:1px solid #ddd;
	color:#666;
	margin:10px 0 10px 0px;
	padding:15px 0 2px 0;
}
div.dummy {
	clear:both;
}
#wrap {
	width:995px;
	min-height: 100%;
	margin:auto;
	background:url(../images/graphics/shadow.png) transparent repeat-y 0 0;
}
* html #wrap {
	height: 100%;
}
/*--------------------------------------- =tabs -------------------------------------------*/

#menu {
	position:relative;
	height:65px;
}
ul.menu {
	position:absolute;
	width:676px;
	top:26px;
	left:272px;
	padding:0;
	margin:0 0;
	background:url(../images/graphics/menu_bg.png) transparent no-repeat 0 0;
}
ul.menu li {
	position:relative;
	float: left;
	list-style: none;
	width:auto;
	margin:0 2px 0 0;
	padding:0 5px 0 0;/*background:url(../images/graphics/menu_sep.png) no-repeat 100% 0;*/
}
ul.lang {
	position:absolute;
	left:270px;
	padding:0;
	margin:0;
}
ul.lang li{
	float: left;

}
ul.menu li:first-child {
	margin:0;
}
/*ul.menu li:first-child {
	position:relative;
	float: left;
	list-style: none;
	width:auto;
	margin:0;
	background:url(../images/graphics/menu_right.png) no-repeat 100% -38px;
}
ul.menu li:first-child a {
	color:#044660;
	background:url(../images/graphics/menu_right.png) no-repeat 0 0;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}*/
ul.menu li a {
	font-size:14px;
	color:#044660;
	display:block;
	font-weight:bold;
	outline:medium none;
	padding:12px 10px 11px 16px;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
ul.menu li:hover {
	background:url(../images/graphics/menu_right.png) no-repeat 100% -38px;
}
ul.menu li:hover a {
	color:#e9f4f6;
	text-shadow:0 1px 0 rgba(55, 55, 55, 0.5);
	background:url(../images/graphics/menu_right.png) no-repeat 0 0;
}
ul.menu li.active {
	background:url(../images/graphics/menu_right.png) no-repeat 100% -38px;
}
ul.menu li.active a {
	color:#e9f4f6;
	text-shadow:0 1px 0 rgba(55, 55, 55, 0.5);
	background:url(../images/graphics/menu_right.png) no-repeat 0 0;
}
ol {
	padding:0 0;
	margin: 0 20px;
}
ol li {
	background:none;
}
ol.faq {
	margin:20px;
	padding:0;
}
ol.faq li {
	background:none;
}
ol.faq h3 {
	color:#446515;
}
/*--------------------------------------- =banner -------------------------------------------*/

#banner {
	position:relative;
	height:100px;
	margin:0 auto 0 auto;
	padding:0 5px;
	text-align:left;
	clear:both;
	color:#ddd;
	background:url(../images/graphics/logo_antebolicas.png) no-repeat 10px 15px;
}
div.search {
	position:absolute;
	top:95px;
	right:10px;
}
div.search form {
	height:40px;
}
#promo {
	position:relative;
	width:955px;
	height:320px;
	overflow:hidden;
}
#promo div.mask {
	position:absolute;
	left:0;
	z-index:999;
}
#promo div span {
	position:absolute;
	width:92%;
	left:2%;
	bottom:2%;
	z-index:999;
	padding:10px;
	margin:0;
	text-align:left;
	background: url(../images/graphics/opacity.png) transparent repeat 0 0;
}
#promo div span h1 {
	color:#fff;
	font-size:1.9em;
	padding:5px 0;
	margin:0;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	border:none;
	background:none;
	text-shadow:0 1px 0 rgba(10, 10, 10, 0.5);
}
#promo div span h2 {
	color:#fff;
	font-size:1.0em;
	padding:5px 0;
	margin:0;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	text-shadow:0 1px 0 rgba(10, 10, 10, 0.5);
}
#promo ul.pager {
	position:absolute;
	top:290px;
	margin:auto;
	padding:0;
	left: 50%;/*some magic to align the element in the center;*/
}
#promo ul.pager li {
	float:left;
	margin:0;
	padding:0;
}
#promo ul.pager li a {
	display:block;
	width:10px;
	height:9px;
	background:url(../images/graphics/pager_grey.png) no-repeat 0 0;
}
#promo ul.pager li a.activeSlide {
	display:block;
	width:10px;
	height:9px;
	background:url(../images/graphics/pager_blue.png) no-repeat 0 0;
}
.slideshow {
	width:955px;
	height:260px;
	margin:0;
	position:absolute;
	top:5px;
}
#left {
	position:relative;
	width:250px;
	float:left;
	text-align:left;
	padding-left:10px;
}
#left p {
	margin:10px 0;
	padding:0;
	line-height:19px;
	text-align:justify;
}
#left ul.tree {
	margin:0;
	padding:0;
}
#left ul.tree li {
	margin:0;
	padding:0;
}
#left ul.tree li span {
	display:block;
	color:#2b99c2;
	font-weight:bold;
	padding-left:12px;
	padding:15px 5px 5px 5px;
}
#left ul.tree li ul {
	margin:0;
	padding:0px;
}
#left ul.tree li a {
	display:block;
	padding:8px 0 8px 12px;
	color:#4b4b4b;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	background:url(../images/graphics/li.png) no-repeat 100% 0%;
}
#left ul.tree li a:hover {
	background:url(../images/graphics/li.png) no-repeat 100% 100%;
}
#left img {
	margin-top:30px;
}
/*#right {
	position:relative;
	width:650px;
	padding:0;
	margin-left:30px;
	text-align:left;
	float:left;
}*/
		#right {
	position:relative;
	background-color: #f0f0f0;
	width:650px;
	float:left;
	margin: 0 0 0 30px;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
}
#right li {
	background-position:0 50%;
}
#right p {
	margin:15px 0 15px 0;
	line-height:19px;
}
/*--------------------------------------- =center -------------------------------------------*/

#center {
	width:auto;
	color:#8a8a8a;
	padding:0 10px;
	line-height:19px;
	text-align:left;
}
#center p {
	color:#767676;
	margin:15px 5px;
}
a.button {
	display:block;
	display:inline-block;
	padding: 8px 15px 8px 0;
	font-size:1em;
	text-align: center;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/graphics/a_button.png) transparent no-repeat right -32px;
}
a.button span {
	padding: 8px 0 8px 15px;
	background:url(../images/graphics/a_button.png) no-repeat 0 0;
	color:#333;
}
a.button:hover {
	background:url(../images/graphics/a_button.png) no-repeat right -97px;
}
a.button:hover span {
	color:#333;
	background:url(../images/graphics/a_button.png) no-repeat 0 -65px;
}
/*------------------------------------ alertas e erros ----------------------*/
ul.aviso {
	margin:20px 0;
	padding:0;
	list-style:none;
}
ul.aviso li {
	color:#333;
	font-size:11px;
	padding:5px 5px 5px 35px;
	margin:3px 0;
	line-height:13px;
	list-style:none;
}
ul.aviso li b {
	margin-right:5px;
}
#alerta li {
	border:1px dotted #fdd845;
	background: url(../images/graphics/24-message-warn.png) #fff6bf no-repeat 1% 50%;
}
#ok li {
	border:1px dotted #c6d881;
	background: url(../images/graphics/24-em-check.png) #e6efc2 no-repeat 1% 50%;
}
#erro li {
	border:1px dotted red;
	background: url(../images/graphics/16-em-cross.png) #fad5d5 no-repeat 1% 50%;
}
.ajax_erro {
	list-style-type:none;
	padding:5px 10px;
	margin:0;
	height:94px;
	background: url(../images/graphics/bt_login_erro.png) transparent no-repeat 0 0;
}
.ajax_erro li {
	margin:5px 0;
}
/*------------------------------------ alertas e erros ----------------------*/

input.checkbox {
	vertical-align:middle;
	border:none;
	background-image:none;
	background-color:transparent;
}
label {
	display:block;
	float:left;
	min-width:115px;
	color:#5f7d96;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 2px 0;
	clear:left;
}
label span {
	font-size:14px;
}
/*---------------------- inputs ------------------*/

input, textarea, select {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	margin:8px 0 0 0 ;
	color:#ddd;
	border-right:1px solid #e8ebed;
	border-bottom:1px solid #e8ebed;
	border-left:1px solid #bcbcbd;
	border-top:1px solid #bcbcbd;
	background-color:#4f4f4f;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
}
select {
	color:#333333;
	height:23px;
	padding:2px 0;
}
button {
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button { 
	padding: 0 10px 0 0; 
	margin-right:0; 
	font-size:1em; 
	text-align: center; 
	background: transparent url(../images/graphics/button.png) no-repeat right -27px; 
}
	
button span {
	padding: 6px 0 0 15px; 
	height:20px; 
	background: transparent url(../images/graphics/button.png) no-repeat left top; 
	color:#333; 
}
button:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -80px; 
}
button:hover span, button.submitBtnHover span {
	background-position: 0 -53px;
	color:#fff;
}

label input {
	display:block;
	margin-bottom:8px;
}
label select {
	display:block;
	margin-bottom:8px;
}
em {
	font-weight:normal;
	padding:0 2px;
	margin:0;
	font-size:9px;
	color:red;
}
input.checkbox {
	float:left;
	margin-right:5px;
}
form#contacto {
	margin-top:20px;
	padding-left:95px;
	background:url(../images/graphics/contactos.jpg) no-repeat 0 0;
}
#catalogo {
	min-height:100px;
	margin-top:20px;
	padding-left:95px;
	background:url(../images/graphics/catalogo.jpg) no-repeat 0 0;
}
#catalogo div {
	position:relative;
	width:400px;
	left:40px;
	color:#333333;
	padding:30px 0 30px 55px;
	background:url(../images/graphics/pdf_icon.jpg) no-repeat 0 50%;
}
/* =rodapé
-------------------------------------------------*/

#footer {
	position: relative;
	margin:auto;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	width:995px;
	color:#3d5926;
	background:url(../images/graphics/shadow_bot.png) transparent no-repeat 0 top;
}
#footer div {
	padding:3px 10px;
	width:900px;
	margin:auto;
}
#footer span {
	position:relative;
	font-size:11px;
	color:#aaaaaa;
	margin:0 20px;
	font-weight:bold;
}
#footer a {
	color:#aaaaaa;
	font-weight:bold;
}
/* =lists*/

ul {
	list-style-type:none;
}
li {
	padding-left:10px;
	margin:10px 0;
}
/*------------------------------------ crumbs ----------------------*/
.crumbs {
	height:30px;
	text-align:left;
	margin:0 0 0 290px;
	position:relative;
	width:650px;
}
.crumbs ol {
	margin:0;
	padding:0;
	list-style-type:none;
}
.crumbs ol li {
	margin:5px;
	padding:0;
	float:left;
}
.crumbs a.crumbs {
	font-size:15px;
	color: #696969;
	margin:14px 0 0 0;
	font-weight:bold;
	outline:medium none;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
/*------------------------------------ item list ----------------------*/
div.item {
	width:300px;
	height:110px;
	text-align:center;
	margin:3px;
	padding:8px;
	border:1px dotted #ddd;
	background-color:#fff;
	float:left;
}
div.item a {
	font-size:12px;
	color:#2b99c2;
	font-weight:bold;
}
div.thumb {
	min-width:60px;
	min-height:60px;
	margin:10px 0;
}
#thumbs {
	float:right;
}
.item_photo {
	margin-top:15px;
	float:right;
	border:1px solid #ddd;
}
#photos {
	width:300px;
	margin:auto;
	min-height:350px;
	float:right;
	text-align:center;
}
#photos div {
	margin:auto;
}
#desc {
	width:48%;
	float:left;
	text-align:left;
	margin:10px 0;
}
#desc p {
	margin:4px 0;
	padding:2px 0;
	line-height:16px;
	border-bottom:1px dotted #ddd;
}
#desc b, strong {
	color:#3f919d;
}
#desc ul {
	margin-left:15px;
	padding:0;
}
#desc li {
	margin:1px 0 15px 0;
	padding:0 0 0 10px;
	background-position:0 7px;
}
table.emissores {
	width:97%;
	margin:10px 15px;
}
table.emissores caption {
	text-align:left;
	color:#e57818;
	font-weight:bold;
}
table.emissores th {
	border:1px solid #acacac;
	padding:4px 0 4px 18px;
	background: url(../images/graphics/th_bg.png) transparent repeat-x 0 -100px;
}
table.emissores .localidades {
	background-color:#ffffda;
}
table.emissores .oce-first {
	background-color:#e4f3cf;
}
table.emissores .oce-second {
	background-color:#e3f3ec;
}
table.emissores .oce-third {
	background-color:#bfe2f2;
}
table.emissores .oce-fourth {
	background-color:#fee8db;
}
table.emissores tr:hover {
background-color:#f9f9f9;
}
table.emissores th.first {
	background: url(../images/graphics/th_bg.png) transparent repeat-x 0 0;
}
table.emissores th.second {
	background: url(../images/graphics/th_bg.png) transparent repeat-x 0 -25px;
}
table.emissores th.third {
	background: url(../images/graphics/th_bg.png) transparent repeat-x 0 -50px;
}
table.emissores th.fourth {
	background: url(../images/graphics/th_bg.png) transparent repeat-x 0 -75px;
}
table.emissores td {
	color:#616161;
	border:1px solid #acacac;
	padding:4px 0 4px 18px;
}
table.emissores  b {
	color:#acacac;
}

table.files {
	width:100%;
	margin:5px 0;
	background-color:#fff;
}
table.files caption {
	text-align:left;
	color:#666;
	padding:5px;
	font-weight:bold;
	background-color:#f8f8f8;
}
table.files td {
	padding:5px 0;
}

table.related {
	width:100%;
	margin:5px 0;
	background-color:#fff;
}
table.related caption {
	text-align:left;
	color:#666;
	padding:5px;
	font-weight:bold;
	background-color:#f8f8f8;
}
table.related td {
	padding:5px;
	text-align:left;
}
/*----------------------------------------------------------------------------------*/
dl.contactos {
	margin:0;
	padding:0;
}
dl.contactos dt {
	display:block;
	color:#2b99c2;
	font-weight:bold;
	margin:0;
	padding:15px 5px 5px 5px;
}
dl.contactos dd {
	display:block;
	padding:8px 0 8px 5px;
	margin:0;
	color:#4b4b4b;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}
#search {
	background-color:#fff;
	border:1px solid #ddd;
	padding:5px 0;
	margin:3px 2px;
}


#popup {
	display:block;
	width:700px;
	height:380px;
	background-color:#fcfcfc;
	margin:0;
	padding:20px;
	border:1px solid #4494bb;
	color:#333;
	font-size:14px;
	font-family: 'Noto Sans', sans-serif;
	background: url(../images/graphics/fundo_ceu.jpg) transparent no-repeat 50% 50%;
}

#popup h1 {
	text-align:center;
	margin:0;
	color:#21485a;
	padding:10px;
	font-size:24px;
	background:none;
	border-bottom:1px solid #346ea9;
}
#popup h2 {
	text-align:center;
	margin:0;
	color:#21485a;
	padding:10px 0 5px 0;
	margin:0;
	font-size:20px;
}
#popup p {
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	color:#21485a;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
#popup .logos {
	display:table;
}
#popup .logos img {
	margin:10px 15px;
	display:table-cell;
	float:left;
	vertical-align:middle;
}