.bg
{
   background-image: url(../img/bg_tratamentos.jpg);
   background-repeat:no-repeat;
   position:absolute;
   top:50%;
   left:50%;
   width: 1920px;
   height:900px;
   margin-left:-960px;
   margin-top:-450px;
   overflow:hidden; 
}

.destaque
{
    background-image: url(../img/img_tecnologia.png);
    background-repeat:no-repeat;
    background-position:0px 3px;
    width: 198px;
    height:570px;
    float:left;
}

.conteudo
{
    float:left;
    height:570px;
    width:500px;
    
}

.conteudo h1
{
    color:#d5a10e;
    font-weight:normal;
    margin-left:30px;
    *margin-top:20px;
}

.conteudo h2
{
    font-size:17px;
    color:#d5a10e;    
    font-weight:normal;
    margin:0;
    padding:0;
    margin-left:30px;
    margin-bottom:10px;
}

.conteudo ul
{
    margin:0;
    padding:0;
    margin-left:45px;
    color:#898989;
    font-size:14px;
    margin-bottom:10px;
    font-family:Verdana;
    
    font-size:12px;

}

.conteudo p
{
    margin-left: 25px;
    color: #898989;
    width: 420px;
    font-family:Verdana;
    
    font-size:12px;
}

h2.trigger {
    margin:0;
    padding:0;
    display:block;
	background: url(h2_trigger_a.gif) no-repeat;
	font-size: 17px;
	color:#d5a10e;
	font-weight:normal;
	margin-left:36px;
	margin-top:10px;

}
h2.trigger a {
	color:#d5a10e;
	text-decoration: none;
	font-size: 17px;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	padding: 0;
	margin:0;
	overflow: hidden;
	font-size: 12px;
	clear: both;
	margin-left:13px;
}

.dinamica
{
    height:550px;
    width:490px;
    overflow:auto;
    margin-top:10px;
}