@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/Roboto-Bold.woff') format('woff'), 
	   url('../fonts/Roboto-Bold.ttf') format('truetype'), 
	   url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.panel-title{
	color: #fff;
	font-family: 'Roboto-Bold';
	font-size: 2rem;
	text-align: center;
}
.panel-title2{
	color: #E72982;
	font-family: 'Roboto-Bold';
	font-size: 2rem;
	text-align: left;
	padding: 3% 2% 0 2%;
}
.panel-title2 a{
	color: #E72982;
}
.panel-title2 img{
	width: 15%;
	margin-right: 2%
}
.panel-title2 a span{
	position: relative;
	top:6px;
}
.panel-title2 a:hover{
	text-decoration: none;
}

.panel-default{ 
	border-color: transparent;
}

.panel-default>.panel-heading,.panel{
	border:0 none;  
	box-shadow:none;
}

	
.panel .bg1{  
	background-color: #ED3C8E;   
}
.panel .bg2{  
	background-color: #E397C2;   
}
.panel .bg3{  
	background-color: #6D2356;   
}
.panel-default>.panel-heading+.panel-collapse .panel-body{ 
	background: #fff;  
	color: #858586;
	font-size: 1.7rem; 
	text-align: left;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}

.panel-body{ 
	padding:20px 0px;	
}

.panel-group .panel+.panel{  
	margin-top: 0;  
	border-top: none;
}

.panel-group .panel{  
	border-radius: 0;
}

.panel-heading{  
	border-radius: 0;
	position: relative;
	padding: 0;
}
.panel-heading a{
	padding: 10px 15px;
}

.panel-body-btt{
	margin-bottom: 3%;
	padding: 0;
}

.panel-heading.active{  
	background: #007D4B; 
	border:2px solid #34B82F;
}

.panel-heading.active .panel-title>a{ 
	color:#fff;
}

.panel-heading.active {
	background: #8EC74A none repeat scroll 0 0;  
	border: 2px solid #8EC74A;
}

.panel-heading.active .panel-title > a {
	color: #fff;
}

.panel-title > a { 
	color: #fff; 
	font-size: 2rem;
}

a.accordion-toggle  i{ 
	width: 45px;
	line-height: 41px; 
	font-size: 20px;  
	margin-top: -12px;  
	text-align: center; 
	margin-right: -15px;
  background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i{  
	background: #34B82F;  
	color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{ 
	background: #c52d2f; 
	color: #fff;
}

.panel-heading a::after{
	content:url(../images/sistemamoda/ico-b.png); 
	right: 5%;
	position: absolute;
	top: 26px;
}
.panel-heading a.collapsed::after{
	content:url(../images/sistemamoda/ico-b.png);
	right: 5%;
	position: absolute;
	top: 26px;
}
.panel-heading2 a::after{
	content:url(../images/sistemamoda/ico-a.png); 
	right: 5%;
	position: absolute;
	top: 26px;
}

/*------ RESPONSIVE  -----*/

@media screen and (min-width:300px) and (max-width:479px){}

@media screen and (min-width:480px) and (max-width:599px){
	
	.panel-title{
		font-size: 2.5rem;
	}
	.panel-title2{
		font-size: 2.5rem;
		padding: 3% 2% 0 10%;
	}
	
}

@media screen and (min-width:600px) and (max-width:767px){
	
	.panel-title{
		font-size: 2.5rem;
	}
	.panel-title2{
		font-size: 2.5rem;
		padding: 3% 2% 0 10%;
	}
	
	
}

@media screen and (min-width:768px) and (max-width:799px){
	
	.panel-title{
		font-size: 2.7rem;
	}
	.panel-title2{
		font-size: 2.7rem;
		padding: 3% 2% 0 20%;
	}
	
	
	
}

@media screen and (min-width:800px) and (max-width:1023px){
	
	
	.panel-title{
		font-size: 2.7rem;
	}
	.panel-title2{
		font-size: 2.7rem;
		padding: 3% 2% 0 20%;
	}
	
	
}

@media screen and (min-width:1024px) and (max-width:1279px){}