/******************************************************************  
    Projecto: www.MARVIRTUAL.com 
    Produção:  José Monteiro, Marlene Nobre
    Almada - Portugal: Janeiro 2006  
******************************************************************/

html {background: #aac4a4 url(img/cor.gif);}
body {text-align: center; margin: 0; color: #303030; 
 
font-family: geneva, verdana, arial, sans-serif;}
/******** 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; 
background: #fbf8ef url(img/pedras.jpg) no-repeat 05% 80%;
text-align: left; border:1px solid silver;}
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;}
/* menú lista */
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}
/* menú hover*/
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: 0.75em geneva, verdana, arial, sans-serif;}

div.conteudos h1 {color: #538947;} 
div.conteudos h2 {color: #006699; border-bottom:1px solid #fff;}
div.conteudos h3 {color: #606060;}

/*
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 #fff; margin-right:0;}
div.conteudos div#dir {float:right; width:175px; margin-left:0;}
*/
span.projecto {display: block; width:160px; margin:20px 0 0 10px; float:left; 
color:gray; font-size:.7em; border:1px solid #e2e2e2;}

span.projecto img {margin:10px;}

span.projecto ul {list-style: inside square; margin:5px; color:#006699;}
span.projecto ul li a {color:gray; text-decoration:none;}
span.projecto ul li a:hover {color:blue; text-decoration:underline;}

br {clear:both;}

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

div.conteudos ul {font-size: .8em;} 
div.conteudos ul li {margin: 0; padding: 2px; list-style: inside;} 
/* conteudos */
div.conteudos ul.contactos {margin:0 0 15px 50px; padding:5px 20px; border-left:solid tan;} 

div.conteudos ul.contactos li {padding-bottom: 5px; list-style: none;}
/* Formulários */

form.contacto {width: ; padding:5px; color: #333; font-size: .8em;}
form.contacto input.enviar {margin:5px 20px 0 0; padding:0; float: right; font: bold small; color: blue;}
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: red;}
legend {color: #89A3B1;}
textarea, input {border:1px solid  #BECBF2;}
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: #fff;}
*/

/* 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: #fff;}
address a {display: inline;}
address a:hover {background: #fff;}
/******** Títulos ********/
h1, h2, h3 {margin: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;}

/******** Imagens ********/
img {margin: 0;}

/* 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 gray; }
ul.thumb span {display: block; font-size: .75em; color: gray;}