@charset "utf-8";
/* CSS Document */

/* BARRA DE SCROLL SEMPRE VISÍVEL */

html {overflow: -moz-scrollbars-vertical;}

/* BG PRINCIPAL E CENRALIZAÇÃO DO LAYOUT */

body {
   background-image:url(../images/bg.jpg);
   background-repeat:repeat-x;
   margin:0;
   text-align:center;}

/* POSICIONAMENTO DAS DIV'S */

#geral{
  margin:auto;
  width:960px;
  text-align:left;
}

#topo{
  width:960px;
  height:110px;
  text-align:left;
}

#rodape{
  width:960px;
  height:90px;
  margin-top:30px;
  text-align:left;
  border-top: solid 1px #dedede;
  }
  
#barra{
  width:940px;
  height:20px;
  margin-bottom:20px;  
  border: solid 2px #669999;
  background-image:url(../images/bg-barra.jpg);
  font:12px "Trebuchet MS"; color:#00cccc;
  padding-top:4px;
  padding-left:8px;
  }

#titulos{
  border-bottom: solid 1px #99cccc;
  margin-bottom: 20px; 
  font:20px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }



#titulos-sub{
  border-bottom: solid 1px #99cccc;
  margin-bottom: 20px;
  font:20px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }

/* CONFIGURAÇÃO DA PÁG DRINKS */

#cont-drinks{
  width:680px;
  text-align:left;
  float:right;
  margin-right:10px;
  font:12px "Trebuchet MS"; 
  color:#666666;
  /*border: solid 1px #66FF00;*/
  }

#titulos-drinks{
  border-bottom: solid 1px #99cccc;
  margin-bottom: 20px;  
  margin-left: 43px;
  margin-right:10px;
  font:20px "Trebuchet MS";
  color:#000000;
  }
  
#thumbs{
	float:left;
	width: 115px;
	height: 140px;
	margin-left: 45px;
	margin-bottom: 30px;
	/*border: solid 1px #000;*/
	text-align:center;
	}

#conteudo-titulo{
  border-bottom: solid 1px #99cccc;
  font: 18px "Trebuchet MS";
  color: #666666;
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  /*border: solid 1px #66FF00;*/
  }

.conteudo-titulo2{font:13px "Trebuchet MS"; color:#666666; font-weight:bold;}

#conteudo-thumbs{
	float:left;
	width: 620px;
	height: 420px;
	margin-left: 45px;
	margin-bottom: 30px;
	background:#FFFFFF;
	}
	
#conteudo-thumbs-txts{
	float:right;
	width: 275px;
	height: 400px;
	margin-right:25px;
	overflow: hidden;
	margin-top: 10px;
	}

.outras-variedades{
	float:right;
	margin-top:7px;
	}

.imagens{float:left;}

.thumb{
   border: solid 1px #c7ebe9;
   padding:3px;
   margin-bottom:5px;
}

.imagens-artigos{
   border: solid 1px #c7ebe9;
   padding:3px;
   margin-right:15px;
}

.nome-drinks{
	background:#d5ede6;
	display:block;
	}

/* DEMAIS PÁGINAS / CONFIGURAÇÕES DE CONTEUDO */

#drinkdesign{
  width:700px;
  float:left;
  margin-left:200px;
  margin-top:30px;
  font:12px "Trebuchet MS"; 
  }

#cursos{
  width:450px;
  text-align:left;
  float:right;
  margin-right:20px;
  font:12px "Trebuchet MS"; 
  }

#artigos{
  width:640px;
  text-align:left;
  float:left;
  margin-right:20px;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }

#artigosfonte{font:14px "Trebuchet MS";}

#artigos-dois{
  width:230px;
  float:right;
  font:12px "Trebuchet MS";
  margin-right: 15px; 
  /*border: solid 1px #CC0000;*/
  }
  
#oqdizem{
  width:640px;
  text-align:left;
  float:right;
  margin-right:10px;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }

#oqdizem-dois{
  width:230px;
  float:left;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #CC0000;*/
  }
  
#dicas{
  width:640px;
  text-align:left;
  float:right;
  margin-right:10px;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }

#dicas-dois{
  width:230px;
  float:left;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #CC0000;*/
  }
  
#casaebar{
  width:640px;
  text-align:left;
  float:right;
  margin-right:10px;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }
  
#casaebar-dois{
  width:230px;
  float:left;

  }
  
#casaebar-dois li{
  font:12px "Trebuchet MS";
  list-style-type:none;
  display:block;
  background-color:#e5f4f0;
  margin:2px 0;

}

#casaebar-dois li a{
  text-decoration:none;
  display:block;
  padding:3px 4px;
    color:#414141;

}

#casaebar-dois li a:hover{
  text-decoration:none;
  color:#fff;
  background-color:#414141;


}
  
#drinkdesigners{
	float:left;
	width: 450px;
	font:12px "Trebuchet MS"; 
	}
	
#drinkdesigners2{
	float:right;
	margin-right: 10px;
	width: 450px;
	font:12px "Trebuchet MS"; 
	}
  
#fale{
  width:940px;
  text-align:left;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }  
  
#blog{
  width:900px;
  text-align:left;
  font:12px "Trebuchet MS"; 
  /*border: solid 1px #66FF00;*/
  }  
  
/* CONFIGURAÇÃO DE SPAM */

.logo{padding-top:30px;}

.copy{font:10px "Trebuchet MS"; color:#b4b4b4; clear:both; float:left; width:auto; margin-top:-13px; margin-left:8px;}

/* CONFIGURAÇÃO (TXT) DE DIV'S */

		.oqdizem {font:13px "Trebuchet MS"; }
		.oqdizem a:link {color:#000; text-decoration: none;}
		.oqdizem a:visited {color:#000; text-decoration: none;}
		.oqdizem a:active {color:#000; text-decoration: none;}
		.oqdizem a:hover {color:#555; text-decoration: none;}
		
		.linke {font:13px "Trebuchet MS"; color:#000;}
		.linke a:link {font:13px "Trebuchet MS"; color:#000; text-decoration: none;}
		.linke a:visited {font:13px "Trebuchet MS"; color:#000; text-decoration: none;}
		.linke a:active {font:13px "Trebuchet MS"; color:#000; text-decoration: none;}
		.linke a:hover {font:13px "Trebuchet MS"; color:#000;}
		
		.links {font:12px "Trebuchet MS"; color:#000; text-decoration: none;}
		.links a:link {font:12px "Trebuchet MS"; color:#000; text-decoration: none;}
		.links a:visited {font:12px "Trebuchet MS"; color:#000; text-decoration: none;}
		.links a:active {font:12px "Trebuchet MS"; color:#000; text-decoration: none;}
		.links a:hover {font:12px "Trebuchet MS"; color:#00cccc}
		
		.cadastro {background-color:#FFF; width: 300px; border: 1px solid #99cccc; padding:2px; color:#333; font:12px "Trebuchet MS";  margin-top:2px; margin-bottom:5px;}
		.cadastro {background-color:#FFF; width: 300px; border: 1px solid #99cccc; padding:2px; color:#333; font:12px "Trebuchet MS"; margin-top:2px;}
		.cadastro-envia {background-color:#FFF; width: 80px; border: 1px solid #99cccc; padding:2px; color:#333; font:12px "Trebuchet MS"; margin-top:2px;}
		.idade {background-color:#FFF; width:57px; height:35px; border: 0px solid #ccc; padding:2px; color:#999999; font:25px "Trebuchet MS"; margin-top:3px;}
		.idade2 {background-color:#FFF; width:30px; height:35px; border: 0px solid #ccc; padding:2px; color:#999999; font:25px "Trebuchet MS"; margin-top:3px;}
		.idade3 {background-color:#FFF; width:138px; height:38px; border: 0px solid #ccc; padding:2px; color:#999999; font:19px "Trebuchet MS"; margin-top:3px;}

div.menu{float:right; margin-top:40px; margin-right:0px; text-align:left; margin-right:5px;}
div.menu ul{ margin: 0; padding: 0; list-style:none; text-align:left; font:13px; color:#fff;}
div.menu ul li{float:left; display:inline-block; text-align:left; font:13px; color:#fff;}
div.menu ul li a{
  text-align:left; 
  font:13px "Trebuchet MS"; 
  padding: 0px 7px; 
  color:#fff; 
  display:inline-block; 
  text-decoration:none; 
  }
  
div.menu ul li a:hover{
  text-align:left; 
  font:13px "Trebuchet MS"; 
  color:#70b2b0; 
  display:inline-block; 
  text-decoration: none; 
  }

div.rodape{float:right; text-align:left;}
div.rodape ul{ margin: 0; padding: 0; list-style:none; text-align:left; font:13px; color:#666;}
div.rodape ul li{float:left; display:inline-block; text-align:left; font:13px; color:#666;}
div.rodape ul li a{
  text-align:left; 
  font:13px "Trebuchet MS"; 
  padding: 0px 7px; 
  color:#666; 
  display:inline-block; 
  text-decoration:none;
  }
  
div.rodape ul li a:hover{
  text-align:left; 
  font:13px "Trebuchet MS"; 
  color:#999; 
  display:inline-block; 
  text-decoration: none;
  }

/* GLIDER - DRINKSDESIGNERS */

div.scroller { 
	/* modify width and height of scrolling section if necessary*/		
	width: 945px; 
	height: 300px;
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:945px;
		height:300px;
		overflow:hidden;
		float:left;
		}
	div.scroller div.content {
		width: 10000px;
		}
	
	div.controls {
	text-align:right;
	margin-right:20px;
	}

	/*div#section2 {
		background:#666666;
		color:#ffffff;
		}*/

/* DRINKSDESIGN INDICA */

#ciroc{	
	margin-top:35px;
	font:12px "Trebuchet MS"; 
  	color:#000;
	margin-right:100px;
	}
	
#linea{	
	margin-top:35px;
	font:12px "Trebuchet MS"; 
  	color:#000; 
	}
	
#h2oh{	
	margin-top:50px;
	font:12px "Trebuchet MS"; 
  	color:#000; 
	}
	
/* FORMULARIO - FALE CONOSCO*/

#end{
	float:right;
	margin-right:6px;}

#textfield 
{background-color:#FFF; width: 300px; border: 1px solid #99cccc; padding:2px; color:#333; font:12px "Trebuchet MS";  margin-top:2px; margin-bottom:5px;}
#textarea 
{background-color:#FFF; width: 300px; border: 1px solid #99cccc; padding:2px; color:#333; font:12px "Trebuchet MS"; margin-top:2px;}

/*Página do concurso*/
.concurso_textarea {
	width: 310px;
	height: 120px;
	border: 1px solid #000;
	background-color: transparent;
	filter: chroma(color=#000001);
	scrollbar-arrow-color: #007A08;
	scrollbar-3dlight-color: #000001;
	scrollbar-darkshadow-color: #000001;
	scrollbar-face-color: #000001;
	scrollbar-highlight-color: #000001;
}
.concurso_input {
	width: 180px;
	height: 20px;
	border: 1px solid #000;
	background-color: transparent;
	cursor: text;
}
.concurso_checkbox {
	border: 1px solid #000;
	background-color: transparent;
}
.concurso_button {
	float: right;
	width: 80px;
	border: 1px inherit #000;
	background-color: transparent;
}
a.hiperlink:link, a.hiperlink2:link {
	color: #000;
	text-decoration: none;
}
a.hiperlink:visited, a.hiperlink2:visited {
	text-decoration: none;
	color: #000;
}
a.hiperlink:hover, a.hiperlink2:hover {
	text-decoration: underline;
	color: #000;
}
a.hiperlink:active, a.hiperlink2:active {
	text-decoration: none;
	color: #000;
}
