/* Defini��es gerais */

@font-face {
	font-family: Segoe UI Light; src: url("../font/SEGOEUIL.TTF");
}

 body {margin: 0; padding: 0; font-family: Segoe UI Light !important;}
.clear {clear: both;}


/* Estrutura principal */

.container-top {width: 100%; height: 150px; background-color: #fff;}
.container-menu {width: 100%; height: 85px; background: #333;}
.container-slideshow {width: 100%; height: 293px; background-image: url('../images/bg-slide.png');}
.container-usar {width: 100%; height: 150px; background-color: #333;}
.container-content {width: 100%; min-height: 450px; background-color: #fff;}
.container-content-bot {width: 100%; height: 223px; background-image: url('../images/bg-content-bot.png'); border-top: 1px solid #999;}
.container-prefooter {width: 100%; height: 150px; background-color: #333;}
.container-footer {width: 100%; height: 61px; background-color: #333; background-image: url('../images/bg-footer.png');}

.top {width: 1024px; height: 150px; margin: 0 auto;}
.menu {width: 1024px; height: 86px; margin: 0 auto; border: 0px solid #cc0000;}
.slideshow {width: 1024px; height: 293px; margin: 0 auto; background-image: url('../images/slide.png');}
.usar {width: 1024px; height: 150px; margin: 0 auto;}
.content {width: 1024px; min-height: 450px; margin: 0 auto;}
.content-bot {width: 1024px; margin: 0 auto; padding: 5px 0 0 0;}
.prefooter {width: 1024px; height: 150px; margin: 0 auto;}
.footer {width: 1024px; height: 50px; margin: 0 auto; text-align: center;}

.tableshow{width: 1024px; height: 600px; margin:0 auto; text-align: center;}
/* Estrutura interna */

/* top */
.top .left {float: left; width: 403px; margin-top: -15px;}
.top .right {float: left; width: 615px;}
.midias-site {margin: 40px 0 0 50px; height: 43px;}

.facebook {width: 178px; height: 35px; float:left; background-image: url('../images/bg-midia2.png'); background-repeat: no-repeat; 
padding: 6px 0 8px 50px; margin: 0 -60px 0 0; position: relative; z-index: 2; color: #666;}
.facebook a {text-decoration: none; color: #505050; font-family: Segoe UI Light, Tahoma, Arial;}
.facebook a:hover {text-decoration: underline; font-family: Segoe UI Light, Tahoma, Arial;}

.twitter {width: 173px; height: 35px; float:left; background-image: url('../images/bg-midia2.png'); background-repeat: no-repeat; 
padding: 6px 0 8px 55px; margin: 0 -60px 0 0; position: relative; z-index: 1; color: #666;}
.twitter a {text-decoration: none; color: #505050; letter-spacing: 3px; font-family: Segoe UI Light, Tahoma, Arial;}
.twitter a:hover {text-decoration: underline; font-family: Segoe UI Light, Tahoma, Arial;}

.google {width: 168px; height: 35px; float:left; background-image: url('../images/bg-midia2.png'); background-repeat: no-repeat; 
padding: 6px 0 8px 60px; position: relative; z-index: 0; color: #666;}
.google a {text-decoration: none; color: #505050; font-family: Segoe UI Light, Tahoma, Arial;}
.google a:hover {text-decoration: underline; font-family: Segoe UI Light, Tahoma, Arial;}

.pagseguro {padding: 0px 0 0 40px;}

/* titulo de todas as p�ginas */ .titulo {color: #4b4854;}

/* menu 

O CSS do menu fica no arquivo style.css.

*/

.porque-usar {font-family: Segoe UI Light, Tahoma, Arial; font-size: 18px; color: #b5b5b5; padding: 10px 0 10px 15px;}
.usar .left {width: 80px; float: left; padding: 0 0 0 10px;}
.usar .right {width: 220px; float: left; padding: 0 0 0 10px; margin-right: 20px;}
.usar .right-tit {font-family: Segoe UI Light, Tahoma, Arial; font-size: 24px; color: #3adc01; font-weight: normal;}
.usar .right-p {font-family: Segoe UI Light, Tahoma, Arial; font-size: 16px; color: #c1c1c1;}
.usar .right-p a {font-family: Segoe UI Light, Tahoma, Arial; font-size: 16px; color: #c1c1c1; text-decoration: none;}
.usar .right-p a:hover {font-family: Segoe UI Light, Tahoma, Arial; font-size: 16px; color: #c1c1c1; text-decoration: underline;}


/* Conte�do */

.content-menu {float: left; width: 250px; height: 680px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.content-content {float: left; width: 680px; padding: 25px;}
.content-content h1 {font-family: Segoe UI Light; font-size: 22px; margin: 0 0 15px 0;}
.content-content h2 {font-family: Segoe UI Light; font-size: 22px; margin: 0 0 15px 0;}
.content-content h3 {font-family: Segoe UI Light; font-size: 18px; margin: 0 0 15px 0; color: #bb2020;}
.content-content p {font-family: Segoe UI Light; font-size: 14px; line-height: 20px; margin: 0 0 15px 0;}

.contato-download {font-family: Segoe UI Light, Tahoma, Arial; font-size: 30px; color: #333; padding: 10px 0 10px 15px;}
.content-bot .p {font-family: Segoe UI Light, Tahoma, Arial; font-size: 16px; color: #666; padding: 10px 0 10px 15px;}

.contato-download-bt {
	width: 290px; height: 30px; border: 1px solid #ccc; border-radius: 10px; font-family: Segoe UI Light, Tahoma, Arial; font-size: 14px; color: #1477c4;
	padding: 15px 15px 5px 15px; box-shadow: 2px 2px 5px #666; margin: 10px 0 0 12px;
	
	/* Chrome 10+,Safari */
	background : -webkit-linear-gradient(top, rgb(235, 235, 235) 00%, rgb(219, 219, 219) 46%, rgb(235, 235, 235) 99%);
	
	/* Firefox 4+ */ 
	background : -moz-linear-gradient(top, rgb(235, 235, 235) 00%, rgb(219, 219, 219) 46%, rgb(235, 235, 235) 99%);
	
	/* Opera */
	background : -o-linear-gradient(top, rgb(235, 235, 235) 00%, rgb(219, 219, 219) 46%, rgb(235, 235, 235) 99%);
	
	/* IE 10+ */
	background : -ms-linear-gradient(top, rgb(235, 235, 235) 00%, rgb(219, 219, 219) 46%, rgb(235, 235, 235) 99%); 
	
	/* W3C */
	background : -linear-gradient(top, rgb(235, 235, 235) 00%, rgb(219, 219, 219) 46%, rgb(235, 235, 235) 99%);}

/********** Final da classe contato-download-bt **********/
.contato-download-bt a {font-family: Segoe UI Light, Tahoma, Arial; font-size: 14px; color: #1477c4; text-decoration: none;}
.contato-download-bt a:hover {font-family: Segoe UI Light, Tahoma, Arial; font-size: 14px; color: #1477c4; text-decoration: underline;}
/*********************************************************/


/* footer */

.footer .ft {font-family: Segoe UI Light; font-size: 14px; color: #fff; padding-top: 22px;}
.prefooter .left {float: left; padding: 15px 0 0 30px; width: 150px;}
.prefooter .left-2 {float: left; padding: 15px 0 0 30px; width: 190px;}
.prefooter ul {font-family: Segoe UI Light; font-size: 14px; color: #f2f2f2;}
.prefooter li {font-family: Segoe UI Light; font-size: 13px; color: #aaa; padding: 5px 0 0 0;}
.prefooter li a {font-family: Segoe UI Light; font-size: 13px; color: #aaa; padding: 5px 0 0 0; text-decoration: none;}
.prefooter li a:hover {font-family: Segoe UI Light; font-size: 13px; color: #aaa; padding: 5px 0 0 0; text-decoration: underline;}
.prefooter .right {float: left; padding: 28px 0 0 10px; width: 150px;}

.content-menu ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu ul li a:hover {font-family: Segoe UI Light; color: #c; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


/* crm */

.content-menu-crm {float: left; width: 250px; height: 1050px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-crm ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-crm ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-crm ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


/* fnc */

.content-menu-fnc {float: left; width: 250px; height: 1060px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-fnc ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-fnc ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-fnc ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


/* pcp */

.content-menu-pcp {float: left; width: 250px; height: 920px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-pcp ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-pcp ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-pcp ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* gms */

.content-menu-gms {float: left; width: 250px; height: 890px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-gms ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-gms ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-gms ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* pdv */

.content-menu-pdv {float: left; width: 250px; height: 790px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-pdv ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-pdv ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-pdv ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* std */

.content-menu-std {float: left; width: 250px; height: 900px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-std ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-std ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-std ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


/* mod */

.content-menu-mod {float: left; width: 250px; height: 600px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-mod ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-mod ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-mod ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.mod-float {float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #f2f2f2; border-radius: 5px; width: 320px; padding: 5px;}
.mod-float:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}
.mod-float a {font-family: Segoe UI Light; color: #333; font-size: 16px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.mod-float a:hover {font-family: Segoe UI Light; color: #c00; font-size: 16px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* tuto */

.content-menu-tuto {float: left; width: 250px; height: 800px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-tuto ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-tuto ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-tuto ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* firebird tuto */

.content-menu-firetuto {float: left; width: 250px; height: 650px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-firetuto ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-firetuto ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-firetuto ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* java tuto */

.content-menu-javatuto {float: left; width: 250px; height: 650px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-javatuto ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-javatuto ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-javatuto ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* info */

.content-menu-info {float: left; width: 250px; height: 770px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-info ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-info ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-info ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.content-content .left, .content-content .right {float: left; width: 320px; border: 1px solid #f2f2f2; margin-right: 5px; margin-top: 10px; padding: 5px; border-radius: 5px;}
.content-content .left:hover, .content-content .right:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}
.content-content .left h2, .content-content .right h2 {color: #c00;}
.content-content .left p, .content-content .right p {text-indent: 15px;}

/* com */

.content-menu-com {float: left; width: 250px; height: 600px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-com ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-com ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-com ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.com-float {float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #f2f2f2; border-radius: 5px; width: 320px; padding: 5px;}
.com-float:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}
.com-float a {font-family: Segoe UI Light; color: #333; font-size: 18px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.com-float a:hover {font-family: Segoe UI Light; color: #c00; font-size: 18px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* parceiros */

.content-menu-parceiros {float: left; width: 250px; height: 1450px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-parceiros ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-parceiros ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-parceiros ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


.parceiros {border: 1px solid #f2f2f2; border-radius: 10px; padding: 15px 5px 5px 5px; margin-bottom: 5px;}
.parceiros:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}

.parceiros-image {float: left; width: 200px; margin: 0 5px 5px 0; padding: 45px 15px 55px 60px; border: 0px solid #f2f2f2; border-radius: 5px;}

.parceiros-float {float: left; margin-right: 5px; margin-bottom: 5px; border: 0px solid #f2f2f2; border-radius: 5px; width: 320px; min-height: 100px; padding: 5px;}

.parceiros-float a {font-family: Segoe UI Light; color: #333; font-size: 18px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.parceiros-float a:hover {font-family: Segoe UI Light; color: #c00; font-size: 18px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.parceiros-float h3 {font-size: 20px; color: #c00;}
.parceiros-float p  {line-height: 25px;}

/* usuarios */

.content-menu-usuarios {float: left; width: 250px; height: 760px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-usuarios ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-usuarios ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-usuarios ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


.usuarios {border: 1px solid #f2f2f2; border-radius: 10px; padding: 15px 5px 5px 5px; margin-bottom: 5px;}
.usuarios:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}

.usuarios-image {float: left; width: 200px; margin: 0 5px 5px 0; padding: 45px 15px 55px 60px; border: 0px solid #f2f2f2; border-radius: 5px;}

.usuarios-float {float: left; margin-right: 5px; margin-bottom: 5px; border: 0px solid #f2f2f2; border-radius: 5px; width: 320px; min-height: 100px; padding: 5px;}

.usuarios-float a {font-family: Segoe UI Light; color: #333; font-size: 18px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.usuarios-float a:hover {font-family: Segoe UI Light; color: #c00; font-size: 18px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.usuarios-float h3 {font-size: 20px; color: #c00;}
.usuarios-float p  {line-height: 25px;}

/* videos */

.content-menu-videos {float: left; width: 250px; height: 1630px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-videos ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-videos ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-videos ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* documentos diversos - tabela */

.content-content td.header {padding: 10px; font-size: 12px; font-weight: bold;}
.content-content td.content {padding: 10px; font-size: 12px;}
.content-content td.content a {font-size: 12px; color: #666; text-decoration: none;}
.content-content td.content a:hover {font-size: 12px; color: #c00; text-decoration: underline;}
.content-content .link {font-size: 14px; color: #666; text-decoration: none;}
.content-content .link:hover {font-size: 14px; color: #c00; text-decoration: underline;}

/* destaques */

.content-menu-destaques {float: left; width: 250px; height: 600px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-destaques ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-destaques ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-destaques ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.left-destaques {width: 200px; float: left; border: 1px solid #f2f2f2; border-radius: 10px; padding: 15px 5px 15px 5px; margin-bottom: 5px; margin-right: 5px;}
.left-destaques:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}
.right-destaques {width: 200px; float: left; border: 1px solid #f2f2f2; border-radius: 10px; padding: 15px 5px 15px 5px; margin-bottom: 5px;}
.right-destaques:hover {background: #f2f2f2;-webkit-transition:	all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;	transition: all 0.2s linear;}

/* atividades */

.content-menu-atividades {float: left; width: 250px; height: 2100px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-atividades ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-atividades ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-atividades ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

.atividades {font-family: Segoe UI Light;}
.atividades tr {background: #f1f1f1; color: #666; cursor: inherit;}
.atividades tr:hover {background: #666; color: #fff !important; cursor: inherit; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;	transition: all 0.2s linear;}

.atividades .titulo-autor     {font-size: 14px; font-weight: bold; color: #333; width: 180px; background: #ccc; padding: 8px 10px; border: 1px solid #fff;}
.atividades .titulo-data      {font-size: 14px; font-weight: bold; color: #333; width: 120px; background: #ccc; padding: 8px 10px; border: 1px solid #fff;}
.atividades .titulo-descricao {font-size: 14px; font-weight: bold; color: #333; background: #ccc; padding: 8px 10px; border: 1px solid #fff;}

.atividades .desc-autor       {font-size: 14px; font-weight: normal; width: 180px; padding: 8px 10px; border: 1px solid #fff;}
.atividades .desc-data        {font-size: 14px; font-weight: normal; width: 120px; padding: 8px 10px; border: 1px solid #fff;}
.atividades .desc-descricao   {font-size: 14px; font-weight: normal; padding: 8px 10px; border: 1px solid #fff;}


.ativ-titulo {font-size: 14px; font-weight: bold; padding: 20px 10px; background: #e9e9e9; border: 1px solid #fff;}
.ativ-left, .ativ-right {background: #ccc; color: #333; padding: 10px; border: 1px solid #fff; font-weight: normal;}
.ativ-left:hover, .ativ-right:hover {background: #333; color: #fff; padding: 10px; border: 1px solid #fff; font-weight: normal;}

/* treinamentos */

.content-menu-treinamentos {float: left; width: 250px; height: 1260px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-treinamentos ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-treinamentos ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-treinamentos ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* contato */

.content-menu-contato {float: left; width: 250px; height: 850px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-contato ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-contato ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-contato ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}

/* contribuir */

.content-menu-contr {float: left; width: 250px; height: 900px; background-image: url('../images/sub-menu.png'); background-repeat: repeat-y; padding: 30px 0 0 35px; border: 0px solid #c00;}
.content-menu-contr ul li {font-family: Segoe UI Light; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px;}
.content-menu-contr ul li a {font-family: Segoe UI Light; color: #333; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}
.content-menu-contr ul li a:hover {font-family: Segoe UI Light; color: #c00; font-size: 20px; text-shadow: 2px 2px 5px #666666; margin-bottom: 10px; text-decoration: none;}


/**/

.tabela-conteudo {font-size: 12px; width: 700px; border: 0px solid #c00;}
.tabela-conteudo .left  {font-size: 12px; padding: 10px; width: 315px; line-height: 20px;}
.tabela-conteudo .right {font-size: 12px; padding: 10px; width: 315px; line-height: 20px;}

/* link pdf */
.line-height {line-height: 25px !important;}
.link-pdf {text-decoration: none; color: #666; margin-left: 20px;}
.link-pdf:hover {text-decoration: none; color: #c00; margin-left: 20px;}

/* accordion */

/* definir os estilos pro accordion se necess�rio */

/* contato freedom */

.style-all {font-family: Segoe UI Light; font-size: 14px; color: #505050;}
.ui-panel .ui-panel-titlebar {padding: 10px 0 10px 20px;}
.ui-panel-title {font-family: Segoe UI Light; font-size: 18px; color: #505050;}
.output-label {text-align: right;}
.ui-messages ui-widget td {text-align: right;}
.contato-inputText {margin-bottom: 5px;}

/* Link utilizado nos textos do site quando exista a necessidade de se inserir um link */

.link-texto {text-decoration: none; color: #b00;}
.link-texto:hover {text-decoration: underline; color: #b00;}

.porque-title {padding: 10px 15px; background: #333;}
.porque-content {padding: 10px 15px 10px 40px; background: #333; color: #ccc; margin: 0 0 0 225px;}

.link-new-freedom {text-decoration: none; color: #597399; font-size: 16px;}
.link-new-freedom:hover {text-decoration: underline; color: #597399; font-size: 16px;}


/****** Form da p�gina contribuir.xhtml ***********************************************************************************************/

/* container       */ .ui-dialog          {border: 0px solid #22ddaa !important; font-family: Segoe UI Light !important;}
/* header do form  */ .ui-helper-clearfix {border: 0px solid #c00 !important;}
/* campos input    */ .ui-inputfield      {border: 0px solid #a125fd !important; /*margin-top: 10px !important;*/}
/* content do form */ .ui-dialog-content  {background: #f2f2f2 !important;}
/* label      */ .ui-dialog-content label {/*background: #ccc !important;*/}
/* td         */ .ui-dialog-content td    {/*background: #ccc !important;*/}
.ui-selectonemenu-label {} 
.ui-inputfield {} 
.ui-corner-all {}

/* Twitter Widget */

.widget-twitter {width: 220px !important; margin-top: 15px;}
.button-twitter {margin: 0 0 15px 0 !important; float: left; border: 0px solid #c00; padding-top: 3px;}

/* Facebook Like Buttom */

.facebook-like {width: 370px; float: left; border: 0px solid #c00;}

/* Goole Plus */

.button-plusone {float: left; margin-right: 15px;}

/* Classe do link do tutorial de envio de e-mail */

.envio-de-email {border-radius: 3px; padding: 5px 15px; border: 0; color: #fff; text-decoration: none;
background: #0082e5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODJlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzczYTlkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgyZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0082e5 0%, #73a9d6 50%, #0082e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082e5), color-stop(50%,#73a9d6), color-stop(100%,#0082e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0082e5 0%,#73a9d6 50%,#0082e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0082e5 0%,#73a9d6 50%,#0082e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0082e5 0%,#73a9d6 50%,#0082e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0082e5 0%,#73a9d6 50%,#0082e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082e5', endColorstr='#0082e5',GradientType=0 ); /* IE6-8 */
}
.tutorial-autor {margin: 20px 0 0 0; font-size: 14px; color: #cc0022;}