/* CSS Document */
/* ELEMENTOS GERAIS DO PRÓPRIO XHTML*/
body {
	   text-align:left;
	   margin:5px 0px 0px 5px;
	   background: #edf7fa;
	   padding:5px;
	 }
a {
	text-decoration:none;
	}
img {
     border:0px;
	 }

img.servicos {
     border:2px #9cf solid;
	 margin: -1px 5px;
	 }

hr.grey {
	height:1px;
    width: 163px;
	margin: 1px ;
	padding-left: 5px;
	text-align:center;
	   }

h2 {
    text-align:center;
	color:#f00;
	background:#fff;
		}

img.imageleft{
	float: left;
	margin: 10px;
	padding: 10px;
	    }

ul.datas {
	list-style-position: inside;
	line-height:30px;
	}

.cl {
      clear: both;
	  } 
/* ELEMENTOS DE FORMATAÇÃO DO DIV PRINCIPAL (AQUELE NO QUAL TODOS OS ELEMENTOS ESTÃO INSERIDOS)*/
.main {
		font-family: arial, verdana, sans-serif;
		font-size: 13px; 
		width:720px;
		margin:auto;
		background: #7bbbfc;
		border: 2px #fff double;
		letter-spacing: 1px;
		line-height:16px;
			}
		
/* ELEMENTOS DE FORMATAÇÃO DO DIV SUPERIOR (TOPFRAME)*/

.topframe {
			background: #fff url('imagens/logo_semetra_mais.jpg') left no-repeat;
			height: 90px;
			margin: 10px 10px 10px 5px;
			border: 2px #9cf solid;
			width: 706px;
			font-family: "times new roman", arial, sans-serif;
									}
.titulotopframe {
		  			font-variant: small-caps;
					letter-spacing: 1px;
					font-weight: bold;
		  			font-family: "times new roman", arial, sans-serif;
		  			text-align: center;
		  			font-size: 20px;
		  			color: #009;
					text-indent: 4em;
		  }
.opcoestopframe {
				  font-family: arial, verdana, sans-serif;
				  font-size: 12px;
				  color: #000;
				  text-align:center;
				}
.centeritalic {
			  font-variant: small-caps;
			  text-align: center;
			  font-family: verdana, arial, sans-serif;
		      font-size: 14px;
		      color: #000;
			  line-height:16px;
			  			   }

.efeitolinks a {
				color: #009;
				font-size: 14px;
				font-family: verdana, arial, sans-serif;
				font-weight: bold;
				}
.efeitolinks a:hover {
	                color: #000;
					background:#9cf;
					}

/*ELEMENTOS DE FORMATAÇÃO DO DIV CONTEÚDO */

.azulsemetra{
			color: #00a0c6;
			font-weight: bold;
			}

.conteudo {
	       text-align: left;
	       background:#fff;
	       border: 6px #7ec0ee ridge;
	       padding: 5px;
	       margin-left: 90px;
				}
.form {
			border: 2px #7ec0ee solid;
			margin:5px;
			padding:8px;
			background:#edf7fa;
			}

.subtitulo {
			font-weight: bold;
			font-size: 15px;
			color: #393;
			text-align: center;
			}
.center {
         text-align: center;
		 	}

.centermensagemerro {
         text-align: center;
		 color: #f00;
		 font-weight: bold;
		 font-family: verdana, arial, sans-serif;
		 	}

.left {
         text-align: left;
		 	}
.bold {
	   font-weight: bold;
		}
.pequeno {
		font-size: 11px;
		text-align: center;
		font-style: italic;
			  }
.italic {
		font-style: italic;
			  }
.paragrafo{
		   text-indent: 2em;
		   }
.linkcomum a {
				font-family: verdana, arial, sans-serif;
				color: #c60;
				font-size: 12px;
				}
.linkcomum a:hover {
				   color: #c60;
				   text-decoration: underline;
				   font-family: verdana, arial, sans-serif;
				   				   }
.esquerda {
   float:left;
   margin:5px;
           }
.smallcaps{
           font-variant: small-caps;
		   font-size: 14px;
            }


#navcontainer ul {
	letter-spacing: 0px;
	text-align: center;
	padding-left: 0px;
	list-style-type: none;
	font-family: arial, verdana, sans-serif;
	font-size: 15px;
	margin: -16px 5px 0px 0px;
				  }
#navcontainer a {
				border: 1px #9cf solid;
				display: block;
				padding: 10px 2px 10px 8px;
				width: 156px;
				background:#fff;
				height: 20px;
                }
#navcontainer a:link, #navlist a:visited {
				color:#009;
				text-decoration: none;
										  }
#navcontainer a:hover {
				color:#000;
				background:#9cf;
				         }
.blocodireito {
	width:485px;
	float:right;
	text-align: left;
	background:#fff;
	border: 2px #9cf solid;
	padding: 10px;
	margin: 5px 5px 5px 10px;
	}

.linkeffects a {
           text-align: left;
		   color:#009;
		   font-family: arial, verdana, sans-serif;
		   font-size: 12px;
		        }
.linkeffects a:hover {
           font-family: arial, verdana, sans-serif;
		   font-size: 12px; 
		   color:#009;
		               }
.efeitos a {
           font-family: verdana, arial, sans-serif;
		   color:#f00;
		   		        }
.efeitos a:hover {
	color:#f00;
	text-decoration: underline;
			               }
.link a {
           font-family: verdana, arial, sans-serif;
		   		        }
.link a:hover {

	text-decoration: underline;
	
			               }				   
					   			

/*ELEMENTOS DE FORMATAÇÃO DO DIV INFERIOR (BOTTOM)*/

.bottom {
			background: url('imagens/metro.gif') left no-repeat;
			background-position: 10px;
			background-color: #fff;
			text-align:center;
			margin: 10px;
			border: 2px #9cf solid;
			font-size: 13px;
			height:130px;
						}


.bottompequeno {
			font-family: "times new roman", arial, sans-serif;
			font-size: 13px;
			}


.efeitolinks2 a {
				color: #009;
				font-weight: bold;
				font-family: verdana, arial, sans-serif;
				}
.efeitolinks2 a:hover {
						color: #000;
						background:#9cf;
					}

.titulobottom {
		  			font-variant: small-caps;
					letter-spacing: 1px;
					font-weight: bold;
		  			font-family: "times new roman", arial, sans-serif;
		  			text-align:center;
		  			font-size: 18px;
		  			color: #009;
					text-indent: 4em;
		  }

.giant         {
                font-size: 26px;
				line-height: 30px;
                }

.maiusculas {
			font-variant: small-caps;
			letter-spacing: 1px;
			font-size: 15px;
			color: #009;
			font-weight: bold;
			font-family: verdana, arial, sans-serif;
		  	text-align:center;
			}
.link a {
		 color: #6969d2;
		 font-weight: bold;
		 font-family: arial, verdana, sans-serif;
		 				}
.link a:hover {
	     color: #009;
	     text-decoration: underline;
		 					}
.empilhar_imagens{
       float:right;
	   margin-right: 8px;
	   margin-top: -75px;
       }

.rogerio {
           border: 2px #9cf solid;
		   background:#fff;
		   margin: 10px;
		   text-align:center;
		   font-family: verdana, arial, sans-serif;
		   color: #186d7f;
				   }

.rogerio a {
		 font-variant: small-caps;
		 font-size: 13px;
		 color: #000;
				 	}
.rogerio a:hover {
	     font-variant: small-caps;
		 font-size: 13px;
		 color: #000;
	     font-weight: bold;
		 text-decoration: underline;
		 			}
		
.topo a {
    color: #0582ed;
}

.topo a:hover {
    color: #0582ed;
	text-decoration: underline;
}

.negrito {
		font-weight: bold;
			  }