/* RESETAR */
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;font-size: 100%;vertical-align: baseline;background: transparent; }
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;border-spacing: 0; }

/* ESTRUTURA PADRÃO NETFACE */
* { margin: 0; padding: 0; }
BODY { background-position: center top;background-color: #446226; color: #3a551e; font-family: "Trebuchet MS",Tahoma,Verdana; font-size: 10px; height: 100%; height: auto; }

#inicio { position: relative;margin:0 auto; width: 980px;text-align: left;float:left;background-color: #446226;background: url(http://www.casper.com.br/img/bk_inicial.jpg) no-repeat; }
h1,h2,h3 { line-height : 100%; }
h1 { font-size: 22px;font-weight: normal;line-height : 100%;color: #b6002d; }
h2 { font-size: 14px;margin: 15px 0 10px 0;font-weight: normal;line-height : 100%;color: #b6002d; }
h3 { font-size: 12px;margin: 15px 0 10px 0;font-weight: normal;line-height : 100%;color: #b6002d; }
input,textarea { outline:none; }
p { white-space: normal; margin: 5px 0 0 0; }
img { border: 0; }

a:link { color: #3a551e; font-style: normal; font-weight: normal; text-decoration: none; }
a:visited { color: #3a551e; font-style: normal; font-weight: normal; text-decoration: none; }
a:hover { color: #b6002d; font-style: normal; font-weight: normal; text-decoration: none; }
a:active { font-style: normal; font-weight: normal; text-decoration: none; }

/* COMPLEMENTARES */
.peq { line-height : 100%; font-size: 10px; }
.cate2 { color: #3a551e; font-weight: bold; }
.dq { color: #b6002d; font-weight: bold; }
.efeito { margin: 0px 10px 10px 10px; padding:5px; border:1px solid #dbdbdb;float: right; }
* .efeito { margin: 0px 10px 10px 10px; padding:5px; border:1px solid #dbdbdb;float: right; }
* .efeito:hover { margin: 0px 10px 10px 10px; padding:5px; border:1px solid #979795;background-color: #fff; }
* .efeito:focus { margin: 0px 10px 10px 10px; padding:5px; border:1px solid #979795; }

.efeito2 { margin: 0px 10px 10px 0; padding:5px; border:1px solid #dbdbdb; }
* .efeito2 { margin: 0px 10px 10px 0; padding:5px; border:1px solid #dbdbdb; }
* .efeito2:hover { margin: 0px 10px 10px 0; padding:5px; border:1px solid #979795;background-color: #fff; }
* .efeito2:focus { margin: 0px 10px 10px 0; padding:5px; border:1px solid #979795; }

.img-left { float: left; }
.img-right { float: right; }
.linha { margin: 5px 0 5px 0;padding: 2px 0 5px 0; }

.u { text-decoration: underline; }

/* BARRA DE LOCALIZAÇÃO */
a.bar:link { line-height : 100%; font-size: 10px; }
a.bar:visited { line-height : 100%; font-size: 10px; }
a.bar:hover { line-height : 100%; text-decoration: underline;font-size: 10px; }
a.bar:active { line-height : 100%; font-size: 10px; }
.frase { line-height : 100%;color: #3a551e; font-size: 10px; }

/* FORMULÁRIOS */
fieldset { display: block; }
fieldset label { display: block; }
fieldset .radios label { display: inline; }
label { display:none; }
#formulario { width: 390px; padding: 0 0 20px 0;line-height : 140%; }
.botao { font-size: 11px;font-family: "Tahoma",Arial,Verdana; }

.campo1 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:382px;border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo1 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:382px;border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo1:hover { color: #b6002d; }
* .campo1:focus { color: #b6002d; }

.campo11 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:251px; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo11 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:251px; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo11:hover { color: #b6002d; }
* .campo11:focus { color: #b6002d; }

.campo2 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:382px; height:90px; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px; overflow: auto;cursor:hand; }
* .campo2 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:382px; height:90px; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px; overflow: auto;cursor:hand; }
* .campo2:hover { color: #b6002d; }
* .campo2:focus { color: #b6002d; }

.campo3 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:387px; color: #3a551e;cursor:hand; }
.campo33 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:190px; color: #3a551e;cursor:hand; }
.campo333 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana; color: #3a551e;cursor:hand; }
.campo3332 { font-size: 11px;font-family: "Tahoma",Arial,Verdana; color: #3a551e;cursor:hand; }

.campo4 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:100px; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo4 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana;width:100px; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo4:hover { color: #b6002d; }
* .campo4:focus { color: #b6002d; }

.campo5 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo5 { font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana; border-left: 0px;border-right: 0px;border-bottom: #e0e4d6 solid 1px;border-top: 0px; color: #3a551e;padding: 2px 2px 2px 2px;cursor:hand; }
* .campo5:hover { color: #b6002d; }
* .campo5:focus { color: #b6002d; }


/* IMAGENS AMPLIADAS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.casper.com.br/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.casper.com.br/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font-size: 10px Tahoma, Helvetica, sans-serif; background-color: #2f2f2f; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #192909; }

div#cEsquerda { float: left; width: 49%; padding-right: 1em; }
div#cDireita { margin-left: 50%; padding-left: 1em; }
/* FINALIZA ESTRUTURA PADRÃO NETFACE */

.esquerda { background-image:url(http://www.casper.com.br/img/esquerda.jpg); background-position:top right; background-repeat:no-repeat }
.direita { background-image:url(http://www.casper.com.br/img/direita.jpg); background-position:top left; background-repeat:no-repeat }

#cima1 { float: left;width:376px;height:557px; }
#cima2 { float: left;width:604px;height:557px; }

#meio2 { float: left;width:190px;height:205px; }

#baixototal { float: left;width:980px;height:179px; }
#baixo1 { float: left;width:376px;height:179px; }
#baixo1_1 { float: left;width:124px;height:110px; }
#baixo2 { float: left;width:304px;height:179px; }
#baixo3 { float: left;width:300px;height:179px; }

#c_02 { float: left;background: url(http://www.casper.com.br/img/c_02.jpg) no-repeat;width:463px;height:19px;padding: 15px 0 0 27px; }
#c_03 { float: left;width:54px;height:34px; }
#c_04 { float: left;width:68px;height:34px; }
#c_05 { float: left;width:63px;height:34px; }
#c_06 { float: left;width:87px;height:34px; }
#c_07 { float: left;width:61px;height:34px; }
#c_08 { float: left;width:70px;height:34px; }
#c_09 { float: left;width:87px;height:34px; }
#c_11 { float: left;width:376px;height:250px; }
#c_12 { float: left;background: url(http://www.casper.com.br/img/c_12.jpg) no-repeat;width:604px;height:70px; }
#c_13 { float: left;background: url(http://www.casper.com.br/img/c_13.jpg) no-repeat;width:534px;height:20px;padding: 5px 0 0 0;text-align: right; }
#c_14 { float: left;width:70px;height:25px; }
#c_15 { float: left;width:604px;height:257px; }
#c_16 { float: left;width:376px;height:307px; }
#c_17 { float: left;background: url(http://www.casper.com.br/img/c_17.jpg) no-repeat;width:359px;height:186px;padding: 71px 36px 0 19px;line-height : 120%; }
#c_18 { float: left;background: url(http://www.casper.com.br/img/c_18.jpg) no-repeat;width:155px;height:54px;padding: 54px 27px 0 8px;color: #b9d4a4; }
#c_19 { float: left;background: url(http://www.casper.com.br/img/c_19.jpg) no-repeat;width:128px;height:16px; }
#c_20 { float: left;width:34px;height:16px; }
#c_21 { float: left;background: url(http://www.casper.com.br/img/c_21.jpg) no-repeat;width:28px;height:16px; }
#c_22 { float: left;background: url(http://www.casper.com.br/img/c_22.jpg) no-repeat;width:190px;height:17px; }

#c_23 { float: left;background: url(http://www.casper.com.br/img/c_23.jpg) no-repeat;width:150px;height:58px;padding: 6px 0 0 40px; }
#c_24 { float: left;width:376px;height:69px; }
#c_25 { float: left;width:304px;height:69px; }
#c_26 { float: left;background: url(http://www.casper.com.br/img/c_26.jpg) no-repeat;width:122px;height:32px;padding: 103px 34px 0 144px;line-height : 120%; }
#c_27 { float: left;background: url(http://www.casper.com.br/img/c_27.jpg) no-repeat;width:92px;height:70px;padding: 0 0 0 32px; }
#c_28 { float: left;background: url(http://www.casper.com.br/img/c_28.jpg) no-repeat;width:225px;height:109px;padding: 1px 17px 0 10px; }
#c_29 { float: left;background: url(http://www.casper.com.br/img/c_29.jpg) no-repeat;width:284px;height:100px;padding: 10px 10px 0 10px;line-height : 120%; }
#c_30 { float: left;background: url(http://www.casper.com.br/img/c_30.jpg) no-repeat;width:141px;height:15px; }
#c_31 { float: left;width:76px;height:15px; }
#c_32 { float: left;background: url(http://www.casper.com.br/img/c_32.jpg) no-repeat;width:83px;height:15px; }
#c_33 { float: left;width:124px;height:40px; }
#c_34 { float: left;background: url(http://www.casper.com.br/img/c_34.jpg) no-repeat;width:300px;height:29px; }
#c_35 { float: left;background: url(http://www.casper.com.br/img/c_35.jpg) no-repeat;width:980px;height:1px; }
#c_36 { float: left;width:980px;height: 48px; }
#c_36_inicial { float: left;width:980px;height: 48px; }
#c_36_1 { float: left;width:663px;padding: 10px 0 0 29px;line-height : 120%;color: #cbd6c0; }
#c_36_2 { float: left;width:259px;padding: 10px 29px 0 0;line-height : 120%;text-align: right; }

a.c2:link { color: #d6e4c7; }
a.c2:visited { color: #d6e4c7; }
a.c2:hover { color: #fff; }
a.c2:active { color: #d6e4c7; }

a.c17:link { color: #606060; }
a.c17:visited { color: #606060; }
a.c17:hover { color: #32671e; }
a.c17:active { color: #606060; }

a.c28_1:link { color: #c8dace; }
a.c28_1:visited { color: #c8dace; }
a.c28_1:hover { color: #fff; }
a.c28_1:active { color: #c8dace; }

a.c28_2:link { color: #fff;font-size: 11px;font-weight: bold; }
a.c28_2:visited { color: #fff;font-size: 11px;font-weight: bold; }
a.c28_2:hover { color: #c6d7b5;font-size: 11px;font-weight: bold; }
a.c28_2:active { color: #fff;font-size: 11px;font-weight: bold; }

a.c28_3:link { color: #a3af9b; }
a.c28_3:visited { color: #a3af9b; }
a.c28_3:hover { color: #c3ccbd; }
a.c28_3:active { color: #a3af9b; }

.sele1 { background-color: #638842;font-size: 10px;font-family: "Trebuchet MS",Tahoma,Verdana; color: #fff;width:155px; }
.sele2 { background-color: #638841;font-size: 11px;font-family: "Trebuchet MS",Tahoma,Verdana; color: #fff;border: 0px; }

.img1 { border:1px solid #ced6be; }
* .img1 { border:1px solid #ced6be; }
* .img1:hover { border:1px solid #2d4415; }
* .img1:focus { border:1px solid #2d4415; }

a.c29:link { color: #a2b99f; }
a.c29:visited { color: #a2b99f; }
a.c29:hover { color: #ccdacb; }
a.c29:active { color: #a2b99f; }

.c36_1 { color: #cbd6c0;font-weight: bold; }

a.c36_2:link { color: #cbd6c0; }
a.c36_2:visited { color: #cbd6c0; }
a.c36_2:hover { color: #fff; }
a.c36_2:active { color: #cbd6c0; }

a.c36_22:link { color: #fff;font-weight: bold; }
a.c36_22:visited { color: #fff;font-weight: bold; }
a.c36_22:hover { color: #cbd6c0;font-weight: bold; }
a.c36_22:active { color: #fff;font-weight: bold; }

a.c36_3:link { color: #cbd6c0;font-weight: bold; }
a.c36_3:visited { color: #cbd6c0;font-weight: bold; }
a.c36_3:hover { color: #fff;font-weight: bold; }
a.c36_3:active { color: #cbd6c0;font-weight: bold; }

#conteudo { float: left;width:944px;padding: 0 18px 0 18px; }
#conteudo2 { float: left;width: 944px;background-color: #fff; }
#conteudo1 { float: left;width:664px;background: url(http://www.casper.com.br/img/conteudo2.jpg) no-repeat;padding: 25px 236px 50px 44px;text-align:justify;line-height : 140%;font-size: 11px; }
#baixo { float: left;width:944px;height:6px;background: url(http://www.casper.com.br/img/baixo.jpg) no-repeat;font-size: 1px; }
#baixorod { float: left;width:944px;height:13px;font-size: 1px; }

ul.lista3 { list-style: inside url(http://www.casper.com.br/img/s1.gif);margin: 0 0 0 20px; }

.efeito5 { float:left;margin: 0px 10px 10px 0; padding:5px; border:1px solid #dbdbdb; }
* .efeito5 { float:left;margin: 0px 10px 10px 0; padding:5px; border:1px solid #dbdbdb; }
* .efeito5:hover { float:left;margin: 0px 10px 10px 0; padding:5px; border:1px solid #979795;background-color: #fff; }
* .efeito5:focus { float:left;margin: 0px 10px 10px 0; padding:5px; border:1px solid #979795; }

#int_geral { float: left;width: 980px; }
#int_1 { float: left;width: 376px;height: 311px;display: inline; }
#int_2 { float: left;width: 604px;height: 311px; }
#banner { float: left;width:604px;height: 216px; }
#cabeca { float: left;width:376px;height: 61px;background: url(http://www.casper.com.br/img/cabeca.jpg) no-repeat;font-size: 1px; }
#cabeca2 { float: left;width:980px;height: 33px;background: url(http://www.casper.com.br/img/cabeca2.jpg) no-repeat; }

#caminho {
	position: absolute;
	left: 395px;
	width: 391px;
	height: 28px;
	top: 355px;
	z-index:1;
	text-align: left;
	font-size: 10px;
}

#caminho2 {
	position: absolute;
	left: 44px;
	width: 326px;
	height: 55px;
	top: 315px;
	z-index:1;
	text-align: left;
}