* {margin:0; padding:0; list-style:none; t:none; text-decoration:none;}
html {}
body {padding:0; text-align:center; background: #252525 url(bk.png) repeat-x;}
img {border:0;}
/* ------------------------------- & tipografia ------------------------------*/
body, p, ul, ol, dl, textarea, select {font: 12px/1.6em Arial, Helvetica, sans-serif; color: #FFF;}
body {_padding-bottom: 10px;}
p {margin-bottom: 6px; text-align:left;}
p strong {font-weight: bold; color: #24486C;}
h1, h2, h3, h5 {line-height: 1.8em; font-family: Verdana, Helvetica, sans-serif; margin-bottom:8px; text-align:left;}
h1 {font-size: 19px;color:#FFF;	margin-left:5px;} 
h2 {font-size: 18px; color: #F90; margin-left:1em;}
h3 {font-size: 16px; color:#84A401; margin-left:1em;}
h4 {font-size: 15px; line-height: 1.5em; font-weight: bold;	color:#066;	text-align:left;} 
h5 {font-size: 14px; font-weight: bold; color:#396;} 
h6 {font-size: 14px; font-weight: bold; color:#33C; text-align:left; font-family: Verdana, Helvetica, sans-serif;}
.texto, #rodape p {padding:8px;}
.centro {display: block; margin: 0 auto;}
a:link, a:visited {color: #84A401; font-weight:bold;}
a:hover {color: #F90;}
/* ------------------------------- & estrutura ------------------------------*/
.corpo{
	position: relative;	
	width: 900px; 
	height: 100%;
	margin: 0 auto; 
	padding-bottom: 10px;
	text-align:left;
}
.topo {
	height: 170px;
	background:url(topo_bottom.png) no-repeat bottom right;
}
#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 220px;
	height: 85px;
	z-index:99;
}
.conteudogeral {
        padding:10px auto;
	height: 100%;
	min-height: 500px;
	background-color: #353535;
}
.rodape {
	height: 180px;
	width:100%;
	background: #000 url(rodape.jpg) no-repeat;
	clear:both;
}
.borda {
	position:relative;
	height: 18px;
	width:593px;
	background:url(borda_rodape.png)0 0 no-repeat;
	float:left;
	margin-top:80px;
}
.base { /*camera */
	width: 307px;
	height: 188px;
	background-image: url(camera.jpg);
	float:right;
	margin-top: 10px;
}
.bk_sub { /*background abaixo do corpo */
	width:100%;
	height: 180px;
	margin-top: -180px;
	background-color: #000;
}
/* ------------------------------- & boxes ------------------------------*/ 
.box  {width: 888px; float: left; margin: 6px; _display:inline;}
.boxb {width: 49%; float:left; margin: 6px;_display:inline;}
.boxbb {width: 47%; float:right; margin: 6px; _display:inline;}
.boxc {width: 595px; float: left; margin: 6px; _display:inline;}
.boxcc {width: 595px; float: right; margin: 6px; _display:inline;}
.boxd {width: 280px; float: left;margin: 6px; _display:inline;}
.boxdd {width: 280px; float: right; margin: 6px; _display:inline;}
.coluna {width: 330px; float: left;margin: 6px; _display:inline;}/*para os eventos*/
.img-flash {width: 545px; float: left; margin: 6px; _display:inline;}/*para os eventos*/
/*--------------------------------- menu horizontal ----------------------------------*/
.menutopo{width:838px;height: 115px; margin:0 auto; overflow:hidden;}
.menutopo ul{ position: relative; right: 0; bottom: 0;}
.menutopo li{text-align:center; display: inline; font: bold 1.2em Tahoma, Verdana, Geneva, sans-serif; }
.menutopo li a, .menutopo li a:visited {float:right; display: block; padding:8px; line-height: 98px; color: #FFF; background: url(menu_bk.png) 0 0 repeat-x;}
.menutopo li a:hover, #home li.home a, #claiton li.claiton a, #portfolio li.portfolio a, #depoimentos li.depoimentos a, #videos li.videos a, #area_clientes li.area_clientes a, #contato li.contato a {color: #8CB101; line-height: 98px; background: url(menu_bk.png) 0 100% repeat-x;}

/* ------------------------------- & login ------------------------------*/
.login {float:right; margin-right:3px; width: 350px; height:26px;}

.login input {border:none; background:transparent url(login.png) no-repeat; float: left; width: 133px; height: 22px; padding: 4px 6px; color: #FFF;}
.login button {background:transparent url(entrar.png) no-repeat; width: 55px ; height: 26px; border: none; padding: 4px 6px; cursor: pointer; color: #FFF;}
.login button:hover {color: #FF3;}
.topo .warning {position:absolute; top: 25px; left: 203px; z-index:100; visibility:hidden;}
#fechar {position:relative; top: -1px; right:5px; z-index: 100; width: 24px; height: 25px; cursor:pointer;}

/* ------------------------------- & tabs ------------------------------*/
ul.tabs li {float: left; width: 110px; height:110px; border:6px solid #FFF; margin:9px; _display:inline;}
ul.tabs li img {border:0;}
html ul.tabs li:hover, html ul.tabs li.active {border:6px solid #F90;}

.tab_container {width: 100%; height: 100%; overflow: hidden; clear: both; float: left;}
.tab_content {padding: 5px;}
.imgbig {width:330px; height:320px; float:left; margin:6px; border: 8px solid #FFF;}
.imgmedio {float:left; margin:6px; border: 6px solid #FFF;}
/* ------------------------------- & especificos ------------------------------*/
.thumb {float:left; border: 3px solid #DDD; margin-right:6px;}/*spry tabbed */
.thumb_b {float:right; border: 1px solid #66C; padding: 4px; margin:6px;} /* cursos */
.botao a:link, .botao a:visited {border: 2px solid #BABABA; background-color: #695; color: #FFF; display:block; line-height:24px; width:130%; min-width: 90px;}
.botao a:hover {background-color: #690;}
.citacao {text-align:right; font-style:italic;}
.copyright {padding: 80px 0 0 18px; font-size:0.9em;}
.valores {color: #84A401; font-size: 2.4em; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
/* ------------------------------- & thumbs dos eventos ------------------------------*/
ul.thumbs li img {
	float: left;
	border: 1px solid #FFF;
	padding: 3px;
	margin: 3px;
	width: 40px;
	height: 40px;
	_display:inline;
}
ul.thumbs li:hover img {
	background-color: #000;
	border: 1px solid #000;
}
ul.paginacao {
	padding: 3px;
	display:block;
}
ul.paginacao li {display:inline; font-weight:bold; font-size: 13px; border: 1px solid #FFF; background-color: #8CB101; padding: 2px 5px;}
ul.paginacao li a {text-decoration:underline; color: #FFF;}
ul.paginacao li a:hover {color: #000;}

/* ------------------------------- & galerias ------------------------------*/
dl.galeria {
	padding: 6px;
	margin: 0 0 15px 10px;
	border: 1px solid #FFF;
	background-color:#353535;
	float: left;
	text-align: center;
	_display:inline;
}
dl:hover.galeria {background-color: #555; display:block;}
dl.galeria dt {
	font-size: 1.1em;
	font-weight: bold;
}
dl.galeria dt img {
	margin: 2px auto 2px;
	padding: 0;
	border: 2px solid #FFF;
	background-color:#FFF;
}
dl.galeria dd {font-size: 0.9em;}
/* ------------------------------ & lista não ordenada ------------------------------------*/
ul.seta li {list-style:inside url(seta.gif); margin-left: 1.3em; text-align: left; top: -16px;}
/* ------------------------------ & lista de thumbs hs ------------------------------------*/
ul#ul_lista_thumbs li, ul.ul_lista_thumbs li{
	position:relative;
	list-style:none;
	overflow:hidden;
	width: 76px;
	height: 80px;
	padding-top:2px;
	float:left;
	margin: 5px;
	border: 1px solid #CCC;
	text-align:center;
}
/* ------------------------------ & depoimentos ------------------------------------*/
.depoimento {
    position:relative;
    margin:12px auto;
    padding: 8px;
    border:1px solid #252525;
    color:#FFF;
}
.depoimento p {
    color:#FFF;
}
.depoimento p.autor {
    text-align:right;
    color:#DBDBDB;
    font-style:italic;
}
.depoimento img {
    float:right;
    margin:6px;
    border: 2px solid #FFF;
}
/* ------------------------------ & formulários ------------------------------------*/
.basico fieldset {
	width: 99%;
	display:block;
	margin-bottom: 10px;
	padding-left: 3px;
	float:left;
	clear:left;
	border: 1px solid #CCC;
	_padding-bottom: 9px;
}
.basico fieldset legend{margin-left: 10px; margin-bottom: 6px; padding: 2px; font-size: 14px; font-weight:bold;color:#09C; }
.basico label.f, .basico label.grande {
	display:block;
	width: 115px;
	height: 20px;
	float:left;
	text-align:right;
	margin-top:3px;
	margin-bottom: 8px;
	margin-left: 5px;
	border:none;
	font-weight: bold;
	color: #FFF;
	_display:inline;
}
.basico label.grande {width: 300px;text-align: left;}
.basico input, .basico textarea, .basico select {
	display:block;
	height: 22px;
	width: 190px;
	float:left;
	text-align:left;
	font: Arial, Helvetica, sans-serif;
	margin-left: 8px;
	color: #FFF;
	margin-bottom: 10px;
	background-color: #171717;
	border:1px solid #BBB;
	cursor:text;
}
.basico textarea {height: 100%;}
.basico input.half, .basico select.half {width: 81px;}
.basico input.quarter, .basico select.quarter{width: 45px;}
.basico label.quarter {width: 35px;}
.basico label.big {width: 230px; text-align:left;}
.basico input[type="radio"] {
  display: visible;
  width:auto;
  background-color: #FFF;
  border:none;
  cursor:pointer;
  float:left;
  clear:left;
}
.basico input[type="hidden"] {
  display: none;
}
.basico select {cursor:pointer;}
.basico button, .basico input[type="submit"]  {cursor:pointer; clear: both; margin: 5px auto; padding: 4px;}
.basico button:hover {background-color: #333; color: #FFF;}
.basico .botoes {width: 25%; float:right; margin-top: -30px; margin-right:150px;}
.basico .botoes_b {width: 25%; float:right; margin-right:150px;}
.basico .botoes_b button {width:110px;}

.clear {clear:both;}
.cl {clear:left;}
.cr {clear:right;}


.jcarousel-skin-tango .jcarousel-container-horizontal {/*conteiner horizontal*/
    width: 820px;
	height: 170px;
	background-color:#191919;
	border: 6px solid #84A401;
	margin:0 auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {/*conteudo interno horizontal*/
    width: 730px;
    height: 145px;
	padding: 5px;
	margin-left: 32px;
}
.jcarousel-skin-tango .jcarousel-item {/*formatação de cada imagem*/
    width: 150px;
    height: 130px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {/**/
    margin-right: 12px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {/*botão da direita*/
    position: absolute;
    top: 65px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {/**/
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {/**/
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {/**/
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {/*botão da esquerda*/
    position: absolute;
    top: 65px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {/**/
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {/**/
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/*box grid*/
.boxgrid{
	width: 150px;
	height: 130px;
	position:relative;
	float: left;
	text-align: center;
	overflow:hidden !important;
	margin: 8px 0 20px 15px;
	border: 5px solid #FFF;
	_display:inline;
}
.boxgrid img {
	position:absolute;
	top:0;
	left:0;
	border:0;
}
.boxgrid:hover {
	border: 5px solid #84A401;
}
.boxcaption {
	position: absolute;
	background-color: #000;
	width:100%;
	height: 60px;
	padding-top: 9px;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* IE até 7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  /* IE 8 */
}
.boxcaption p {text-align:center;}
.captionfull .boxcaption {
	top: 160px;
	left: 0;
}