/* //////////////////////////////////////////////////////////////////////////////// */
/* STYLE ========================================================================== */
/* //////////////////////////////////////////////////////////////////////////////// */

.parades { 
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;}

.box{ 
	width: 100%;
	height: auto;
	margin: 0 auto;
	float: left;}

.cl-01 {background: #B8D048}
.cl-02 {background: #F8C6C7}
.cl-03 {background: #FBEE79}
.cl-04 {background: #EB556E}
.cl-05 {background: #9FC5EA}
.cl-06 {background: #D8E0E2}
.cl-07 {background: #C4B274}
.cl-08 {background: #CDD6A1}
.cl-09 {background: #B8A9D4}
.cl-10 {background: #E2B329}
.cl-11 {background: #F6D8B6}

.bt-01 {border-bottom: solid 6px #B8D048}
.bt-02 {border-bottom: solid 6px #F8C6C7}
.bt-03 {border-bottom: solid 6px #FBEE79}
.bt-04 {border-bottom: solid 6px #EB556E}
.bt-05 {border-bottom: solid 6px #9FC5EA}
.bt-06 {border-bottom: solid 6px #D8E0E2}
.bt-07 {border-bottom: solid 6px #C4B274}
.bt-08 {border-bottom: solid 6px #CDD6A1}
.bt-09 {border-bottom: solid 6px #B8A9D4}
.bt-10 {border-bottom: solid 6px #E2B329}
.bt-11 {border-bottom: solid 6px #F6D8B6}

/* //////////////////////////////////////////////////////////////////////////////// */
/* STYLE ========================================================================== */
/* //////////////////////////////////////////////////////////////////////////////// */

ul.head-title {
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px;
	display: block;
	float: left;}

.head-title li {
	font-family: 'Roboto', sans-serif;	
	font-weight: 700;
	font-size: 0.5em;    
	line-height: 1.1em; 
	letter-spacing: 0em;
	text-align: left;
	color: #FFF;
	display: block;}

.head-title span {
	font-weight: 700;}

/* //////////////////////////////////////////////////////////////////////////////// */
/* STYLE ========================================================================== */
/* //////////////////////////////////////////////////////////////////////////////// */

ul.info-head {
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 20px 10px;
	float: left;}

.info-head li {
	font-family: 'Roboto', sans-serif;	
	font-weight: 400;
	font-size: 0.375em;    
	line-height: 1.375em; 
	letter-spacing: 0em;
	text-align: left;
	color: #000;
	display: block;}

.info-head .info-title { 
	font-weight: 500;
	margin: 10px 0 0;
	text-transform: uppercase;}

.info-head li a       {color: #000;} 
.info-head li a:hover {color: #45d237;} 
.info-head li .fa     {color: #45d237;}

/* RESPON 400 */
@media (min-width: 400px){ 
    
    ul.head-title,
    ul.info-head {
	padding: 20px 20px;}

} /* FI */

/* RESPON 1200 */
@media (min-width: 1200px){ 
    
    ul.head-title,
    ul.info-head {
	padding: 20px 30px;}

} /* FI */

/* //////////////////////////////////////////////////////////////////////////////// */
/* STYLE ========================================================================== */
/* //////////////////////////////////////////////////////////////////////////////// */