/*

--------------------------------------------------------------

Colours and backgrounds for custom.css

-------------------------------------------------------------- */



body {



	/*background-color: #eee;*/

	background-color: #222;

	background-image: url("../img/bg_3.jpg");

	background-attachment: fixed;

    background-repeat: no-repeat;



    /*color: #828282;*/

	color: #ccc;

}





hr {border-color: #333!important;}





header {



	/*background-image: url("../img/bg.jpg");/

	background: rgba(0,0,0,0.5);*/



}





a {

	color:#ef8d1b;



}



a:hover { color: #e07d13;}









/* Media Queries

---------------------------------------- */





@media (max-width: 798px) {





body {



	background-size: 800px 800px;



    

}







}







@media (min-width: 798px) {





body {



    background-position: center top;

	background-size: cover;



    

}







}



/**********************************/

.modal-header, .modal-footer {

    border-color: #444;



}









.modal-content {

background-color:#111;

opacity:0.9;

}



.modal-title {

    color: #888;

}





.quiz a {

    font-size: 20px;

}



a.titolo-sito, a.titolo-sito:active {



color: #ef8d1b;



}



a.titolo-sito:hover {



color: #ff8400;



}



.btn-warning {

    color: #222;

}





.email {



color: #ffba00;

}



.telephone {



color: #c00000;

}









.list-group-item.dark {

    background-color: #111;

    border: 1px solid #333;

   

}





.highlight.orange {



color: #ef8d1b!important;



}



.orange {

color: #ef8d1b!important;



}



.yellow {



color: #FFD900;



}







.thumbnail.dark {

    background-color: #111;



}







h3.sidebar {

    background-color: #222;

}





h4.foglio-rosa {





color: #F2ACE3;

}



.highlight-bk {

	background-color:#111;



}



.highlight {

	color:#111;

}

  

h3.highlight  {



  	border-bottom:2px solid #111;

}









.navbar {

	background-color:#111;

  	color:#ffffff;



}

.navbar-nav > li > a {

  	color:#fff;

  	border-left:1px solid #444;

}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {

    color:#666666; 

}

.navbar-nav > li:last-child > a {

  	border-right:1px solid #444;

}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {

    color: #ffffff;

	background-color:transparent;

}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {

	color: #f0f0f0;

	background-color:transparent;

    border-color:#111;

}



.nav .open > a {

    border-color:#777777;



}





.caret {

	color:#fff;

}







.navbar-toggle {

	color:#fff;



}

  

.navbar-toggle:hover {

	background-color:#fff;

}









.panel.dark {



background-color:#141414;





}





.panel.contact-success {



	/*background-image: url("../img/bg.jpg");*/

	background: rgba(0,0,0,0.9);





}





.panel-title.dark {

    color: #222;

}





.fb-color h4, .fb-color h3, .fb-color {color: #0184b5;}

.fa-instagram {color:#fb8207;}

.fa-instagram:hover {color:#fff;}

.fb-color h4:hover, .fb-color h3:hover, .fb-color:hover {



color: #0184b5;





}






.label-facebook {background-color: #336699;}



.label-pista {background-color: #ef8d1b; color: #222;}



.label-facebook:hover {background-color: #2C7BC9;}



.label-pista:hover {background-color: #FFA600; color: #222;}







.label-insta {background-color: #9009e8;}



.label-insta:hover {background-color: #2C7BC9;}





.lead {



color: #FFF;



}





.well.contatti {



    background-color: #111;

	color: #fcfcfc!important;



}









/* Set the fixed height of the footer here */

footer {

  background-color: #111;

}



table-bordered > thead > tr > th, .table-bordered > thead > tr > th, table-bordered > tbody > tr > th, .table-bordered > tbody > tr > th, table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > th, table-bordered > thead > tr > td, .table-bordered > thead > tr > td, table-bordered > tbody > tr > td, .table-bordered > tbody > tr > td, table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > td {

    border-color: #333;

}









.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {

    background-color: #f39c12;

    color: #222;

}







.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {

    background-color: #ecf0f1;

	color: #222;

}





.panel-primary {

    border-color: #111;

}



.panel-primary > .panel-heading {

    background-color: #111;

    border-color: #111;

}



.dropdown-menu > li > a {

    color: #111;



}





.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-color: #111;

    color: #ccc;

    text-decoration: none;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color: #111;

    color: #ccc;

    outline: 0 none;

    text-decoration: none;

}







.scroll-top .btn {

	

	background-color: #ef8d1b;

	color: #222;

	border-color: transparent;

}







.scroll-top .btn:hover {

    background-color: #FFA200;

}