/* reset */
* {
    list-style: none;
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    text-decoration: none;
}

#accordion1 {float: left; width: 466px;} /* margin auto centraliza o menu */

#accordion2 { float: right; width: 466px;} /* margin auto centraliza o menu */

#accordion1 #texto1, #accordion1 #texto2, #accordion1 #texto3, #accordion1 #texto4, #accordion1 #texto5, #accordion1 #texto6,
#accordion1 #texto7, #accordion1 #texto8, #accordion1 #texto9, #accordion1 #texto10, #accordion1 #texto11, #accordion1 #texto12,
#accordion2 #texto20, #accordion2 #texto21, #accordion2 #texto22, #accordion2 #texto23, #accordion2 #texto24, #accordion2 #texto25, #accordion2 #texto26
#accordion2 #texto27, #accordion2 #texto28, #accordion2 #texto29, #accordion2 #texto30, #accordion2 #texto31, #accordion2 #texto32, #accordion2 #texto33, #accordion2 #texto34
{
	position: relative;
	background-color: #FFFFFF;
}

#accordion1 .content,
#accordion2 .content {
	background: url("../images/bg-services.jpg") repeat-x 0 0 #DFDFDF;
	border-bottom: 5px solid #999999;
    cursor: pointer;
    
    /* altura fixa e overflow hidden para que o conteúdo que deve ser ocultado, seja ocultado */
    height: 120px;
    overflow: hidden;
	margin-bottom: 30px;

   /* transition */
    transition: height ease-in-out 300ms;
    -o-transition: height ease-in-out 300ms;
    -moz-transition: height ease-in-out 300ms;
    -webkit-transition: height ease-in-out 300ms;
}

#accordion1 .content a,
#accordion2 .content a {
	color: #000000;
}

#accordion1 .content p,
#accordion2 .content p  {
	color: #000;
	line-height: 15px;
	padding: 0 10px 10px;
}

/* uma altura para cada conteúdo, que será exibido ao passar o mouse */
#accordion1 #texto1:hover {height: 230px;}
#accordion1 #texto2:hover {height: 313px;}
#accordion1 #texto3:hover {height: 307px;}

/* uma altura para cada conteúdo, que será exibido ao passar o mouse */
#accordion2 #texto21:hover {height: 324px;}
#accordion2 #texto22:hover {height: 270px;}
#accordion2 #texto23:hover {height: 270px;}

#accordion1 .content h4,
#accordion2 .content h4 {
	left: 235px;
    position: absolute;
    top: 18px;
}