/*
	#FFFFFF		White - Luminosity: 100. 
	#f8f8f8		Almost white, but not white. - Luminosity: 98.
	#e3e3e3		No Color - Luminosity: 90. 
	#c6c6c6		No Color - Luminosity: 80. 
	#acacac		No Color - Luminosity: 70. 
	#919191		No Color - Luminosity: 60. 
	#787878		No Color - Luminosity: 50. 
	#5e5e5e		No Color - Luminosity: 40. 
	#474747		No Color - Luminosity: 30. 
	#313131		No Color - Luminosity: 20. 
	#1b1b1b		No Color - Luminosity: 10. 
	#070707		Basically black, but not black.  - Luminosity: 2.
	#000000		Black - Luminosity: 0. 
	
	#9d0000		Royal Red. Good for 'X' Boxes, and alerts.
*/

body {
	margin: 0px;
	background-color: white;
	font-family: 'Open Sans', Arial, sans-serif;
	padding-top: 50px;
	background-image: url("../images/bg.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}

input {
	background-color: #f8f8f8;
	border: 1px solid #acacac;
	color: #1b1b1b;
}

input[type="button"],input[type="submit"] {
	cursor: pointer;
}

input[type="button"]:hover,  input[type="submit"]:hover {
	opacity: 0.4;
}

.container {
	/*background-color: #e3e3e3;*/
}


.nav-justified > li > a:hover {
	color: #2A2A2A;
}

.error {
	border: 1px solid red;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}