@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
	border:none; 
}
body{font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3A5E63; background-color:#EBF4F9; /*EBF4F9*/
}

ul.niceList { margin-left:0.9em; padding-left:0.2em; margin-bottom:1em; }
ul.niceList li { background:url(../img/bullet.gif) 0em 0.3em no-repeat; /* change background em accordingly */ padding-left: 0.8em; list-style: none; }
.niceList ul li { background-image:url(img/bullet_child.gif); }

ol.niceList li, ul.niceList li { margin-bottom:0.5em; }

ol.niceList { margin-left:1.5em; padding-left:0px; }
.niceList ol li { list-style:decimal; background-image:none; padding-left:0em; }

/*///////////////////////////////////////////////////*/
/*////////////////////// FORMULARIOS  //////////////////////*/
/*///////////////////////////////////////////////////*/

fieldset {border:none; width:340px; margin:0 auto;}

/*input {height:40px; font:30px Arial, Helvetica, sans-serif; border:1px solid #CCC; color:666;}*/
.imput-grande{width:70px; height:45px; font:14px Arial, Helvetica, sans-serif; border:1px solid #CCC;  font:30px Arial, Helvetica, sans-serif; border:1px solid; cursor:crosshair;}

.imput-calcular{height:45px; background-color:#666; color:#FFF; padding:4px; margin-top:5px; display:block; }

.imput-contato{width:300px; height:45px; border:1px solid #CCC;  font:30px Arial, Helvetica, sans-serif;  color:#CCCCCC; cursor:crosshair;}
.imput-contatoG{width:300px; height:65px; border:1px solid #CCC;  font:14px Arial, Helvetica, sans-serif;  color:#CCCCCC; cursor:crosshair;}

.label-imc{display:block; border:1px solid #333; float:left;}

/*///////////////////////////////////////////////////*/
/*////////////////////// TITULOS  //////////////////////*/
/*///////////////////////////////////////////////////*/

h1{padding-bottom:15px; color:#D2EBEF; font:"Trebuchet MS", Arial, Verdana; letter-spacing:3px;}

/*div{border: 1px solid #006666;}*/

/*///////////////////////////////////////////////////*/
/*////////////////////// LINKS  //////////////////////*/
/*///////////////////////////////////////////////////*/

a:link { text-decoration: underline; color : #9DA64D; border: 0px; -moz-outline-style: none; }
a:active { text-decoration: underline; color : #2F7780; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: underline; color : #2F7780; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #75C4CC; border: 0px; -moz-outline-style: none;} 


/*///////////////////////////////////////////////////*/
/*////////////////////// HOME  //////////////////////*/
/*///////////////////////////////////////////////////*/

/* 687px + 260 menu = */
#geral{width:970px; margin:0 auto; }
.interno{background:url(../img/bgInterno.jpg) no-repeat;}
.home{background: url(../img/bgHome.jpg) no-repeat;}

#topo{width:948px; height:121px;}
#topoInterno{width:714px; height:80px; /*background:url(../img/_menuTopo.png) no-repeat; */margin:15px 0px 0px 195px;}
#topoEndereco{margin-left:600px; color:#266168; padding:2px;}

#menu{width:260px; height:600px; float:left; display:block; }

#conteudo{width:600px; float:left;  padding:20px 30px 30px 50px; }

.menuLateral{float:right; margin:10px 0px 0px 0px; width:200px;}
.menuLateral ul{margin-right:17px;}
.menuLateral ul li{ height:26px; text-align:right; padding:0px 25px 0px 0px; margin-top:2px; background:url(../img/setaMenuComBg.png) right bottom no-repeat; }
.menuLateral ul li a {color:#999; text-decoration:none; /*text-transform:lowercase;*/ padding-right:25px;}
.menuLateral ul li a:hover {color:#9DA64D; text-decoration:none;}



.homeEquipe{width:250px; float:left; margin:30px 0 0 0;}
.homeEquipe img{padding:15px;}

.homeVideos{width:330px; float:left; margin:30px 0 0 20px;}
.homeVideos img{padding:15px;}

/*///////////////////////////////////////////////////*/
/*////////////////////// PAGINAS INTERNAS  //////////////////////*/
/*///////////////////////////////////////////////////*/
.doencas ul {margin:20px 0 0 40px;}
.doencas ul li{background:url(../img/ico_mais.png) no-repeat left; padding:4px;}
.doencas ul li p{margin-left:30px;}

.videos {width:300px; margin:0 auto; }
.videos ul li p{margin:12px 12px 12px 0px; font-size:16px;}

.antesDepois ul li{}
.antesDepois ul li img {margin-left:30px;}

.equipe ul li {float:left;}
.equipe ul li a img{border:3px solid #FFFFFF;}
.equipe ul li a img:hover{border:3px solid #CCC;}

#equipeNova{width:320px; margin:0 auto; margin:15px;}
#equipeNova img{padding:5px 60px;}

/*div links*/

.links a {background:#A5D7DE; color:#FFFFFF; margin:4px 4px 4px 0px; padding:4px;}

/*///////////////////////////////////////////////////*/
/*////////////////////// DIVS SOLTAS  //////////////////////*/
/*///////////////////////////////////////////////////*/


#conteudoRelacionado{background-color:#FFCC00; margin:40px; padding:20px;}

.voltar{text-align:right;}

.ident1{margin:0 30px;}

/*////// CalculaIMC.php //////// */
.calculaIMC{ width:300px; margin:0 auto; }

.coradini{font-size:10px; color:#CCCCCC;}
.coradini a:hover{background-color:#FFCC00;}

/*///////////////////////////////////////////////////*/
/*////////////////////// COLORBOX  //////////////////////*/
/*///////////////////////////////////////////////////*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}