/* CSS Document */
/*---------------------css reset-----------------------------------------*/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"'in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	background:#bde95e;
}


/*-----------------INÍCIO DO CSS - Portal Prevenção-------------------------------------*/

body {
	background-image: url('imagens/topo-direita-wide.jpg');
	z-index: 10px; 
	background-repeat:repeat-x; 
	margin-top:0px ;
	background-position:top; 
	text-align: center;
}
#container{
	width: 960px;
	margin:0 auto;         
	text-align:left; /* "remédio" para o hack do IE */
	clear: both;
}
/*-------------	TOPO---------------------------------------*/
#topo{
	width:960px;
	height: 170px;
	background-image: url('imagens/topo-centro.png');
	background-repeat: no-repeat; 
	z-index: 1;
	position:absolute;
	display: block;
	}
/*-------------	MIOLO---------------------------------------*/
#conteudointerna{
	width: 631px;
	text-align:left; /* "remédio" para o hack do IE */
	padding-top: 0px;
	margin-top: 3px;
	margin-bottom: 10px;
	float: left;
	}
#menu-direito{
	width: 229px;
	height: 900px;
	vertical-align: top;
	float: right;
	overflow: hidden;
	}
#menu-interna{
	margin-top: 0px;
	margin-left: -15px;
	margin-bottom: -15px;
	}
#menu-interna-topo{
	background-image: url('imagens/menu-interna_01.png');
	background-repeat: no-repeat;
	width: 630px;
	height: 31px;
	}
#menu-interna-meio{
	background-image: url('imagens/menu-interna_02.png');
	background-repeat: repeat-y;
	padding-left: 30px;
	width: 630px;
	display: block;
	overflow: hidden;
}
#menu-interna-base{
	background-image: url('imagens/menu-interna_03.png');
	background-repeat: no-repeat;
	width: 630px;
	height: 32px;
	}
/*-----------------TABELAS-------------------------------------*/	
table.bordasimples {
	border-collapse: collapse;
	margin-top: 25px;
	}

tbody.bordasimples{
	background-color: #f7faea;
	border-bottom:1px solid #e5f6ab;
	width: 625px;
	padding: 5px;
	line-height: 150%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 200;
	color:#030;
}
	

table.bordasimples tr td {
	border-bottom:1px solid #e5f6ab;
	width: 625px;
	padding: 5px;
	line-height: 150%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;}	
	
table tr td  {
	padding: 5px;
	line-height: 150%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e5f6ab;
	border-top: 1px solid #e5f6ab;
	vertical-align: middle;
	}	
	
table.none tr td  {
	padding: 5px;
	line-height: 150%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:1px solid #e5f6ab;
	border-top:1px solid #e5f6ab;
	background-color: #b0d13e;
	vertical-align: middle;
	width: 586px;
	}	
table.verde tr td {
	padding: 5px;
	line-height: 150%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:1px solid #e5f6ab;
	border-top:1px solid #e5f6ab;
	background-color: #f0f6d9;
	vertical-align: middle;
	width: auto;
	}	
	
	
	
	
	
/*-----------------BASE-------------------------------------*/	
#base{
	width: 960px;
	text-align:left; /* "remédio" para o hack do IE */
	background-image: url('imagens/base-mapa.jpg');
	background-repeat: no-repeat;
	height: 450px;
        vertical-align: top;
	bottom: 0;
	clear: both;
	margin:0 auto;
	}
#rodape{
	width: 100%;
	margin:0 auto;         
	text-align:left; /* "remédio" para o hack do IE */
	position: relative;
	bottom: 0;
	padding-left: 10px;
	clear: both;
	}
#honcode{
	display: inline-block;
	width: 15%;
	vertical-align: top;
	float: left;
}
.honcode{
	font-size: 9px
}

#verysign{
	display: inline-block;
	width: 15%;
	vertical-align: top;
	float: right;
	padding: 10px;
	overflow: inherit;
}
#logo-base{
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	padding-left: 8%;
}
#link{
	background-image:url('imagens/home.png');
	width: 201px;
	height: 120px;
	border: solid #C30 2px;
}
#logo{
	float: left;
	vertical-align: top;
	display: inline-block;
	overflow: inherit;
	margin-left: -15px;
}
#logo-sbc{
	float: left;
	vertical-align: top;
	display: inline-block;
	/*overflow: inherit;*/
	margin-top: 7px;
	margin-left: 40px;
}
#share{
	display: inline;
	float: right;
	margin: 20px;
}
#destaque{
	position: relative;
	top: 0px;
	text-align: center;
	width: 960px;
	height: 310px;
	margin:0 auto;
}
	
#grafismo{
	z-index: 2;
	margin-top: -23px;
	MARGIN-left: -15px;
	width: 990px;
	position: relative;
	}
/*-----------------MIOLO-------------------------------------*/

#secoes{
	width: 219px;
	/*border: 1px solid #909;*/
	margin-right: 16px;
	margin-bottom: 15px;
	vertical-align: top;
	padding-top: 0px;
	
	display: inline-block;
	
}
.hmenor{
	height: 170px;
	display: inline-block;
}
.hmaior{
	height: 350px;
	display: inline-block;
	
}
.enquetes{
	height: 350px;
	padding-top: -30px;
	background-color:#303;
	display: block;
	
	vertical-align: top;
	}
.instrucao-menu-interna{
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	position: relative;
	width: 560px;
	margin-top: 50px;
	}	
#coluna123Home{
	width: 75%;
	display: inline-block;
	overflow: inherit;
	}
#coluna4Home{
	display: block;
	overflow: inherit;
	float: right;
	vertical-align: top;
	width: 229px;
	position: relative;
	}
h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #eda009;
	font-size: 21px;
	padding-top:-5px;
	line-height: 150%;
	background-image: url('imagens/grafismo.png');
	background-repeat: no-repeat;
	height: 38px;
}
h2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #eda009;
	font-size: 20px;
	line-height: 150%;
	padding-top: -50px;
	
}
h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #eda009;
	font-size: 15px;
	line-height: 150%;
	padding-top: -50px;
	
}
#cast{
	background-repeat: no-repeat;
	height: 100%;
	overflow: inherit;
	display: block;
	line-height: 180%;
	 
}
.video{
	background-image: url('imagens/videocast.png');
	background-position: left top;
	padding-top: 26px;
	text-align: right;
	padding-right: 5px;
}
.podcast{
	background-image: url('imagens/podcast.png');
	background-position: center top;
	padding-top:86px;
	text-align: center;
	
}
.jogos{
	background-image: url('imagens/jogosonline.png');
	padding-top: 86px;
	text-align: right;
}
#selo{
	background-image: url('imagens/selo.png');
	background-repeat: no-repeat;
	width: 229px;
	height: 177px;
	z-index: 1;
	padding-top: 29px;
	text-align: center;
	
	}
#flashselo{
	padding-top: 2px;
	padding-left: 0px;
	overflow: inherit;
	margin-bottom: 40px;
	
}
#campanhas{
	background-image: url('imagens/campanhas.png');
	background-repeat: no-repeat;
	width: 229px;
	height: 177px;
	z-index: 1;
	margin-top: -15px;
	text-align: center;
	}
.campanhas{
	padding-top: 66px;
	text-align: right;
	padding-right: 18px;
	color: #8eba38;
}

#generico{
	background-image: url('imagens/generico.png');
	background-repeat: no-repeat;
	width: 229px;
	height: 177px;
	z-index: 1;
	margin-top: 5px;
	text-align: center;
}
.generico2{
	padding-top: 20px;
	text-align: center;
	padding: 18px;
	color: #8eba38;
}.generico{
	padding-top: 66px;
	text-align: center;
	padding: 18px;
	padding-top: 50px;
	color: #8eba38;
}
/*-------------slideshow   main_image section CSS------------------------------------*/

.main_image {
    width: 100%;
    height: 300px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

/*-----------------------image_thumb section CSS----------------------*/


.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/




/*--------------BREAD-CRUMB (CAMINHO DA PÁGINA)-------------*/
#breadcrumb{
	background-image:url('imagens/grafismo-crumb.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left:0px;
	margin-left: 0px;
	padding-top: 40px;
	width: 100%;
	overflow: inherit;
	z-index: 3;
	
	}

/*-------------LINKS DOS CRUMBS---------------------*/
#crumb a:link {text-decoration: none; color: #8aaf0a;}
#crumb a:visited {text-decoration: none; color: #435119;}
#crumb a:hover {text-decoration: underline;	color: #9bc80d;}
#crumb a:active {text-decoration: none; color: #88ae11;}

/*-------------LINKS --------------------------------*/
a:link {color: #003300;	text-decoration: none;}
a:visited {text-decoration: none; color: #003300;}
a:hover {text-decoration: none;	color: #eda009;}
a:active {text-decoration: none; color: #F60;}

/*-------------LINKS DOS MAPAS---------------------*/
a.mapa:link {text-decoration: none; }
a.mapa:visited {text-decoration: none; color: #003300;}
a.mapa:hover {text-decoration: underline;	color: #9bc80d;}
a.mapa:active {text-decoration: none; color: #4f782f;}


/*-------------PARAGRAFOS---------------------*/
p{
	font-family: "Arial" Helvetica, sans-serif;
	color: #030;
	font-size: 12px;
	padding: 5px;
	line-height: 150%;
}
.abobora{
	color: #eda009;
}
.verde{
	color: #8eba38;
}

ul.bullet{
	list-style-image: url('imagens/bullet-verde.png');
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #030;
	font-size: 12px;
	padding-left: 5px;
	margin-left: 15px;
	line-height: 150%;
	float: left;
}
ul.bulletmenu{
	list-style-image: url('imagens/bullet-verde.png');
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #030;
	font-size: 12px;
	padding-left: 30px;
	margin-left: 15px;
	line-height: 150%;
	float: left;
}

.mapa{
	display: inline-block;
	width: 17.5%;
	vertical-align: top;
	padding-left: 20px;
	overflow: inherit;
	float: left;
}
	

.mapa p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #030;
	font-size: 12px;
	}
#titulo-mapa{
	padding: 10px;
	}
#conteudo{
	width: 704px;
	float: left;
	}
#curvaleft{
	background-image: url('img/curval.png');
	width: 128px;
	height: 250px;
	position: absolute;
	left: -130px;
	top: 165px;
	z-index: 0px;
}
#curvaright{
	background-image: url('img/curvar.png');
	width: 128px;
	height: 250px;
	position: absolute;
	left: 960px;
	top: 160px;
}
	

#Layer1 {
	width:210px; 
	height:446px; 
	z-index:inherit;
}	
.texto {
	font-family:Verdana; 
	font-size:9px; 
	color:#666666;
}
.style22 {
	font-family:Verdana; 
	font-size: 9px; 
	color: #003300; 
	font-weight: bold;
}
.style3 {
	font-family:Verdana; 
	font-size: 9px; 
	color: #003300;
	}
.combo-box {
	text-align : left;
	font-family:Verdana;
	font-size:14px;
	color:#473F3D; 
}
td {
	font-size: 14;
	font-family: Verdana,Arial,Helvetica;
	color: #000000;
	font-weight: NORMAL;
	text-align: left;
} 

/*----------------FORMULÁRIOS------------------------*/


select { 
	background-color: #f6fbe1;
	font:12px verdana, arial, helvetica, sans-serif;
	color:#003399;
}

form.login { 
	width:380px;
	font: 11px Verdana, sans-serif;
	color: #003399;
	border: 3px solid #f8fde6;
	padding:10px;
	
	
}
.campos {
	background-color:#f6fbe1;
	font: 11px georgia, sans-serif;
	color:#0033CC;
	margin-right: 20px;
}

.botao {
	background-color: #b5d448;
	font: 14px Arial, sans-serif;
	color: #364405;
}


/*------------------MENU HORIZONTAL - JQUERY SLIDES MENU--------------------------------*/
#menu-principal{ /*ESSA DIV É PARA O POSICIONAMENTO DO MENU NO TOPO*/
	width: 75%;
	margin-top:80px;
	float: right;
	overflow: inherit;
	position: relative; /*O MENU ESTÁ RELATIVO AO TOPO */
	z-index: 4;
	}

.jqueryslidemenu{
	font: bold 9px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
/*background: #414141; /*background of tabs (default state)*/
	color: white;
	padding: 10px 3px;
	border-right: 1px solid #8aaf0a;
	color: #2d2b2b;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #4b7b25;
}

.jqueryslidemenu ul li a:hover{
	background: #e0eeb7; /*tab link background during hover state*/
	color: #8aaf0a;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	background-color: #eff7d9;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
	background-color: #eff7d9;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	font: normal 9px "Trebuchet MS";
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	border-bottom: 1px solid #8aaf0a;
	border-LEFT: 1px solid #8aaf0a;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #e0eeb7;
	color: #030;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 8px;
	
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	}


#cor_cal { background: #b0d13e; width: 710px;}


input{
font-size: 14px;
}






/*
	
#funcor{
	align: right;
	padding-top:0px;
	margin-right: 0px;
	margin-top: 0;
	font-family:Verdana; 
	font-size: 9px; 
	color: #003300; 
	font-weight: bold;
	width: 128px;
	height: 26px;
	border: 1px red solid;
	
	
	}
#canais{
	align: right;
	padding-top:0px;
	margin-right: 0px;
	padding-top:-10px;
	height:26px;
	padding-right:15px;
	background:url(http://prevencao.cardiol.br/img/bgfuncor.png);
	background-repeat:no-repeat;
	background-position:right;
	margin-top: 0;
}
#menu{
	padding: 15px;
	/*background-color: #000;*/
	
/*}
#menu-left{
	width: 201px;
	float: left;
	margin-top: 0;
	vertical-align: top;
	}
#menu-left-top{
	width:201px; 
	background-image: url(img/bg_menu_l_01_topo.jpg);
	background-repeat: no-repeat; 
	height: 36px;
	padding-top: 36px;
}
#menu-left-meio{
	background-image: url(img/bg_menu_l_02_meio.jpg);
	background-repeat: repeat-y;
	width:201px;
	margin-top: -4px;
	
	}
#menu-left-base{
	background-image: url(img/bg_menu_l_03_base.jpg);
	background-repeat: no-repeat;
	width:201px;
	height: 50px;
}
.MenuL {
	font-family: Verdana; 
	color: #003300; 
	font-size: 10px;
}*/