/******************************************************************  
    Projecto: www.MARVIRTUAL.com 
    Produção:  José Monteiro, Marlene Nobre
    Almada - Portugal: Janeiro 2006  
******************************************************************/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html {background:#aac4a4 url(/img/cor.gif);}
body {text-align:center; margin:0; color:#303030;font:100%/1.2em geneva,verdana,arial,sans-serif;}
h1, h2, h3 {margin:15px 10px 5px 10px;padding:0; font-family:"trebuchet ms", geneva, verdana, arial, sans-serif;}
h1 {font-size:1.2em;}
h2 {font-size:1em;}
h3 {font-size:.9em;}
br {clear:both;}
ul, li {margin:0; padding:0;}
ul li ul {margin-left: 20px; padding: 0; border-left:5px solid #aac4a4;}
dl#sites {font-size:.8em; padding-left:30px;}
dl#sites dd {display:list-item;padding-bottom:5px;}
img {margin:0;}

/******** Layout ********/
div.geral1 {width:715px;margin:0 auto;background:url(/img/plantas.gif) no-repeat  right 170px; /* fixed 745px 160px; » 77% 53%*/}
div.geral {width:650px; margin:0 auto; text-align:left; border:1px solid #aac4a4;background:#fbf8ef url(/img/pedras.jpg) no-repeat 05% 88%;}
          div.header {height:200px; background:url(/img/banner.jpg) no-repeat;}
          div.header h1 {margin:0; text-indent:-9999px; overflow:hidden; width:100%; height:70px;}
          div.header h1 a {display:block; height:70px;}
/* menú */
div.menu {width:450px; height:20px; margin:10px 0 0 6px; background:url(/img/menu.gif) no-repeat;}
          div.menu ul {text-indent:-9999px;}
          div.menu ul li {display:inline; float:left; width:99px; margin:0;}
          div.menu ul li a {display:block; width:100%; height:20px;}
          
          div.menu ul li#bt1 a, div.menu ul li#bt2 a, div.menu ul li#bt3 a, div.menu ul li#bt4 a {background: url(/img/menu.gif) no-repeat; }
          div.menu ul li#bt1 a {background-position: 0 0;}
          div.menu ul li#bt2 a {background-position: -99px 0;}
          div.menu ul li#bt3 a {background-position: -198px 0}
          div.menu ul li#bt4 a {background-position: -297px 0}
          
          div.menu ul li#bt1 a:hover, div.menu ul li#bt2 a:hover, div.menu ul li#bt3 a:hover, div.menu ul li#bt4 a:hover {background: url(/img/menu.gif) no-repeat;}
          div.menu ul li#bt1 a:hover {background-position: 0 -31px;}
          div.menu ul li#bt2 a:hover {background-position: -99px -31px;}
          div.menu ul li#bt3 a:hover {background-position: -198px -31px;}
          div.menu ul li#bt4 a:hover {background-position: -297px -31px;}

/* conteúdos */
div.conteudos {width: 422px; margin-left:200px; padding: 0 0 10px 0; background: #e1e7d7 url(/img/cantoinferior.gif) no-repeat bottom center;}
          div.conteudos span.cantotop {width: 422px;height: 7px; display: block;background: url(/img/cantotop.gif) no-repeat;} 
          div.conteudos p {text-align:justify; margin:10px; padding:5px; font-size:0.83em;}
          div.conteudos h1 {color:#900;} 
          div.conteudos h2 {color:#069; border-bottom:1px solid #fbf8ef;}
          div.conteudos h3 {color:#606060;}
          div.conteudos ul {font-size:.8em;} 
          div.conteudos ul li {margin:0; padding: 2px; list-style:inside;} 
          div.conteudos ul.contactos {margin:0 0 15px 50px; padding:5px 20px; border-left:solid #aac4a4;} 
          div.conteudos ul.contactos li {padding-bottom: 5px; list-style: none;}
          /*
          div.conteudos div#dir, div.conteudos div#esq {text-align: left; margin:8px; height:230px;}
          div.conteudos div#dir p, div.conteudos div#esq p {text-align: left; font-size: .8em;}
          div.conteudos div#esq 
          {float:left; width:200px; padding-right:10px; border-right:1px solid #fbf8ef; margin-right:0;}
          div.conteudos div#dir {float:right; width:175px; margin-left:0;}
          */

/* Caixas à esquerda */
div.projecto {display:block;margin:0 0 0 15px; float:left; color:#606060; font-size:.7em; /*width:160px;*/ /*border:1px solid #e2e2e2;*/}
          div.projecto ul {list-style-type:none; margin:5px; color:#006699;}
          div.projecto ul li {margin-bottom:5px;}
          div.projecto ul li img {border:none;}
          div.projecto ul li a {color:#fbf8ef; text-decoration:none;}
          div.projecto ul li a:hover {color: #006699;; text-decoration:underline;}
          div.projecto ul li i {font-size:.9em; color:#990000;;}

/* destaque */
ul.destaque {font-size:.75em; margin-left:30px; color:#990000;} 
ul.destaque li {margin:0; padding:0; list-style:inside;}


/* Formulários */
form.contacto {width: ; padding:5px; color: #303030; font-size: .8em;}
          form.contacto input.enviar {margin:5px 20px 0 0; padding:0; float:right; font:bold small; color:#006699;;}
          form.contacto textarea {width:300px; height: 130px; padding:0; margin:0;}
          label, input.geral {display:block; width:295px; height:22px; float:left; margin:0 0 5px 5px;}
          form>input.geral {width: 296px; margin:0 0 5px 0;}
          form.contacto label {text-align:right; width: 83px; margin-right:5px; padding-right:6px;}
          form.contacto br {clear: left;}
          form.contacto i {color: #990000;;}
          legend {color: #89A3B1;}
          textarea, input {border:1px solid #aac4a4;}
          form, textarea, input {padding:0 2px; font-family:"trebuchet ms", verdana, arial, sans-serif;}
          /* http://www.quirksmode.org/css/forms.html
          input,select,textarea {background-color: #ebf1fa; color: #222;}
          input[type=submit],input[type=reset],input[type=button],button {background-color: #b2b9c6;color:#000;}
          input:focus, select:focus, textarea:focus {background-color: #fbf8ef;}
          */
/* rodapé */
address {clear:both; height:87px; padding:0;background:url(/img/footer.gif) no-repeat; font-style: normal; text-align:center;}
        address p.footermenu {padding:30px 0 5px 0;}
        address p {font-size:.65em; color:#fbf8ef;}
        address a {display:inline;}
        address a:hover {background:#fbf8ef;}
        
/* thumbnails e galeria */
ul.thumb {width:410px; margin:0; padding-left:15px;}
        html>body ul.thumb {width:395px; padding-left:20px; margin:0}
        ul.thumb li {display:inline; margin:; padding: px; float:left;}
        ul.thumb img {width:120px; height:90px; border:1px solid #606060;; }
        ul.thumb span {display: block; font-size: .75em; color: #606060;;}