body {

	font: 5px Arial, Helvetica, sans-serif;

	background:url(images/main-bg.gif);

	padding: 0;

	margin: 0;

}

img {

	border: none;

}



/* dock - top */

.dock {

	position: relative; 

	height: 50px; 

	text-align: center;

}

.dock-container {

	position: absolute;

	height: 50px;

	background: url(images/dock-bg2.gif);

	padding-left: 20px;

}

a.dock-item {

	display: block;

	width: 40px;

	color: #ffffff;

	position: absolute;

	top: 0px;

	text-align: center;

	text-decoration: none;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.dock-item img {

	border: none; 

	margin: 5px 10px 0px; 

	width: 100%; 

}

.dock-item span {

	display: none; 

	padding-left: 20px;

}



/* dock2 - bottom */

#dock2 {

	width: 100%;

	bottom: 0px;

	position: absolute;

	left: 0px;

}

.dock-container2 {

	position: absolute;

	height: 50px;

	background: url(images/dock-bg.gif);

	padding-left: 20px;

}

a.dock-item2 {

	display: block; 

	font: bold 12px Arial, Helvetica, sans-serif;

	width: 40px; 

	color: #000; 

	bottom: 0px; 

	position: absolute;

	text-align: center;

	text-decoration: none;

}

.dock-item2 span {

	display: none;

	padding-left: 20px;

}

.dock-item2 img {

	border: none; 

	margin: 5px 10px 0px; 

	width: 100%; 

}



.background {

	background: url(images/grad1.gif);

	padding: 0;

	margin: 0;

}

.background2 {

	background: url(images/topsl-bg.gif);

	padding: 0;

	margin: 0;

	}

.linkstopo {

	color: #139bb8;

	font: 15px Arial, Helvetica, sans-serif;

	}

.dividitopo {

	background:url(images/v-divider-bot.gif);

	}

.linkspequeno {

	color: #139bb8;

	font: 10px Arial, Helvetica, sans-serif;

	}	

	.pontilhado{ 

background-image:url(http://www.frasesvirtuais.com/images/rep_3.jpg);

background-position:bottom;

background-repeat:repeat-x;  

font-family: Arial, Helvetica, sans-serif; 

font-size: 13pt; 

color: #FF9900;

font-weight: bold;

}

.Home{   

font-family: Arial, Helvetica, sans-serif; 

font-size: 13px; 

color: #139bb8;

font-weight: bold;

}

.fundosite {

	color: #139bb8;

	font: 12px Arial, Helvetica, sans-serif;

	}

.fundo1{

	background:url(images/bub2-tl.gif);

	}

.fundo2{

	background:url(images/bub1-tr.gif);

	}

.cantinho{

	background:url(images/cantinho.gif);

	}

.canto1{

	background:url(images/caderno2.gif);

	}

.canto2{

	background:url(images/caderno.gif);

	}

.canto3{

	background:url(images/canto_esq.gif);

	}

.canto4{

	background:url(images/fundo_esquerdo.gif);

	}

.canto5{

	background:url(images/fundo.gif);

	}

.canto6{

	background:url(images/canto_direito.gif);

	}

.canto7{

	background:url(images/canto_esque.gif);

	}

.fundofundo{

	background:url(images/funfo_funfo.gif);				

	}

.fundofundo2{

	background:url(images/fundo_canto.gif);				

	}

.frase{  

font-family: Arial, Helvetica, sans-serif; 

font-size: 10pt; 

color: #666666;

}

.tabs-nav {

    list-style: none;

    margin: 0;

    padding: 0 0 0 40px;

}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.tabs-nav li {

    float: left;

    margin: 0 0 0 1px;

    min-width: 84px; /* be nice to Opera */

}

.tabs-nav a, .tabs-nav a span {

    display: block;

    padding: 0 10px;

    background: url(images/tab.png) no-repeat;

}

.tabs-nav a {

    position: relative;

    top: 1px;

    z-index: 2;

    padding-left: 0;

    color: #27537a;

    font-size: 12px;

    font-weight: bold;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;

    white-space: nowrap; /* required in IE 6 */    

}

.tabs-nav .tabs-selected a {

    color: #000;

}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {

    background-position: 100% -150px;

    outline: 0; /* prevent dotted border in Firefox */

}

.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {

    background-position: 100% -100px;

}

.tabs-nav a span {

    width: 64px; /* IE 6 treats width as min-width */

    min-width: 64px;

    height: 18px; /* IE 6 treats height as min-height */

    min-height: 18px;

    padding-top: 6px;

    padding-right: 0;

}

*>.tabs-nav a span { /* hide from IE 6 */

    width: auto;

    height: auto;

}

.tabs-nav .tabs-selected a span {

    padding-top: 7px;

}

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {

    background-position: 0 -50px;

}

.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {

    background-position: 0 0;

}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}

.tabs-nav .tabs-disabled {

    

}

.tabs-container {

    border-top: 1px solid #97a5b0;

    padding: 1em 8px; /* declare background color for container to avoid distorted fonts in IE while fading */

}

.tabs-loading em {

    padding: 0 0 0 20px;

}

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .tabs-hide {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print {

    .tabs-nav {

        display: none;

    }

}

.tabs-nav { /* auto clear */

    display: inline-block;

}

.tabs-nav .tabs-disabled {

    position: relative; /* fixes opacity */

   

}

.tabs-nav .tabs-disabled a span {

   

    min-height: 19px; /* ...in both IE 6 and 7 */

}



.homefundo1{

background:url(images/navpanel-left.gif);

}

.homefundo2{

background:url(images/centrohome.gif);

}

.homefundo3{

background:url(images/cantohome.gif);

}

.tt{

height: 38px

}

.grampo1{

height:0;

background:url(images/grampo1.gif);

}

.grampo2{

height:0;

background:url(images/grampo2.gif);

}

.novasmensagens{ 

background-image:url(images/funfo_funfo.gif);

background-repeat:repeat-x;

 top: 1px;

}

.linksnovas {

	color: #139bb8;

	font: 13px Arial, Helvetica, sans-serif;

	}

.categorianovas {

	color: #999999;

	font: 13px Arial, Helvetica, sans-serif;

	}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/

background-color: #03277C;

}



#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/

position: absolute;

background: black url(http://www.mensagensefrases.com/receber/blackdot.gif);

width: 10px;

left: 0;

top: 0;

z-index: 5;

visibility: hidden;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);

opacity: 0.8;

}

.dhtmlwindow{

position: absolute;

border: 2px solid black;

visibility: hidden;

background-color: white;

}



.drag-handle{ /*CSS for Drag Handle*/

padding: 1px;

text-indent: 3px;

font: bold 14px Arial;

background-color: #CA0000;

color: white;

cursor: move;

overflow: hidden;

width: auto;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/

position: absolute;

right: 1px;

top: 2px;

cursor: hand;

cursor: pointer;

}



* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/

width: 100%;

}





.drag-contentarea{ /*CSS for Content Display Area div*/

border-top: 1px solid brown;

background-color: white;

color: black;

height: 150px;

padding: 2px;

overflow: auto;

}



.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/

border-top: 1px solid gray;

background-color: #F8F8F8;

height: 13px; /*height of resize image*/

}





.drag-resizearea{ /*CSS for Resize Area itself*/

float: right;

width: 13px; /*width of resize image*/

height: 13px; /*height of resize image*/

cursor: nw-resize;

font-size: 0;

}