﻿/* Reset */

*{
    margin: 0px;
    padding: 0px;
    border:none;
 }

/*** Fontes e estilos ***/
.Arial12cffffff, .Arial12cffffffNegr
{
    font: normal normal normal 12px/normal Arial;
    color: #ffffff;
}

.Arial12cffffffNegr
{
    font-weight: bold;
}

.Tahoma9ptBoldC34039
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 9px;
    color: #c34039;    
}

.tahoma11000000
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
}

.Tahoma15ptC34039
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 15px;
    color: #c34039;    
}

.Tahoma12ptC34039
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 12px;
    color: #c34039;    
}

.Tahoma22ptBold891713
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 22px;
    color: #891713; 
    
}

.Tahoma22pt891713
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 22px;
    color: #891713; 
    
}

.Tahoma26pt891713
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 26px;
    color: #891713; 
    
}

.Tahoma20PtBoldBranca
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 20px;
    color: #FFFFFF;
}

.Tahoma11PtNormalBranca
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 11px;
    color: #FFFFFF;
}

.Tahoma11PtBoldBranca
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 11px;
    color: #FFFFFF;
}


.Tahoma10ptRegularEf1c23
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 10px;
    color: #ef1c23;
}

.Tahoma10ptRegular69a3bf
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 10px;
    color: #69a3bf;
}

.Tahoma14pxBoldBranca
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    color: #FFFFFF;
}

.tahomaBold14pt2283B0
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    color: #2283B0;
}
.tahomaBold11ptNormal
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 11px;
    color: #4c4c4c;
}

.arialBold11ptNormal
{
    font-weight: normal;
    font-family: Arial;
    font-size: 11px;
    color: #4c4c4c;
    text-decoration:underline;
}

.tahomaBold11ptBold
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 11px;
    color: #4c4c4c;
}

.tahomaRegular10ptNormal
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 10px;
    color: #4c4c4c;
    line-height:1;
}
.tahomaRegular12ptNormal
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 12px;
    color: #4c4c4c;
    line-height:1;
}
.tahomaBold10ptE82d26
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 10px;
    color: #e82d26;
}
.tahomaBold12ptE82d26
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 12px;
    color: #e82d26;
}
.tahomaRegular10ptE82d26
{
    font-weight: normal;
    font-family: Tahoma;
    font-size: 10px;
    color: #e82d26;
}

.tahomaBold11px1a7dab
{
    font-weight: bold;
    font-family: Tahoma;
    font-size: 11px;
    color: #1a7dab;
}

/* (LAYOUT) POSICIONAMENTO E DIMENSIONAMENTO DE ELEMENTOS */
#ctnSaudeBucal
{
    width: 978px;
    height: 153px;
    padding-bottom:5px;
    padding-top:20px;
    margin: 1px auto 1px auto;
}
#BlocoLogoSB
{
    /* img alt="Saúde Bucal - Conteúdo oferecido por: Colgate" src="images/logoColgate3.jpg" */ /*width:978px;*/ /*background:url("images/logoColgate3.jpg") no-repeat left top;*/
    margin: 0px 0px 0px 0px;
    height: 71px;
    width:755px;
}

#sponsorFrame
{
    float:right;
    width:229px;
    height:48px;
    margin-top:15px;
    margin-right:-10px;
}

#BlocoLogoSB img
{
    /* img alt="Saúde Bucal - Conteúdo oferecido por: Colgate" src="images/logoColgate3.jpg" */ /*width:978px;*/ /*background:url("images/logoColgate3.jpg") no-repeat left top;*/
    /*width: 978px;*/
    margin: 0px;
    padding: 0px;
}

#menuColgateHolder
{
    background-image: url(  '../Images/bkground.jpg' );
    background-repeat: repeat-x;
    height: 34px;
    width: 978px;
    text-align: left;
    margin-top:1px;
}
.backgroundOn
{
    background-image: url(  '../Images/bkgroundOn.jpg' );
    background-repeat: repeat-x;
    height: 34px;
}

#menuColgateHolder ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#menuColgateHolder ul li
{
    margin: 0px;
    float: left;
    height: 34px;
}

.imgAbaDelimitadora
{
    background-image: url(  '../Images/separadorDirMenuColg.gif' );
    background-position: right top;
    background-repeat: no-repeat;
}

#Aba1
{
    width: 71px;
    padding: 5px 8px 0px 10px;
}
#Aba2
{
    width: 112px;
    padding: 5px 8px 0px 10px;
}
#Aba3
{
    width: 182px;
    padding: 5px 8px 0px 10px;
}
#Aba4
{
    width: 241px;
    padding: 5px 8px 0px 10px; 
    *padding:8px 8px 0px 10px;

}
#Aba5
{
    width: 122px;
    padding: 5px 8px 0px 10px;
}
#Aba6
{
    width: 142px;
    padding: 5px 8px 0px 10px;
}


/* matérias */
#ctl00_pnlMenuMateria
{
    margin-top:5px;   
}

h1
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #4C4C4C;
    margin-bottom: 0px;
    margin-top:12px;
}
h2
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #4C4C4C;
    margin-top:12px;
    
}
.titulo
{
    text-transform: uppercase;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    color: #2283B0;
    margin-bottom: 17px;
}
.titulo-relat
{
    position: relative;
    top: 19px;
    left: 32px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    color: #2283B0;
}

.box-links
{
    clear: both;
    height: 27px;
    padding-top: 8px;
    
    background-color: #F3F3F3;
    margin: 3px 5px 4px 5px;
    border: thin #DCDCDC solid;
}
.links
{
    margin-left: 12px;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 11px;
    color: #891713;
    text-decoration: none;
}
.img-links
{
    border: none;
    margin-right: 7px;
}
p
{
    color: #4C4C4C;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 15px;
    margin-top:3px;
    margin-bottom:4px;
}
a
{
    color: #2283B0;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.mater-ul
{
    line-height: 15px;
    color: #4C4C4C;
    font-family: Tahoma;
    font-size: 11px;
    margin-top:3px;
    margin-bottom:5px;
    margin-left: 0;
    list-style-image: url( '../Images/list.gif' );
}
.mater-li
{
    margin-left: 17px;
    margin-bottom:4px;
    list-style-image: url( '../Images/list.gif' );
}
.mater-ol
{
    margin-left: 18px;
    color: #4C4C4C;
    font-family: Tahoma;
    font-size: 11px;
    list-style-position: inside;
}
#relat
{
    height: 124px;
    margin: 10px 5px 7px 5px;
    background-color: #EFEFEF;
}
.relat-ul
{
    list-style: none;
}
.relat-li
{
    list-style-image: none;
    margin-left: 385px;
    line-height: 16px;
}
.relat-a
{
    text-decoration: none;
    color: #4C4C4C;
    font-size: 11px;
    font-family: Tahoma;
}
.img
{
    float: right;
    margin: 8px 10px 8px 10px;
}
.img-meio
{
    text-align: center;
    border: thin #E3E3E3 solid;
    width: 220px;
    margin: 15px auto 10px auto;
    padding: 10px 5px 10px 5px;
}
.img-grande
{
    text-align: center;
    width: 300px;
    border: thin #E3E3E3 solid;
    margin: 15px auto 10px auto;
    padding: 15px 15px 15px 15px;
}
.img-grande-meio
{
    text-align: center;
    border: thin #E3E3E3 solid;
    width: 380px;
    margin: 15px auto 10px auto;
    padding: 10px 5px 10px 5px;
}
.img-meio p
{
    text-align: left;
}

#box-passo-passo
{
    float: left;
    border: thin #E3E3E3 solid;
    width: 397px;
    margin: 13px 13px 13px 5px;
    padding: 0px 5px 0px 5px;
}
#box-passo-passo2
{
    border: thin #E3E3E3 solid;
    width: 397px;
    margin: 13px auto 13px auto;
    padding: 0px 5px 0px 5px;
}
#box-passo-passo3
{
    border: thin #E3E3E3 solid;
    width: 397px;
    height: 200px;
    margin: 13px auto 13px auto;
    padding: 0px 5px 0px 5px;
    text-align: center;
}

#box-passo-central
{
    text-align: center;
    border: thin #E3E3E3 solid;
    width: 397px;
    margin: 13px auto 13px auto;
    padding: 0px 5px 0px 5px;
}
#box-passo-central-float
{
    text-align: center;
    border: thin #E3E3E3 solid;
    width: 397px;
    margin: 13px 20px 13px 20px;
    padding: 0px 5px 0px 5px;
    float: left;
}

#passo
{
    float: left;
    width: 110px;
    margin: 14px 10px 8px 10px;
}
#passo2
{
    width: 150px;
    margin: 14px 10px 8px 10px;
    display: inline;
}
#passo3
{
    width: 150px;
    height: 180px;
    margin: 14px 20px 8px 20px;
    float: left;
    text-align: center;
}
#passo4
{
    width: 150px;
    height: 150px;
    margin: 14px 20px 8px 20px;
    float: left;
    text-align: center;
}
#passo5
{
    width: 150px;
    height: 150px;
    margin: 14px 20px 8px 20px;
    text-align: center;
    display: inline;
}
#passo6
{
    float: left;
    width: 110px;
    margin: 14px 10px 8px 10px;
}
#passo6 p
{
    height: 80px;
    color: #8E8E8E;
    width: 110px;
    height: 70px;
}


#passo2 p
{
    color: #8E8E8E;
    text-align: left;
    display: inline;
    height: 50px;
    width: 140px;
}
#passo p
{
    color: #8E8E8E;
    width: 110px;
    height: 120px;
}
#box-1passo
{
    width: 200px;
    border: thin #E3E3E3 solid;
    margin: 13px auto 13px auto;
    padding: 15px 10px 10px 14px;
    height: 120px;
}
#box-1passo img
{
    float: left;
}
#box-1passo p
{
    width: 80px;
    float: right;
}
#box-passo-vertical
{
    width: 250px;
    border: thin #E3E3E3 solid;
    margin: 13px auto 13px auto;
    padding: 15px 10px 10px 14px;
}
#passo-vertical
{
    clear: both;
    margin: 0 5px 10px 0;
    width: 250px;
    height: 120px;
}
#passo-vertical img
{
    float: left;
}
#passo-vertical p
{
    width: 100px;
    margin-left: 108px;
    padding: 0px 0px 0px 10px;
}
/* fim materias */

/*media*/
.media-box
{
    height: 250px;
    width: 655px;
    margin: 0px 0px 9px 0px;
}
.menu-media
{
    position: absolute;
    float: right;
    margin: 0px 0px 0px 475px;
    height: 243px;
    list-style: none;
}

.menu-media-no-select
{
    height: 55px;
    width: 145px;
    padding: 8px 8px 9px 8px;
    list-style: none;
    border: 1px #E3E3E3 solid;
    margin: 5px 5px 0px 10px;
    color: #626262;
    font-family: Tahoma;
    font-size: 11px;
    background-image: url(  '../Images/home/media/media-menu.jpg' );
    background-position: center center;
    background-repeat: no-repeat;
}
.menu-media-no-select h1
{
    color: #2179A4;
    margin: 0px;
    padding: 0px;
}
.menu-media-select
{
    height: 55px;
    width: 145px;
    padding: 8px 8px 9px 8px;
    list-style: none;
    margin: 5px 5px 0px 10px;
    color: #ffffff;
    font-family: Tahoma;
    font-size: 12px;
    background-image: url(  '../Images/home/media/media-select.jpg' );
    background-position: center center;
    background-repeat: no-repeat;
}
.menu-media-select h1
{
    display:none;
}
.seta
{
    background-image: url(  '../Images/home/media/seta.gif' );
    background-position: 4px center;
    background-repeat: no-repeat;
    cursor:pointer;
}
.noseta
{
        cursor:pointer;
    }
/*fim media*/
/*home*/
#conteudo1
{
    width: 665px;
    margin-top: 20px;
}
#conteudo1 img
{
    border: 3px #E0E0E0 solid;
}
#content-left
{
    float: left;
    height: 469px;
    width: 403px;
}
#coluna-left
{
    margin-top: 10px;
    padding-bottom: 10px;
    height: 474px;
    width: 403px;
    background-color: #F9F9F9;
    border: 1px #E0E0E0 solid;
    border-bottom: 4px #A9A9A9 solid;
}
.destaque
{
    height: 141px;
    width: 389px;
    margin: 8px 0 8px 0;
}
.divisor
{
    clear:both;
    border-bottom: 1px #AEAEAE dotted;
    width: 360px;
    height: 1px;
    margin-left: 15px;
}
.destaque img
{
    margin: 15px 0px 15px 15px;
    float: left;
}
.destaque h2
{
    margin-left: 15px;
}
.destaque a
{
    color: #C34039;
    font-size: 11px;
    font-weight: bold;
    margin-left: 140px;
}
.destaque p
{
    font-family: tahoma;
    font-size: 11px;
    color: #4C4C4C;
    margin: 15px 14px 5px 176px;
    height: 86px;
    width: 190px;
    line-height: 13px;
}
#content-rigth
{
    margin-left: 418px;
    width: 235px;
}
#coluna-rigth
{
    padding-top: 10px;
    margin-top: 6px;
    
    width: 235px;
    background-color: #ffffff;
    border: 1px #E0E0E0 solid;
    border-bottom: 4px #A9A9A9 solid;
    text-align: center;
    margin-bottom: 14px;
}
#coluna-rigth h2
{
    text-align: left;
    margin-left: 14px;
    margin-top: 10px;
}
#coluna-rigth p
{
    margin-top:6px;
    margin-right:10px;
    text-align: left;
    margin-left: 14px;
    
}
.leiamais
{
      padding-bottom:10px;  
    }
#coluna-rigth a
{

    text-align: left;
    color: #C34039;
    font-size: 9px;
}
#coluna-rigth2
{
    height:160px;
    width: 235px;
    background-color: #ffffff;
    border: 1px #E0E0E0 solid;
    border-bottom: 4px #A9A9A9 solid;
}
#coluna-rigth2 h2
{
    text-align: left;
    margin-left: 14px;
    margin-top: 13px;
    margin-bottom: 10px;
}
#coluna-rigth2 p
{
    text-align: justify;
    margin-left:10px;

}
#coluna-rigth2 a
{
    text-align: left;
    color: #C34039;
    font-size: 9px;
}
#coluna-rigth2 img
{
    border: none;
    
}
.percentualenquete
{   
    margin-right: 24px;
    width:12px;
    margin-left:10px;
    margin-top:-5px;
}

.percentualtexto
{
    color: #8D1E1A;
    font-size: 10px;
    font-family: Tahoma;
}

.divvotacao
{
    width:94px; 
    text-align:left; 
    border:solid 1px black;   
    height:5px;
    
}

.divvotacao-img
{
    height:5px;
}
.textoenquete
{
    margin-left: 6px;
}
.btnvotar
{
    margin-top:10px;
    margin-left: 100px;
    padding-bottom:10px;
}
.btnconfirmavoto
{
    margin-right:9px;
    float:right;
    clear:both;
    margin-left:100px !important;
    margin-top:10px;
}
.textovotacao
{
    font-family: Tahoma;
    font-size:10px;
    color:#4C4C4C;
}

.conteudovotacao
{
    margin-left:2px;
    margin-top:-5px;
}

.textovotacao a
{
    margin-left: 89px;
}

.totalvotos
{
    font-family: Tahoma;
    font-size:10px;
    color:#4C4C4C;
    margin-top:-3px;
}
.jogoseguias
{
    height: 221px;
    width: 653px;
    clear:both;
    background-image: url(  '../Images/home/bgJogos.jpg' );
    background-repeat: repeat-y;
    margin-top:20px;
    border: 1px #E0E0E0 solid;
    border-bottom: 4px #A9A9A9 solid;
    margin-bottom: 18px;
}
.jogoseguias-p
{
    margin: 12px 0px 0px 16px;
}
.conteudojogos
{
    width: 627px;
    height: 147px;
    background-color: #ffffff;
    border: 1px #E0E0E0 solid;
    border-bottom: 4px #A9A9A9 solid;
    margin: 10px auto 10px auto;
}
.conteudojogos p
{
    margin-left: 17px;
    font-size: 11px;
    font-weight: bold;
}
.btnjogos
{

}
.img-btn-jogos
{
    border: none !important;
}
/*fim home*/
/*carrosel*/
.stepcarousel{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 600px; /*Width of Carousel Viewer itself*/
    height: 140px; /*Height should enough to fit largest content's height*/
    background-color: #ffffff;
    border: 1px #E0E0E0 solid;
    border-bottom: 4px #A9A9A9 solid;
    margin: 10px auto 10px auto;
    text-align:center;
}
.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left:0px;
    top: 0;
}
.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    height: 150px;
    width: 95px;
    margin: 10px 5px 5px 5px;
    text-align: center;
    font-size:10px;
}
/*carroselfim*/

/*Inicio Seção*/
.masterPrincipal
{
    width: 978px;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}
.lateralEsquerda
{
    float: left;
    width: 650px;
    clear:both;
    margin-top:18px;
}

.tituloSecao
{
    background-image: url(  '../Images/fundoSecao.jpg' );
    background-repeat: no-repeat;
    height: 23px;
    padding: 8px 0px 0px 10px;
    margin:0px;
    clear:both;
}
.topoSecaoMaterias
{
    background-color: #e6f0f4;
    border: solid 1px #bfd6e1;
    height: 33px;
    clear:both;
    
}
.conteudoSecaoMaterias
{
    background-color: #f4f8fa;
    border: solid 1px #bfd6e1;
    margin-top: 1px;
}

.primeiroControle
{
    float:left;
    width: 321px;
}

.segundoControle
{
    float: left;
    width: 321px;
    margin-left:6px;
    
}

.divConteudo2SecoesPrimeira
{
    padding-top: 2px;
    padding-bottom:4px;
    clear: both;
}

.divConteudo2Secoes
{
    padding-top: 2px;
    padding-bottom:4px;
    clear: both;
}
.controleSetaAbreFecha
{
    float: right;
    margin: 2px 18px 0px 0px;
}

.tituloDistancia
{
    clear: both;
    padding-top:10px;
    
}
#rodape
{
    margin: auto auto;
    clear: both;
    padding-top: 20px;
    width: 978px;
}

.conteudoImagem
{
    width: 649px;
    height: 183px;
    margin-bottom: 10px;
    background-image: url( '../Images/emergenciaDentaria.jpg' );
    background-repeat:no-repeat;
}

.conteudoImagemMulher
{
    width: 649px;
    height: 183px;
    margin-bottom: 10px;
    background-image: url( '../Images/mulher.jpg' );
    background-repeat:no-repeat;
}
.conteudoImagemIdoso
{
    width: 649px;
    height: 183px;
    margin-bottom: 10px;
    background-image: url( '../Images/terceiraidade.jpg' );
    background-repeat:no-repeat;
}

.esquerdaTextoImagem
{
    float: right;
    width: 260px;
    height: 183px;
    background-color: #8e8c8a;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#imageContent
{
    padding-top: 19px;
    padding-left:34px;
}

/*Fim Seção*/

/*Inicio Destaques*/
#AdaLatestNews
{
    background-color: #efefef;
    width: 639px;    
    margin-top: 50px;
    padding-bottom:20px;
}
/*Final Destaques*/


/*** Inicio da CSS do Modal  ***/
.enviarPrincipal {
	width:575px;
	height:575px;
	border: 2px #FFFFFF solid;
	/*background:white url('../Images/bgTesteModal.gif') repeat-x fixed center ;*/
	background:white url('../Images/bgEnviaAmigo.gif') repeat-x;
}
.fecharModal{
	padding-top:20px;
}
.btnFecharPosicao{
	float:right;
	margin-right:28px;
	width:73px;
	height:25px;
}
.txtFecharPosicao{
	float:right;
	padding-top:2px;
}
.txtBtnFechar{
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	color:#4c8bb1;
}

.EnviaAmigoPosicao{
	margin-left:152px;
}

.txtEnviaAmigo{
	font-family:Verdana;
	font-size:30px;
	font-style:normal;
	color:#146698;
}

#EnviarAmigoInput{
	padding-top:27px;
}

#EnviarAmigoInput input{
	border: 1px #CCCCCC solid;
	width:395px;
}

.txtInput {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	color:#333333;
}
.controlInput{
	padding-right:22px;
}

.controlTxtArea{
	padding-right:28px;
}


#NomeAmigoControl{
	padding-left:33px;
}

#EmailAmigoControl{
	padding-left:36px;
	padding-top:14px;
}

#SeuNomeControl{
	padding-left:67px;
	padding-top:14px;
}

#SeuEmailControl{
	padding-left:70px;
	padding-top:14px;
}

#AssuntoControl{
	padding-left:80px;
	padding-top:14px;
}

#MsgControl{
	
	padding-left:23px;
	padding-top:14px;
	height:156px;

}

.txtAreaStyle{
	border: 1px #CCCCCC solid;
	width:395px;
	height:156px;
}

#BtnEnviar{
	padding-top:22px;
}

.btnEnviarPosicao{
	float:right;
	margin-right:19px;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopupHide {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	display:none;
}

.modalPopupShow {
	background-color:#deebf7;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	left: 250px !important;
}

#ctl00_template_updEnviaAmigo
{
    float:left;
    width:160px;
    padding-top:3px;
    
}

.btnEnviarPosicao input
{
    width:auto;
}

/***  Final da CSS do Modal ***/

/*** Inicio da CSS dos Validadores ***/

.validatorCalloutHighlight
{
	background-color: InfoBackground;
}

.validatorCallout td, .validatorCallout div
{
	background-color: #ffffe0;
	border-color: #dad79e;
	border-width: 1px;
	border-style: solid;
}
/*** Fim da CSS dos Validadores ***/

