@media all{MSIE\:CLIENTCAPS {behavior:url(#default#clientcaps)}}

body, td
{
    font-family: tahoma, verdana, arial, helvetica;
    font-size: 11px;
    color: #202020;
	scrollbar-face-color:#ECEEF0;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#98AAB1;
	scrollbar-3dlight-color:#D1D7DC;
	scrollbar-arrow-color:#006699;
	scrollbar-track-color:#f7f7f7;
	scrollbar-darkshadow-color: #ffffff;
}

input,textarea {color:#808080; border:1px solid #c0c0c0; font-family:Tahoma, Arial, Helvetica; font-size:11px; font-weight:normal; height:18px; padding:1 0 0 3}
select {color:#808080; border:1px solid #c0c0c0; font-family:Tahoma, Arial, Helvetica; font-size:11px; font-weight:normal; height:18px; padding:1 0 0 3}

a, a:visited {
    color: #b31616;
    text-decoration: underline;
    font-weight: normal
}
a:hover
{
    color: #b31616;
    text-decoration: underline;
    font-weight: normal
}

a:active
{
    color: #b31616;
    text-decoration: underline;
    font-weight: normal
}

hr{color:#DA251D; height:1px}

/* Personalizadas */
.title {color:#b31616; font-family:verdana, arial, helvetica; font-size:14px; font-style:normal; font-weight:bold;}
.subtitle {color:#ffffff; font-family:verdana, arial, helvetica; font-size:10px; font-weight:bold;}
.linkmenu {font-family: verdana, tahoma, arial, helvetica; font-size:10px; font-style:normal; font-weight:bold; color:#b31616;}
.linkmenuselected {font-family: verdana, tahoma, arial, helvetica; font-size:10px; font-style:normal; font-weight:bold; color:#cccccc;}
.copyrght {color: #888888; text-decoration: normal; font-weight: normal}
.LeftTitle {color:#bbbbbb;}
.LeftText {color:#888888;}
.FormColor1 {background:#f5f5f5;padding-left:5px;padding-right:5px}
.FormColor2 {background:#efefef;padding-left:5px;padding-right:5px}

.button {color:#000000; font-size:11px; font-family:arial, tahoma, Arial, Helvetica; cursor: hand;}

.Menu
{width: 100%; height: 16px; padding:5 5 5 16; border: 1 1 1 1 solid #ffFFFF; background-color: #6598CB; cursor:pointer; color: #ffffff;}
.Option
{width: 100%; height: 16px; padding:5 5 5 16; border: 1 1 1 1 solid #ffffff; background-color: #f5f5f5; cursor:pointer;}
.Options {padding:1 1 1 1}

.cases{
text-indent: 40px;
text-align:justify;}

#mnu
{
font-family: Tahoma, Verdana, sans-serif;
font-size:11px;
color:#999999;
font-weight:bold;
}
#mnu a
{
font-family: Tahoma, Verdana, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:bold;
text-decoration:none;
}
#mnu a:hover
{
font-family: Tahoma, Verdana, sans-serif;
font-size:11px;
color:#b31616;
font-weight:bold;
}
#mnu a:visited
{
font-family: Tahoma, Verdana, sans-serif;
font-size:11px;
color:#b31616;
font-weight:bold;
}
/*+++++++++++++++++++++++++++++++++++  TESTE CSS MENU COM JS +++++++++++++++++++++++++++++++++++

#container {width:750px; height:573px; position:relative; top:28px; background:url(http://www.grafus.com.br/mnu/office.jpg);}
#vai {font-family:arial, verdana, sans-serif; font-size:11px; position:relative; width:100px; height:350px;}
#vai #marker {position:absolute; top:200px; height:20px; width:101px; background:#7a93b1 url(http://www.grafus.com.br/mnu/mark.gif) no-repeat left center;}
#vai a:active, #vai a:focus {outline:0; color:#000;}
#vai a {color:#fff;}
#vai a:hover {color:#000;}

#vai ul.none {display:none;}
#vai ul.yes {display:block; position:absolute; top:200px; left:100px; width:100px; padding:0; margin:0; list-style:none;}
#vai ul.yes li a {display:block; height:20px; line-height:20px; text-decoration:none; text-indent:5px; white-space:nowrap; width:100px;}

#vai #sub_1 a {color:#c00;}
#vai #sub_2 a {color:#080;}
#vai #sub_3 a {color:#00c;}
#vai #sub_4 a {color:#880;}
#vai #sub_5 a {color:#808;}
#vai #sub_6 a {color:#088;}

#vai #sub_1 a:hover,
#vai #sub_2 a:hover,
#vai #sub_3 a:hover,
#vai #sub_4 a:hover,
#vai #sub_5 a:hover,
#vai #sub_6 a:hover {color:#000;}

#vai #sub_0 {list-style-type:none; padding:0; margin:0; width:100px; position:absolute; left:0; top:200px;}


#vai ul#sub_0 li {display:block; width:100px; height:20px; float:left;}

#vai ul#sub_0 a {display:block; text-decoration:none; text-indent:15px;}


#vai ul#sub_0 li a, #vai ul a {width:0; height:0; position:relative;}
#vai ul#sub_0 li a b {display:block; width:100px; position:absolute; left:0; top:0; white-space:nowrap; display:block; height:19px; line-height:19px; font-weight:normal; cursor:pointer;}/*

/* ======================================== GALERIA DE FOTOS FOTOGRAFIA  ========================================*/
.alinhagalery{
position:relative;
left:20px;
}

.gallerycontainer{
position: relative;
background:url(http://www.grafus.com.br/imagens/outras/fotografia/fundo_galeria.gif) no-repeat center;
}

.thumbnail img{
margin: 0px;
border: 0px;
width:100px;
height:67px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px;
}
/********************************************mudei aqui*/
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
/*height:400px;/*acrescentei para a borda, que é um background aparecer
width:529px;*/
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
width:500px;
height:333px;
}
/********************************************mudei aqui*/
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 140px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* ======================================== FIM GALERIA DE FOTOS FOTOGRAFIA  ========================================*/

.gallerycontainer2{
position: relative;
/*background:url(http://www.grafus.com.br/imagens/outras/logo/fundo_galeria.gif) no-repeat center;*/
text-align:center;
margin-top:500px;
}

.thumbnail2 img{
margin: 0px;
border: 0px;
width:75px;
height:75px;
padding:5px;
border:#FF0000 solid 1px;

}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 0px;
}
/********************************************mudei aqui*/
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
width:500px;
height:500px;
}
/********************************************mudei aqui*/
.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
border:1px #FF0000 solid;
top: -530px;
left: 125px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
