@charset "utf-8";
/* CSS Document */
 
/* Small reset */
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
 
#lista
{
    list-style:inside;
    margin:auto;
    padding:inherit;	
	
}
#listaelem
{
    margin-left:20px;	
	
}
 
 
a
{
  color:#000;
  text-decoration:none;
}      
 
/* Clear floats */
 
.clearfix:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 
.clearfix
{
  *zoom: 1;
}
 
/* Layout styles */
 
body
{
    background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
    margin: 0;
    font-family: 'Lucida sans', Arial, Helvetica;
    font-size: small;
	
}
 
header
{
    padding: 10px 0;
    background-color:#DADADA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#606060));
    background-image: -webkit-linear-gradient(top, #eee, #606060);
    background-image: -moz-linear-gradient(top, #bbb, #999);
    background-image: -ms-linear-gradient(top, #bbb, #999);
    background-image: -o-linear-gradient(top, #bbb, #999);
    background-image: linear-gradient(top, #bbb, #999);
    -moz-box-shadow: 0 1px 0 #fff, 0 -3px 3px #666 inset;
    -webkit-box-shadow: 0 1px 0 #fff, 0 -3px 3px #666 inset;
    box-shadow: 0 1px 0 #fff, 0 -3px 3px #666 inset;
	
	
/*	padding: 10px 0;
    background-color:#A0B5EF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D19A01), to(#4c2626));
    background-image: -webkit-linear-gradient(top, #D19A01, #4c2626);
    background-image: -moz-linear-gradient(top, #D19A01, #4c2626);
    background-image: -ms-linear-gradient(top, #D19A01, #4c2626);
    background-image: -o-linear-gradient(top, #D19A01, #4c2626);
    background-image: linear-gradient(top, #D19A01, #4c2626);
    -moz-box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;
    -webkit-box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;
    box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;*/
}
 
header hgroup
{
    margin: 0 auto;
    width: 960px;
}
 
header h1
{
    color:#000;
	margin: 0;
    font: italic bold 25px/25px Arial, Helvetica;/* font: 25px/1 'Luckiest Guy', cursive; *//* Google font API */
    float: left;
    /*text-shadow: 0 1px 0 rgba(6,6,6,.6);*/
}
 
 
header h2
{
    color:#FFF;
    margin: 0;
    float: right;
    font: italic normal 15px/32px Arial, Helvetica;
}
 
header a
{
    color:#333;
    text-decoration: none;
}
 
header span
{
    
    color:#FFF;
    margin: 0;
    float:left;
    font: italic normal 15px/32px Arial, Helvetica;
}

header p
{
	font-style:normal;
}
 
/* --------------------------------------------------- */
 
footer
{
    text-align: right;
    width: 960px;
    margin: 0 auto;
    padding: 10px 0;
}
 
#tw, #fb
{
    float: right;
    width: 130px;
    margin: 10px 0 0 0;
    overflow: hidden;
}
 
/* --------------------------------------------------- */       

#main
{
    margin: 20px auto 0 auto;
    width: 960px;
}
 
aside
{
    float: left;
    width: 200px;
    margin-right: 20px;
}
 
#content
{
	
    float: left;
    width: 740px;
	font-family: Arial, Helvetica;
	font-style:inherit;
}
/* 
#imgleft 
{
    
    margin:0 10px 10px 0;
}
#imgright
{
	float:right;
    margin:0 10px 10px 0;
}*/


 
article
{
    position: relative;
    padding: 20px;
    margin: 0 0 20px 0;
    text-align:justify;
    background: #fff;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	font-style:normal;
}
 

#titulo
{
    color:#000;
	margin: 0;
    font: italic bold 25px Arial, Helvetica;/* font: 25px/1 'Luckiest Guy', cursive; *//* Google font API */
/*    float: left;
	text-decoration:none;	
	    margin: 0 0 20px 0;*/
}
 
#sm
{
    color:#F27900;
    font: bold 16px Arial, Helvetica;/* font: 25px/1 'Luckiest Guy', cursive; *//* Google font API */
}

#smpfl
{
    color:#00C4C4;
    font: bold 16px Arial, Helvetica;/* font: 25px/1 'Luckiest Guy', cursive; *//* Google font API */
}

#smpro
{
    color:#00A800;
    font: bold 16px Arial, Helvetica;/* font: 25px/1 'Luckiest Guy', cursive; *//* Google font API */
}

 
article:before, article:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
 
article:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}        
 

 
article footer
{
    text-align: center;
    width: auto;
}

#linkout
{
  text-decoration: none;
  text-transform: uppercase;
  font: bold 12px Arial,Helvetica;
  color:#333;
  margin-right:435px;
}
 
article footer span
{
  padding: 0 10px 0 12px;
  margin: 0 0 0 12px;
  background: #bbb;
  color: #fff;
  font: bold 12px/24px arial, helvetica;
  display: inline-block;
  position: relative;
  text-shadow: 0 1px 0 #999;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -moz-box-shadow: 0 1px 0 #fff, 0 1px 0 #999 inset;
  -webkit-box-shadow: 0 1px 0 #fff, 0 1px 0 #999 inset;
  box-shadow: 0 1px 0 #fff, 0 1px 0 #999 inset;
}
 
article footer span:before
{
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #bbb transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0;
}
 
article footer span:after
{
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  -moz-box-shadow: -1px -1px 2px #777;
  -webkit-box-shadow: -1px -1px 2px #777;
  box-shadow: -1px -1px 2px #777;
}        
 
figure
{
   margin: 1em 0; 
}
 
figcaption
{
    margin: 0.5em 0;
    font-style: italic;
    font-size: 0.9em;
    color: #777;
	text-align: center;
}
 
#fig{
    overflow: hidden;

	position:relative;
	left:50%;
	 /*metade do tamanho da figura para centralizar*/
}
	

 
/* Vertical menu */
 
#menu li
{
  margin: 0 0 3px 0;
}
 
#menu a
{
  display: block;
  *display: inline-block;
  *width: 240px;
  text-decoration: none;
  background: #ddd;
  color: #444;
  padding: 10px 5px;
  text-transform: uppercase;
  font: bold 12px Arial,Helvetica;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow: 0 1px 0 #ccc;
  -webkit-box-shadow: 0 1px 0 #ccc;
  box-shadow: 0 1px 0 #ccc;
}
 
#menu a:hover
{
    color: #eee;
    background: #9c9c9c;
    background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
    background: -webkit-linear-gradient(top, #bbb, #999);
    background:    -moz-linear-gradient(top, #bbb, #999);
    background:     -ms-linear-gradient(top, #bbb, #999);
    background:      -o-linear-gradient(top, #bbb, #999);
    background:         linear-gradient(top, #bbb, #999);
}
 
#menu .expandable
{
    position: relative;
}
 
#menu .expandable:before,
#menu .expandable:after
{
  content: '';
  position: absolute;
  right: 5px;
  margin-top: 5px;
  border-top: 6px solid #444;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
 
#menu .expandable:before
{
   border-top-color: #fff;
   margin-top: 6px;
}
 
#menu .expanded:after
{
  border-top: 0;
  border-bottom: 6px solid #444;
}
 
#menu .expanded:before
{
    border-top: 0;
    border-bottom: 6px solid #fff;
}
 
#menu ul a
{
    background: #f2f2f2;
    text-transform: none;
    font-weight: normal;
}
 
#menu ul a:hover
{
    background: #fafafa;
    color: #444;
}

#pesquisador{
	width: 700px;
	height: 200px;
	margin-bottom: 3px;
	z-index:1;


	
}

#foto_pesquisador{

  height: 175px;
  width: 182px;
  margin-right: 10px;
  padding: 5px;
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: dashed;
  border-radius: 5px;


}


#foto_down{

  height: 128px;
  width: 128px;
  margin-right: 10px;
  padding: 5px;
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: dashed;
  border-radius: 5px;


}


#foto_pesquisador1{

  height: 175px;
  width: 182px;
  margin-right: 10px;
  padding: 5px;
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: dashed;
  border-radius: 5px;


}

#pesq{
 
    position: relative;
    padding: 20px;
    margin: 0 0 20px 0;
    text-align:justify;
    background: #fff;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	height:420px;

}


#pesqpg{
 
    position: relative;
    padding: 20px;
    margin: 0 0 20px 0;
    text-align:justify;
    background: #fff;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	height:700px;

}


        .wrapper
        {
	      clear:both;
          width: 700px;
          padding: 9px 0;
          margin: 0 auto;
		
        }
        .left
        {
          float: left;
          width: 175px;
          height: 182px;
         
        }
        .right
        {
          float: right;
          width: 500px;
          height: 175px;
         
        }
		
		
#down{
 
    position: relative;
    padding: 20px;
    margin: 0 0 20px 0;
    text-align:justify;
    background: #fff;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	height:700px;

}




        #dwrapper
        {
	      clear:both;
          width: 700px;
          padding: 20px 0;

		
        }
        #dleft
        {
          float: left;
          width: 128px;
          height: 128px;
         
        }
        #dright
        {
          float: right;
          width: 540px;
          height: 128px;
         
        }		
		
#foto_uem{

  height: 167px;
  width: 690px;
  margin-right: 10px;
  padding: 5px;
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: dashed;
  border-radius: 5px;


}

#mapa_uem{

  height: 400px;
  width: 690px;
  margin-right: 10px;
  padding: 5px;
  border-width: 1px;
  border-color: #7f7f7f;
  border-style: dashed;
  border-radius: 5px;


}


#quest_faq{
   font-size:12px;
   font-style:bold;
   color:#000;	
}

#resp_faq{

   font-size:12px;
   font-style:italic;
   color: #333;	
   margin-left:10px;
   margin-right:10px;


}




/*lightbox */
#lightbox{
	background-color:#999;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}