/*
	Spot-Training 2010
 	Global
*/
* {
	margin:0;
	padding:0;
}
html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#696969;
}
body {
	background:#eee url(../images/bg-body.jpg) repeat-x;
}
a {
	text-decoration:none;
	color:#696969;
}
a:hover {
	text-decoration:none;
	color:#3f95eb;
}
h1 {
	font-size:180%;
}
h2 {
	font-size:160%;
}
h3 {
	font-size:140%;
}
h4 {
	font-size:120%;
}
.clear {
	clear:both;
}
#main {
	width:960px;
	margin:0 auto;
}
/* Top */
#top {
	width:960px;
	height:193px;
	position:relative;
	top:0;
	left:0;
}
#top img {
	float:left;
	border:none;
}
#top .logo {
	width:162px;
	height:164px;
	margin-top:1px;
}
#top .name {
	width:329px;
	height:123px;
	margin-top:42px;
}
#top .atend {
	width:440px;
	height:123px;
	margin-top:42px;
	float:right;
}
#top .nav {
	width:auto;
	height:16px;
	position:absolute;
	bottom:165px;
	right:20px;
	font-size:110%;
}
/* Container Menu Int */
#container {
	width:960px;
	height:auto;
	margin:0 auto;
}
#container-top {
	width:960px;
	height:9px;
	background:url(../images/container-top.gif) no-repeat 0 0;
	overflow:hidden;
}
#container-mid {
	width:960px;
	height:auto;
	background:url(../images/container-mid.gif) repeat-y;
	overflow:hidden;
}
#container-bottom {
	width:960px;
	height:9px;
	background:url(../images/container-bottom.gif) no-repeat;
	overflow:hidden;
}
#container-menu {
	width:275px;
	float:left;
}
ul#menu {
	list-style:none;
	padding:7px 0 0 2px;
}
ul#menu li {
	background:url(../images/bg-menu.gif) no-repeat;
	min-height:35px;
	height:auto;
}
ul#menu li a {
	background:url(../images/bg-menu-out.gif) no-repeat 0 50%;
	font-size:110%;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 0 3px 40px;
	display:block;
}
ul#menu li a:hover {
	background:url(../images/bg-menu-over.gif) no-repeat 0 50%;
}
/* submenu */
ul#menu ul.sub-menu {
	list-style:none;
	display:none;
	padding:15px 0 0 6px;
}
ul#menu ul.sub-menu li a {
	display:block;
	font-style:italic;
	text-transform:none;
	background:url(../images/bg-menusub-out.gif) no-repeat;
}
ul#menu ul.sub-menu li a:hover {
	background:url(../images/bg-menusub-over.gif) no-repeat;
}
#container-menu a.btcontact {
	width:206px;
	height:40px;
	margin:3px 0 0 33px;
	display:block;
	background:url(../images/bt-contact.gif) no-repeat left top;
	text-indent:-9999px;
}
#container-menu a.btcontact:hover {
	background:url(../images/bt-contact.gif) no-repeat left bottom;
}
/* submenu-app */
ul#menu ul.sub-menu-app {
	list-style:none;
	padding:15px 0 0 6px;
}
ul#menu ul.sub-menu-app li a {
	display:block;
	font-style:italic;
	text-transform:none;
	background:url(../images/bg-menusub-out.gif) no-repeat;
}
ul#menu ul.sub-menu-app li a:hover {
	background:url(../images/bg-menusub-over.gif) no-repeat;
}
/* banner */
#container-mid #banner-container {
	float:left;
	width:684px;
	height:auto;
	margin-left:1px;
	background:url(../images/container-body.gif) no-repeat 0 0;
}
#container-mid #cu3er-container {
	float:left;
	width:663px;
	height:267px;
	margin:5px 0 0 11px;
	background:url(../images/container-body.gif) no-repeat 0 0;
}
#container-mid #cu3er-container img {
	margin:115px 0 0 275px;
	border:none;
}
/* News */
.newbox {
	width:960px;
	height:41px;
	margin:5px 0 3px 0;
	background:url(../images/bg-marquee.jpg) no-repeat 0 0;
}
ul.marquee {
	/* required styles */
	display:block;
	padding:0;
	list-style:none;
	line-height:1;
	position:relative;
	overflow:hidden;
	/* optional styles for appearance */
	width:786px;
	height:35px; /* height should be included to reserve visual space for the marquee */
	margin-left:160px;
	top:3px;
}
ul.marquee li {
	/* required styles */
	position:absolute;
	top:-999em;
	left:0;
	display:block;
	white-space:nowrap; /* keep all text on a single line */
	/* optional styles for appearance */
	font-size:120%;
	font-weight:bold;
/*	padding: 3px 5px;*/
	padding:11px 0 0 0;
}
ul.marquee li a {
	color:#fffdfd;
}
ul.marquee li a:hover {
	color:#696969;
}
/* News ant */
/*
.newbox {
	width:960px;
	height:41px;
	margin:5px 0 3px 0;
	background:url(../images/bg-marquee.jpg) no-repeat 0 0;
}
.newbox ul {
	width:960px;
	list-style:none;
	position:relative;
}
.newbox li {
	width:800px;
	height:41px;
	position:absolute;
	padding:13px 0 0 160px;
	font-size:120%;
	font-weight:bold;
	background:url(../images/bt-news.gif) no-repeat 0 0;
}
.newbox a {
	color:#fffdfd;
}
.newbox a:hover {
	color:#696969;
}
*/
/* Boxes home */
ul#box {
	list-style:none;
}
ul#box li {
	width:312px;
	float:left;
	padding:5px 0 7px 8px;
}
* html ul#box li {
	padding:0 0 7px 7px;
}
.boxtop {
	width:305px;
	height:77px;
	background:url(../images/box-top.jpg) no-repeat;
}
.boxtop h2 {
	font-size:140%;
	padding:28px 0 0 72px;
}
.boxcenter {
	width:305px;
	min-height:170px;
	height:auto;
	padding:3px;
	background:url(../images/box-center.jpg) repeat-y;
}
* html .boxcenter {
	height:170px;
}
.boxcenter h3 {
	font-size:130%;
	padding:0 16px 5px 16px;
}
.boxcenter p {
	padding:5px 16px;
	font-size:120%;
}
.boxcenter dl {
	padding:0 16px 5px 16px;
	font-size:120%;
}
.boxcenter dd {
	padding:5px 0 0 10px;
}
.boxcenter ul#gallery {
	list-style:none;
	position:relative;
}
.boxcenter ul#gallery li {
	width:305px;
	height:154px;
	position:absolute;
}
.boxcenter ul#gallery li img {
	border:#ccc 1px solid;
	padding:1px;
	margin-left:10px;
}
.boxbottom {
	width:305px;
	height:35px;
	background:url(../images/box-bottom.jpg) no-repeat;
}
.boxbottom a {
	padding:6px 30px 0 0;
	text-align:right;
	float:right;
	font-size:120%;
	font-weight:bold;
	color:#3f95eb;
}
.boxbottom a:hover {
	color:#ff9900;
}
/* container-body */
#container-mid #container-body {
	float:left;
	overflow:hidden;
	width:684px;
	min-height:460px;
	height:auto;
	margin-left:1px;
	background:url(../images/container-body.gif) no-repeat 0 0;
}
* html #container-body {
	height:460px;
}
#container-mid #container-body h2 {
	padding:10px 20px;
}
#container-mid #container-body h3 {
	padding:10px 20px;
	font-size:130%;
}
#container-mid #container-body h4 {
	padding:10px 20px;
	font-size:120%;
}
#container-mid #container-body span {
	color:#3f95eb;
	font-size:95%;
}
#container-mid #container-body p {
	padding:10px 20px;
	font-size:120%;
}
#container-mid #container-body a {
	color:#3f95eb;
}
#container-mid #container-body a:hover {
	color:#ff9900;
}
/* App */
#container-mid #container-body dl {
	padding:0 20px;
	font-size:120%;
}
#container-mid #container-body dt {
	font-weight:bold;
	margin:10px 0 5px 0;
}
#container-mid #container-body dd {
	margin:0 0 10px 15px;
}
/* Company */
#container-body .curriculum {
	display:none;
	padding:5px 35px;
}
#container-body .curriculum img {
    float:right;
    width:80px;
    height:119px;
	padding:0 15px;
}
#container-body .comments {
	padding:5px 30px;
}
#container-body .comments dd {
	font-style:italic;
}
#container-body ul.client {
	list-style:none;
	padding:5px 0 5px 40px;
}
#container-body ul.client li {
	float:left;
	width:200px;
	display:block;
}
#container-body .separator {
	padding:10px 0 0 0;
}
/* Infos Curriculum */
#container-body .curriculuminfo img {
    float:right;
    width:80px;
    height:119px;
	padding:0 15px;
}
/* Galery */
#container-body .date-nav {
	width:660px;
	margin:5px auto;
	overflow:hidden;
	border-top:#ccc 1px dotted;
	border-bottom:#ccc 1px dotted;
	color:#ccc;
}
ul.list-ym {
	list-style:none;
	float:left;
	position:relative;
	left:50%;
	height:25px;
}
ul.list-ym li {
	float:left;
	position:relative;
	right:50%;
	margin:0 1px;
	font-size:120%;
	padding:6px 12px;
}
ul.list-img {
	width:500px;
	list-style:none;
	float:left;
	position:relative;
	left:50%;
}
ul.list-img li {
	font-size:90%;
	padding:5px 10px;
	position:relative;
	right:50%;
	margin:5px 1px;
/*	border-bottom:#ccc 1px dotted;*/
}
ul.list-img img {
	border:#ccc 1px dotted;
	padding:2px;
}
ul.list-img li p {
	width:464px;
	color:#696969;
	text-align:center;
	margin:-10px 0 0 0;
}
/* Contact */
#contact {
	width:660px;
	margin:0 auto;
}
#fck {
	margin:10px 20px;
	border:#ccc 1px solid;
}
#contact_name,
#contact_resp,
#contact_email,
#contact_fone,
#contact_tema,
#contact_numero,
#contact_local,
#contact_mes,
#contact_horario,
#contact_empresa,
#contact_cnpj,
#contact_endereco,
#contact_telephone,
#contact_text,
#user_session_login,
#user_session_password,
#app_desc,
#app_link,
#app_file,
#app_ed,
#app_data,
#app_title,
#app_local,
#editor1,
#contact_email_p,
#contact_email_f,
#contact_select,
#title_select {
	width:440px;
	margin:5px 0 10px 0;
	border:#696969 1px dotted;
	padding:3px 3px;
	color:#696969;
}
#user_session_password {
	width:280px;
}
fieldset {
	width:450px;
	border:#ccc 1px dotted;
	padding:20px 93px;
	margin:10px auto;
	font-size:120%;
}
fieldset.atend {
	width:450px;
	border:#ccc 1px dotted;
	padding:0 93px;
}
legend {
	font-size:120%;
	font-weight:bold;
	color:#3f95eb;
	padding:0 0 4px 0;
	background:#fff;
}
.sendBtn {
	width:77px;
	height:29px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	margin-top:5px;
	background:url(../images/bt-send.jpg) left top;
}
.sendBtn:hover {
	background-position:left bottom;
}
.errMsg {
	color:#C30;
	border-bottom:#ccc 1px dotted;
}
p.errMsg {
	margin:10px 20px;
}
.okMsg {
	color:#006600;
	border-bottom:#ccc 1px dotted;
}
p.okMsg {
	margin:10px 20px;
}
/* Curses */
#container-body table {
	width:640px;
	margin:10px auto;
	border:#ccc 1px solid;
	border-collapse:collapse;
	font-size:120%;
}
#container-body table tr th {
	border:#ccc 1px dotted;
	padding:5px;
	font-size:120%;
}
#container-body table tr th.h05 {
	width:5%;
}
#container-body table tr th.h08 {
	width:8%;
}
#container-body table tr th.h10 {
	width:10%;
}
#container-body table tr th.h11 {
	width:11%;
}
#container-body table tr th.h16 {
	width:16%;
}
#container-body table tr th.h20 {
	width:20%;
}
#container-body table tfoot tr td {
	padding:5px;
	text-align:center;
}
#container-body td {
	color:#666;
	border:#ccc 1px dotted;
	padding:5px;
}
#container-body td img {
	border:none;
}
#container-body ul.incompany {
	font-size:120%;
	width:600px;
	margin:0 auto;
}
/* Bottom */
#bottom {
	width:100%;
	height:90px;
	background:url(../images/bg-bottom.gif) repeat-x;
}
#bottom-center {
	width:960px;
	margin:0 auto;
}
#bottom-center .bcleft {
	width:620px;
	padding:33px 0 0 15px;
	float:left;
}
#bottom-center .bcright {
	width:280px;
	float:right;
	position:relative;
}
#bottom-center .bcright p {
	padding:33px 0 0 15px;
}
#bottom-center .bcright p span {
	color:#ff3300;
}
#bottom-center .bcright img {
	border:none;
	position:absolute;
	top:0;
	right:10px;
}

