/** CSS Document */
/* AUTORE ------ COLOMBO3000           	*/
/* SITO: ------- www.colombo3000.com	*/
/* DATA -------- 06/2014                */
/* CLIENTE ----- LE MURA DEL GHERLO     */
/* FRAMEWORK --- Bootstrap 3.1.1        */
/* CSS Document */

/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/

body{ background:#f5f5f5; font-family: 'Roboto', sans-serif; color:#4b4b4b; font-size:14px; font-weight:300;}

.clear{ clear:both; }

a, a:hover, a:focus{color:#4b4b4b; text-decoration: none;}

.margin{margin-top:18px;}

h1, h2{position:relative; margin:20px 0 10px 0; font-size:27px; color:#2064ae; text-transform: uppercase; font-weight:300;}
h3{position:relative;font-size:27px; margin:10px 0 15px 0;color:#a2a2a2; text-transform: uppercase; font-weight:300;}

/*****************************************************************************/
/*TOP*/
/*****************************************************************************/
header{background:#f5f5f5; border-top:15px solid #2064ae;}

/*LOGO*/
.logo{margin:19px 0;}

#menu-top li a{color:#4b4b4b; border-left: 1px solid #e0e0e0;}
#menu-top li:first-child a{border-left:none;}
#menu-top li a:hover{border-bottom:2px solid #f6be1c; background:none;}
#menu-top li.act a{border-bottom:2px solid #f6be1c;}
#menu-top ul li.icon a:hover{border-bottom:none !important;}
.navbar{margin-bottom:0;}


ul#icon{margin:5px 0 0 30px;}
ul#icon li{display: inline;}
ul#icon li a{font-size:24px; color:#b3b2b2; padding:0 15px;}
ul#icon li a:hover{background:none;color:#4b4b4b;}

.logo-org-formazione img{float:right;}

/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/
#slide{margin-top:-225px;padding-bottom: 34px;background: url('../img/slide-shadow.png') bottom center no-repeat;margin-left:-15px;}
#slide .carousel-inner{overflow:inherit;}
.carousel .item {left: 0 !important; -webkit-transition: opacity 1.5s; -moz-transition: opacity 1.5s; -o-transition: opacity 1.5s; transition: opacity 1.5s; }
.carousel .item img{width:1170px;max-width: none;}
.carousel-control { background-image: none !important; }
.next.left, .prev.right { opacity: 1; z-index: 1;}
.active.left, .active.right { opacity: 0; z-index: 2; }




/*****************************************************************************/
/*MAIN*/
/*****************************************************************************/
main{background:#fff; padding-bottom:50px;}
main p{text-align: justify; line-height:18px;padding:10px 0; margin-bottom:20px;}
main ul li{background:#fafafa; border-bottom:1px solid #e6e6e6;}
main ul li i{font-size:29px; color:#8e8e8e; padding:0 10px;}
main ul li a{color:#4b4b4b; font-size:20px; padding:20px 5px;text-transform: uppercase; display: block;}
main ul li a:hover{color:#4b4b4b; background:#F5F5F5; text-decoration: none;}
main ul li span{margin-left: 40px;}
main ul.pagination li a{font-size:12px;}


/*BANNER*/
.banner{position:relative; margin:20px 0;}
.bg1{background:#2064ae;}
.bg2{background:#039be5;}
.bg3{background:#81d4fa;}
.banner h1{font-size:27px; color:#ffffff; padding:20px 0; text-transform:uppercase;font-weight:300;}
.banner i{font-size:45px;padding:5px 10px; color:#fff; float:left;}


/*CORSI*/
.corsi{position:relative; margin:40px 0; background:#fafafa;}
.title{color:#2064ae; padding:5px 0; font-size:20px; font-weight:400; text-transform:uppercase; line-height:24px;}
.orario{color:#ef6c00; padding:5px 0; font-size:16px; font-weight:400; line-height:20px;}


/*CERCA*/
.search{margin:20px 0 20px 0;}
.search .form-control{border:none; box-shadow:none; height:auto; padding: 10px 18px; width:100%; background:url(../img/lente.png) no-repeat right #f5f5f5;}

.box-dx{margin-bottom:20px;}
.box-dx i.green{color:#81c784;}
.box-dx i.blu{color:#90caf9;}
.box-dx i.pink{color:#ef9a9a;}
.box-dx i.yellow{color:#fadd60;}
.box-dx ul li{padding:0 10px;}
.box-dx ul li a:hover{background:none;}
.box-dx ul li.youth-corner{background: #BCD752;}
.box-dx ul li.youth-corner a{color:#fff;}
.box-dx ul li img{width:92%;margin:0 4%;}


/*NEWS*/
.news{background:#fafafa;}
.news h3{position:relative; color:#4b4b4b; font-size:27px; text-transform: uppercase; padding:10px 5px 0 5px; }
.news h3 i{font-size:32px; padding:0 5px 0 15px;}
.news ul li a{text-transform:none;font-size:12px; padding:20px;}
.news ul li i{font-size:14px;padding:0 10px;}


/*BREADCRUMB*/
.breadcrumb{background:none; border-radius: none; border-bottom:1px solid #f5f5f5;}
.breadcrumb i{padding:0 0 0 10px;}


/*CONDIVIDI*/
.social{position:relative; background:#f5f5f5; border-radius: 5px; padding:8px 15px;}
.social i{padding:0 5px; font-size:20px;}
.social i.fb{color:#3b5998;}
.social i.tw{color:#00aced;}


#form, #section-iscrizione{}
#form .col-sm-6, #section-iscrizione .col-sm-6{padding:10px;}
#form textarea, #section-iscrizione textarea{width: 100%;border-radius: 10px;}
#form fieldset, #section-iscrizione fieldset{border:1px solid #E6E6E6;padding:20px;margin-bottom:20px;}
#form legend, #section-iscrizione legend{padding:5px 0 5px 20px;background: #FAFAFA;border-bottom:0;}

.inviato{font-size:100px;}

/*****************************************************************************/
/*POLICY COOKIES*/
/*****************************************************************************/
#policy-cookie{position: fixed;bottom:0;left:0;padding: 15px 0;color:#fff;z-index: 2000; width:100%;font-size:12px;background: rgba(33,33,33,0.9);
-webkit-animation: fadein 1.5s; -moz-animation: fadein 1.5s; -ms-animation: fadein 1.5s; -o-animation: fadein 1.5s; animation: fadein 1.5s;} 
@keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-moz-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-webkit-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-ms-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } @-o-keyframes fadein {from { opacity: 0; } to   { opacity: 1; } } 
.policy-cookie-txt {width: 100%;padding-bottom: 15px;text-align: left;line-height: 1.5em;}
.policy-cookie-txt a{text-decoration: underline;color:#fff;}
.policy-cookie-txt i {padding-left: 15px;padding-right: 15px;font-size: 14px;}
.policy-cookie-btn {text-align: right;}
.policy-cookie-btn a {text-align: center!important;padding: 5px 15px;font-size: 1.5em;cursor: pointer;color: #fff;font-weight: 400;display: inline-block;}
.policy-cookie-btn a.cookie-btn-confirm {background-color: #fff;border: 1px solid #fff;color:#000;margin-right: 12px;font-weight: 700;}
.policy-cookie-btn a.cookie-btn-decline {font-size: 1.2em;color: #e2e3e4 ;border: 1px solid #e2e3e4 ;}
.cookie-btn-erase {padding: 5px 15px;border: 1px solid #e2e3e4 ;font-weight: 400;display: inline-block;margin: 15px auto;cursor: pointer}
.hide {display:none !important;}

#map {width: 100%;height:550px;}

/*GALLERY*/
.gallery-list{position:relative; float:left; width:32%; margin:5px;}
.gallery-list h3{font-size:18px; text-align:center;}
.gallery-list-img{ height:166px; overflow:hidden;}
.gallery-list-img img{width:100%;}

.gallery figure {position:relative; float:left; margin:5px; overflow:hidden; width:32%; height:166px;}

/*****************************************************************************/
/*BTN*/
/*****************************************************************************/
.btn {
  border: none;
  font-size: 15px;
  font-weight: normal;
  border-radius: 0;
  padding:10px;
  font-weight:400;
  color: #ffffff;
  -webkit-transition: background 150ms ease-out;
	-moz-transition: background 150ms ease-out;
	-ms-transition: background 150ms ease-out;
	-o-transition: background 150ms ease-out;
	transition: background 150ms ease-out;

}
.btn:hover,
.btn:focus {
  outline: none;
  color: #ffffff;
  -webkit-transition: background 250ms ease-in;
	-moz-transition: background 250ms ease-in;
	-ms-transition: background 250ms ease-in;
	-o-transition: background 250ms ease-in;
	transition: background 250ms ease-in;
  text-decoration: none;
  cursor: pointer;
}
.btn:active,
.btn.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*BTN DETTAGLI*/
.btn-1 {
  color: #4b4b4b;
  background-color: #fafafa;
  border:1px solid #e0e0e0;
}
.btn-1:hover,
.btn-1:focus,
.btn-1:active,
.btn-1.active,
.open .dropdown-toggle.btn {
  color: #4b4b4b;
  background-color: #ededed;
  border:1px solid #bcbcbc;
}


/*BTN TUTTI I CORSI*/
.btn-2 {
  background-color: #2064ae;
}
.btn-2:hover,
.btn-2:focus,
.btn-2:active,
.btn-2.active,
.open .dropdown-toggle.btn {
  background-color: #039BE5;
}


/*BTN ARCHIVIO*/
.btn-3 {
  background-color: #b4b4b4;
}
.btn-3:hover,
.btn-3:focus,
.btn-3:active,
.btn-3.active,
.open .dropdown-toggle.btn {
  background-color: #2064ae;
}


/*FONTASTIC*/
@charset "UTF-8";

@font-face {
  font-family: "agora-sf";
  src:url("../fonts/icon/agora-sf.eot");
  src:url("../fonts/icon/agora-sf.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icon/agora-sf.woff") format("woff"),
    url("../fonts/icon/agora-sf.ttf") format("truetype"),
    url("../fonts/icon/agora-sf.svg#agora-sf") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "agora-sf" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "agora-sf" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-agora-corsi:before {
  content: "a";
}
.icon-agora-corsi2:before {
  content: "b";
}
.icon-agora-aziende:before {
  content: "c";
}
.icon-agora-unicoop:before {
  content: "d";
}



/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/
footer{background:#f5f5f5; padding:10px 0 20px 0;}
footer img{padding:5px 0;}
footer p{font-size:14px; line-height:24px; margin:20px 0;}
footer ul{border:1px solid #e6e6e6; margin-bottom:10px;border-radius: 10px;background:#fafafa;}
footer ul li{border-bottom:1px solid #e6e6e6;}
footer ul li i{display: none !important;}
footer ul li a{ color:#4b4b4b; font-size:14px; padding:10px 5px;text-transform: uppercase; display: block;}
footer ul li a:hover{color:#4b4b4b;text-decoration: none; background:#F5F5F5;}


/*****************************************************************************/
/*DISABLED PAGE SECTION*/
/*****************************************************************************/


/*****************************************************************************/
/*MEDIA QUERY*/
/*****************************************************************************/

@media (max-width: 1200px) {

  /*ICON*/
  ul#icon{margin:10px 0 0 0;}
  ul#icon li a{padding:0 10px;}
	
  /*BANNER*/
  .banner h1{font-size:20px;}
  .banner i{font-size:40px;}

  /*CORSI*/
  .corsi{padding-bottom:20px;}

  /*ASIDE*/
  aside ul li a{font-size:18px;}

  /*NEWS*/
  .news h3{font-size:20px;}

  .gallery-list{margin:4px;}
}

@media (max-width: 1024px) {

  /*GALLERY*/
  .gallery-list{margin:4px;}
  .gallery-list-img{height:156px;}
  .gallery figure{margin:4px;}

}

@media (max-width: 992px) {

  /*MENU*/
  #menu-top li a{padding:7px; font-size:13px;}
  ul#icon{margin:5px 0 0 0;}
  ul#icon li a{font-size:20px; padding:6px;}

  /*LOGO*/
  .logo{margin:15px 0 35px 0;}

  /*BANNER*/
  .banner h1{font-size:16px;}
  .banner i{font-size:30px; padding:10px 7px;}

  /*ASIDE*/
  aside ul li a{font-size:13px;}

  /*NEWS*/
  .news h3{font-size:16px;}
  .news h3 i{font-size:24px;}

  /*CORSI*/
  .title{font-size:16px; line-height:20px;}
  .orario{font-size:14px;}

  /*BREADCRUMB*/
  .breadcrumb{font-size:13px;}

  /*GALLERY*/
  .gallery-list{margin:4px;}
  .gallery figure{margin:3px;}
  .gallery-list-img, .gallery figure{height:155px;}
	
}

@media (max-width: 991px) {

  /*GALLERY*/
  .gallery-list{margin:3px;}
  .gallery-list-img{height:117px;}
}  


@media (max-width:768px){

  /*GALLERY*/
  .gallery-list{width:47%; margin:5px;}
  .gallery-list-img{height:172px;}
  .gallery figure {height:166px;}

}

/*MENU ALIGN CENTER*/

@media (max-width: 767px) {
	
  /*MENU*/
  #menu-top li a{border-left:none;font-size:14px;}
  .navbar-toggle .icon-bar{background: #4B4B4B;}
  .navbar-brand {color:#4b4b4b; }
  .navbar-collapse{max-height: none;background: none;}

  /*ICON*/
  ul#icon li a{padding:0 5px;}

  /*SEARCH*/
  .search .form-control{width:100%;}

  /*BANNER*/
  .banner h1{font-size:18px;}
  .banner i{font-size:35px; padding:10px;}

  /*BREADCRUMB*/
  .breadcrumb{font-size:12px;}

  /*GALLERY*/
  .gallery-list-img{height:270px;}
  .gallery figure{height:220px;}

  .gallery figure{width:47%;}
  .gallery figure img{width:100%;}

}

@media (max-width: 480px) {	
	
  /*BANNER*/
  .banner h1{font-size:16px;}

  h2{font-size:25px;}

  /*GALLERY*/
  .gallery-list-img{height:166px;}
  .gallery figure{height:139px;}

}


@media (max-width: 384px) { 

  /*GALLERY*/
  .gallery-list-img{height:132px;}
  .gallery figure{height:110px;}

}