/* --------------------------------------------------------------
   reset.css
   * Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-family: inherit;

  vertical-align: baseline; }

/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: center; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Final  reset. */

/* = Utilidades para layout
------------------------------------------------------------ */ 
.left { 
	float: left;
	position: relative;
	margin: 0 10px 5px 0;
}
.right { 
	float: right;
	position: relative;
	margin: 0 0 5px 10px;
}
.clear 			{	clear: both;}
.clear-left 	{	clear: left;}
.clear-right 	{	clear: right;}
.center 		{	text-align: center;}
.autoclear 		{	display: inline-block;}
.autoclear 		{	display: block;}
.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

/* = Elementos básico para o layout
------------------------------------------------------------ */ 

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding-bottom:10px;
}
h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif}

h1 {color:#004885;		font-size: 16px; }

h2 {color:#004885;		font-size: 16px;}
h3 {color:#004885;		font-size: 14px;}
h4 {font-size: 13px; 	color:#004885;}
h5 {font-size: 12px; 	color:#004885;}
h6 {font-size: 12px;	color:#004885;}

address {font-style: normal; text-align:left; font-size:11px; color: #545454;}


cite{color: #000; font-size:11px; }
sup {vertical-align: top;}
sub {vertical-align: bottom;}
img,
a img { 
	border: 0;
	vertical-align: middle;	
}

a { 
	color: #545454;
	text-decoration: none;
}
a:visited { 
	color: #545454;
}
a:hover { 
	color:  #FF6600;
	text-decoration: underline;}

a.link1{
	text-decoration:underline;
	
}
	
p{
	color: #545454;
	font-size:11px;
	padding-bottom:5px;
	line-height:16px;	
}

ul{
	margin:0;	
}

ul li{
	margin:0;
	font-size:11px;
	color: #545454;
}
input,

textarea { 

	font: 11px Verdana, sans-serif;

	padding: 2px;

	border: 1px solid #999;
}



select { 
	font: 11px Verdana, sans-serif;
	padding: 0;
	border: 1px solid #999;


}



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

Styles Border 

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

.borda-top  	{	border-top:1px  #D2E1E8 dotted;}
.borda-left 	{	border-left:1px  #D2E1E8 dotted;}
.borda-right	{	border-right:1px  #D2E1E8 dotted;}
.borda-bottom 	{   border-bottom:1px  #D2E1E8 dotted;}

.borda-solida{ border:2px solid #ccc;}


/* = layout
------------------------------------------------------------ */ 
body {  color: #000;
  		font-family: Arial, Helvetica, sans-serif;
  		background:#fff;

  		font-size:12px;  }



.principal{

 width: 990px;

 margin: 0 auto;

 background-color:#ccc;

 position:relative

}



.home{background:url('../images/bg_miolo_pagina.jpg') repeat-x;
}



#header{

  background:#fff;
  height: 95px;
  width: 100%;
  border-bottom:3px #fda710 solid;
  position:relative;
  margin-bottom:1px;
  
  }

#header .logo	{ width: 990px; margin:0 auto; position:relative; top:23px; border:none; }

#nav			{ width:100%; background:url("/images/bg_menu_topo.gif") repeat-x; overflow:hidden;  }
#nav ul			{ width:990px; margin:0 auto;}
#nav ul li  	{ list-style:none; float:left;}
#nav ul li a  	{  color:#fff; float:left; padding:5px 0px 5px 0px; font-size:12px; text-decoration:none;    }
#nav ul li a:hover	{ color:#99CCFF; text-decoration: none}
#nav ul li span { background:url('../images/img_divide_menu.jpg') no-repeat right top; 
padding-left:11px; padding-right:11px;  }
#nav ul li .dif { padding-left:14px; padding-right:14px;  }


 

#slide{
	height:200px;
	background-color:#eee;
	margin-bottom:20px;
} 

#meio{

	background-color: #fff;
	overflow:hidden;
	height:100%;
	border-bottom:1px #ccc dotted;
}

#meio .colsLeft{
	width:155px;
	float:left;
	background-color:#fff;	

}

#meio .colsLeft .news{
	padding:0px;
	background-color: #EFEFEF;
	clear:both;
	margin:20px 0 0 0;
	


		

}

#meio .colsLeft .news p{

	padding:0px;

	margin:0px;

}



#meio .colsLeft .news h4{

	font-size:16px;

	font-weight:bold;

	background-color:#e9eef3;

	margin:0; padding:0;

	}

	

/*formulario */



.form{

	width:99%;

	margin:0;

	padding:0;}



.form fieldset{

	margin:0;

	padding:2px;}

.form fieldset label{

	font-weight:bold;

	color: #006699;

	font-size:11px;

}

.form fieldset input{

	width:95%;

	margin-top:2px;	

}

.form .Submit{

	font-weight:bold;

	color: #006699;

	padding:2px;

	margin:3px 0 0 0 ;

	float:right;

	border:1px solid #ccc;

	font-size:11px;

	font-family:Verdana, Geneva, Tahoma, sans-serif;

	width:50px;

	background-color:#fff;	

}



/* Menu Lateral

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

.menu-1{
 	margin:0 0 12px 0;
    padding:0 0 13px 0;
    float: left;
      }
.menu-1 h2{
   margin:0;
   padding:2px 0 0 0;
   font-size:16px;
   font-weight: bold;
   color: #004885;
   background-image:url("/images/bg_menu_lateral.jpg");
   }
.menu-1 ul{ 	margin:0; padding:0; }
.menu-1 ul li{  list-style:none; float:left;}
.menu-1 ul li a {
    background:#fff;
    width:145px;
    float:left;
    border-bottom:1px #ccc dotted;
    padding:0;
    margin:0;
    padding:5px 5px 5px 5px;
    font-size: 11px;}


/* coluna central */

#meio .colsCenter{

	width:425px;
	float:left;
	margin:0 0 0 8px;
	padding:3px;
	background-color:#fff;
	border-left:1px  #D2E1E8 dotted;
	border-right:1px  #D2E1E8 dotted;
}

.section{
	padding:0px 10px 3px 10px;
	margin-bottom:10px;
	background-color:#fff;
	overflow:hidden;
	height:100%;
	}

.section p{
	vertical-align: top;
	text-align:left
	}

.section img{

	 float:left;
	 margin:0px 10px 5px 0px;
	 display:block;}

	 

/* coluna direita */

#meio .colsDireita{

	width:195px;
	height:296px;
	float:right;
	margin:0 0px 0 0;
	padding:0;
	background:#fff;	 }

#meio .colsDireita .section-2{

	margin:0;
	padding:2px;
	background-color: #fff;}	

#meio .colsDireita .section-2 ul   { margin:0;  padding:0 0 0 5px; background-color:#fff;}

#meio .colsDireita .section-2 ul li{ margin:0;  padding:5px 6px 5px 20px; list-style:none;  border-bottom:1px #ccc dotted; 

background-image:url('../images/img_seta.gif'); 

background-repeat:no-repeat; background-position:left
}

#meio .colsDireita .section-2 p    { background-color:#e9eef3; padding:2px;}



#rodape{
  background:#eee;
  width:100%;
  margin:20px 0 0 0;
  padding:5px 0 5px 0;
  clear: both; }

#rodape p{
  text-align: center;
  margin: 0;
  padding:0;
  color:#000;}

#rodape address {font-style: normal; text-align:center; font-size:10px; color:#000}  

  /* ----------------------------------------------------------------------------
 Página Internas
 ---------------------------------------------------------------------------------*/

 

#contentSub{

	width:805px;

	padding:3px;

	margin:0 2px  0 0;

	background-color:#fff;

	float:right;	

} 

#contentSub a{

	text-decoration:underline;

	color:#FF6600

}

#contentSub .title{

	background:#fff url('../images/bg-titulos.png') no-repeat left top ;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:15px;
	display:block;		

}

p.style-1{

	color:  #FF6600;

	font-size: 13px;

}

p span{

	color: #1B5278;

	font-size: 12px;

	font-weight:900

}

.ClassSection{

	background-color:#F4F4F4;

	border-bottom:2px #C0C0C0 outset	

}



/* Tabela 

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



.table, td{font:11px Arial, Helvetica, sans-serif;}

.table{width:100%;border-collapse:collapse; margin:0px 0 20px 0;}

.table caption{ border-collapse:collapse; margin:0px 0 3px 0; font-size:12px; text-align:left; color:#1B5278; font-weight:bold}

.table th, td{text-align:center; padding:0.5em; border:1px solid #fff;  }

.table th{background:#0e4570; color:#fff; text-align:center; font-size: 12px; border-bottom:4px orange solid}

.table td{background:#e3ecf1; text-align:center; color: #000000; }

.table .tdesp{ background-color:#cfdee7}

	



/* Sessão Links */



.sectionLink	{ padding-bottom:5px; margin-bottom:15px;	}

.sectionLink h2	{font-weight:bold; 	margin:0;padding:0; color: #6699FF}

.sectionLink p	{margin:0; padding:0;}

.sectionLink a	{margin:0;padding:0;}
.sectionLink p.direita{ text-align:right; padding:3px;  background-color:#eee; font-weight:bold}




/* Sessão Links */



.sectionEntr		{border-bottom:1px  solid #CCCCCC; padding-bottom:5px; margin-bottom:15px;	}

.sectionEntr span	{margin:0; padding:0 0 2px 0; color:#FF6600}

.sectionEntr p		{margin:0;padding:0 0 3px 0px; }

.sectionEntr cite   { font-weight:bold; font-size:11px; font-style:normal}



/* fotos */



.acopla{

	padding:0px;

	margin:0 8px 20px 0;

	background-color:#fff;

	overflow:hidden;

	float:left;

	width:153px;

}

.acopla img	{border:3px #ccc solid; display:block; margin-bottom:3px;}

.acopla span{ font-size:12px; color:#1B5278; font-weight:bold }

.acopla p	{ padding:0; margin:0;}



/* Section Rede Social 

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

                        .social {

                          margin:0;

						  padding:2px;

						  background-color: #fff;

						  overflow:hidden;

                               }

                        .social ul{margin:0;  padding:0; background-color:#fff;}

                        .social li{	list-style:none;}

						.social ul li  a{                             

                             float:left;

                             width:90%;

                             padding: 15px 4px 15px 50px;

                             margin-left: 3px;

                             text-decoration: none;                                                        

                        }

						.social a:hover{

							color:#000;

						}
                        .social ul li a.img-1{background:url('../images/wordpress.jpg') no-repeat left 50%; 
border-bottom: 1px  #ccc dotted; color:#333;
}
                        .social ul li a.img-2{background:url('../images/twitter.jpg') no-repeat left 50%; 
border-bottom: 1px  #ccc dotted; color:#3399FF;
}
                        .social ul li a.img-3{background:url('../images/youtube.jpg') no-repeat left 50%; 
border-bottom: 1px  #ccc dotted; color: #CC0000;
}                 
                        .social ul li a.img-4{background:url('../images/facebook.jpg') no-repeat left 50%; 
border-bottom: 1px  #ccc dotted; color: #000066;
}
                        .social ul li a.img-5{background:url('../images/flickr.jpg') no-repeat left 50%; 
border-bottom: 1px  #ccc dotted; color: fuchsia;
}                  
						.border{border-bottom: 1px #999 dotted;}

/* Lista Rede Social
--------------------------------------------------  */

/* ---------------------------------------
Crédito
-------------------------------------- */

#credito{
  width:100%;
  margin:0;
  padding:10px 0 0 0;
  clear: both;
  background-color:#eee;
  }

#credito .creDentro{
  background:#fff;
  padding:3px 0 3px 0;
  width:990px;
  margin:0 auto;
  overflow:hidden;
 
  }
#credito img{float:left}
#credito p{ text-align:left; margin: 5px 0 0 0; padding:0; }
#credito p a{font-size:9px;color: #CC0000; font-family:Verdana, Geneva, Tahoma, sans-serif }
/* ---------------------------------------
Crédito
-------------------------------------- */

#valida{
  width:100%;
  margin:0;
  padding:0;
  clear: both;
  background-color:#eee;
  }
#valida .vaDentro{
  background:#fff;
  padding:0px;
  width:990px;
  margin:0 auto;
  overflow:hidden;
  border-top:1px #ccc dotted;
  }
#valida img{float:left}
#valida p{ text-align: right; margin:0 5px 0 0; padding:0; }
#valida p a{font-size:10px;color: #CC0000; font-family:Verdana, Geneva, Tahoma, sans-serif } 
 






.modulos{
	padding:0px 10px 3px 10px;
	margin-bottom:10px;
	background-color: #F0F0F0;
	overflow:hidden;
	height:100%;
	border-bottom:1px  #A3A3A3 solid;
	
	
}

.modulos h2{
	background:url('../images/seta-produtos.gif') no-repeat left center;
	padding-left:20px;
	padding-top:10px;	
}


.modulos img{
	float: left;
	position: relative;
	margin: 0 10px 5px 0;
	border:4px solid #fff;
	
}




/* ---------------------------------------
	Confirmação
-------------------------------------- */

p.verde{
	color: #339933;
	font-weight:bold;
	font-size:14px;
}

/* ---------------------------------------
	Curso
-------------------------------------- */

#curso{
	width:155px;
	height:155px;	
	background-color:#ccc;
	margin:19px 0 0 0;	
}

/* ---------------------------------------
	Banner Loja Virtual
-------------------------------------- */

#banner-loja{
	width:395px;
	height:120px;	
	background:#ccc;
	margin:10px 0 0 0;	
}


/* ---------------------------------------
	lista menu
-------------------------------------- */




 .listaMenu{
	 	margin:0 0 10px  12px; 
 }
  .listaMenu ul{
	 	margin:0;
		padding:0px; 
 }
   .listaMenu ul li{
	   	list-style:none;
		line-height:18px;	 	
 }


   .listaMenu ul li a {
	   	font-size:14px;
		
	  	 	
 }