/*body {
	margin: 10px auto;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}*/
.clear{ clear:both;}
.accordion {
	float:left;
	width: 280px;
	/*border-bottom: solid 1px #c4c4c4;*/
	text-align:left;
	
	}
.accordion h3 {
	background:url(../img/fot_kbsa.png);
	/*background:url(../img/arrow-square.gif) no-repeat right -51px;*/
	height:43px;
	padding-right:32px;
	padding-left:10px;
	line-height:16px;
	padding-top:7px;
	margin: 0;
	border-bottom: none;
	cursor: pointer;
	font-family:calibri;
	font-size:14px;
	color:#333;

	
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
/*.accordion h3.active {
	background-position: right 5px;
}
.accordion ul,li{
	background:#333333;
	width:219px;
	height:38px;
	margin: 0;
	padding: 5px 15px 5px;
	border-left: solid 15px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
*/
.accordion p{
	display:block;
	margin:0;
	font-family:Calibri;
	font-size:12px;
}
.accordion p a{
	text-decoration:none;
	text-transform:uppercase;
	height:35px;
	padding-top: 10px;
	padding-left:15px;
	background:#333;
	display:block;
	width:263px;
	font-family:Calibri;
	font-size:12px;
	border-bottom:2px solid #999;
}
.accordion p a:hover{
	color:#FC0;
}

/*  wsp chat  = css ====================== */
.wspchat{
    filter:alpha(opacity=55);
    -moz-opacity:.55;
    opacity:.55;
    transition: 1s;
}
.wspchat:hover{
    opacity: 1; 
    transition: 1s; 
}

.wspchat img{
  z-index:1;
  width:100px; 
  position:fixed;
  bottom:90px;
  right:100px;
}
/* end wsp chat  = css ======================== */ 

/*#libreta{
	background-image: url(../../../../Desktop/Sin-ti%CC%81tulo-1.jpg);
}*/