@charset "utf-8";
        img {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray; /* IE 6-9 */
        }

        html {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray; /* IE 6-9 */
        }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
     z-index:1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Default Styles 
--------------------------------------------------------------------*/


body { margin:0; padding:0; width:100%; color:#fff; font:normal 13px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) top; font-family: 'Droid Sans', sans-serif;}

.bg_white {background: #fff; );
		 -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}


/* Menu */
.wrap {
	width:auto;
	margin: 20px 0 0 0;
	
}

nav {
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
	background-image: linear-gradient(#fff, #ccc);
	border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
	padding:0 0 0 0;
	position:relative;
	height:38px;
	width:auto;
}

.menu li {
	float: left;
	position: relative;
}

.menu li a img {
    vertical-align: middle;
}

.menu li a {
	color: #444;
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 5px;
	margin: 4px 4px;
	vertical-align: top;
	text-decoration: none;
}

.menu li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

/* Dropdown styles */

.menu ul {
	position: absolute;
	left: -9999px;
	list-style: none;
	opacity: 0;
	transition: opacity 1s ease;
}

.menu ul li {
	float: none;
}

.menu ul a {
	white-space: nowrap;
}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {
	background: rgba(255,255,255,0.9);
	border-radius: 0 0 6px 6px;
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
	left: 5px;
	opacity: 1;
}

/* Persistant Hover State */
.menu li:hover a {
	background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
	background-image: linear-gradient(#ccc, #ededed);
	border-radius: 12px;
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	color: #222;
}

.menu li:hover ul a {
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.menu li:hover ul li a:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff));
	background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px;
	box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}


/* main */
.main { padding:0; margin:0 auto; width:auto;}

.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}


/* header */
.header {margin:0 auto;  background:url(../images/bg/violet/bg_head.gif); height:143px; width:100%;}
.block_header {margin:0 auto; padding:0; width:992px;}


/* logo */
.logo { float:left; padding:0; margin:0; width:100%; height:143px; background:url(../images/header.png) no-repeat center top;}



/* search */

.search { 
	padding:6px 15px 6px 2px;
	margin:0px; 
	background: url("../images/btn_search.jpg") no-repeat 193px 3px; 
	width:200px; height:15px;
	float:right;
}

.lighter {
	
	padding:0;
	float:right;
	margin-right:13px;
}

.lighter{
	background: url('../images/lighter_grey.jpg');
}
.lighter input[type=text]{
	border:1px solid #d0d0d0;
	background-color:#fcfcfc;
}


/* language*/
.langu {
	width:75px;
	margin:0px 0 5px auto;
	padding-top:8px;
	text-align:center;
	float:right;
	height:25px;
	}
	

/* size */
.size {
	width:90px;
	margin:0px 0 5px auto;
	padding-top:8px;
	text-align:right;
	float:right;
	height:25px;
	}


/* share */
.share {
	width:120px;
	margin:0px 0 5px auto;
	padding-top:8px;
	text-align:right;
	float:right;
	height:25px;
	}
	

/* search_news */

.searchform { margin:0px; height:25px; width:992px; text-align:center;}

.searchbox { margin:0; padding-left:5px; margin-right:3px; width:300px; font-size:12px; height:25px; color:#848383; border: 1px solid #cb2a27;}


/* content */
.content { }
.content_resize { margin:0 auto; padding:10px 0 0px; width:942px;}
.col1 {margin:0; padding:0; float:left; width:212px;}
.col2 {margin:0; padding:0; float:left; width:700px; margin-left:30px;
		background: #fff;
		 }

/* news */ 
#news{margin-top:15px; margin-left:20px;}
#news ul {list-style:none; margin:0; padding:0;}
#news ul li {padding-left:0px; width:929x; height:150px; background:url(../images/line.gif) no-repeat; margin-top:15px;}
.TitleNews{
    font-size:14px; 
    font-weight:bold; 
    color:#456384; 
    float:left; 
    margin-left:10px; 
    margin-bottom:10px;
    width: 350px;
}
.textNews{
    font-size:14px;
    color:#959595;
    float:right;
    margin-right:10px;
    width:370px;
}
.date{color:#909090; font-size:12px; font-weight:bold; margin-left:10px;}
.images {margin : 0; padding:3px; border: 2px solid #d1d0d0;  float:left;}

#article{margin-left:10px;}
#content_article ul {list-style-type:none;margin-left:30px; padding:0;}
#content_article ul li{ background:url(../images/arrow_article.png) no-repeat 0px 6px; padding-left:20px;}
#content_article ul li a{color:#4f4f4f;}
#content_article ul li a:hover{color:#0985dc;}




/* calender */
#calender { margin: 3em auto  0 0; padding-bottom: 3em; background-color: #fff; width:910px;}
#month { border-collapse: collapse; width:900px; margin-left:40px; margin-bottom:30px;}
#month th, #month td { border: 2px solid #a6c9e2; }
#month thead { background-color:#d7e8f4; color: #39C;}
#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto; }
#month tbody .next, #month tbody .previous {color: #CCC;}
.today {background-color:#ffe993;}
.numdate { color:#069; text-align:right;}
.rtop { display:block; background:#060; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#calender h1 { margin: 0 0 20px 0; font: 18px Arial, Helvetica, sans-serif; color: #98bdd7; text-align:center;}
#month th { font: 1em  bold Arial, Helvetica, sans-serif; }




/* banner */

#banner{ padding-bottom:5px;}
#banner ul {list-style-type:none; margin:0; padding:0;}
#banner li {margin:0; padding-bottom:10px;}

/* weblink */
.weblink{padding-top:3px;}
.weblink ul {list-style-type:none; margin:0; padding:0;}
.weblink ul li {padding-left:5px; margin-left:5px; background: url(../images/bullet_wl.png) 0px 12px no-repeat;}
.weblink ul li a {display:block; padding-left:5px; padding-top:4px; font-size:12px; color:#6b6b6b; text-decoration:none;}
.weblink ul li.active a, .weblink ul li a:hover {display:block; padding-left:5px;  margin:0; color:#cf1ffb; text-decoration:underline;}

/* count */
.textCount{font-size:14px; color:#7e019b; text-align:center;}
.Count { padding-top:5px; margin:0 10px 0 0; text-align:center;}
.Count ul { list-style-type:none; margin:0; padding-top:1px; text-align:center;}
.Count ul li { display:block; margin:1px; padding-bottom:1px; float: left; width:18px; height:18px; text-align:center; background-color:#d096de; color:#fff; font-size:14px; font-weight:bold; text-align:center;}


/* view all*/
.all{font-size:11px; font-weight:bold; color:#e1026b; float:right; margin-right:7px;}

/* texttitle */
.title{font-size:11px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#444343; float:right; margin-right:75px; margin-top:50px;}
.title_page{font-size:12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#c4a688; float:right; margin-right:20px; margin-top:35px;}
.textTitle{font-size:20px; font-weight:bold; color:#a202b6; text-align:center; margin-top:30px;}


/* next */
.next{float:right; width:200px; margin:10px auto 0px auto; }
.next ul {list-style-type:none; margin:0; padding:0; float:left; }
.next ul li {padding-left:3px; margin-left:3px; float:left;}
.next ul li a {display:block; padding-left:3px; padding-top:4px; font-size:12px; color:#ad1c39; text-decoration:none; }
.next ul li.active a, .weblink ul li a:hover {display:block; padding-left:5px;  margin:0; color:#cf1ffb; text-decoration:underline;}


/* tab */
.tab {padding-top:0px; float:left; padding-left:10px;}
.tab ul {list-style:none; margin:0; padding:0;}
.tab ul li {display:block; padding-left:5px; padding-top:5px; font-size:12px; color:#777777; text-decoration:none;}
.tab ul li a {display:block; padding-left:3px; padding-top:5px; font-size:12px; color:#777777; text-decoration:none; }
.tab ul li.active a, .weblink ul li a:hover {display:block; padding-left:5px;  margin:0; color:#777777; text-decoration:underline;}
.date{color:#8fbd15; font-size:11px; margin-left:5px;}


.listmenu { margin-bottom:10px; float:left; width:270px; font-size:14px; margin-left:20px; margin-top:10px;}
.listmenu ul { list-style:none; margin:0;}
.listmenu ul li {display:block;  padding:0; padding-top:6px; padding-bottom:17px; text-align:left margin-top:0px; border:none; padding-left:8px;  background: url(../images/bullet_red.jpg) 0px 13px no-repeat;}
.listmenu ul li a { display:block;  margin:0;  padding-left:8px; font-size:14px; color:#764e4e; text-decoration:none; text-align:left;}
.listmenu ul li.active a, .subtitle ul li a:hover{ padding:0px; padding-left:8px;  margin:0; color:#630b09}


.textabout{font-size:14px; color:#9a9a9a; float:left; width:944px; margin:20px 0 0 20px;}
.textblack{ color:#4b3e3e; font-weight:bold;}
.textl{font-size:15px; font-weight:bold; float:left; color:#543030;}
.textb{font-size:18px; font-weight:bold; color:#2a6068;}
.img{ margin : 0; padding:3px; border: 2px solid #d1d0d0; float:left;   }


#column-left { width: 130px; float: left; margin-left:210px;}   
#column-center { width: 130px; float: left;  margin-left:50px;}
#column-right { width: 130px; float: left;  margin-left:50px;}

.bg_download{ background:url(../images/bg_headdl.jpg) repeat-x; width:948px; height:40px; margin:0px 0 0 5px; padding-top:10px; font-size:16px; font-weight:bold;}


/* main */

.pagina{
    width:992;
    height:auto;     
}
  
.linha{
    width:auto;
    padding:5px;
    height:auto;
    display:table;      
}

.tile1{
    height:85px;   
    width:305px;  
    float:left;
    margin:0 5px 0 0;
    padding:2px;
}

.tile2{
    height:190px;   
    width:305px;
}

.tile3{
    height:400px;   
    width:305px;
}

.tile4{
    height:190px;   
    width:630px;  
}

.tile5{
    height:88px;   
    width:305px;  
}

.tileLargo{
    height:200px;   
    width:955px;  
}


  
.vermelho{
    background:#fff;
}

#img {
position: absolute;
z-index: 1;
}

#title_main {
position: absolute;
z-index: 2;
margin-top:128px;
}

#title_web{
position: absolute;
z-index: 2;
margin-top:338px;
}



.web{
	background:#FFF;
}

.arti{
	background:url(../images/article.jpg);
}

.vdo{
	background:url(../images/vdo.jpg);
}

.download{
	background:#fff;
}

.datacenter{
	background:url(../images/datacenter.jpg);
}

.gall{background: url(../images/bg_gall.jpg);}
.gall ul {list-style-type:none; float:left; margin:30px auto 0px 14px;}
.gall ul li {float:left; margin:0 15px 0 0; background:url(../images/bg_gallery.gif) no-repeat; width:225px; height:162px;}

.member{
	background:url(../images/member.jpg );
}

.webmail{
	background:url(../images/mail.jpg);
}

.people{
	background:#fff;
	border:1 #999 solid;
}

.law{
	background:url(../images/law.jpg);
}

.qa{
	background:url(../images/qa.jpg);
}

.pollonline{
	background:url(../images/pollonline.jpg);
}

.stat{
	background:url(../images/stat.jpg);
}

.search_doc{
	background:url(../images/bg/violet/bg_search.jpg);
}
  
.webboard{
	background:#FFF;
}
  
.verde{
    background-color: #2E8B57;
}

.selecionado{
    background-color: #483D8B;
}



.tile5, .tile4, .tile3, .tile2, .tileLargo
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.tile5:before, .tile5:after, .tile4:before, .tile4:after, .tile3:before, .tile3:after, .tile2:before, .tile2:after, .tileLargo:before, .tileLargo:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.5);
    box-shadow:0 0 15px rgba(0,0,0,0.5);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.tile5:after, .tile4:after, .tile3:after, .tile2:after, .tileLargo:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}



/* search electronic */


#searchForm{
	/* The search form. */
	
	padding:5px 50px 20px;
	margin:30px 0;
	position:relative;
	
}

fieldset{
	border:none;
}

#searchInputContainer{
	/* This div contains the transparent search box */
	width:420px;
	height:36px;
	background:url("../images/searchBox.png") no-repeat;
	float:left;
	margin-right:12px;
}

#s{
	/* The search text box. */
	
	border:none;
	color:#800000;
	background:url("../images/searchBox.png") no-repeat;
	
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	height:36px;
	line-height:36px;
	margin-right:12px;
	outline:medium none;
	padding:0 0 0 35px;
	text-shadow:1px 1px 0 white;
	width:385px;
}



/* The submit button */


#submitButton{
	background:url('../images/buttons.png') no-repeat;
	width:83px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}

#submitButton:hover{
	background-position:left bottom;
}


/* The Search tutorialzine.com / Search the Web radio buttons */


#searchInContainer{
	float:right;
	margin-top:12px;
	width:255px;
}

label{
	color:#002920;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	position:relative;
	right:-2px;
	top:-2px;
	margin-right:10px;
	white-space:nowrap;
	/*float:left;*/
}


.textUser{ color:#c53ad6; font-weight:bold; font-size:14px; margin:0 0 0 25px;}
.textRegis{font-size:12px; color:#7d7c7c; text-align:center; font-weight:bold; margin:0 0 0 30px;}

/* regis */
.user { background:url(../images/line.png) repeat-x center top; outline:none; border: 0; width:170px}

/* footer */
#footer 
{
	background:url(../images/bg/violet/bg_footer.png) repeat-x bottom;
	width:100%;
	height:88px;
	text-align:center; color:#fff;
	line-height:17px;}