* {margin:0;
   padding:0;
   }
   
/* Gerais */

@font-face {
    font-family:KaratMedium;
    font-style:  normal;
    font-weight: normal;
	src: local("KaratMedium"), url(http://www.donacereja.com.br/teste/font/KAMN.ttf) format("truetype"); /* non-IE */
    src: url(http://www.donacereja.com.br/teste/font/KAMN.eot); /* para IE */   
}

h1 {padding:16px 0 0 40px;}

h2,input {color:#FFF;}

h2 {font-size:14px;
	/*background-color:#7b6d57;*/
	padding:10px 0 10px 0;
	text-align:center;
	}
	
h3 {color:#6c5035;
    font-size:13px;
	text-transform:uppercase;
	padding:20px 0 0 60px;
	text-align:center;
	}
	
h4 {color:#333333;}	

	
fieldset {height:auto;
		  float:left;
		  margin-left:10px;

		  }
		  
legend {color:#630;
        margin:0 0 0 10px;
		font-size:15px;
		}	

body {font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;  
      font-size:13px;
	  background:url(../images/background.jpg) right;   
	  background-color:#c4c4c4; 
	  color:#595959;
	  }

p {padding:5px;}


/* Divs*/

#geral {width:770px;
		margin:0 auto;
		}
		
#bannerTopo{
	width:392px;
	height:105px;
}
		
#barraEsquerda {width:117px;
				height:888px;
				background:url(../images/barraEsquerda.png);
				float:left;				
				}
				
#barraDireita {width:115px;
			   height:888px;
			   background:url(../images/barraDireita.png);
			   float:right;
				}							

#topo {width:770px;
	   height:260px;
       background:url(../images/topo.png);
	   float:left;
	   }
	   
#conteudo {
	width:766px;
	height:auto;
	float:left;
	padding-bottom:3px;
	background-image: url(../images/body.jpg);
}

#conteudo2 {
	width:766px;
	height:auto;
	float:left;
	padding-bottom:3px;
	background-image: url(../images/body2.jpg);
}

#lateral-direita-relogio{
	color:#72604d;		            
	margin:-529px 90px 0 508px;
	position:absolute;
}

#menuCategorias{
	margin:-10px 0 0 156px;
}

#galeryAlign{
	margin-left:50px;
	*margin-left:0px;
}

#back{
	clear:both;
	float:right;
	width:75px;
	height:15px;
	padding:3px;
	margin:10px 3px 0 0;
	text-align:right;
	cursor:pointer;
}

#pictureBefore{
	margin: 5px 10px 5px 0pt; 
	width: 240px; 
	text-align: center; 
	cursor: pointer; 
	float: left; 
	display: table; 
	position: relative;
}
			
#rodape {
		width:770px;
		height:118px;
		background:url(../images/rodape2.png);
		float:right;
}			

/* Fim */	

/*ID's Admin*/
#formUp{
	width:640px;
	height:300px;
	float:right;
}
/*End*/

/* Class*/

.banner {margin:-110px 60px 0 0; float:right;}

.lateral {width:180px;
          height:492px;
		  /*background:url(../images/lateral.png);*/
		  float:left;
		  margin-right:5px;
		  }
		  
.lateralCatalogo {width:200px;
          height:492px;
		  float:left;
		  }		  
				
.conteudoHome {width:500px;
       height:auto;
	   margin:0 10px 0 10px;
	   float:right;
	   }
	   
.conteudoCatalogo {width:520px;
       height:auto;
	   margin:0 10px 0 10px;
	   float:right;
	   }
	   
.titlePages{
	width:520px;
	height:20px;
	margin:23px 10px 0 10px;
	float:right;
	border-bottom:#727272 1px solid;
}

.titlePagesPay{
	width:520px;
	height:20px;
	margin:12px 37px 0 0;
	float:right;
	border-bottom:#727272 1px solid;
}

.titlePagesArtist{
	width:520px;
	height:150px;
	margin:13px 10px 0 10px;
	float:right;
	border-bottom:#727272 1px solid;
}

.descriptionArtist{
	width:520px;
	height:auto;
	margin:5px 10px 10px 10px;
	float:right;
}
	   
.conteudoAplicacao {width:560px;
       height:auto;
	   float:right;
	   margin-right: 7px;
	   background-color:#fff;
	   }	   	   
	   
.conteudoQuemSomos {width:500px;
                    height:155px;
		            background-color:#c2b9ab;
		            text-align:center;
		            color:#72604d;		            
		            margin:15px 25px 0 0;
					float:right;
	               }
				   
.conteudoComoAplicar{width:376px;
                    height:540px;
					background:url(../images/quadrado.jpg) no-repeat;
		            color:#72604d;		            
		            margin:15px 90px 0 0;
					float:right;
	               }
.medida{margin:15px 80px 0 85px;
	}			   
.conteudoRelogio{width:598px;
                    height:20px;
					/*background:url(../images/quadrado-relogio.jpg) no-repeat;*/
		            color:#72604d;		            
		            margin:15px 80px 0 0;
					float:right;
	               }

.conteudoDuvidasFrequentes{width:746px;
                    height:2221px;
					background:url(../images/duvidas-frequentes.png) no-repeat;
		            color:#72604d;		            
		            margin:15px 10px 0 0;
					float:right;
	               }
				   
.conteudoContato {width:750px;
	   margin:0 10px 10px 10px;
	   }
	   
.formularioContato {width:400px;
	   margin:0 0 5px 0;
	   float:left;
	   border-right:2px dashed #878682;
	   }	   
	   
	   
.conteudoDuvidas {width:315px;
       height:auto;
	   margin:15px 10px 25px 5px;
	   float:right;
       border-bottom:1px dashed #878682;
	   } 
	   
.conteudoTelefone {width:315px;
       height:auto;
	   margin:0 10px 10px 5px;
	   float:right;
	   }  	   
	   
.conteudoTelefone p	{padding:3px 5px;}    				   
				   
#conteudoCatalogo img {
	margin:2px 10px 9px 0;
}

.imageArtist{
	margin-right:5px;
	margin-top:10px;
}
				   

.retrato {width:195px;
          height:155px;
		  background-color:#71624e;
		  border-right:10px solid #f25f61;
		  float:left;
		  margin-right:18px;	 
	      }
		  
.retratoContato {width:195px;
          height:155px;
		  background-color:#71624e;
		  border-right:10px solid #f25f61;
		  float:left;
		  margin:35px 0 0 50px;	 
	      }		  
		  
.foto {margin:12px;
       border:1px solid #CCC;	     
	   }				   
	   
.pensamentos {width:490px;
              height:165px;
		      background-color:#aa9c88;
		      text-align:center;
		      color:#fff;
			  margin:0 25px 0 0;
		      padding:10px 0 15px 10px;
		      line-height:15px;
		      float:right;
		     }		     

.folhas {margin:13px 17px 0 15px; float:right;}
					   		     
			
.historico {padding:15px 20px 0 25px;
            line-height:15px;
			} 
			
.descricao-aplicar{padding:15px 20px 0 25px;
            line-height:15px;
			text-align:center;
			} 
			
.descricao-duvidas{padding:59px 20px 0 82px;
            line-height:20px;
			width:590px;
			} 
			
.descricao {width:420px;
           height:100px;
		   background-color:#5f4d3b;
		   margin:0 25px 0 0;
		   text-align:center;
		   color:#fff;
		   padding:12px 50px 5px 30px;
		   line-height:15px;
		   float:right;
		   }				   	   

.home {padding:12px;
       border:3px dashed #ada18e;
	   margin:18px 40px 0 10px;
	   }

.titulo {margin:-10px 0 10px 485px;}

.rodape {font-size:10px;
		 font-family:Verdana, "KaratMedium",Arial, Helvetica, sans-serif;
         width:260px;
		 margin:29px 77px 0 0;
		 text-align:center;
		 line-height:15px;
		 float:right;
		 }

.pagSeguro {margin:7px 0 0 2px;
            float:left;
			width:415px;
			}	

.caixaCatalogo {width:186px;
				height:145px;
				margin:13px 0 5px 10px;
				}
				
.caixaOutrosProdutos {
	width:186px;
	height:141px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 10px;
				      }
				
.caixaGaleria {
	width:186px;
	height:136px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 10px;
				}
 
.preencha {margin:0 0 0 25px;}

.duvidas {font-size:11px;
          margin:0 0 0 4px;
		  }
		  
.lateral-videos{
	width:187px;
	height:526px;
	background:url(../images/barra-lateral-video.jpg);
	float:left;
	margin:15px 90px 0 20px;
}		  
	
.titulo-video{
	margin:10px 0 0 8px;
	font-weight:bold;
	font-size:13px;
	color:#3b3731;
	width:180px;
}	

.descricao-video {
	color:#6d5d4b;
	text-align:center;
	font-weight:bold;
	line-height:15px;
	text-align:center;
	font-size:12px;
} 

.descricao-video-2 {
	width:200px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#6d5d4b;
	margin-top: 108px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -5px;
}

.descricao-relogio{
	margin:-415px 50px 0 35px;
	width:150px;
	text-align:center;	
	font-size:12px;
	color:#6d5d4b;
	position:absolute;
}

.descricao-relogio-2{
	margin:-220px 0 0 10px;
	width:190px;
	text-align:center;	
	font-size:12px;
	color:#6d5d4b;
	position:absolute;
}

.descricao-relogio-3{
	margin:-415px 0 0 200px;
	width:180px;
	text-align:center;	
	font-size:12px;
	color:#6d5d4b;
	position:absolute;
}

.descricao-relogio-4{
	margin:-220px 0 0 200px;
	width:180px;
	text-align:center;	
	color:#6d5d4b;
	position:absolute;
}

.texto-relogio{
	width:180px;
	margin-left:-23px;
	text-align:center;
	font-size:11px;
	line-height:13px;
}

.modelos{
	margin:-128px 0 0 110px;
	width:190px;.
	height:150px;
	font-weight:bold;
	color:#6d5d4b;
	font-size:11px;
	position:absolute;
}


/* Fim */


/* Menu Principal */

.menu {
	margin:-10px 0 0 156px;
	color:#fff;
}

 


/* SubMenu */

#submenu {width:190px;
          margin:25px 0 0 35px;
		  background:url(../images/divisoria.jpg) no-repeat right;
		  }

#submenu ul {margin:0;
			 padding: 0;
			 list-style-type: none;
			 font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
			 font-size: 14px;
			 }

#submenu li { margin:4px 0 5px 0;  }

#submenu a {display: block;
			padding:5px 0;
			text-align:center;
			border: 1px solid #746652;
			width: 159px;
			color:#EEE;
			text-decoration:none;
			background-color: #7c6d58;
			/*background-image:url(../images/degrade.jpg);*/
		    }

#submenu a:link, #navlist a:visited {color: #EEE;
									 text-decoration: none;
									 }

#submenu a:hover {border: 1px solid #c8b010;
				  background-color: #d5bb10;
				  /*background-image:url(../images/degradeHover.jpg);*/
				  color: #333;
				  }

#submenu #active a:link, #submenu #active a:visited, #submenu #active a:hover {
					border: 1px solid #c8b010;
					background-color: #d5bb10;
					/*background-image:url(../images/degradeHover.jpg);*/
					color: #333;
						}
/* Fim */	


/* Galeria Como Aplicar */

#galleryBox{
	width:590px;
	height:auto;
          }

#contentLighBox{
		width:300px;
		height:auto;
		float:left;
		}

#formTamanho{
		width:250px;
		height:auto;
		float:left;
		margin-top:15px;
            }

#bigImage{
	width:296px;
	height:auto;
	margin:2px 0 0 0;
	/*-moz-border-radius: 7px;*/
	padding:6px 15px 6px 7px;
}

#littleImage {width:331px;
			  height:auto;
			 }	

#littleImage,#imgContent {cursor:pointer;}

#fotoDinamicas {width:330px;
			   height:auto;
			    }

#littleImage li{
	width:100px;
	height:65px;
	margin:7px 0 0 10px;
	/*border: 1px solid #979694;*/
	/*-moz-border-radius: 7px;*/
	background-color:#666;
	display:inline-block;
	float:left;	
}

#flashChange{
	width:246px;
	height:459px;
	float:right;
}
		
#aux {width:290px;
	  height:auto;
	  }	
	

/* Fim */	   			     
			 
		  
/* links */

a:link   {text-decoration:none; color:#727272;}
a:visited {text-decoration:none; color:#727272;}
a:active {text-decoration:none; color:#727272;}
a:hover {text-decoration:underline; color:#727272;}

.lateral h2 a:link   {text-decoration:none; color:#fff;}
.lateral h2 a:visited {text-decoration:none; color:#fff;}
.lateral h2 a:active {text-decoration:none; color:#fff;}
.lateral h2 a:hover {text-decoration:none; color:#cfb30c;}	   

.rodape a:link  {text-decoration:none; color:#000;}
.rodape a:visited {text-decoration:none; color:#000;}
.rodape a:hover {text-decoration:underline;}


.duvidas a:link   {text-decoration:underline; color:#595959;}
a:visited {text-decoration:none; color:#727272;}
a:active {text-decoration:none; color:#727272;}
a:hover {text-decoration:underline; color:#727272;}

/* Fim */

		   
/*form Contato*/

.formContato {margin:20px 0 10px 15px;
	  font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
	  font-size:12px;
	  width:400px;
	  } 

label {
 	  float:left;
      width:60px;	
	  margin:2px 30px 0 5px;
	   }

.caixa,textarea { 
             font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
			 font-size:12px;
			 margin:0 10px 7px 10px;
			 border:1px solid #CCC;
			 color:#595959;
			 width:250px;
			 display:block;
			 /*padding:2px 0;*/				 	
			   }

textarea {
         height:100px;		                  		 			
	     }

.botao {
       width:60px;
       color:#000;
       margin:8px 0 25px 100px;
       font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
	   font-size:11px;               
       	 	}

/* Fim */			

/* Formualrio Escolha a cor */


#formTamanho form {
	margin:20px 0 10px 5px;
	font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
	font-size:11px;
	  width:270px;
	  } 

#formTamanho label {
      width:auto;	
	  margin:5px 35px 12px 2px; 
}

.item { 
	 /*margin:5px 10px 7px 0;*/
	 *margin:0 10px 7px 0;
	 width:20px;
	 float:left;
	   }

.botao {
       width:60px;
       color:#000;
       margin:8px 0 5px 145px;
       font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
	   font-size:13px;               
       	 	}
			
/*newsletter*/

.news {color:#5c4b39;
       margin:5px 0 0 7px;
	   font-weight:bold;
	   }

.formNewsletter {background-color:#bfba18;
                 margin:20px 0 20px 8px;
	             font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
	             font-size:12px;
				 height:70px;
				 width:300px;
				 border:1px solid #a5a016;
	             }	
				 
.campoNews { margin:5px 4px 7px 5px;
			 border:1px solid #5c4b39;
			 color:#595959;
			 width:128px;
			 display:block;
			 float:left;
			 }				 		
			
.botaoNewsletter {width:137px;
       			  color:#fff;
				  background-color:#5c4b39;
				  border:1px solid #373021;
       			  margin:5px 0 7px 5px;
       			  font-family:Verdana,"KaratMedium",Arial, Helvetica, sans-serif;
	              font-size:11px;
				  } 
#videos {
	height: 385px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
