/* CSS Document */

* { margin:0px; padding:0px; border:0px; z-index:2 }

img, fieldset { border:0 }

body { font:11px normal "Trebuchet MS", "Arial", "Helvetica", "sans-serif" }
body { color:#333; background: #fff url('/img/background.gif') repeat-x }

abbr { border-bottom:1px dotted black }

a, a:visited { color:#235fd8 }
a:hover{ color:#568eff }

h1 { font-size:16px; color:#202b4d; font-weight:normal; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/* helper classes */
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.fr { float: right; }
.fl { float: left; }
.dn { display: none; }
.db { display: block; }
.ar { text-align:right; }
.ac { text-align:center; }

.pt { padding-top:10px; }
.ptt { padding-top:15px; }
.mtt { margin-top:15px; }
.pl { padding-left:10px; }
.mll {margin-left:15px; }
.pr { padding-right:10px; }
.pb { padding-bottom:10px; }

.green-text { color: green; }
.red-text { color: red; }

.chkmt { margin-top:13px; }

.sup-green { color:green; padding-right:7px }
.sup-red { color:red; font-size:9px }

/* pagination */
.paginas { text-align: right; font-weight: bold }
.paginas a { padding: 2px 5px 2px 5px; border: 1px dotted #94AFE5; margin: 0px 2px 0px 2px; }

.paginas a:hover { background: #789DE9; color: white }
#pagina_activa { padding: 2px 4px 2px 4px }

/* container */
#container { width:870px }

/* header */
#header { float:left; width:100%; color:#fff; margin-top:10px }
#flags { float:right }
#flags-left { float:left }
#flags span { float:left; display:inline }

/* navigation bar */
#navbar { clear:right;float:right; font-size:13px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#navbar { margin-right: 10px;}
#navbar ul { list-style:none; margin-top:3px }
#navbar li { float:left; margin-left:20px; font-weight:bold }
#navbar li a { color:#8a94b1; text-decoration:none; padding-bottom:9px }
#navbar li.active a { color:#dfe2ea; background:url('/img/menu-seta.gif') bottom center no-repeat }
#navbar li.normal a:hover { color:#dfe2ea }

/* left section */
#left-section { float:left; width:160px; margin-left:58px; margin-top:40px; position:relative; }
#logo {margin:0px 0px 0px 65px;}
#logo img { padding:1px; border:1px solid #dadee9; margin-left:3px; margin-bottom:10px }

#motto { width:225px; padding-top:20px; background:url('/img/enfeite.gif') top center no-repeat; font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#motto { color:#777; letter-spacing:0.3px; line-height:16px; text-align:center; }

#contactos { font-size:11px; width:225px; height:auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute;top:170px; z-index:-999; }

#contactos img { margin-top:10px; margin-bottom:50px }

/* right section */
#right-section { float:left; margin-top:40px; margin-left:60px;}
#right-section #line { float:left; width:5px; min-height:500px; margin-top:20px }
#right-section #line { border-right:1px solid #DADEE9; margin-right:30px;}

#right-section #right-content { float: left; width:540px }

#text { margin:5px 0 20px 0; color:#555; line-height:18px; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#news-img {
	float:right;
	padding:5px;
	margin:30px 15px 0 0;
	border:1px solid #DADEE9;
}

#top_line {
	clear: both;
	border-top: 1px solid #DADEE9;
	margin-bottom: 5px;
}

/* -------------------------------------------------------- visita */

#visita {
	float: left;
	clear: both;
	padding: 0px;
	width:600px;
	height:210px;
}

#visita #galeria {
	float:left;
	border:1px solid grey;
	width:280px;
	height:210px;
	margin-right:5px;
}
#visita #reservas  {
	float:left;
	background: url('/img/reservas1.gif') left top;
	width:282px;
	height:209px;
	padding-top:3px;
	
}

#vantagens {
	float: left;
	margin-left: 20px;
	font-size: 1.2em;
	color: #666666;
	padding-top:7px;
}

#vantagens ul {
	list-style: none;

}

#vantagens li {
	margin: 6px;
	padding-left: 18px;
	background: url('/img/bullet_add.gif') top left no-repeat;
}

#visita-botao a {
	float: left;
	/*background: url('img/go.gif') top right no-repeat;*/
	margin: 60px 0 10px 55px;
	padding-right: 25px;
	padding-top: 1px;
	font-size: 1.3em
}

/* -------------------------------------------------------- news */
#news, #bo-news {	
	float:left;
	margin-bottom:30px;
	width:100%;
}
#news h1, #bo-news h1 {
	padding:8px 8px 3px 8px;
	background:#ffffff;
	border-bottom:2px solid #e6e6e6
}
#news ul, #bo-news ul {
	list-style: none;
	margin-top:3px;
}

#news li, #bo-news li {
	margin-top: 2px;
	padding: 2px;
	height:20px;	
	width:531px;
}
#news li:hover {
	background: white;
}

#bo-news li:hover {
	background: white;
}

#bo-news #botoes img {
	padding:2px 3px;
}

#news .date, #bo-news .date  {
	font-size: 0.8em;
	text-decoration: none;
	font-style: italic;
	color: #999999;
	padding-left: 4px;
}

/* backoffice */
#bo-login {
	clear: both;
	padding: 10px 10px;
	background-color: #ffffdd;
	border-top: 1px solid #f5edd6;
	border-bottom: 1px solid #f5edd6;
	margin-bottom:5px;
}

#bo-login.reservation {
	background-color: #EAEAFF;
	border-top: 1px solid #CFCFFF;
	border-bottom: 1px solid #CFCFFF;	
}

#bo-login.events {
	background-color: #efefef;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;	
}

#bo-login.mb {
	background-color: #EBF7CF;
	border-top: 1px solid #CDEB8B;
	border-bottom: 1px solid #CDEB8B;	
}

#bo-white {
	clear: both;
	padding: 15px 0px;
	background-color: white;
	border-top: 1px solid #ededed;
	margin-bottom:20px;
}

#bo-login label, #popup.galeria label {
	float: left;
	width: 80px;
	margin: 3px 0px 5px 0px;
}

#bo-login label.popup {
	float: left;
	margin: 3px 20px 15px 20px;
	width:30px;
}

#bo-login label.contactos {
	float: left;
	margin: 10px 20px 5px 20px;
	width: 30px;
}

#bo-login label.salas {
  float: left;
  margin: 10px 10px 5px 20px;
  width: 45px;
}

#bo-login label.final {
	float: left;
	margin: 0px 20px 10px 20px;
}

#bo-login label.galeria {
	float: left;
	margin: 7px 10px 5px 0;
	text-align:right;
	width:60px;
}

#bo-login p {
	margin-bottom:5px;
}

#bo-login input, #popup.galeria input {
	color: #333;
	border: 1px inset #777777;
	padding: 3px;
	font-size: 1.3em;
}

#bo-login textarea {
	color: #333;
	background: #ffffff;
	border: 1px inset #777777;
	padding: 2px;
	font-size: 1.3em;
	margin-bottom: 15px;
}


#bo-login input.button {
	border: 1px outset #777777;
	float: left;
	color: #333;
	background: #fafafa;
	padding: 3px;
	font-size: 1em;
	margin-top:20px;	
}

#bo-login input.button2 {
	border: 1px outset #777777;
	color: #333;
	background: #fafafa;
	padding: 3px;
	font-size: 1em;
	margin-bottom:5px;	
}

#bo-login div.news-pic {
	width:100%;
	text-align: center;

}

#bo-login div.news-pic-div {
	margin-top:20px;
	
}
#bo-login #display_pic {
	border: 1px solid #777777;
}

#bo-login div.small {
	color:#999;
	text-align:center;
	width:100%;
	padding-top:8px;
}

select.date_combos {
	padding:1px;
	width:50px;
	border:1px solid #DDDDDD;
}

select.combos {
  padding: 1px;
  border: 1px solid #DDDDDD;
}

.erro {
	font-size:1.2em;
	color: red;
	margin-right: 50px;
}

.row { 
	clear: left; 	
}

.spaced {
	margin:10px 0px 10px 2px;
}


.sec { 
	color:#666666;
	font-size:0.95em;
}

#flags {
	padding:3px;
}

#flags img {
	padding:2px 5px 3px 5px;
	vertical-align: middle;
}

#flags-left {
	padding:2px 7px 15px 15px;
}


#flags-left img {
	padding: 2px 5px 3px 5px;
	vertical-align: middle;
}

a.upload_system {
  background: url(/img/upload.gif) 0 0 no-repeat;
  padding-left: 22px;
  font-weight: bold;
}

/* configurations page */

#lang_menu {
	float: right;
	list-style: none;
	display: inline;
	margin-right: 10px;
}

#lang_menu li {
	float: left;
	padding: 2px;
}

#lang_menu li a { margin-left: 35px; }
#lang_menu li.pt { background: url('/img/flag_pt.gif') 13px 3px no-repeat; }
#lang_menu li.en { background: url('/img/flag_en.gif') 13px 3px no-repeat; }
#lang_menu li.es { background: url('/img/flag_es.gif') 13px 3px no-repeat; }

#edit_ok {
	text-align: center;
	font-size: 1.1em;
	color: green;
	font-weight: bold;
	padding: 3px;
	margin: 10px;
}

/* cpanel */

#cpanel #choice {
	float: left;
	border: 1px solid #dedede; 
	margin: 10px;
	text-align: center;
	line-height: 25px;
}

#cpanel #choice img {
	display: block;
	margin: auto;
}

#cpanel #choice a {
	display: block;
	text-decoration: none;
	padding: 10px 5px;
	width: 90px;
	height: 80px;
}

#cpanel-small #choice {
	float: left;
	border: 1px solid #dedede;
	margin-right: 10px;
}

#cpanel-small #choice a {
	display: block;
	text-decoration: none;
	width: 160px;
	padding: 10px;
	height: 18px;
}

#cpanel-small #choice img {
	float:left;
	margin: 0px 6px;
}

#cpanel #choice:hover, #cpanel-small #choice:hover {
	background: #f1f1f1;
}

#gallery_container {
	float: left;
	text-align: center;
	margin: 10px 10px 10px 0px;
	background: #f1f1f1 url('/img/photo_bg.gif') top left;
	padding: 10px 10px 2px 10px;
}

/* galeria */

#gallery_text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#gallery_text ul {
	float: left;
	margin-top: 5px;
  width: 100%;
}

#gallery_text ul li {
	margin: 1px;
	list-style-position: inside;
	float: left;
	list-style: none;
	padding-left: 17px;
}

li.gal_peep { background: url('/img/peep.gif') 0 0 no-repeat; }
li.gal_ruler { background: url('/img/ruler.gif') 0 0 no-repeat; }
li.gal_disk { background: url('/img/disk.gif') 0 0 no-repeat; }
li.gal_delete { background: url('/img/bullet_delete.gif') 0 0 no-repeat;  padding-right:10px;}
li.gal_edit { background: url('/img/bullet_picture.gif') 0 0 no-repeat; }

#go-back {
	float: right;
	padding-top: 10px;
}

/* -------------------------------------------- cpanel */

#negrao {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#caixa {
	position:absolute;
	background:white;
	width:500px;
	height:400px;
	z-index:200;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

/* -------------------------------------------- popup */
#popup {
	padding:8px;
}

#popup.news {
	height:370px;
	width:750px;
}

#popup.users {
	width: 500px;
	height: 365px;
}

#popup.galeria {
	height:530px;
	width:460px;
}

#popup.galeria input.button {
	float: left;
	color: #333;
	background: ffffff;
	border: 1px outset #777777;
	padding: 3px;
	font-size: 1.3em;
}

#close {
	float:right;
	padding:5px;
	z-index:300;
}

#confirm-msg {
	text-align:right;
	font-size:1.1em;
	color:green;
	padding:2px;
	width:300px;
}

/* -------------------------------------------- contactos */

#contacto_list {
	list-style: none;
	margin-left: 3px;
	margin-bottom: 20px;
}

#contacto_list li.contacto_header {
	font-weight: bold;
	margin-top: 12px;
}

#proteccao {
	color: red;
	font-size: 12px;
	margin-left: 20px;
}

/* -------------------------------------------- backoffice -> reservas */

#reservas_list a {
	float: left;
	display: block;
	text-decoration: none;	
}

#reservas_list a.unselected {
	width: 85%;
	padding: 6px 10px;
	border-bottom: 2px solid white;
	background: #ffffe0 url('/img/checkbox.gif') 99% 50% no-repeat;
}
#reservas_list a.unselected:hover {
	padding: 6px 10px;
	border-bottom: 2px solid white;
	color: #235fd8;
	background: #FFFFCC url('/img/checkbox.gif') 99% 50% no-repeat;
}
#reservas_list a.selected {
	width: 85%;
	padding: 6px 10px;
	border-bottom: 2px solid white;
	background: #E8EEFC url('/img/checkbox_selected.gif') 99% 50% no-repeat;
}

#reservas_list div.historiali {
	width: 85%;
  float: left;
	padding: 6px 10px;
	border-bottom: 2px solid white;
	background: #ffffe0;
  color: #5C5C5C;
}

#reservabar {
	display: inline;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom:8px;
}

#reservabar li {
	float: left;
	margin: 13px 5px 2px 0px;
	padding:0px;
}

#reservabar_aceitar a {
	padding-left:20px;
	background: url('/img/accept.gif') left center no-repeat;
}
#reservabar_rejeitar a {
	padding-left: 20px;
	background: url('/img/delete.gif') 0 0 no-repeat;
}
#reservabar_apagar a {
	padding-left: 20px;
	background: url('/img/cross.gif') 0 0 no-repeat;
}

#reservabar_email a {
	padding-left: 20px;
	background: url('/img/email.gif') 0 0 no-repeat;
}

.reservabar_but {
	width: 112px;
	height: 26px;
	margin: 0px auto;
	text-align: center;
	padding-top: 8px;
	background: url('/img/reserva_but.gif') 0 0 no-repeat;
}

div.reservabar_but:hover {
	background: url('/img/reserva_but.gif') -112px 0 no-repeat;
}

#reserva_form {
	padding: 10px;
	width:88%;
	background:#f4f4f4;
	margin-top:20px;
}

#reserva_form textarea {
	padding: 10px;
	font-size: 11px;
	border: 1px solid #d3d3d3;
}

#reserva_form label {
	float: left;
	width: 50px;
}

#reserva_form input.reserva_field {
	float: left;
	padding: 1px;
	font-size: 11px;
	font-family: Courier New;
	width: 330px;
	border: 1px solid #D9D9D9;
}

#reserva_form input.button {
	border: 1px outset #777777;
	color: #333;
	background: ffffff;
	padding: 3px;
	font-size: 1.3em;
	margin-top:20px;
}
#reserva_sub, #reserva_to {
	float: left;
	clear: both;
	margin-bottom: 5px;
}

/* -------------------------------------------- visita / galeria */

#sections {
  float:right;
  border-left:1px solid #efefef;
}

div.section {
/*: left;*/
	background:#f5f5f5;
  padding:10px 5px;
	border-top:1px solid #ffffff;
 
  text-align: center;
  
}
div.section:hover {
	background:#eaeaea;
}
#visit_galeria { 
	float:left;
}
#visit_galeria #imagem {
	min-height: 410px;
	text-align: center;
}

#visit_galeria #imagem img {
	margin: 0px 0px 4px 0px;
	padding: 4px;
	border: 2px solid #dadee9;
}

#visit_galeria #img_component {
  clear: both;
  margin: 0px auto;
  width: 400px;
	margin-bottom: 10px; 
}

#visit_galeria #thumbnails {
	width: 415px;
	margin: 0px auto;
}

#visit_galeria #thumb {
	float: left;
	margin-right: 10px;
}
#visit_galeria #thumb a {
	float: left;
	padding: 2px;
	border: 2px solid #dadee9;
}
#visit_galeria #thumb a:hover { border: 2px solid #568eff; }
#visit_galeria #thumb a.active { border: 2px solid #FFBC57; }
#visit_galeria #thumb a.active:hover { border: 2px solid #568eff; }

#visit_galeria #thumb_nav {
	width: 415px;
	height: 25px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
	margin: auto;
}

#visit_galeria #nav_component {
	clear: both;
	float:left;
  width: 97%;
  margin: 0px auto;
	background: #ffffdf;
	border-top: 2px solid #f5edd6;
	border-bottom: 2px solid #f5edd6;
	padding-top: 5px;	
}

#visit_galeria #thumb_nav #thumb_prev {
	float: left;
	background: url('/img/previous.gif') center left no-repeat;
	padding-left: 15px;
}

#visit_galeria #thumb_nav #thumb_next {
	float: right;
	background: url('/img/next.gif') center right no-repeat;
	padding-right: 15px;
}

#visit_galeria #thumb_nav #slideshow {
	float: left;
	margin-left: 120px;
}

#slideshow a.stoped {
	background: url('/img/control_play.gif') center right no-repeat;
	padding-right: 20px;
	vertical-align: middle;
}

#slideshow a.running {
	background: url('/img/control_pause.gif') center right no-repeat;
	padding-right: 20px;
	vertical-align: middle;
}

#datas {
	 margin:10px 0 0 0;
	 padding:15px;
	 background-color:#FFFFEE;
	 
}

#datas img {
	vertical-align:middle;
	padding:0px 5px;
}

#datas_gray {
	position: absolute;
	top:20;
	left:540px;
	right:0;
	margin-left:30px;
	margin-top:10px;
	z-index: 100;
	width: 250px;
	height: 65px;
	background-color: #ffffdd;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#line-spacer{
	clear:both;
	margin:0px auto;
	padding-top:30px;
	margin-bottom:40px;
	width:75%;
	border-bottom:1px solid #DADEE9;
}

#content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* -------------------------------------------- salas */

#salalist {
	width: 520px;
	font-size: 10px;
}

#salalist td {
	padding-top: 4px;
}

#salalist th {
	text-align: left;
}

a.sala_mag {
	background: url('/img/magnifier.gif') 0 0 no-repeat;
	padding-left: 17px;
}

/* events */
#detalhes_e a, #salas_e a, #aloj_e a, #final_e a {
	font-size:1em;
	color:#cfcfcf;
}

#detalhes_e a:hover, #salas_e a:hover, #aloj_e a:hover, #final_e a:hover {
	color:#afafaf;
}


#detalhes_e, #salas_e, #aloj_e{
	margin-right:15px;
}

#aloj_e, #salas_e , #final_e {
	margin-left:15px;
}

#detalhes_e a.activo, #salas_e a.activo, #aloj_e a.activo, #final_e a.activo  {
	color:#1c2f69;
}

#smallform {
	padding:5px;
	padding-left:10px;
	font-size: 1em;
}

#smallform h1 {
	font-size:14px;
	margin-bottom:27px;
}

#smallform select {
	font-size: 9px;
}

#smallform label {
	font-size: 1em;
}

#smallform input {
	background: #ffffff;
	font-size: 1em;
	border: 1px outset #777777;
	float: left;
	color: #333;
	padding: 3px;
	margin-top:20px;	
}

#more-info {
	position:absolute;
	z-index:100;
	left:460px;
	top:375px;
	width:305px;
	height:195px;
	border:3px #dfdfdf solid;
	background: #efefef;
}

#more-info #content {
	padding:5px;
	width:300px;
}

#more-info p {
	margin-bottom:15px;	
}
#pic_popup {
	position: absolute;
	z-index: 100;
	width: 205px;	
	height: 210px;
	border: 3px solid #D2D2D2;
	background: #efefef;
}

#pic_popup #content {
	padding: 7px;
}

#pic_popup p {
	padding-top:5px;
}