/* ------------------------------------------

Documento de Estilos - Medcel - Residencia Medica

Autor: Fabio Silva 
Site: Medcel - Residencia Medica
Criacao: 31/10/2009 
Ultima Atualizacao: 31/10/2009 

--------------------------------------------*/

/*Configuracoes Gerais*/
*{margin:0px; padding:0px; border:0px; font-family:trebuchet MS; color:#555;}
html{ padding:0px; margin:0px; }
body{ background-color:#f2f2f2; }

/*Layers - Layout*/
#bgTotalTop{ width:100%; background-image:url(../imagens/bgTop.gif); background-repeat:repeat-x; }
#totalContent{ width:100%; background-image:url(../imagens/bgToTal.jpg); background-repeat:no-repeat; background-position:center top;}
#bgTotalBottom{ width:100%; background-image:url(../imagens/bgBottom.jpg); background-repeat:repeat-x; background-position:bottom;}
#content{ width:1004px; margin:0px auto 0px auto;}
#top{ width:1004px; height:80px;}
#areaSection{ width:1004px; margin:0px auto 0px auto; }
#sectionsHome{ width:976px; margin:0px auto 0px auto; padding:0px 14px 0px 14px;}
#rodape{ height:137px; background-image:url(../imagens/bgBottom.jpg); background-repeat:repeat-x; background-position:bottom; margin:10px 0px 0px 0px;}
#redeSocial{ width:450px; background-image:url(../imagens/bgRedeSocial.jpg); background-repeat:repeat-x; margin:10px 0px 0px 2px;float:left; }
div.rodapeList{ height:82px; background-image: url(../imagens/bgListRodape.jpg); background-repeat:repeat-y; background-position:right; float:left;}

/*Menus*/
#topNavegation{ width:48.2%; position:relative; float:right; background-image:url(../imagens/bgTopNav.gif); background-repeat:repeat-x; }
#menuPrincipal{ float:right; }
#menuCod{ float:right; padding:30px 0px 0px 0px;}
#menuProdutos{ width:189px; float:right;} 

/*Sections*/
#areaFlash{ width:1004px; height:205px; margin:0px 0px 39px 0px; *margin:0px 0px 38px 0px; }
#banner{ width:512px; height:180px; float:left; margin:0px 0px 0px 0px;}
#demostracao{width:429px; height:205px; float:right; }
#cursosHomePlanos{ width:392px; background-color:#117c87; float:left; padding:0px 0px 5px 0px;}
#noticiasHome{ width:514px; background-image:url(../imagens/bgSectionHomeNoticias.jpg); background-repeat:repeat-y; padding:0px 3px 0px 0px; float:right;}
#bgDetailNoticias{ background-image:url(../imagens/curveRedHome.jpg); background-repeat:no-repeat; background-position:top right; }
#concursosHome{ float:right; margin:0px 0px 60px 0px; padding:0px 150px 0px 0px;}
#textoNoticias{ width:450px; float:right; margin:2px 10px 0px 0px;}

/*Internas*/
#sections{width:1004px; background:#f2f2f2; background-image:url(../imagens/bgTopSections.jpg); background-position:top; background-repeat:no-repeat; margin:0px auto 0px auto;}
#bgBottomSections{width:992px; margin:0px auto 0px auto; background-color:#f6f6f6; background-image:url(../imagens/bgBottomSections.jpg); background-position: top; background-repeat:repeat-x;}
#titSection{ width:594px; height:230px; margin:0px 0px 0px 98px;}

#alignConteudo{ width:805px; margin:0px auto 0px auto;}
#maps{ background-color:#FFFFFF; background-image:url(../imagens/bgWhite.gif); background-repeat:repeat-x; background-position:top; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px;}
#locais{ width:156px; float:left;}
.mapa{ width:594px; float:left; padding:2px; border:1px solid #f3eded; margin:0px 0px 0px 0px; }
#enderecodesc{ width:594px; background-color:#bd242a; line-height:0px;  height:25px; overflow:hidden; padding:5px 0px 5px 0px;}
#enderecodesc p{ margin:0px; padding:0px; line-height:5px;  text-align:center;}

#loja{ width:860px; margin:0px 0px 0px 93px;}

#produtos{ width:667px; background-color:#f8f8f8; background-image:url(../imagens/bgProdutos.jpg); background-repeat:no-repeat; background-position:top; float:left; margin-bottom:50px;}
#alignProd{ width:591px; margin:40px auto 0px auto; }
div.boxProduto{ width:192px; float:left; margin:30px 5px 10px 0px; padding:0px 0px 10px 0px; background-image:url(../imagens/bgBoxProduto.jpg); background-repeat:repeat-x; background-position:bottom;}
div.prod{ width:150px; margin:10px auto 0px auto;}
div.preco{ width:150px; margin:10px auto 5px auto;}
div.textProd{ width:150px; margin:10px auto 2px auto;}

#produtoInterna{ width:568px; margin:40px auto 0px auto; }
#paginaAtual{ width:568px; margin:0px 0px 30px 0px;}
div.prodDestaque{ width:146px; float:left;}
div.precoDestaque{ width:140px; margin:10px auto 5px auto;}
#descricaoProd{ width:401px; float:right;}

#bgCursosTop{ width:829px; background-image:url(../imagens/bgCursos.jpg); background-repeat:repeat-y; margin:0px auto 0px auto;}
#cursos{ width:829px; background-image:url(../imagens/bgTopCursos.jpg); background-position:top; background-repeat:no-repeat; margin:0px auto 0px auto;}
#topCursos{ padding:0px 0px 40px 0px;}
div.conteudoAbas{ width:829px; min-height:350px; padding-top:20px; background-color:#FFFFFF; background-image:url(../imagens/bgCurveCursos.jpg); background-position:right bottom; background-repeat:no-repeat; margin:0px auto 0px auto;float:left;}
div.alignConteudoCursos, div.alignConteudoC{ width:682px; margin:0px auto 0px auto;}


#planos{ width:829px; max-height:1000px; background-image:url(../imagens/bgPlanos.jpg); background-repeat:repeat-y; margin:0px 0px 0px 0px; }
#bgPlanos{ width:829px; background-image:url(../imagens/bgTitPlanos.jpg); background-repeat:no-repeat;background-position:top; padding:0px 0px 10px 0px;}
#titPlanos{ width:829px; height:68px; padding:20px 0px 0px 0px;}
div.boxPlano{ width:248px; height:542px; float:left; margin:0px 13px 0px 0px;}
div.boxPlanoCenter{ width:248px; height:320px; float:left;  margin:0px 13px 0px 0px;}

#alignPlanos{ width:784px; float:left; margin:0px 0px 0px 28px;}
#alignPlanosCenter{ width:300px; margin:0 auto;}

div.opcaoPlano{ width:248px; height:120px; background-image:url(../imagens/bgPlanosOpcoes.jpg); background-repeat:no-repeat; float:right; margin:0px 0px 1px 0px;}
div.incluso{ width:248px; height:118px; background-image:url(../imagens/bgPlanosInclusos.jpg); background-repeat:no-repeat; float:right; margin:0px 0px 1px 0px;}
.incluso h3 {
	margin-top:50px;
	text-align: center;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}

div.valorPlano{ width:248px; height:118px; background-image:url(../imagens/bgPlanosValores.jpg); background-repeat:no-repeat; float:right; margin:0px 0px 1px 0px;}
div.btMatricula{ width:248px; height:83px; background-image:url(../imagens/bgPlanosMatricula.jpg); background-repeat:no-repeat; float:right;}

#corpoDocente{ width:800px; margin:30px 0px 10px 0px; padding:0px 0px 10px 0px; float:left;}
#descCorpoDocente{ width:615px; background-color:#eaeaea; background-image:url(../imagens/bgDesDocente.gif); background-repeat:no-repeat; float:right;}
#titCorpoDocente{ width:514px; height:55px; margin:0px auto 0px auto; border-bottom:1px solid #eaeaea;}

#membros{ width:185px; float:left;}
#areaAbas table {
	font-size:13px;
}

/*Imagens*/
.logotipo{ margin:0px 0px 0px 28px; float:left;}
img.right{ float:right;}
img.left{ float:left;}
img.distanceTit{ margin:0px 0px 0px 230px;}
img.imgLink{ cursor:pointer;}
img.alignBtMatricula{ padding:17px 0px 0px 35px;}
img.entreEmContato{ margin:136px 0px 0px 160px;}
img.linksContato{ margin:125px 0px 0px 0px;}
img.alignLinksContato{ margin:125px 2px 0px 48px;}

/*Links*/
a{ text-decoration:none;color:#b4282e; margin:0px;}
#menuCod a{ text-decoration:none; color:#898989;}
#copyRight a{ text-decoration:none; font-size:10px; margin:25px 0px 0px 0px;  float:right;}
#cursosHome a{ text-decoration:none; font-size:10px; color:#FFFFFF; font-weight:bold; }
#paginaAtual a{ float:right; color:#6f6969;}
#membros a{ font-size:11px; color:#9a9595;}
#textoNoticias a { color:#555; }
#textoNoticias a:hover { text-decoration:underline }

/*Títulos*/
#bgDetailNoticias h1{ float:left; position:absolute; margin:0px; padding:0px; background:rgba(255, 255, 255, 0.50); -moz-opacity:0.50; opacity:0.50; filter:alpha(opacity:50); }
#textoNoticias h5{ background-image: url(../imagens/bulletListHome.gif); background-repeat:no-repeat; background-position:left top; font-size:14px; font-weight:bold; padding:0px 0px 0px 15px;}
#redeSocial h1{ color:#FFFFFF; font-size:16px; color:#818285; padding:20px 0px 0px 30px; float:left;}

#sections h1{ font-size:30px; font-style:italic; color:#970001; float:left;margin:130px 0px 0px 0px;}
div.prod h5{ font-size:14px; color:#9b0203; text-align:center; margin:10px 0px 13px 0px;}

#cursos h2{ font-size:20px; font-family:tahoma; font-weight:100; float:right; margin:20px 0px 15px 0px;}
div.alignConteudoCursos h4, div.alignConteudoC h4{ background-image:url(../imagens/bulletTit.gif); background-repeat:no-repeat; background-position:left center; padding:0px 0px 0px 20px; margin:30px 0px 30px 0px; font-size:14px; color:#bd242a;}
div.alignConteudoCursos h6, div.alignConteudoC h6{ margin:30px 0px 30px 0px; font-size:14px; color:#bd242a;}
#titPlanos h3{ background-image:url(../imagens/bulletTitWhite.jpg); background-repeat:no-repeat; background-position:left center; font-size:14px; color:#FFFFFF; margin:0px 0px 0px 93px; padding:0px 0px 0px 15px;}
div.valorPlano h6{ font-size:14px; text-align:center; color:#FFFFFF; margin:10px 0px 0px 0px;}
#descricaoProd h1{ font-size:22px; color:#9b0203; padding:0px; margin:0px 0px 25px 0px;}
#descricaoProd h2{ background-image: url(../imagens/bgTitProdInterna.gif); background-repeat:no-repeat; font-size:18px; color:#9b0203; padding:2px 10px; margin:15px 0px 15px 0px;}

#titCorpoDocente h1{ font-family:tahoma; color:#9a9595; float:right; font-size:22px; margin:20px 0px 5px 0px; padding:0px;}
div.textCorpoDocente{ font-size:12px; color:#9a0102;}

/*Parágrafos*/
p{ font-size:14px; line-height:16px; } 
#cursosHome p{ margin:0px; padding:inherit; color:#FFFFFF; font-size:12px; }
#copyRight p{ font-size:10px; color:#b4282e; margin:25px 0px 0px 0px; float:left;}
#enderecodesc p{ font-size:11px; color:#FFFFFF; text-align:center; }
div.prod p { font-size: 12px; text-align:center;}
div.preco p{ font-size:18px; text-align:center; color:#b4282e; }
div.alignConteudoCursos p, div.alignConteudoC h6{ line-height:20px; margin:0px 0px 15px 0px;}
div.precoDestaque p{color:#b4282e;}
div.boxPlano p{ color:#FFFFFF; margin:30px 10px 10px 30px;} 
div.valorPlano p{ color:#FFFFFF; text-align:center; font-size:10px; line-height:10px; margin:0px; padding:0px 20px 0px 20px;} 
#paginaAtual p{ float:left;}
#descricaoProd p{ font-size:14px; line-height:20px; color:#6f6969;}
.precoDestaque p{ font-size:19px; text-align:center;}
#quemSomos p {margin: auto; padding: inherit; }

/*Spans*/
#redeSocial span { color:#b4282e;}
#copyRight span { font-weight:bold; color:#b4282e;}
#alignConteudo span{ font-weight:bold;}
div.valorPlano span{ font-size:26px; color:#FFFFFF; line-height:36px;}

/*Listas*/
ul{ font-size:14px; line-height:16px; }
li{ list-style:none; }

#menuCod li{font-size:12px; font-family: Frutiger 55; color:#898989; font-weight:bold; letter-spacing:-1px; display:inline; margin:0px 0px 0px 30px;}

#topNavegation li{ display:inline; margin-left:-2px;}

#textoNoticias ul{ margin:0px 10px 0px 0px;}
#textoNoticias li{ padding:0px 0px 20px 0px; text-align:left;}

.rodapeList ul{ padding:16px 35px 0px 35px; }
.rodapeList li{ font-size:12px; font-family: Frutiger 55; color:#bd242a;}

#redeSocial ul{ padding:20px 30px 0px 0px; }
#redeSocial li{ display:inline;}

#quemSomos ul { padding:28px 0px 50px 10px;}
#quemSomos li{ background-image:url(../imagens/bulletListRed.gif); background-position:left center; background-repeat:no-repeat; padding: 0px 0px 0px 30px; line-height:18px; }

#areaAbas ul{ margin:15px 0px 0px 60px; float:left; font-size:11.5px;}
#areaAbas li{ display:inline; color:#FFFFFF; margin:0px 40px 0px 25px; cursor:pointer;}
#areaAbas li.aberta{ color:#bd242a;}

#locais li{ text-align:right; font-size:12px; font-family:tahoma; margin:1px; padding:4px 10px 4px 0px;}
#locais li.active{ text-align:right; font-size:12px; font-family:tahoma; color:#851819; background-image:url(../imagens/bgListLocais.jpg); background-repeat:repeat-y; margin:1px; padding:4px 10px 4px 0px;}

#menuProdutos ul{ background-image:url(../imagens/bgMEnuProd.gif); background-repeat:repeat-y; margin:4px 0px 0px 0px;}
#menuProdutos li{ font-size:12px; line-height:27px; text-align:left; margin:0px 0px 0px 10px; }
#menuProdutos li.titList{ font-size:12px; line-height:27px; text-align:left; color:#c32026; margin:0px 0px 0px 10px;}

#descricaoProd li{font-size:14px; line-height:20px; color:#6f6969;}

#membros ul{ width:185px; margin:0px 0px 0px 0px; float:left;}
#membros li{ font-size:11px; padding:5px 0px 5px 15px; margin:2px 0px; }
#membros li.activeMembro{ background-color:#eaeaea; background-image:url(../imagens/curveMembros.gif); background-repeat:no-repeat; background-position:left; padding:5px 0px 5px 15px; margin:2px 0px; font-size:11px;}

/*Formulário*/
#busca input{ background-image:url(../imagens/inputBusca.jpg);_background-attachment:fixed; width:189px; background-repeat:no-repeat; padding:3px 0px 3px 0px;}

#formContato{ background-image:url(../imagens/bgWhite.gif); background-repeat:repeat-x; background-position:bottom; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; position:relative;}
label{ float:right; font-size:12px; margin:0px;}
input{ height:21px; border:0px; margin:0px 0px 2px 0px; padding:4px 2px 0px 4px;_background-attachment:fixed; font-size:12px; }

input.mini{ width:35px; background-image:url(../imagens/bgInputMini.gif); background-repeat:no-repeat; background-position:left; margin:0px 0px 0px 30px;}
input.small{ width:95px; background-image:url(../imagens/bgInputSmall.gif); background-repeat:no-repeat; background-position:left;}
input.medium{  width:132px; background-image:url(../imagens/bgInputMedio.gif); background-repeat:no-repeat; background-position:left;}
input.big{ width:269px; background-image:url(../imagens/bgInputBig.gif); background-repeat:no-repeat; background-position:left;}
input.Elarge{ width:398px; background-image:url(../imagens/bgInputElarge.gif); background-repeat:no-repeat; background-position:left;}

.mensagem{width:404px;height:65px; background-image:url(../imagens/bgInputMensagem.gif); background-repeat:no-repeat;}
.txtTextarea{width:398px; height:61px; margin:2px 4px 2px 4px; overflow:auto;  font-size:12px; line-height:16px;}

.btOk{ float:right; border:0px;}
.btCompra{ cursor:pointer; background:none; margin:0px 0px 0px 47px; float:left;}

/*Outras Classes*/
.clear{ clear:both;}
hr { color:#FFF; height:1px; } 
.boxPlano strong, .boxPlano b { color:#FFFFFF }
#quemSomos td { padding:5px }

/*MOOTOOLS*/
#accordion{width:514px; margin:10px auto 0px auto; padding:0px 0px 10px 0px;}
#accordion h3.toggler{cursor:pointer; background-image:url(../imagens/bulletMootools.gif); background-position:left center; background-repeat:no-repeat; font-size:12px; color:#9a0102; font-weight:bold; margin:0px; padding:2px 0px 2px 20px;}
div.element p { font-size:12px; color:#8b8686; margin:0px; padding:0px 0px 20px 0px;}

#outraspag{}

div.opcoes{width:220px; height:200px; float:left; border-right:1px solid #970001; margin:40px 20px 20px 0px; padding:0px 15px 20px 0px;}
div.opcoesNoBorder{ width:200px; height:200px; float:left; margin:40px 20px 20px 0px; padding:0px 15px 20px 0px;}

div.opcoes h3{ font-size:14px; margin:0px 0px 20px 0px; color:#970001;}
div.opcoes h4{ font-size:12px; font-weight:bold; margin:0px 0px 5px 0px;}
div.opcoes p { font-size:11px;  margin:0px 10px 5px 0px;}

div.opcoesNoBorder h3{ font-size:14px; margin:0px 0px 20px 0px; color:#970001;}
div.opcoesNoBorder h4{ font-size:12px; font-weight:bold; margin:0px 0px 5px 0px;}
div.opcoesNoBorder p{ font-size:11px; color:#555; margin:0px 10px 5px 0px;}

div.opcoesNoBorder ul { float:left;}
div.opcoesNoBorder li{ font-size:11px; line-height:24px; margin:0px 0px 2px 0px;}
#formConcurso{ margin:0px 0px 10px 0px; padding:0px 0px 10px 0px;}


/* JQuery Corpo Docente */
.listaFuncionarios li a {
	color:#9a9595;
	font-size: 14px;
	background-image:url(../imagens/bulletMootools.gif); 
	background-position:left center;
	background-repeat:no-repeat;
	padding:2px 0px 2px 17px;
	font-weight:bold;
}

.listaFuncionarios li a.opened {
	color:#9a0102;
	font-size: 14px;
}

.listaFuncionarios li p {
	padding-bottom:20px;
	color:#9a9595;
}

/* JQuery Accordion Slide Cursos Home */ 
	.accordionboxheader {
		background-image:url(../imagens/rightheadercorner.png);
		background-color:#82cdc9;
		background-repeat:no-repeat;
		background-position:top right;
		padding-top:6px;	
	}
	
	.accordionboxbottom {
		background-image:url(../imagens/rightbottomcorner.png);
		background-repeat:no-repeat;
		background-position:right;
		top:0px;
		position:absolute;
		width:452px;
		height:6px;
	}
	
	.accordionbox {
		width:452px;
		font-family:Verdana;
		background-image:url(../imagens/bg.png);
		background-color:#117b88;
		overflow:hidden;
		color:#FFF;
	}
	
	* html div.accordionitem {
	height: expression( this.scrollHeight > 169 ? "170px" : "auto" );
	}
	
	.accordionitem {
		padding:5px 0px 5px 40px;
		/*max-height: 170px;*/
		overflow:hidden;
	}
	
	.accordionitem h2 {
		text-indent:5px;
		text-transform:uppercase;
		cursor:pointer;
	}
	
	
	.leftborder {
		position:absolute;
		z-index:11;
		width:34px;
		background: url(../imagens/leftborder.png) left;		
	}
	
	.accordionitem div {
		color:#FFF;
		font-size:12px;
		padding:5px 30px 5px 10px;
		text-align:justify;
	}
	
	.accordionitem h2, .accordionitem p {
		margin:0px;	
	}
	
	#text1 {
		color:#555;
		background: #82cdc9;
	}
	
	#text2 {
		color:#CCC;
		background: #429fa4;
	}
	
	#text3 {
		COLOR:#EEE;
		background: #218891;	
	}
	
	#text4 {
		color:#FFF;
		background: #117b88;	
	}
	
	p.closed {
		display:none;	
	}
	
	p.opened {
		
		display:block;	
	}
	
	h2.closed {
		font-size:16px;	
		color:#EEE;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	h2.opened {
		font-size:24px;	
		color:#FFF;
		padding-top:10px;
		padding-bottom:10px;		
	}
	
/* SUBMENU */

.menu ul {
	display:none;
	position:absolute;
	margin-top:7px;
	width:200px;
}

.menu ul li {
	position:absolute;
	top:50px ;
	float:none;
	text-transform: uppercase;
	background-color:#f7f7f7;
	width:100%;
}

.menu ul li a {
	padding:5px 20px 5px 20px;
	float:none;
	display:block;
}

.menu ul li a:hover {
	background:#EEE;	
}

/* Área do Aluno */

#areaAlunoLogin {
	background-color:#cc2229;
	position:absolute;
	top:0;
	display:none;
	z-index:0;
	margin-top:-3px;
	padding:5px;
	left:700px;
}

#areaAlunoLogin .fechar {
	margin:0px 0px 0px 120px;
	color:#FFF;	
	font-size:12px;
}

#areaAlunoLogin form {
	padding-top:10px;
}

#areaAlunoLogin b {
	color:#FFF;
	font-size:12px;
}

#areaAlunoLogin .text {
	
}

#areaAlunoLogin .submit {
	color:#FFF;
	background-color:#bd242a;
	text-align:center;
	margin-top:10px;
	width:165px;
}

/* Abas pagina de Cursos */


.menuslide {
	width:829px; height:37px; margin:-37px 0px 0px 0px; float:left;
}

.scroll p { line-height:20px; margin:0px 0px 15px 0px;}

#slider {
    width:829px;
    margin: 0 auto;
	padding:0;
	margin-top:-37px;
    position: relative;
}

.scroll {
/*    height: 250px;*/
    width:682px;
	margin:0px auto 0px auto;
	overflow: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
/*    height: 210px;*/
	margin:0px auto 0px auto;
	width:682px; 
}

ul.navigation {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.navigation li {
	margin:0px;
	padding:0px;
    display: inline;
}

ul.navigation a {
	margin:0px;
	padding:5px 20px 5px 20px;
	color:#bd2429;
}

ul.navigation a:hover {
	padding:5px 20px 5px 20px;
	background:#FFF;
	color:#bd2429;
}

ul.navigation a.selected {
	padding:5px 20px 5px 20px;
	background:#FFF;
	color:#bd2429;
}

ul.navigation a:focus {
	padding:5px 20px 5px 20px;
	background:#FFF;
	color:#bd2429;
	outline:none;
}

.hide {
	display:none;	
}

.scrollButtons.left {
	position:absolute;
	margin-top:130px;
    margin-left:30px;
	cursor:pointer;
}

.scrollButtons.right {
	position:absolute;
	margin-top:130px;
    margin-left:800px;
	cursor:pointer;
}



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

.menuslide ul li {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
 
.menuslide ul li a {
	padding:5px 20px 5px 20px;
	display:block;
	color:#bd2429;
}

.menuslide ul li.active a {
	padding:5px 20px 5px 20px;
	display:block;
	background:#FFF;
	color:#bd2429;
}

.slidecontents {
	clear:both;
	width:100%;
}

.hidden {
	display:none;	
}

#logo { display: none }