@charset "UTF-8";
.CollapsiblePanel {
	margin: 20px 0 0 0;
	padding: 0;
}
.CollapsiblePanelTab {
	border: solid 1px #717D82;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius:5px;
	margin: 0;
	line-height:24px;
	padding:13px 50px 13px 15px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	position:relative;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}
.CollapsiblePanelTab:after {
	content: '';
	border: solid 1px #717D82;
	background-image:url("../images/svg/pictogramas.svg");
    background-repeat:no-repeat;
    background-size:1100% auto;
	background-position:0% 60%;
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	top:10px;
	right:10px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    border-radius:5px;
}
.CollapsiblePanelContent {
	margin: 0;
	padding: 20px 0 0 0;
}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EBEDEE;
}
.CollapsiblePanelOpen .CollapsiblePanelTab:after {
	background-position:10% 60%;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #B5BDC1;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #B5BDC1;
	color:#FFFFFF;
}
@media screen and (max-width:1000px) {
.CollapsiblePanelTab {
	line-height:22px;
	padding:9px 40px 9px 10px;
}
.CollapsiblePanelTab:after {
	top:5px;
	right:5px;
}  
}
@media screen and (max-width:600px) {
.CollapsiblePanelTab {
	line-height:20px;
	padding:5px 40px 5px 10px;
}
.CollapsiblePanelTab:after {
	width:20px;
	height:20px;
	top:5px;
	right:5px;
}  
}