#pop .close a {
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	font-size: 13px;
	padding: 0px;
	text-decoration:none;
	
	
	
}

#pop{position:absolute;top:170px;left:38%;margin-left:-150px;margin-top:-100px;z-index:999}		


*, 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;

background: transparent;
}
img, div {
behavior: url(../iepngfix.htc);
clear: none;
}

hr{
border-color:#999;
}

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;
}

body {
font: 100% Arial, Verdana, sans-serif;

margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
padding: 0;
text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
color: #000000;
line-height: 1;
background-image:url(../images/bg.gif);

background-repeat:repeat-x;

}
.oneColFixCtr #container {
width: 1003px;  /* Usar 20 pixels a menos que a largura total de 800 pixels permite incluir todo o quadro do navegador e evita uma barra de rolagem horizontal */
margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
text-align: left; /* Isso substitui text-align: center do elemento body. */

}
.oneColFixCtr #mainContent {
padding: 0 5px; /* Lembre-se de que o preenchimento é o espaço dentro da caixa do div e a margem é o espaço fora da caixa do div */
}
#vitrine{
text-align:center;
clear:both;
padding-top:10px;
border-bottom:1px solid #CCC;
}

#subs { 
color: #333;
margin: 0px 5px 5px 0px;
padding: 30px 20px 0 25px;;
width: 715px;
float: left;
background-image:url(../images/bg-sub.png);
background-repeat:no-repeat;

}
#subs_page { 
color: #333;
margin: 0px 5px 5px 0px;
padding: 30px 25px 0 25px;;
width:955px;

float: left;
background-image:url(../images/bg-sub_page.png);
background-repeat:no-repeat;

}
#subs h1, #subs_page h1 {	font-size:36px;	font-style:italic; margin-bottom:30px; text-shadow:2px 2px 2px #ccc; border-bottom:1px solid #999;}
#subs  .ancoras{ position:relative; display:block; font-weight:bold; font-size:26px;	font-style:italic; margin-bottom:20px; padding-top:20px; text-shadow:2px 2px 2px #ccc; border-bottom:1px solid #999;}
#subs p, #subs li, #subs_page p, #subs_page li { font-size:14px; line-height:19px; margin-bottom:15px; text-align:justify; }

.top{ position:absolute; right:2px;}

.menu_sobre{ margin-left:50px;  }
.menu_sobre li{ display:inline;}

a.ovalbutton{
background: transparent url('../images/bg_button_a.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding:0 18px; /* Width of left menu image */
text-decoration: none;
margin-right:20px;
}

a.ovalbuttonorange{
background: transparent url('../images/bg_button_aorange.gif') no-repeat top left; color: #C00!important;
display: block;
float: left;
font: normal 12px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding:0 18px; /* Width of left menu image */
text-decoration: none;
margin-right:20px;
}a.ovalbuttonorange span{
background: transparent url('../images/bg_button_spanorange.gif') no-repeat top right;
display: block;
padding: 4px 19px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}a.ovalbuttonorange:hover{ /* Hover state CSS */
background-position: bottom left;
}a.ovalbuttonorange:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #C00!important;
}


a:link.ovalbuttonorange, a:visited.ovalbuttonorange, a:active.ovalbuttonorange{
color: #494949; /*button text color*/
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/bg_button_span.gif') no-repeat top right;
display: block;
padding: 4px 19px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}


a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.clientes li{ float:left; display:inline; margin:2px; height:140px; width:230px; text-align:center!important;   }
.clientes li img{  max-height:100px; max-width:160px; text-align:center; }


#ultimos_treinamentos { 
color: #333;
margin: 0px 5px 5px 0px;
padding: 90px 10px 0 20px;
height: 300px;
width: 730px;
float: left;
background-image:url(../images/bg-treinamentos.png);
background-repeat:no-repeat;
position:relative;
}
.lista_treinamento li img{
vertical-align: middle;
margin-right:10px;
float:left;
}
.lista_treinamento li{
font-size:24px;
height:94px;
line-height:24px;
padding:14px 0 0 10px;
border-bottom:#fff 1px dashed;
border-top:#fff 1px dashed;
cursor:pointer;
position:relative;
}
.corporativo li{
	height:auto!important;
	font-size:28px!important;
	line-height:28px!important;
	padding-bottom:35px;
	border-bottom:#ccc 1px dashed;
	padding-right:10px;
}
.lista_treinamento li a{
text-decoration:none;
color:#000;

}
.lista_treinamento li:hover{
background-color:#FFFDDF;
text-shadow:2px 2px 2px #ccc;
border:1px solid #FC6;
margin:0 -1px;
}

.corporativo li p{
padding:10px 5px 0 0;
}

.lista_treinamento li p{
margin-top:12px;
clear:both;
font-style:italic;
font-size:15px;

}
.lista_treinamento li span{
position:absolute;
bottom:15px;
right:20px;
font-size:11px;
display:none;
color:#000;
text-shadow:none;
height:22px;
padding:0px 5px;
background-color:#FC6;

}
.corporativo li span{
position:absolute;
bottom:15px;
right:20px;
font-size:11px;
display:none;
color:#000;
text-shadow:none;
height:auto!important;

padding:0px 5px;
background-color:#FC6;

}
.lista_treinamento li:hover span{
display:block;

}
#todos{
position:absolute;
right:22px;
top:28px;
}

#rightcolumn { 
float: right;
color: #333;
background-image:url(../images/bg-side.png);
background-repeat:no-repeat;
margin: 0px 0px 5px 0px;
padding: 0px;
height: 430px;
width: 237px;
display: inline;
position: relative;
}
.newsletter{
padding-top:30px;
text-align:center;
}
.newsletter input{
background-color:#333;
height:27px;
border:1px solid #ccc;
font-size:20px;
color:#666;
width:200px;
padding:3px;
background-image:url(../images/bg_input.png);
background-repeat:repeat-x;
margin-top:10px;

}
.newsletter button{
cursor:pointer;
margin-top:5px;
}

.incompany{
text-align:center;
margin-top:30px;
}

.recrutamento{
text-align:center;
margin-top:10px;
}



/*////////////////////////////////////////////

~ threebox

////////////////////////////////////////////*/


#threebox { background-image: url(../images/bg_three.png); 	background-repeat: no-repeat; 	height: 241px; }
#threebox li { 	float: left; 	display:inline; }

#threebox .depoimento { width: 255px; 	padding:70px 10px 5px 30px; font-size:12px; line-height:1.3em; 	position:relative; }
#threebox .depoimento span { font-weight:bold; position:absolute; font-size:11px; top: 195px;	right:0px;	margin-left:13px; }


#threebox .ultimas { padding:50px 0 0 63px; width:290px; position:relative; height:170px;  }
#threebox .ultimas li {margin-bottom:2px;}
#threebox .ultimas em { font-size:11px; font-style:normal; }
#threebox .ultimas span a { font-size:18px; color:#ff9c00; display:block;  padding:5px; text-decoration:none; }
#threebox .ultimas span a:hover { text-decoration:none; background-color:#ff9c00; color:#FFF;}
#threebox .ultimas button { cursor:pointer; position:absolute; bottom:0px; left:60px; display:inline; }

#threebox .keyword { padding:60px 0 0 50px; width:285px;  height:170px; font-size:110%;  }
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

#cloud {  line-height: 1.8em; text-align:center;  }
#cloud a { padding:6px 12px; text-decoration:none; color:#666; }
#cloud a:hover { color:#FFF; background-color:#ff9c00; }

/*////////////////////////////////////////////

~ Processo seletivo

////////////////////////////////////////////*/

#formulario{
font-size:12px;
width:530px;
float:left;
}

#formulario input[type=text], select{

border:1px solid #ccc;
font-size:14px;
color:#000;
margin:2px 5px;
padding:4px;
background-position: top;
background-image:url(../images/bg_input.png);
background-repeat:repeat-x;

}
#formulario input:focus{
background-position: bottom;
background-image:url(../images/bg_input.png);

}
#formulario #enviar{
cursor:pointer;
width:100%;
color:#000;
border:1px solid #ccc;
font-size:14px;
font-weight:bold;
padding:4px;
background-position: bottom;
background-image:url(../images/bg_input.png);
background-repeat:repeat-x;

}
#formulario #enviar:hover{
border:1px solid #C00;
color:#C00;
}
#infos_processo{
background-color:#F2F2F2;
float:right;
padding:10px;
width:375px;
color:#333;	
}

#infos_processo p{
font-size:12px;
line-height:1.4em;	
}


#testemunho_incompany{
position:relative;
margin:0 0 0 20px;
float:right;
padding:9px 10px 0px 25px;
width:375px;

}
#testemunho_incompany p{
font-size:11px!important;

}

.positive{
display:block;
background:#FFC url(../images/apply2.png) no-repeat 5px 10px;

margin:0 0 20px 0;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:15px;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;

padding:8px 8px 7px 29px; /* Links */
}
/*////////////////////////////////////////////

~ contato

////////////////////////////////////////////*/

#mapa{
float:right; font-size:11px; margin-bottom:40px; 

}
#contato{

background-color:#FFF;
font-size:12px;
width:330px;
float:left;

padding:0 0 20px 0;
padding-right:80px;



}

#contato textarea{
background-color:#FFF;
border:1px solid #ccc;
font-size:14px;
width:357px;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
height: 135px;
}

#contato input[type=text], #inscricao input, #contato select{

border:1px solid #ccc;
font-size:14px;
color:#000;
width:290px;
margin:2px 5px;
padding:6px;
background-position: top;
background-image:url(../images/bg_input.png);
background-repeat:repeat-x;

}
#contato input:focus , #inscricao input:focus{
background-position: bottom;
background-image:url(../images/bg_input.png);

}
#contato #enviar{
cursor:pointer;
width:370px;
color:#000;
border:1px solid #ccc;
font-size:14px;
font-weight:bold;
padding:5px;
background-position: bottom;
background-image:url(../images/bg_input.png);
background-repeat:repeat-x;

}
#contato #enviar:hover{
border:1px solid #C00;
color:#C00;
}


.clear{
clear: both;
height:1px;

width:95%;
margin:15px auto;

}
.aviso{
font-size:11px;
color:#C00;
}
#inscricao form fieldset{
	background-color:#F5F5F5;
	
	border-width:2px;
	border-style:solid;
	border-color:#FC9;
	
	font-size:12px;	
	margin:50px 0px 20px 0px;
	
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

#inscricao form fieldset legend{	
	background-color:#E46E00;
	border-width:1px;
	border-style:solid;
	border-color:#E46E00;
	color:#fff;
	font-weight:bold;
	font-size:150%;
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}#inscricao form input{
	width:220px;
	float:left;
}
#inscricao form label{
	
	display:block;
	float:left;
	width:100px;
	
	margin:6px 5px 0px 10px;
}
#inscricao form button{
	float:right;
	
	cursor:pointer;
	
	
}
.inscricaop{
	padding:10px 5px;
	
	font-size:25px!important;
	
	
}

/* LOJA */

.discounted-item            { width: 47%; margin: 0 15px 20px 5px; position: relative; cursor:pointer;   height: 139px; float:left; display:inline; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
 
.discount-bar               { padding: 8px 10px 10px 10px; font: italic 12px Georgia, Serif;  text-align: justify; }
.discount-bar strike        { color: #999; padding: 0 5px; }
.discount-bar span          { font: 11px Helvetica, Sans-Serif; }

.reasonbar                  { padding: 4px 0 4px 5px; overflow: hidden; color: white; }
                 
.prod-title                 {  font: bold 16px Helvetica, Sans-Serif; height:17px;}
.reason                     { width: 49%; float: right; text-align: right; text-transform: uppercase; letter-spacing: 2px; padding: 0 5px 0 0; }
                              
.discounted-item                     { border: 1px solid #666; }
.discounted-item  .reasonbar         { background: #666;}
.discounted-item  .discount-bar      { color: #E56D00; background: white; }

.discounted-item a { display:block;		float:left;		 width:100px; height:95px; 	line-height:100px;
		overflow:hidden;		position:relative;		z-index:1;				 margin-right:20px;	}
		
.discounted-item img a{		float:left;		position:absolute;	}