*        { margin:0; padding:0; font-family:Tahoma, Arial, Verdana; }
body     { margin:0 auto; color:#000; text-align:center; font-size:11px; background:#e5e5e5; }
a        { outline:none; text-decoration:none; color:#d7251d; } a:hover { color:#666; }
p        { text-align:justify; line-height:18px; }  small { font-size:10px; }
ul       { list-style:none; }
img      { border:none; }
table    { border:none; }
fieldset { border:none; }
iframe   { border:none; }
input    { border:1px solid #ddd; font-size:11px; padding:3px 5px; background:url(../img/input_bg.gif) top repeat-x; color:#666; }
textarea { border:1px solid #ddd; font-size:11px; padding:3px 5px; background:url(../img/input_bg.gif) top repeat-x; color:#666; }
select   { border:1px solid #ddd; font-size:11px; padding:3px 2px; background:url(../img/input_bg.gif) top repeat-x; color:#666; }
button   { }
h2, h3   { font-weight:normal; text-transform:uppercase; } h2 { font-size:14px; } h3 { font-size:12px; }


/* ---------------------------------------------------------------------- */
	#main     { padding-bottom:40px; background:#fff url(../img/main_bg.jpg) top center no-repeat; }
	.clearfix { display:block; clear:both; overflow:hidden; height:1px; font-size:1px; }
	.left     { float:left; } 
	.right    { float:right; }
	.center   { width:900px; margin:0 auto; text-align:left; }
	.over     { width:750px; }
	label.error { color:red; font-size:10px; }
/* ---------------------------------------------------------------------- */

/* Cabecalho */
#header { height:160px; padding-top:50px; } /* background:url(../img/header_bg.png) 100px 0px no-repeat; _background:url(../img/header_bg.gif) 100px 0px no-repeat; */
#header h1 a { float:left; display:block; width:210px; height:77px; text-indent:-9999em; background:url(../img/logokreateva.png) no-repeat; _background:url(../img/logokreateva.gif) no-repeat; } /* Logomarca Manobra Radical */		
#header .right { width:225px; }
#header .right p { line-height:normal; font-size:10px; color:#444; }
#header .right h3 { margin-bottom:5px; }
#header .right a.rede { display:block; float:left; width:24px; height:24px; margin-right:5px; text-indent:-9999em; }
#header .right a.twitter { background:url(../img/rede_twitter.gif) no-repeat; }
#header .right a.facebook { background:url(../img/rede_facebook.gif) no-repeat; }
#header .right a.orkut { background:url(../img/rede_orkut.gif) no-repeat; }
#header .right a.blogspot { background:url(../img/rede_blogspot.gif) no-repeat; }

#header #newsletter .aviso { padding:15px 0; background-image:none; } #header #newsletter .aviso h3 { font-size:10px; margin:0; }
#header #newsletter input { background:url(../img/newsletter_input.gif) no-repeat; width:211px; border:none; font-size:10px; color:#666; padding:6px 7px; margin-bottom:3px; _margin-bottom:1px; }
#header #newsletter button { border:none; background:none; text-transform:uppercase; font-size:10px; margin-left:80px; _margin-left:70px; }


/* Menu */
ul#nav { width:165px; height:360px; background:url(../img/nav.gif) 3px 0px no-repeat; }
ul#nav li {  }
ul#nav li a { display:block; height:29px; margin-bottom:1px; text-indent:-9999em; }
	#b1  { width:165px; } #b1 a:hover,  #b1 a.active  { background:url(../img/nav.gif) no-repeat -212px    0px; }
	#b2  { width:165px; } #b2 a:hover,  #b2 a.active  { background:url(../img/nav.gif) no-repeat -212px  -30px; }
	#b3  { width:165px; } #b3 a:hover,  #b3 a.active  { background:url(../img/nav.gif) no-repeat -212px  -60px; }
	#b4  { width:165px; } #b4 a:hover,  #b4 a.active  { background:url(../img/nav.gif) no-repeat -212px  -90px; }
	#b5  { width:165px; } #b5 a:hover,  #b5 a.active  { background:url(../img/nav.gif) no-repeat -212px -120px; }
	#b6  { width:165px; } #b6 a:hover,  #b6 a.active  { background:url(../img/nav.gif) no-repeat -212px -150px; }
	#b7  { width:165px; } #b7 a:hover,  #b7 a.active  { background:url(../img/nav.gif) no-repeat -212px -180px; }
	#b8  { width:165px; } #b8 a:hover,  #b8 a.active  { background:url(../img/nav.gif) no-repeat -212px -210px; }
	#b9  { width:165px; } #b9 a:hover,  #b9 a.active  { background:url(../img/nav.gif) no-repeat -212px -240px; }
	#b10 { width:165px; } #b10 a:hover, #b10 a.active { background:url(../img/nav.gif) no-repeat -212px -270px; }
	#b11 { width:165px; } #b11 a:hover, #b11 a.active { background:url(../img/nav.gif) no-repeat -212px -300px; }
	#b12 { width:165px; } #b12 a:hover, #b12 a.active { background:url(../img/nav.gif) no-repeat -212px -330px; }

/* Conteudo */
#content { width:690px; overflow:hidden; }
	#content .left { width:420px; }
	#content .right { width:225px; }
	
/* Rodape */
#footer { clear:both; border-top:1px dotted #666; }
#footer .center { padding:23px 0 30px 0; background:url(../img/footer_bg.gif) 0px 20px no-repeat; }
#footer h3, #footer h4 { display:none; }
#footer p { text-align:right; font-size:10px; line-height:16px; color:#555; }
#footer p strong { font-weight:normal; color:#000; }
#footer a { color:#f37600; } #footer a:hover { color:#999; }

/* Aviso */
.aviso { padding:30px 10px; text-align:center; border:1px dotted #999; background:#f5f5f5 url(../img/aviso_ico.gif) no-repeat 35px 24px; }
	.aviso h3 { font-size:15px; text-align:center; font-weight:normal; text-transform:uppercase; margin:0; }
	.aviso p { text-align:center; font-size:10px; }
	
	

/* Home */	
.home h2 { margin-bottom:10px; }
.home .left .r_novidade { border-bottom:1px dotted #000; padding:0 0 10px 0; margin:0 0 10px 0; float:left; width:420px; }
.home .left .r_novidade img { float:left; margin:0 10px 0 0; }
.home .left .r_novidade a { color:#666; display:block; } .home .r_novidade a:hover { color:#333; }
.home .right a.outrospassos { display:block; width:225px; height:54px; text-indent:-9999em; background:url(../img/outrospassos_b.gif) no-repeat;  }
/* Home - Passo a Passos Skin */
.jcarousel-skin-kreateva { margin:15px 0 5px 0; }
.jcarousel-skin-kreateva .jcarousel-container-horizontal { width:150px; padding:0 37px; }
.jcarousel-skin-kreateva .jcarousel-clip-horizontal { width:150px; }
.jcarousel-skin-kreateva .jcarousel-item { width:150px; text-align:center; }
.jcarousel-skin-kreateva .jcarousel-item-horizontal { margin-right: 7px; }
.jcarousel-skin-kreateva .jcarousel-next-horizontal { position:absolute; top:60px; right:5px; width:28px; height:28px; cursor:pointer; background:url(../img/setas.gif) no-repeat -56px 0px; }
.jcarousel-skin-kreateva .jcarousel-prev-horizontal { position:absolute; top:60px; left:5px; width:28px; height:28px; cursor:pointer;  background:url(../img/setas.gif) no-repeat -28px 0px; }
.jcarousel-skin-kreateva .jcarousel-prev-disabled-horizontal { cursor:default; background:url(../img/setas.gif) no-repeat 0px 0px; }

.jcarousel-skin-kreateva .jcarousel-item a { color:#666; display:block; } .jcarousel-skin-kreateva .jcarousel-item a:hover { color:#333; }
.jcarousel-skin-kreateva .jcarousel-item img { margin-bottom:5px; }
.jcarousel-skin-kreateva .jcarousel-item span { overflow:hidden; height:13px; display:block; }
.jcarousel-skin-kreateva .jcarousel-item small { color:#666; }



/* Novidades, Passo a Passo, Trabalhos */
.padrao h2 { margin-bottom:15px; }
.padrao .left p.info { display:block; margin-bottom:15px; font-size:10px; clear:both; height:18px; }
.padrao .left p.info a { color:#000; } .padrao p.info a:hover { color:#999; }
.padrao .left p.info span.data { display:block; float:left; padding-left:21px; background:url(../img/ico_data.gif) left no-repeat;  }
.padrao .left p.info a.video { display:block; float:right; padding-left:19px; margin-left:10px; background:url(../img/ico_video.gif) left no-repeat;  }
.padrao .left p.info a.pdf { display:block; float:right; padding-left:21px; background:url(../img/ico_pdf.gif) left no-repeat;  }
.padrao .left a.imgdestaque { display:block; float:right; margin:6px 0 10px 25px; border:3px solid #e5e5e5; }

.padrao .right ul li { margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #999; background:url(../img/ico_li.gif) left no-repeat; padding-left:15px; }
.padrao .right ul li a { overflow:hidden; height:13px; display:block; color:#666; } .padrao .right ul li a:hover { color:#333; }
.padrao .right p.navpaginas { padding:2px 5px; font-size:10px; text-align:center; background:#e5e5e5; }
.padrao .right p.navpaginas a { margin:0 5px; color:#000; } .padrao .right p.navpaginas a:hover { color:#999; } .padrao .right p.navpaginas a.active { font-weight:bold; }

/* Quem Somos */
.quemsomos h2 { margin-bottom:13px; }
.quemsomos .left p { line-height:22px; _margin-bottom:10px; } .quemsomos .left p+p { margin-top:10px; }
.quemsomos .right iframe { float:left;  border:3px solid #e5e5e5; }
.quemsomos .right p { background:#e5e5e5; text-align:center; padding:2px 0 5px 0; margin-bottom:10px; clear:both; }
.quemsomos .right a { float:left; display:block; border:3px solid #e5e5e5; } .quemsomos .right a+a { margin-left:10px; }
.quemsomos .right img { float:left; }


/* Mostra Itens - Produtos e Professores */
a.m_item { float:left; display:block; width:157px; margin:20px 20px 0 0; }
a.m_item span { display:block; overflow:hidden; height:25px; padding:3px; text-align:center; background:#e5e5e5; color:#000; } .m_item span small { color:#666; }
a.m_item span strong { display:block; overflow:hidden; height:13px; font-weight:normal; }
a.m_item:hover span { background:#999; color:#fff; } a.m_item:hover span small { color:#ddd; }

a.m_item2 { float:left; display:block; width:157px; margin:20px 20px 0 0; }
a.m_item2 span { display:block; overflow:hidden; padding:3px; text-align:center; background:#e5e5e5; color:#000; } .m_item2 span small { color:#666; }
a.m_item2 span strong { display:block; overflow:hidden; font-weight:normal; }
a.m_item2:hover span { background:#999; color:#fff; } a.m_item2:hover span small { color:#ddd; }

a.m_categoria { float:left; display:block; width:157px; height:290px; overflow:hidden; margin:20px 20px 0 0; }
a.m_categoria span { position:absolute; float:left; margin:200px 0 0 0; background:#fff; padding:10px 0; width:157px; text-align:center; text-transform:uppercase; font-size:15px; letter-spacing:2px; color:#000; }
a.m_categoria:hover span { background:#e5e5e5; }


/* Produtos */
.produtos h2 { margin-bottom:10px; }
.produtos h2 span, .produtos h2 span a { color:#666; }
.produtos .aviso { margin-top:20px; }
.produtos .selecionasub { background:#e5e5e5; padding:5px 10px; color:#333; margin:10px 0 0 0; font-size:10px; }
.produtos .selecionasub form select { width:200px; margin-left:5px; }

/* Professores */
.professores h2 { margin-bottom:10px; }
.professores .aviso { margin-top:20px; }

/* Onde Comprar */
.ondecomprar p { margin:10px 0 15px 0; }
.ondecomprar a.loja1 img, .ondecomprar a.loja2 img, .ondecomprar a.loja3 img { margin-bottom:8px; }
.ondecomprar a.loja1 { float:left; text-align:center; color:#666; }
.ondecomprar a.loja2 { float:left; text-align:center; color:#666; margin:0 0 0 65px; }
.ondecomprar a.loja3 { float:right; text-align:center; color:#666; }
.ondecomprar a.loja4 { float:left; text-align:center; color:#666; margin:20px 0 0 0; }

/* Duvidas Frequentes */
.duvidas h2 { padding-bottom:10px; }
.duvidas h3 a { color:#444; margin-top:10px; clear:both; display:block; border-bottom:1px dotted #666; padding:0 0 10px 0; }
.duvidas h3 a strong { color:#d7251d; }
.duvidas .trigger { display:block; }
.duvidas .toggle_container { padding:5px 0 10px 0; margin-bottom:10px; overflow:hidden; clear:both; border-bottom:1px dotted #666;  }
.duvidas .toggle_container p+p { margin-top:10px; }

/* Fale Conosco */
.faleconosco h2 { margin-bottom:13px; }
.faleconosco .aviso { margin-top:10px; background-image:none; }
.faleconosco label small { color:red; }
.faleconosco form { margin-top:20px; }
.faleconosco form select { width:140px; } .faleconosco form input { width:128px } .faleconosco form textarea { width:345px; height:52px; }
.faleconosco form table td { padding:0 0 7px 0; }
.faleconosco form button { float:right; background:#d7251d; border:1px solid #751612; color:#fff; padding:5px 7px; text-transform:lowercase; font-size:10px; cursor:pointer; }
.faleconosco form button:hover { background:#751612; border:1px solid #340705; }
.faleconosco form #uf { text-transform:uppercase; }
.faleconosco #artesanato, #cliente, #crianca, #pai, #professor, #representante { background:none; width:auto; border:none; margin-right:5px; float:left; }


/* Campanha */
.campanha .aviso { margin-top:10px; background-image:none; }
.campanha h2 { margin-bottom:13px; } .campanha h3 { margin:15px 0; }
.campanha label small { color:red; }
.campanha form { margin-top:20px; }
.campanha form select { width:140px; } .campanha form input { width:128px } .campanha form textarea { width:408px; height:40px; }
.campanha form table td { padding:0 0 7px 0; }
.campanha form button { float:right; background:#d7251d; border:1px solid #751612; color:#fff; padding:5px 7px; text-transform:lowercase; font-size:10px; cursor:pointer; }
.campanha form button:hover { background:#751612; border:1px solid #340705; }
.campanha p.regulamento { display:block; border-top:1px dotted #999; margin-top:10px; padding-top:5px; text-align:center; }


/* Quer ser um parceiro kreateva? */
.parceiros ul { list-style:inside; }
.parceiros .parceiro1 { margin-right:30px; float:left; } .parceiros .parceiro2 { float:right; }
.parceiros .parceiro1 h2, .parceiros .parceiro2 h2 { margin-bottom:10px; font-weight:bold; font-size:12px; color:#dd127b; }
.parceiros .parceiro1 p, .parceiros .parceiro2 p { color:#666; margin-bottom:10px; }
.parceiros .parceiro1 li, .parceiros .parceiro2 li { color:#6e3484; margin-bottom:10px; font-size:10px; line-height:18px; text-align:justify; }
.parceiros .parceiro1, .parceiros .parceiro2 { width:210px; margin-top:30px; }

.parceiros a.cadparceiros { display:block; margin-top:10px; padding:5px; text-align:center; background:#dd127b; font-size:11px; color:#fff; font-weight:bold; text-transform:uppercase; }
.parceiros a.cadparceiros:hover { background:#6e3484; }


a.banner_estatico { display:block; margin-top:20px; }
#banner { margin-bottom:20px; }
/* AnythingSlider v1.2 */
.anythingSlider                         { width:225px; height:200px; position:relative; }
.anythingSlider img                     { }
.anythingSlider .wrapper                { width:225px; height:200px; overflow:auto; position:absolute; top:0; left:0; }
								 
.anythingSlider .wrapper ul             { width:32700px; list-style:none; position:absolute; top:0; left:0; } /* Width below is max for Opera */
.anythingSlider ul li                   { width:225px; height:200px; display:block; float:left; padding:0; margin:0; }
.anythingSlider .arrow                  { display:none; }

#thumbNav                               { position:relative; top:175px; text-align:right; right:10px }
#thumbNav a                             { padding:1px 4px; font-size:10px; color:#000 }
#thumbNav a:hover                       { color:#666; }
#thumbNav a.cur                         { border:1px solid #999; background:#fff }

#start-stop                             { display:none; background:green; color:white; padding:1px 4px; font-size:10px; position:absolute; top:10px; right:9px;  }
#start-stop.playing                     { background-color:red; }
#start-stop:hover                       { background-image:none; }

/* Prevents */
.anythingSlider .wrapper ul ul          { position:static; margin:0; background:none; overflow:visible; width:auto; border:0; }
.anythingSlider .wrapper ul ul li       { float:none; height:auto; width:auto; background:none; }
