/* *************************************************************** */
/* 								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,
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-weight: inherit;*/
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding-top:2px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* *************************************************************** */
/* 								GENERAL 			     		   */
/* *************************************************************** */

html, body {width:100%; height:100%; min-height:100%; height:auto !important;}
body {background:url(../imagens/layout/bg-page.jpg) repeat-x bottom left #fff}


div#main {
	width:800px;
	margin:20px auto;
}

div#header {
	width:100%;
	background:url(../imagens/layout/bg-header.png) no-repeat 0 0;
}

div#content {
	width:100%;
	float:left;
	background:url(../imagens/layout/bg-content.png) repeat-y 0 0;
}

div#place-holder {
	width:100%;
	float:left;
	background:url(../imagens/layout/logo-bg.gif) no-repeat 12px bottom;
}

div#footer {
	width:100%;
	clear:left;
	background:url(../imagens/layout/bg-footer.png) no-repeat 0 0;
}

/* *************************************************************** */
/* 						    	PAGE HEADER						   */
/* *************************************************************** */

div#flash {
	height:200px;
	margin:0 12px;
}

div#menu {
	clear:both;
	width:100%;
	height:45px;
	margin-left:12px;
}

div#menu ul li {float:left;}
div#menu ul li a {
	display:block;
	width:114px;
	height:25px;
	background:url(../imagens/layout/sprite-menu.gif) no-repeat;
	font:bold 14px Verdana;
	color:#fff;
	text-decoration:none;
	padding:20px 0 0 15px;
}

div#menu ul li.menu-item1 a {background-position:0 0;}
div#menu ul li.menu-item2 a {background-position:-195px 0;}
div#menu ul li.menu-item3 a {background-position:-390px 0;}
div#menu ul li.menu-item4 a {background-position:-585px 0;}

div#menu ul li.menu-item1 a:hover {background-position:0 -45px;}
div#menu ul li.menu-item2 a:hover {background-position:-195px -45px;}
div#menu ul li.menu-item3 a:hover {background-position:-390px -45px;}
div#menu ul li.menu-item4 a:hover {background-position:-585px -45px;}

div#menu ul li.menu-item1 a:active {background-position:0 -90px;}
div#menu ul li.menu-item2 a:active {background-position:-195px -90px;}
div#menu ul li.menu-item3 a:active {background-position:-390px -90px;}
div#menu ul li.menu-item4 a:active {background-position:-585px -90px;}

/* *************************************************************** */
/* 						    PAGE CONTENT						   */
/* *************************************************************** */

div#breadcrumb {
	float:left;
	width:100%;
	font:10px Verdana;
	margin:10px 20px;
	_margin-left:10px;
	color:#666;
}

div#breadcrumb ul li {float:left; padding-left:5px}
div#breadcrumb ul li a {color:#666; padding-right:5px; text-decoration:underline;}
div#breadcrumb ul li a:hover {color:#000;}

div#submenu {
	float:left;
	margin:0 0 0 20px;
	_margin-left:10px;
	padding-left:20px;
	width:160px;
	background:#ececec;
	border-left:8px solid #666;
	font:12px Verdana;
}

div#submenu ul, .lista-content  {
	padding:10px 10px;
}
div#submenu ul li, .lista-content {
	list-style:url(../imagens/layout/bullet-1.gif) outside; 
	line-height:17px; 
	padding-bottom:7px;
}
div#submenu ul li ul li, .lista-content {list-style:url(../imagens/layout/bullet-2.gif) outside;}

div#submenu a {text-decoration:none; color:#666;}
div#submenu a:hover {text-decoration:underline;}

div#content-inner {
	float:right;
	/*height:400px;*/
}

div#content-inner.content-home {margin-right:23px;}

.without-block {
	float:left !important;
	padding:20px;
}

.with-block{
	width:540px;
	padding:0 30px 0 20px;
}

div#content-inner h1 {
	font:38px Verdana;
	text-transform:lowercase;
	padding:0 0 20px 50px;
}

div#content-inner h1.tit-pag-1 {color:#A0C2E7; background:url(../imagens/layout/title-bg-1.gif) no-repeat left top;}
div#content-inner h1.tit-pag-2 {color:#76C337; background:url(../imagens/layout/title-bg-2.gif) no-repeat left top;}
div#content-inner h1.tit-pag-3 {color:#DF7028; background:url(../imagens/layout/title-bg-3.gif) no-repeat left top;}
div#content-inner h1.tit-pag-4 {color:#B5CAA9; background:url(../imagens/layout/title-bg-4.gif) no-repeat left top;}

div#content-inner h2 {
	font:bold 20px Verdana;
	color:#666;
	padding:15px 0; 
}

div#content-inner h3 {
	font:bold 20px Verdana;
	color:#666;
	text-transform:uppercase;
	padding:15px 0; 
}

div#content-inner div#lista-content ul  {
  padding:10px 10px;
}

div#content-inner div#lista-content ul li {
	list-style:url(../imagens/layout/bullet-1.gif) outside; 
	line-height:30px;
	font:12px Verdana;
	text-align:justify 
}

div#content-inner div#lista-content ul li ul li{
	list-style:url(../imagens/layout/bullet-2.gif) outside;
	padding-left: 10px;
	}

div#content-inner .text {
	font:bold 20px Verdana;
	color:#666;
	text-decoration:none;
	/*padding:15px 0;*/ 
}

div#content-inner .text:hover {
	text-decoration:none;
}

div#content-inner img {/*float:left; border:1px solid #666; padding:1px; margin:5px;*/}
div#content-inner p {font:12px Verdana; color:#000; line-height:22px; text-align:justify}

div#content-inner a {color:#000; text-decoration:none;}
div#content-inner a:hover {color:#666; text-decoration:none;}
div#content-inner a:link {color:#333; text-decoration:underline;}

div#img-home {
	width:375px;
	float:left;
	padding-left:5px;
	padding-bottom:20px;
}

div#img-home-3 {
	width:375px;
	float:left;
	padding-left:5px;
	padding-bottom:20px;
	clear:both;
}

div#contact {
	width:100%;
}

div#contact input, div#contact textarea, .form-depoimentos input, .form-depoimentos textarea,
.form-inscricao input{
	border:1px black solid;
}

div#contact td#submit-buttom{
	text-align:right; !important
}

/* *************************************************************** */
/* 						 		FOOTER						       */
/* *************************************************************** */

div#footer-menu {text-align:center; width:430px; margin:0 auto;} 

div#footer-menu ul {
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#666;
}


div#footer div#footer-menu ul li {float:left; padding:50px 0 0 0;}
div#footer div#footer-menu ul li a {font:11px/12px Verdana; color:#666; text-decoration:none;}
div#footer div#footer-menu ul li a:hover {text-decoration:underline;}

div#footer p {
	text-align:center; 
	width:530px; 
	margin:0 auto; 
	font:11px/12px Verdana; 
	padding:00 0 0 0; 
	color:#666; 
	line-height:30px;
	clear:both;
}

div#footer a {text-decoration:none; color:#666;}
div#footer a:hover {text-decoration:underline;}

/* Geral */
div#lista {
	padding: 0 0 10px 20px;
}

div.tooltip { 
    background:transparent url(../imagens/tooltip/black_arrow_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}

div#submenu, #link1, #link2,  #link3, #link4, #link5, #link6, #link7, #link8, #link9, #link10, #link11{
	cursor:pointer;
}

table#experiencia {
	font-family:Verdana;
}

table#experiencia td {
	width: 40%;
}

table#experiencia td ul li{
	line-height:23px;
}

table#experiencia td#titulo {
	font-weight:bold;
	width:40%;
	color:#666666;
}

div#content-inner .link-depoimentos {
  text-align: right;
  cursor:pointer;
}

div#menu ul li.cursos a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.required {
	color: red;
}