/*  
Theme Name: Sites 24
Description: Websites grátis para empresas
Version: 1.0
Author: Nuno
Author URI: http://nunocasimiro.com


*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {width: 100%; max-width: 768px;min-width: 300px;font: 13px Arial; background: #fff;  color:#464646; margin: 0px auto 0px;} 
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}



/* Geral */
blockquote {width: 95%; text-align: justify; padding-left: 10px; margin-left: 10px; margin-bottom: 5px; padding: 5px; float: left; background: #dddddd; border: 1px solid #666;}
a:link, a:visited{color: #228B22; font-weight: bold; text-decoration: none;}
a:hover {color: #333;}
.clear {clear: both;}
strong, b, bold {font-weight: bold;}
em {font-style: italic;}
hr {border-bottom: 1px dotted #DDDDDD; border-top: none;border-left: none;border-right: none;margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; clear: both;}


/* Headings 00B2EE */

h1{font-weight:bold;font-size:190%;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.03em; padding-left: 40px; }


h3{font-size:150%;font-weight:bold;letter-spacing:-.04em;line-height:110%;margin:.7em 0 .2em;letter-spacing:-0.02em;color: #228B22; border-bottom: 3px solid #353535;margin-bottom: 5px;padding: 4px;}

h4{font-size:123%; color: #464646; font-weight:bold;margin:.8em 0 .1em;letter-spacing:-0.02em;border-bottom: 1px solid #efefef;margin-bottom: 12px;margin-top: 12px;text-align:center;}

h5{border-bottom: 2px solid #efefef; color: #696969; font-size: 15px;font-family: Arial, Tahoma, Verdana;font-weight: bold;margin-top: 5px;padding: 5px 0px 5px 5px;text-align:center; margin-bottom:9px;}


h6{font-size:120%;font-weight:normal;margin:.5em 0 .2em;border-bottom: 1px solid #d8d8d8;margin-bottom: 8px;padding: 2px;margin-bottom:25px;margin-top: 25px;}

.cont {width: 100%; max-width: 610px;min-width: 300px;margin: 0px auto 0px;}

#dominio {margin-top:10px;}

#header {background: #fefefe; width: 100%;  height: 100px; border-bottom: 2px solid #32CD32;margin-bottom: 20px;}
#header .logo {float: left; padding-top: 12px; text-align:center;font-size: 14px; font-family: Arial, Times, serif;font-weight:bold;}
#header .account {float: right; text-align: right; margin-top: 26px;}
.entrar {width: 87px; margin-right: 5px; float: left; padding: 9px 8px 8px 8px; text-align: center; background: #fff; color: #FFC125; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #ebebeb;}
.ligado { margin-right: 5px; float: left; padding: 9px 8px 8px 8px; text-align: center; background: #fff; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #ebebeb;}
.registo {width: 87px; float: left; padding: 9px 8px 8px 8px; text-align: center; background: #fff; color: #28ab11; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #ebebeb;}
.registo:hover {background: #FF3E96; color: #fff; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.entrar:hover {background: #FFC125; color: #fff; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}




#sliders{ margin: 15px; position: relative; width: 100%; max-width: 590px;min-width: 300px;height: 250px; padding: 1px;  margin: 0px auto 0px;}
#sliders > div { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; }



.traco{padding: 10px; margin-bottom: 8px;margin-top:5px; border: 3px solid #FF3E96;border-style:dashed;}
.tracoa{padding: 10px; margin-bottom: 8px;margin-top:5px; border: 3px solid #00BFFF;border-style:dashed;}
.traco a {color: #000000;}


.entrar2 {width: 99px; margin: 10px; float: left; padding: 6px 6px 6px 6px; text-align: center; background: #32CD32; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #ebebeb;}
.registo2 {width: 99px; margin: 10px; float: left; padding: 6px 6px 6px 6px; text-align: center; background: #228B22; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; border: 1px solid #ebebeb;}
.registo2:hover {background: #fff; color: #000000; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.entrar2:hover {background: #fff; color: #000000; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}


#left {width: 100%; max-width: 700px; float: left; margin-top: 20px;}
#left .headtitle {width:  100%;margin-bottom: 10px; margin-top: 45px; float: left; padding: 8px 7px 7px 7px; font-size: 12px; background: #ebebeb;}
#left .zona {float: left; line-height: 19px; padding: 7px 15px 6px 15px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: -7px 15px -7px -7px; background: #000000;}
#left .vermais {float: right; background: #FF3E96; padding: 2px 7px 2px 7px; color: #fff; font-size: 11px;}



#left .valor {width: 60px; margin-top: 2px; background: #228B22;  margin-right: 12px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 3px 7px; line-height: 14px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;text-align:center;}

#left .empresahome {width: 405px; float: left; font-size: 15px; color: #575757; margin-top: 4px; margin-left: 6px;font-weight: bold;}
#left .empresahome:hover {color: #000000;}

#left .distrito {margin-top: 2px; background: #000000;  margin-right: 12px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 3px 7px; line-height: 15px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}

#left .empresa2:hover .veredit2 {margin-top: 10px; background: #000; color: #fff; font-size: 11px; padding: 3px 8px; line-height: 16px; float:left; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}

#left .empresa3 {background: #ffffff; float: left; padding: 10px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 15px; width: 390px; border: 2px solid #00CD00; color: #000;}

#left .empresa3:hover {background: #ffffff; float: left; padding: 10px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear; -webkit-border-radius: 3px; margin-bottom: 15px;  border: 2px solid #000000; }


#maisinfo {width: 313px; float: left; font-size: 10px; margin-top: 2px; font-weight: normal; color: #696969; border-top: 1px solid #efefef;}
#left .veredit3 {margin-top: 5px; background: #000;  margin-right: 12px; margin-bottom: 5px; color: #fff; font-size: 11px; padding: 3px 8px; line-height: 16px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}
#left .empresa3:hover .veredit3 {margin-top: 5px; background: #228B22; color: #fff; font-size: 11px; padding: 3px 8px; line-height: 16px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}


#maisvalor {width: 100px; float: right; font-size: 15px; color: #000000;  margin: 4px; padding: 4px;font-weight: bold;text-align: center;}



#lado {background: #ffffff; margin-top: 20px; width: 310px; padding: 5px; float: right;}
#lado .cont {width: 300px; float:left; padding: 5px; background: #fff;}
#lado .fbhead {width: 280px; line-height: 24px; float: left; padding: 10px; color: #fff; font-weight: bold; background: #3b5998;}

#lado .simbolo2 {float: left; z-index: 4;  position: relative; margin-right: 60px; margin-left: 60px; margin-bottom: 8px;}
#lado .simbolo2 img{background: #ffffff;border: 4px solid #D8D8D8; margin-left: 17px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; padding: 3px;}


/*  Basic stucture
=====================*/
#accordion{margin:20px auto;width: 100%; max-width: 580px;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:9px;width: 100%;}




/*  Colors 
====================*/
#accordion ul{border-radius:5px; color:#001414;background:#efefef;}
#accordion ul li a{background:#fff;color:#000000;}
.accordion{color:#ffffff;background:#006400;}
.accordion:target{border:1px solid #ffffff;}


.textoanuncio {width: 200px; background: #fff; color: #000; margin-left: 38px; padding: 8px; font-size: 15px; font-weight: bold;float: left;-moz-border-radius: 9px; border: 2px solid #696969;margin-bottom:8px;}

#left .veranuncio a {margin-top: 2px; background: #228B22;  margin-right: 38px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 3px 7px; line-height: 15px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}

#left .actividade a {margin-top: 2px; background: #228B22;  margin-left: 38px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 3px 7px; line-height: 15px; float:left; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;}

.headanuncio {width: 555px; background: #fff; color: #000; margin: 3px; padding: 8px; font-size: 15px; font-weight: bold;float: left;-moz-border-radius: 9px; border: 2px solid #696969;margin-bottom:8px;}

#contactos {width: 920px; padding: 20px; border-bottom: 1px solid #dedede; background: #F0FFF0; float: left;}
#contactos .leftside {width: 445px; float: left;}
#contactos .map {width: 450px; float: right; border: 2px solid #dedede;}
#contactos .leftsidecont {padding-bottom: 15px; margin-bottom: 15px; width: 445px; border-bottom: 1px solid #d9d9d9; float: left;}
#contactos .titlegreen {float: left; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; margin-bottom: 6px; padding: 2px 10px 2px 10px; background: #228B22;}
#contactos .leftcont {float: left; line-height:20px; color: #888888; font-size: 13px;}
#contactos .leftcont b{color: #000;}
#contactos .leftcont a{color: #888888; font-weight: normal; text-transform: none;}
#contactos .leftcont a:hover{color: #104E8B; font-weight: normal; text-transform: none;}

.refere {background-position:10px 10px;background-repeat:no-repeat;font-size:11px;height:auto;line-height:22px;margin:10px 0 20px;padding:10px 10px 10px 50px;position:relative;text-transform:uppercase;background-color:#ffffff;border:1px solid #228B22;color:#232323;-khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.linha {background-position:10px 10px;background-repeat:no-repeat;font-size:11px;height:auto;line-height:22px;margin:10px 0 20px;padding:6px;position:relative;background-color:#ffffff;border:1px solid #228B22;color:#232323;}


.rede {float:left; width: 82px; text-align: center; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;margin-right: 2px; margin-left: 2px; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 10px 5px 5px 5px; background: #FF3E96;}
.rede img{padding-bottom: 10px;}
.rede:hover { background: #FFC125;}




#subscreva {width: 960px; margin: 30px auto 0px; background:#000000; line-height: 17px;height: 90px;border: 2px solid #000000;}
#subscreva ul li a {float:left; padding: 0px 16px 0px 16px; font-size: 11px; color: #464646; font-weight: normal;}
#subscreva ul li a:hover{background: #121212; color:#ffffff; }

#subscreva .links {width: 200px;height: 44px;float:left;margin:6px;padding: 17px;background: #ababab;color: #ffffff;font-size: 21px; line-height: 24px;}

#subscreva .terco {width: 450px;float:left;margin:6px;padding: 5px;}
#regiao .vermapa a {margin-top: 2px; background: #000000;  margin-right: 8px; margin-top: -15px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 3px 7px; line-height: 15px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}



/** INTERIOR **/

.dest {float: left; margin-left: 20px;}
.websitee {width: 270px; float: left; padding: 7px; background: #686868; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;}
.websitee:hover {background: #000000; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.image {width: 270px; background: #fff; float: left;}
.nomeempresa {width: 260px; color: #fff; margin-top: 3px; font-weight: bold; font-size: 12px; float: left;text-transform: uppercase;}
.nomedominio {width: 260px; font-weight: normal; color: #fff;  margin-top: 3px; font-size: 14px; float: left;}



.sobretexto p {padding: 0px 0px 20px 0px;}

#authorbox {width: 306px; border: 1px solid #bdbdbd;color: #343434;background: #f9f9f9;font-size: 15px;font-family: Arial, Tahoma, Verdana;font-weight: bold;margin-bottom: 20px;padding: 5px 0px 3px 3px;font-size: 10pt; font-family: Verdana, "trebuchet ms", tahoma, arial, sans-serif;font-weight: normal;color: #000000;float: left; margin:4px;}
	
#authorbox p {margin: 2px;padding: 5px 3px 0px 0px;}
#authorbox img {background: #ffffff;float: left;margin: 2px 10px 0px 1px;padding: 10px;border: 1px solid #000000;}

#authorbox2 {width: 210px; border: 1px solid #EE6363;color: #343434;background: #ffffff;font-size: 15px;font-family: Arial, Tahoma, Verdana;font-weight: bold;margin: 7px;padding: 3px 0px 3px 3px;font-size: 10pt; font-family: Verdana, "trebuchet ms", tahoma, arial, sans-serif;font-weight: normal;color: #000000;float: left; align:right;}	
#authorbox2 p {margin: 2px;padding: 4px 3px 0px 0px;}
#authorbox2 img {background: #ffffff;float: left;margin: 2px 20px 0px 1px;padding: 0px;border: 1px solid #000000;}


/** pages **/

#pagina {width: 100%; max-width: 680px;min-width: 300px;margin: 0px auto 0px; }
.pagetitle {width:  100%;  font-size: 22px; font-weight: bold; text-transform: uppercase; color: #454545; border-bottom: 1px solid #dddddd; padding-bottom: 6px; padding-top: 2px; }
.pagecontent {width:  100%; margin: 0px auto 0px;}
.pagecontent p{padding-top: 5px; padding-bottom: 7px; text-align: justify;color: #888; line-height: 18px; font-size: 14px;}
.paginacontent {width: 100%; margin: 0px auto 0px;font-size: 14px; margin-bottom:28px; margin-top:19px;}

.left p, .paginacontent p {margin: 0px;padding: 0px 0px 15px 0px;}

#botao {width: 152px; padding: 4px 2px 4px 2px; margin:5px; background: #454545; float: left; align:left; font-size: 12px; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; text-align: center;}

#botao a{width: 130px; padding: 6px 4px 6px 4px; margin:5px; background: #454545; float: left; align:left; font-size: 12px; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; text-align: center;}

#botao :hover{background: #000000; color: #ffffff;-webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}

/** login & registo **/

.beforecampos {width: 588px; float: left; color: #00a651; text-transform: uppercase; font-weight: bold; font-size: 13px; margin-bottom: 12px; border-bottom: 1px dotted #00a651; padding-bottom: 2px;text-align: center; margin-top:19px;}
.campoform {float: left; margin-bottom: 15px; width: 301px; }
.formlogin {width: 603px; padding: 10px; float: left; border: 1px solid #dddddd; background: #f9f9f9;margin: 0px auto 0px;}
.inputform {float: left; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
.inputform3 {float: left; width: 274px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
.inputform2 {float: left; width: 576px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
.textarea {float: left; font-family: arial;width: 576px; height: 100px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
.textarea2 {float: left; font-family: arial;width: 576px; height: 70px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
.textlogin {float: left; width: 340px; text-align: justify; font-size: 12px; color: #888; margin-right: 35px;}
.wpcf7-submit {float: left; margin-top: 16px; background: #104E8B; border: 0px; padding: 4px 8px 4px 8px; color: #fff; text-transform: uppercase; font-size: 12px;}
.wpcf7-submit:hover {background: #454545; cursor: pointer;}
.botao {float: right; margin-top: 10px; background: #104E8B; border: 0px; padding: 4px 8px 4px 8px; color: #fff; text-transform: uppercase; font-size: 12px;}
.botao:hover {background: #454545; cursor: pointer;}
label {font-size: 11px; float: lefT; width: 295px; font-weight: bold; text-transform: uppercase;}
.erro {width: 613px; border: 1px solid #950000; color: #fff; float: left; padding: 5px; background: #c30000; margin-bottom: 10px;}
.ok {width: 593px;border: 1px solid #1E7B3C;color: white;padding: 15px;background: #33a456;margin-bottom: 10px;margin: 24px auto 5px auto;}
.loader {width: 623px;float: left;  margin-bottom: 10px;}
select {float: left; width: 244px; background: #fff; padding: 5px; margin: 3px 14px 4px 0px; border: 1px solid #dddddd;}
.inputform:focus, .inputform2:focus, .inputform3:focus, .textarea:focus {border: 1px solid #00a651;}


.homerss {float: left;width: 420px;margin: 0px 0px 10px 0px;padding: 0px 0px 5px 0px;border-bottom: double #FFC1C1;}
.homerss li {padding: 2px 0px 5px 0px; font-size: 12px;}


/** login novo utilizador **/
#full .beforecampos {width: 488px; float: left; color: #00a651; text-transform: uppercase; font-weight: bold; font-size: 13px; margin-bottom: 12px; border-bottom: 1px dotted #00a651; padding-bottom: 2px;}
#full .campoform {float: left; margin-bottom: 5px; width: 401px; align:left;}
#full .formlogin {width: 250px; padding: 20px; float: left; border: 1px solid #dddddd; background: #f9f9f9;}
#full .inputform {float: left; width: 230px; height: 20px; background: #fff; padding: 5px; margin: 3px 0px 5px 0px; border: 1px solid #dddddd;}
#full .inputform3 {float: left; width: 274px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
#full .inputform2 {float: left; width: 576px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}

#full .textarea {float: left; font-family: arial;width: 576px; height: 200px; background: #fff; padding: 5px; margin: 3px 0px 0px 0px; border: 1px solid #dddddd;}
#full .textlogin {float: left; width: 300px; text-align: justify; font-size: 12px; color: #888;}
#full .wpcf7-submit {float: left; margin-top: 16px; background: #104E8B; border: 0px; padding: 4px 8px 4px 8px; color: #fff; text-transform: uppercase; font-size: 12px;}
#full .wpcf7-submit:hover {background: #454545; cursor: pointer;}
#full .botao { background: #343434; border: 0px; padding: 4px 8px 4px 8px; color: #fff; text-transform: uppercase; font-size: 12px;margin-lef:30px;}
#full .botao:hover {background: #454545; cursor: pointer;}
#full label {font-size: 11px; float: lefT; width: 225px; font-weight: bold; text-transform: uppercase;}
#full .erro {width: 613px; border: 1px solid #950000; color: #fff; float: left; padding: 5px; background: #c30000; margin-bottom: 10px;}
#full .ok {width: 593px;border: 1px solid #1E7B3C;color: white;padding: 15px;background: #33a456;margin-bottom: 10px;margin: 24px auto 5px auto;}
#full .loader {width: 623px;float: left;  margin-bottom: 10px;}
#full select {float: left; width: 244px; background: #fff; padding: 5px; margin: 3px 14px 4px 0px; border: 1px solid #dddddd;}
#full .inputform:focus, #full .inputform2:focus, #full .inputform3:focus, #full .textarea:focus {border: 1px solid #00a651;}


#full {width: 100%; margin-top: 10px;}
#full .pagetitle, #full .pagecontent { width: 100%;}

#branco {width: 100%; margin-top: 10px;min-height: 475px;}

/* Begin Images */
p img {padding: 0;max-width: 632px; }
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {	padding: 4px;clear: both;margin: 0 0 2px 7px;display: block;}
img.alignleft {clear: both;padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;clear: both;}
.alignleft {	float: left;clear: both;}
.icons {float: left;padding: 0px 2px 0px 2px;}
.news {float:right;padding: 0px 0px 15px 5px; margin-left:5px;}
.news2 {float:left;padding: 9px; width: 100%; max-width: 590px;min-width:400px; }
.preto {border: 2px solid #999;}
.logotipos {float: left;padding: 7px;border: 5px solid #ffffff;}



/** paginacao **/
.esquerda {float: left; margin-top: 10px; margin-left: 30px; font-size: 12px; padding-top: 20px;}
.esquerda a, .esquerda a:link {padding: 5px 7px 5px 7px; margin: 3px;text-decoration: none;border: 1px solid #bcbcbc;color: #888;background-color: #efefef;}
.esquerda a:visited {padding: 5px 7px 5px 7px; margin: 3px;text-decoration: none;border: 1px solid #bcbcbc;color: #888;background-color: #efefef;	}


.direita {float: right; margin-top: 10px; margin-right: 30px; font-size: 12px; padding-top: 20px;}
.direita a, .direita a:link {padding: 5px 7px 5px 7px; margin: 3px;text-decoration: none;border: 1px solid #bcbcbc;color: #888;background-color: #efefef;}
.direita a:visited {padding: 5px 7px 5px 7px; margin: 3px;text-decoration: none;border: 1px solid #bcbcbc;color: #888;background-color: #efefef;	}

#ajustado {align:right; float: right;} 


.telefonico {float: left; padding: 5px; width: 320px; line-height: 28px; background: #000000; color: #fff; margin-bottom: 2px;text-align:center;font-size: 17px;}
.telefonico:hover, telefonico a, telefonico a:link {background: #000000; color: #fff;}
.telefonico img{float: left; margin-right: 10px;}
.telefonico a {color: #fff; }

#resumo {width: 960px; float: left;margin-top: 16px;}
#resumo .resumobtitle{width: 920px; padding: 6px 16px 4px 16px; line-height: 17px; background: #343434; color: #fff; font-weight:bold; float: left;}
#resumo .resumobtitle a, .resumobtitle a:link {color: #FF3E96;}

#facehome {margin-top: 21px; margin-bottom: 21px;}



#paginai{width: 100%; max-width: 127px;min-width: 100px; height:160px; padding: 6px; margin: 3px;line-height: 23px; background: #fefefe; color: #454545; float: left;border: 2px solid #00CD00;text-align:center; }

#paginai .sabermais {width: 108px; margin-top: 2px; background: #111111;  margin-right: 3px; margin-bottom: 2px; color: #fff; font-size: 11px; padding: 3px 7px; line-height: 14px; float:right; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; position: relative;text-align:center;font-family: Arial, Times, serif;}

#paginastats{width: 290px; padding: 6px; margin: 7px;line-height: 18px; background: #fefefe; color: #454545; float: left;border: 2px solid #00CD00;text-align:center;font-weight:bold; font-size: 13px;font-family: Verdana, Times, serif;}

#verlista a {width: 385px; padding: 7px 5px 7px 5px; margin-top:9px; background: #33a457; float: left;  font-size: 12px; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; text-align: center;}

#verlista a:hover{background: #010101; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}

#adicionarinfo a {width: 50%; max-width: 300px;min-width: 200px;  padding: 8px 25px 8px 25px;background: #32CD32; margin:5px;  font-size: 12px; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; text-align: center;margin: 0px auto 0px; }

#adicionarinfo a:hover{background: #228B22; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;width: 50%; max-width: 300px;min-width: 200px; }

#vermelho a {width: 50%; max-width: 300px;min-width: 200px;  padding: 8px 25px 8px 25px;background: #121212; margin-top:15px;  font-size: 12px; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; text-align: center;margin: 0px auto 0px; }

#vermelho a:hover{background: #FF0000; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;width: 50%; max-width: 300px;min-width: 200px; }

#poremail {width: 100%; max-width: 395px;min-width: 300px; padding: 25px; margin: 0px auto 0px; padding-bottom:25px;min-height: 150px;}

#centro {width: 100%; max-width: 320px;min-width: 250px;margin: 0px auto 0px;min-height: 50px; padding:5px;}

.youtube iframe {border: 4px solid #f4f4f4!important; position: relative; width: 99%; }​

#video-container { width: 100%;position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #video-container iframe, 
#video-container object, 
#video-container embed { position: absolute; top: 0; left: 0; width: 50%; height: 50%; }

/** Barra **/

#footer {margin-top:10px;padding-top:10px;position: relative;z-index: 1;}
#footer > ul {list-style: none outside none;margin: 0 auto;max-width: 768px;overflow: hidden;padding: 25px 0;position: relative;width: 100%;}

#footer .barra {background-color: #000000;padding: 10px 0;}
#footer .barras {font-size: 12px;margin: 0 auto;max-width: 768px;position: relative;width: 95%;}

.links {float: left;list-style: none outside none;position: relative;}
.links li {float: left;margin-right: 10px; margin-left: 20px; margin-top: 5px;}
.links a {color: #ababab;}
.links a:hover {color: #FFFFFF;}

.social {position: absolute;right: 0;top: 0;}
.social a { color: #778888; margin-left: 10px;padding-top:30px;}
.social a:hover {color: #FFFFFF;}

.logo {position: relative;left: 0;top: 0;float: left;}
.logo a { color: #778888; margin-left: 10px;}
.logo a:hover {color: #FFFFFF;}

.legal {color: #006400;margin-top: 3px; }

/*----- Tabs -----*/
.tabs-menu {height: 30px;float: left;clear: both;}

.tabs-menu li {height: 29px;line-height: 29px;float: left;margin-right: 10px;background-color: #F0FFF0;border-top: 1px solid #d4d4d1;border-right: 1px solid #d4d4d1;border-left: 1px solid #d4d4d1;text-align: center;font-size: 95%;}

.tabs-menu li.current {position: relative;background-color: #fff;border-bottom: 1px solid #fff;z-index: 5;}
.tabs-menu li a {padding: 8px;color: #000;text-decoration: none; }
.tabs-menu .current a {color: #228B22;}
.tab {border: 1px solid #d4d4d1;background-color: #fff;float: left;margin-bottom: 20px;width: 100%; max-width: 600px;}
.tab-content {width: 92%; max-width: 570px;padding: 10px;display: none;}
#tab-1 {display: block;}


#circulo {
  width:50px;
  height:50px;
  border-radius:50px;
  font-size:21px;
  color:#ffffff;
  line-height:50px;
  text-align:center;
  background:#000000;
float:left;
margin-right:10px;
}

#circulo2 {
  width:70px;
  height:70px;
  border-radius:70px;
  font-size:19px;
  color:#ffffff;
  line-height:70px;
  text-align:center;
  background:#228B22;
float:left;
margin-right:22px;
margin-left:22px;
margin-top:8px;
margin-bottom:8px;
border: 5px solid #32CD32;
}




@media screen and (max-width: 760px){
    .links, .social, .logo,.legal{
        float:none;
        text-align:center;
    }
    .social {
        position:relative;
        margin:10px 0;
    }
    .links li {
        display:inline-block;
        float:none;
    }
    .barra {
        position:relative;
    }
    .barras {
        margin-bottom:0;
    }
#footer > ul li {
        float:none;
        width:auto;
    }
#paginai { margin:2px;}

.tabs-menu li {font-size: 80%; margin-right: 6px;padding-left:3px;text-align: left;}
.tabs-menu li a {padding: 6px;}
}


@media screen and (max-width: 450px)  {
    .links li {
        margin-right:5px;
    }

#sliders{display:none;}

.youtube{display:none;}
.tabs-menu li {font-size: 70%; margin-right: 1px;}
.tabs-menu li a {padding: 5px;}
}