/* bodies */
body {color: #000; background: #fff url(../images/bg.png) top repeat-x;
  font-weight: normal; 
  font-family: "Open Sans Condensed", "Trebuchet MS", arial;
  font-stretch: narrower;
  margin:0;
  padding:0;}

body#intro { background: #fff;
  margin:0;
  padding:0;
  padding-top: 10px;}

/*Estrutura principal*/
#centrar1
{   background: transparent;
    position: relative;
    padding: 0px;
    height: 215px;}
#centrar2
{  
    background: transparent;
    position: relative;
    padding: 0px;
    height: auto;
    background: transparent}
    
#centrar3
{position: relative;
 padding: 0px;
 height: 91px;
 overflow-y: visible;
 background: #fff }
 
#centrarintro
{   background: transparent;
    position: relative;
    padding: 0px;
    height: 600px;}
#linhaintro {width: 600px; height: 600px; margin: 0 auto; padding: 0px}

/*########## cabeçalho e menu ##############*/
#linha1 {width: 1000px; height: 215px; margin: 0 auto; padding: 0px}
  #logotipo { float: left; width: 423px; height: 49px; background: url(../images/logo.png) top left no-repeat; margin: 17px}
    a:hover #logotipo {background: url(../images/logo.png) 0px -51px no-repeat;}
  #menu {float: right; width: 543px; height: 55px;} /*width é afectado pelo id:menu */
 /*## Menu Secundário ##*/
  #nivel2 {width: 1000px; height: 166px; clear: both}
     #menu_iconografico_en { width: 600px; height: 117px; float: left; margin-left: 17px; }
       #donors_img_en {background: url(../images/menu_en.png) 0px 0px no-repeat; width: 190px; height: 118px; float: left; display: inline}
         a:hover #donors_img_en {background: url(../images/menu_en.png) 0px -116px no-repeat; width: 190px; height: 118px;}
       #researchers_img_en {background: url(../images/menu_en.png) -205px 0px no-repeat; width: 196px; height: 118px; float: left; display: inline}
         a:hover #researchers_img_en {background: url(../images/menu_en.png) -205px -116px no-repeat; width: 196px; height: 118px;}
      
       #samples_img_en {background: url(../images/menu_en.png) -409px 0px no-repeat; width: 171px; height: 118px; float: left; display: inline}
         a:hover #samples_img_en {background: url(../images/menu_en.png) -409px -116px no-repeat; width: 171px; height: 118px;}
         a:active #samples_img_en {background: url(../images/menu_en.png) -409px -116px no-repeat; width: 171px; height: 118px;}
         
      #menu_iconografico_pt { width: 600px; height: 117px; float: left; margin-left: 17px}
       #donors_img_pt {background: url(../images/menu_pt.png) 0px 0px no-repeat; width: 190px; height: 118px; float: left; display: inline}
         a:hover #donors_img_pt {background: url(../images/menu_pt.png) 0px -116px no-repeat; width: 190px; height: 118px;}
       #researchers_img_pt 
         {background: url(../images/menu_pt.png) -210px 0px no-repeat; width: 201px; height: 118px; float: left; display: inline}
         a:hover #researchers_img_pt {background: url(../images/menu_pt.png) -210px -116px no-repeat; width: 201px; height: 118px;}
       #samples_img_pt {background: url(../images/menu_pt.png) -411px 0px no-repeat; width: 190px; height: 118px; float: left; display: inline}
         a:hover #samples_img_pt {background: url(../images/menu_pt.png) -415px -116px no-repeat; width: 190px; height: 118px;}
         a:active #samples_img_pt {background: url(../images/menu_pt.png) -415px -116px no-repeat; width: 190px; height: 118px;}
         
       
       #donors, #researchers, #samples {clear: both; text-align: left}
       #donors a, #researchers a, #samples a{	
		text-decoration:none;	
		font-size: 12px;
		padding:0px 15px 0 15px;	
	    color: #5c6161;	
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 0.06em;}
		
		
	
	   #donors a:hover, #researchers a:hover, #samples a:hover{
		color: #f3ac34;
		cursor:pointer; 
		bottom:0px;}

	  #researchers {margin-right: 150px; text-align: right}
	   #samples {margin-left: 250px; text-align: right}
	 	
       #navegador {width: 350px; height: 18px; padding: 5px 0px 0px 0px; float: right; text-align: right; margin-top: 20px;  border-top: 1px dotted #f3ac34;}
       #navegador_sem_border {width: 350px; height: 0px; padding: 5px 0px 0px 0px; float: right; text-align: right; margin-top: 20px; overflow: hidden }
        ul#guia, #guia li { list-style-type:none; padding:0; margin:0; }
         #guia { overflow:hide; font-size:11px; font-weight:normal; color: #3e4545; text-transform: uppercase; letter-spacing: 0.02em; }
         #guia li, #guia li img  {float:right; padding-right: 9px; }
         #guia li a, #guia li a img { padding-left: 5px; padding-bottom: 0px; padding-right: 5px; padding-top: 0; background:transparent;}
        /* #guia li a img {padding-bottom: 3px}*/
         #guia li a:link, #guia li a:visited { text-decoration:none; color:#f3ac34; }
         #guia li a:hover, #guia li a:focus { text-decoration:underline; color:#3e4545; }
       #lingua {width: 350px; height: 16px; padding-right: 10px; float: right; text-align: right; margin-top: 2px; font-size:13px; font-weight:bold; color: #3e4545; text-transform: uppercase; } 
           #lingua a { padding:0 3px 2px 3px; background:transparent; color:#f3ac34;}
           #lingua a:link, #guia li a:visited { text-decoration:none; color:#f3ac34; }
           #lingua a:hover, #guia li a:focus { text-decoration:underline; color:#3e4545;}
       #newsletter {width: 350px; height: 40px; padding-right: 10px; float: right; text-align: right; margin-top: 23px; font-size:13px; font-weight:bold; color: #e88438; text-transform: uppercase}  
          #newsletter a {color:#f3ac34; letter-spacing: 0.09em}  
          #newsletter a:hover {  color:#3e4545;} 
       
  
/* ###### conteúdos ####### */
#linha2 {width: 1000px; height: auto; margin: 0 auto; overflow: hidden; clear: both; padding:0px; margin-top: 5px;}    

  #conteudos{width: 970px; min-height: 460px; height: auto;  overflow: hidden; padding:0;  background: #fff url(../images/bg_conteudos.png)top left no-repeat; padding:15px 15px 15px 15px;}
    #conteudos p#virtual {width: 970px; min-height: 460px; height: auto;  overflow: hidden; padding:0;  background: #fff; padding:15px 15px 15px 15px;}
  
 /*#### Imagens de conteúdos ###*/
     #conteudos .tri a img, .duo img, .equipa img {
       -webkit-box-shadow: 0 8px 10px -6px #666666;
	   -moz-box-shadow: 0 8px 10px -6px #666666;
	   box-shadow: 0 8px 10px -6px #666666; 
	   border: 1px solid #e4e0e0; 
	   background: #fff;    
     }
     img.sombra {
       -webkit-box-shadow: 0 8px 10px -6px #666666;
	   -moz-box-shadow: 0 8px 10px -6px #666666;
	   box-shadow: 0 8px 10px -6px #666666; 
	   border: 1px solid #e4e0e0; 
	   background: #fff;
	   margin-right:30px;
	   padding: 10px;    
	   float: left;
     }
          img.sombra2 {
       -webkit-box-shadow: 0 8px 10px -6px #666666;
	   -moz-box-shadow: 0 8px 10px -6px #666666;
	   box-shadow: 0 8px 10px -6px #666666; 
	   border: 1px solid #e4e0e0; 
	   background: #fff;
	   padding: 10px; 
	   margin: 10px;  
     }
     
     .equipa { width: 970px; margin-bottom: 15px; border-bottom:  1px solid #e4e0e0; clear: both; overflow: auto}
     .equipa img { width: 130px; float: left; margin-right: 30px; margin-bottom: 10px}
     
      .onde { width: 970px; margin-bottom: 15px; border-bottom:  1px solid #e4e0e0; clear: both; overflow: auto}
      .onde img { width: 630px; float: right; margin-left: 30px; margin-bottom: 10px}
     
     .tri {width: 215px; height: 225px; display: inline; float: left; position: relative; margin: 12px; overflow: hidden;}  
   #conteudos .tri a:hover img {
       filter: alpha(opacity=60);
      -khtml-opacity: 0.60;     
      -moz-opacity: 0.60;       
      opacity: 0.60;}
      
      .tri img {width: 210px}
     
     .duo {width: 280px; height: 270px; display: inline; float: left; position: relative; margin: 7px; overflow: hidden;}  
   #conteudos .tri a:hover img, .equipa img:hover, .onde a:hover img {
       filter: alpha(opacity=60);
      -khtml-opacity: 0.60;     
      -moz-opacity: 0.60;       
      opacity: 0.60;}
      
 /* ### homepage ######*/    
   #conteudos_home {float:left; width: 595px; margin:0px 35px 0px 0px;} 
   #destaques {float:right; width: 340px; height: auto; min-height: 160px; overflow: hidden;} 
   .topicos {font-size: 14px; line-height: 20px; color:#000; margin-bottom: 14px; text-align: justify;}
     .topicos b {color: #3e4545; font-weight: bold; font-size: 15px; letter-spacing: -0.08em; padding-top: 3px;}
     .topicos img {float: right; width: 340px; padding-left: 15px;}
      .topicos a { text-decoration:none; color:#f3ac34; text-transform: uppercase; font-weight: bold; font-size: 13px; }
      .topicos a:hover {text-decoration:underline; color:#3e4545;}
      #destaques hr {clear: both; color: #ffF; background: #fff}
       
    #inst { width: 350px;  height: 30px; float: right;  }
    #inst_img {
    width: 350px; height:30px;
    background: url(../images/footer.jpg) top no-repeat;
    margin: 0px; padding: 0px;
    position: relative;}
     #inst_img li {
    margin: 0px; padding: 0px; list-style: none;
    position: absolute; top:0px }
     #inst_img li, #inst_img a {
    height: 30px; display: block;}
    
     #inst_img_1 {left: 9px; width: 80px;}
     #inst_img_2 {left: 102px; width: 85px;}
     #inst_img_3 {left: 206px; width: 40px;}
     #inst_img_4 {left: 250px; width: 100px;}
  
     #inst_img_1 a:hover {background: transparent url(../images/footer.jpg) -9px -32px no-repeat} 
     #inst_img_2 a:hover {background: transparent url(../images/footer.jpg) -102px -32px no-repeat}  
     #inst_img_3 a:hover {background: transparent url(../images/footer.jpg) -206px -33px no-repeat}  
     #inst_img_4 a:hover {background: transparent url(../images/footer.jpg) -250px -33px no-repeat}
      

   

/*rodape e fundo*/
#linha3 {width:1000px; height:91px; margin: 0 auto;  }
  #menu_inferior {width: 280px; float: left;  text-align: left;  margin-top: 30px}
  #menu_inferior a{	
		text-decoration:none;	
		font-size: 13px;
		padding:0px 10px 0px 0px;	
	    color: #5c6161;	
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.06em;}
	
	   #menu_inferior a:hover{
		color: #f3ac34;
		cursor:pointer; 
		bottom:0px;}
		
    #apoios {background: url(../images/apoios.jpg) no-repeat; width: 720px; float: right;  height: 55px; margin-bottom: 4px}


  
  #footer_separador {width: 1000px; background: #f3ac34; height: 8px; clear: both; ;}
  #social {float: left; width: 215px; margin-top: 5px;}
   #social a:hover img {filter: alpha(opacity=50); 
    -khtml-opacity: 0.50;     
    -moz-opacity: 0.50;       
    opacity: 0.50; }
  #copy {float: left; width: 565px; margin-top: 8px;
  font-size: 12px; color: #3e4545; letter-spacing: 0.1em; text-align: center
  }
 
  
/* ####### textos dos conteúdos gerais  ###########*/
#cabecalho {width: 100%; font-size:18px; font-weight:bold; color: #b5121b; font-stretch: narrower;text-transform: uppercase;  text-align: left; margin-bottom: 9px; }
h1, h2, h3, p, #conteudos h6  {font-weight:normal; color: #000; margin:0px; font-stretch: normal; padding: 0} 

h1 {font-size:25px; font-weight:bold; color: #e88438; font-stretch: narrower; text-transform: uppercase;  text-align: left; margin-top: 2px; margin-bottom: 15px} /*cabecalhos*/
h2 { font-size:18px; font-weight:bold; color: #666;  text-align: left; letter-spacing: -0.01em;  padding: 0px; border-bottom: 1px dotted #666; text-transform: uppercase } 
/*subcabecalhos*/
h3 {font-size:18px; font-weight:bold; color: #666;  text-align: left; letter-spacing: -0.01em;  padding: 0px; border-bottom: 1px dotted #666;} 

h3 b {color:#353535}

h5 {font-size:15px; font-weight:bold; color: #e88438;  text-align: left; letter-spacing: -0.01em;  padding-top: 0px; border-top: 1px dotted #e88438; text-transform: uppercase; margin-top: 0px}
h6, #conteudos h6, #conteudos p, #conteudos ul {font-size: 15px; line-height: 22px; text-align: justify; color:#000; font-weight: 300}
h6 hr {background: #3e4545; color:white; border: 0px; height: 1px;}
h6 small {font-size: 13px; line-height: 20px}
h6 center {font-size: 13px; line-height: 20px; text-align: center}
/*estilos de textos, links, tabelas e forms*/

a, #conteudos a {text-decoration: none; font-style: normal; color: #e88438; }

a:hover,#conteudos a:hover {outline: none; color: #000}

a images:hover {filter: alpha(opacity=60); 
    -khtml-opacity: 0.60;     
    -moz-opacity: 0.60;       
    opacity: 0.60; }


td {font-weight: normal; font-size: 11px: }

#conteudos td {font-weight: normal; font-size: 12px; text-align: center; height: 18px; border-bottom: 1px dashed #353535}
#conteudos td b{font-weight: bold; font-size: 13px; text-align: left; color: #e88438}
#conteudos th {font-weight: bold; font-size: 13px; text-align: center; text-transform: uppercase}


#conteudos td.arquivo_linha {font-weight: bold; font-size: 13px; text-align: left; height: 22px; border: 0px; border-bottom: 1px dashed #353535}
#conteudos td.arquivo_linha_dir {font-weight: bold; font-size: 13px; text-align: right; height: 22px; border: 0px; border-bottom: 1px dashed #353535}

small { font-weight:normal; color: #000; font-size: 11px}


span {} 

red {color:#c6000b}
a:hover red {color:#5f5f5f}

hr {background: #5f5f5f; color:white; border: 0px; height: 1px;}

p {font-weight: normal; }
images{ border: 0;}
images.images_fancy { border: 3px; border-color: #b8b9be; border-style:solid; -moz-border-radius: 3px;
border-radius: 3px; }

  ul
{
list-style:square;
  }

td.form{
	font-size:12px;
	text-decoration: none;
	color:#000;
	line-height:13px;
	text-align:left;

}

a  img {border: 0px}

/* ####### INPUTS e Botoes ###########*/
input, textarea {padding: 2px; background: #e88438; font-size: 12px; border: 1px solid #e88438}
input:hover, textarea:hover {background: #3e4545; color:#fff}
input.actualizar {color: white; padding: 3px; background: #3e4545; font-size: 12px; font-weight: bold; color: #fff;  border: 0px solid #3e4545 }
input.actualizar:hover { color: #000; padding: 3px; background: #f3ac34; font-size: 12px; font-weight: bold; color: #fff;  border: 0px solid #3e4545; }


/*CAIXAS DE ERRO*/

.caixa_erro, .error, .caixa_erro small { font:8px; font-weight: bold; color: #9b0a15; text-align: left; padding: 3px; display: inline; }

.caixa_sucesso { position: relative; margin: 4px;  -moz-border-radius: 4px; border-radius: 4px; background: #529933; font:8px; font-weight: normal; color: #edfcff; text-align: left; padding: 4px;  display: inline;}


/*######### MENU ##########*/
    /*MENU*/
		
    #mainMenu{
		margin:0px;
		top: 15px; /*posicao do menu*/
		position:relative;	/* não mudar este atributo */
		padding-top:0px;
		width: 543px;
		text-align: right;
		height: 25px;
	}

	
	#mainMenu a{ /*cor do menu*/
		padding:0px 0px;
		margin-left: 12px;	
		margin-right: 12px;	
		font-weight:bold;
		text-transform: uppercase;
		font-size:17px;	
	    color: #000;
	    text-decoration: none;	
	    letter-spacing: 0.03em;
	    }
	
	#mainMenu a:hover{
		cursor:pointer;	
	    color: #e88438;  
	    
	    }
		
		
		/*Estilos e atributos para o menu */
	#mainMenu .activeMenuItem{
        height: 25px;
        color: #e88438; 
        }
	
	#mainMenu .activeMenuItem img{
		position:absolute;
		bottom:0px;
		right:0px;}
   
   /*
	estilos e atributos do menu inactivo
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	
		cursor:pointer;	
	}

	#submenu{		
		padding:0px;
		height: 20px;
		text-align: left;
		top:15px;
		left:0px;
		position: relative;
		padding-top: 0px;
		width: auto;
		font-size:11px;
		
	}	
	#submenu_2{		
	padding-left: 5px !important;
    position: static;
     display: block;	
	}
	#submenu div{
		white-space:nowrap;
		
	}

	#submenu a{	
		text-decoration:none;	
		padding:0px 17px 0px 17px;	
	    color: #000;	
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.06em;
	}
	
	#submenu a:hover{
		color: #e88438;
		cursor:pointer; 
		bottom:0px;    		
	}