/*css Geral*/

/*index*/

*{
margin:0;
padding:0;
}

body{
	font:bold 14px verdana;
	width:100%;
	background:url(../imagens/bgk-body.png) top repeat-x fixed;
}

#sombra{
	background:url(../imagens/sombra.png) no-repeat;
	width:923px;
	margin-right:auto;
	margin-left:auto;
}

#geral{
	width:870px;
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
}

#topo a img{
	border:none;
}

/*----------------------------------------------------------------*/
/*css menu*/

#menu{
	width:870px;
	height:40px;
	background:url(../imagens/bg-menu.jpg) repeat-x;
}

ul.menubar{
  margin:0;
  font-size:100%;
  
}
 
ul.menubar .submenu{
  list-style: none;
  float:left;
  margin:5px 5px;
}
 
ul.menubar ul.menu{
  display: none;
  position: absolute;
  margin:0;
  background:#BF2934;
}
 
ul.menubar a{
  display:block;
  text-decoration: none;
  color:#ccc;
  padding:5px 5px 0 5px;
}

ul.menubar a:hover{
	color:#666;
	background:#f9f9f9;
}
 
ul.menu, ul.menu ul{
  margin: 0;
  padding: 0;
  width: 140px; /* Width of Menu Items */
}
 
ul.menu li{
  position: relative;
  list-style: none;
  border: 0px;
}
 
ul.menu li a{
  display: block;
  text-decoration: none;
  color:#ccc;
  padding: 5px 10px 5px 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */
 
ul.menu ul{
  position: absolute;
  display: none;
  left: 149px; /* Set 1px less than menu width */
  top: 0px;
}
 
ul.menu li.submenu ul { display: none; } /* Hide sub-menus initially */
 
ul.menu li.submenu { background:  transparent url(arrow.gif) right center no-repeat; }
 
ul.menu li a:hover { 
	color: #666;
	background:#f9f9f9;
 }

/*fim menu*/
/*----------------------------------------------------------------*/

#flash{
border-bottom:6px solid #A41720;
}

#conteudo{
	background:#FFF;
	padding:34px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	overflow:hidden;
}

 h2{
	background:url(../imagens/bgk-h2.jpg) no-repeat;
	padding:3px 0 7px 10px;
	color:#ccc;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#rodape{
	background:url(../imagens/fundo-rodape.png) no-repeat;
	margin-bottom:10px;
	height:25px;
	width:870px;
	clear:both;
}

#rodape address{
	font:italic 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	padding:5px 0 0 130px;
}

#rodape address a{
	text-decoration:none;
	font:italic 12px Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
}

#rodape address a:hover{
	text-decoration:underline;
}


/*----------------------------------------------------------------*/
/*home*/

#home{
	height:355px;
} 

.coluna1{
	width:400px;
	float:left;
}

.coluna1 h2{
	background:url(../imagens/fundo-h2.png) no-repeat;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	height:23px;
	padding:6px 0 0 10px;
	width:390px;
	float:left;
}

.coluna1 img{
	width:96px;
	float:left;
	padding:15px 14px 0 4px;
}

.coluna1 p{
	width:285px;
	border-right:1px solid #FF6633;
	float:left;
	height:96px;
	margin:10px 0 5px 0;
	padding:10px 0 20px 0;
}

.coluna1 p a{
	text-decoration:none;
	color:#666;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

.coluna1 p a:hover{
	text-decoration:underline;
}


.coluna2{
	width:400px;
	float:right;

}
.coluna2 h2{
	background:url(../imagens/fundo-h2-dir.png) no-repeat;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	height:23px;
	padding:6px 0 0 10px;
	width:390px;
	float:right;
}

.coluna2 img{
	width:96px;
	float:left;
	padding:15px 12px 0 6px;
}

.coluna2 p{
	width:285px;
	float:left;
	height:96px;
	margin:20px 0 5px 0;
	padding-bottom:20px;
}

.coluna2 p a{
	text-decoration:none;
	color:#666;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

.coluna2 p a:hover{
	text-decoration:underline;
}
.coluna2 .text{
	float:left;
	width:250px;
	margin:15px 0 0 0;
}

.coluna2 .text h4{
	width:250px;
	text-align:center;
	font:bold 17px Verdana, Arial, Helvetica, sans-serif;
	color:#A80B00;
	
}
.coluna2 .text h5{
	width:250px;
	text-align:center;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

.coluna2 .text address a{
	color:#666;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 40px;
	text-decoration:none;
}
.coluna2 .text address a:hover{
	text-decoration:underline;
}

/*----------------------------------------------------------------*/
/*drogas*/

#drogas{
	height:2500px;
}

#drogas h4{
	color:#AB0E00;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 5px;
}


#drogas img{
	float:left;
	width:200px;
	margin:0 15px 5px 0;
}
#drogas p{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px;
}#drogas ul{
	clear:both;
	padding-top:10px;
}
#drogas ul{
	font:10px/20px Verdana, Arial, Helvetica, sans-serif;
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#drogas h5{
	width:570px;
	color:#666;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 15px;
}

/*---------------------------------------*/
.text{
	padding:8px 0 0 0;
}
.text img{
	float:left;
}
.text h5{
	float:left;
	width:570px;
	color:#666;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0;
}

.text p{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px;

}
/*---------------------------------------*/


/*----------------------------------------------------------------*/
/*internas do sub menu*/

#internasmenu h4{
	color:#AB0E00;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 5px 5px;
}
#internasmenu h5{
	color:#666;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 10px 5px;
}
#internasmenu p{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:0 10px;
	clear:both;
}

#internasmenu em{
	float:right;
	font:bold italic 14px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#AB0E00;
}

#internasmenu a{
	color:#666;
	text-decoration:none;
}
#internasmenu a:hover{
	text-decoration:underline;
}


#internasmenu .videos{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}


#internasmenu .videos h5{
	padding-bottom:10px;
}


/*----------------------------------------------------------------*/


#contato .banner{
	float:left;
	width:400px;
}

#contato .banner2{
	border-bottom:1px solid #A60900;
	padding-bottom:15px;
}

#contato .banner2 img{
	border:none;
}

#contato #localizacao{
	width:350px;
	float:left;
	margin:15px 50px 15px 40px;
}

#contato #endereco{
	margin-top:70px;
}

/*----------------------------------------------------------------*/


/*fotos*/

#fotos{
	clear:both;
}

#fotos .galeria{
	padding:10px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#fotos h4{
	color:#AB0E00;
	font:Verdana, Arial, Helvetica, sans-serif;
}

#fotos img{
	padding:15px;
}

#fotos .botoes{
	width:780px;
}

#fotos .botoes .img1{
	float:left;
	width:120px;
}

#fotos p{
	width:250px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#AB0E00;
	height:32px;
	float:left;
	padding:25px 0 0 200px;
}

/*------------------------------------------------------*/

/*parceiros*/

#parceiros .logos{
	padding:20px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

.logos img{
	padding:30px;
}

/*---------------------------------------------------------*/

/*Video Box*/


div.videobox {
	overflow: hidden;
	color: #fff;
	width:811px;
	height:537px;
	position:relative;
	float:left;
		overflow:hidden;

}


div.videoboxjs div.bigvideo {
	text-align: center;
	padding: 0;
	float: left;
}

.bigvideo{
	width:448px;
	height:371px;
}

.bigvideo embed{
margin:10px 0 0 0; 

}


div.videoboxjs div.bigvideo br {
	display: none;
}

div.videoboxjs ul {
	margin:8px 0 0 0;
	padding: 0;
	list-style-type: none;
	overflow:hidden;
}

div.videoboxjs ul li {
	float: left;
	width:116px;
	height:87px;
}

div.videoboxjs ul a {
	display: block;
	outline: none;
}

div.videoboxjs ul a img {
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin:5px;
	
}

div.videoboxjs ul a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

div.videoboxjs ul a.current img {
	opacity: 1;
	filter: alpha(opacity=100);
}

div.videoboxjs ul a img {
	border: 2px solid #A80B02;
	display: block;
	width: 101px;
	height: 75px;
}

div.videoboxjs ul a.current img {
	border-color: #A80B02;
}

div.videoboxjs p {
	clear: both;
}


