body {
	background: #E8E8E8;
	font-family: 'Roboto', sans-serif;
	font-size: 12.5px;
}

h1,h2,h3,h4,h5,h6
{
}

a
{
	color : #de3434;
}

a:hover
{
	color : inherit;
}


.header
{
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	z-index: 10;
}


.nav-pills {
	margin: 10px;
	line-height : 30px;
	vertical-align : middle;
}

.nav-pills form
{
	margin-top : 8px;
	color : #4c4c4c;
}

.nav-pills form input
{
}

.nav-pills>li>a {
	font-size: 11px;
	color : #4C4C4C;
	padding: 10px;
	background: #FFF;
	text-transform: uppercase;
	border-radius : 0;
}

.nav > li > a:hover, .nav > li > a:focus
{
    text-decoration: none;
    background: #FAFAFA;
}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus
{
	color: #FFF;
	background: #bc1010;
}

.dropdown-menu
{
	border-radius : 0;
        padding : 10px;
        font-size : 11.5px;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
        background: none;
        color : #4C4C4C;
}

.site_container {
	background: #FFF;
	padding: 0;
	box-shadow : 0px 0px 5px #C8C8C8;
}


.carousel-control
{
    width : 40px;
}




.thumbnails > li {
	margin-top : 5px;
	min-height : 300px;
	list-style-type : none;
}

.thumbnail img
{
	max-width : 100px;
	max-height : 100px;
}

.thumbnail table
{
	margin : 5px 50px;
	font-size : 11.5px;
}

.caption .alert
{
    padding : 0;
}

.logo
{
    float : left;
    margin : 15px;
    width : 200px;
}


.footer {
	background: #C1C1C1;
	color : #5C5C5C;
	font-size: 11.5px;
	padding: 10px;
        border-top : 2px solid #CCC;
}

.footer h5
{
    text-shadow : 1px 1px 0px #E1E1E1;
}

.footer table
{
	font-size : 11.5px;
        color : inherit;
}

.footer a
{
    font-size: 12px;
}

.footer .img
{
    width : 150px;
    padding : 10px;
}

.box
{
    padding : 10px;
    font-size : 12px;
}

.box-1
{
    height: 200px;
	background : #565656;
	color : #E2E2E2;
	transition : background-color 500ms ease;
}

.box-1:hover
{
	background : #fff;
	color : #4c4c4c;
	transition : background-color 500ms linear;
}


.box-2
{
    height : 200px;
	background : #fff;
	color : #fff;
	transition : background-color 500ms ease;
	text-align : center;
	overflow : hidden;
}

.box-2 img
{
	margin : 10px;
	width : 100px;
}

/*.box-2:hover {
	background: #fff;
	color: #4c4c4c;
        height: 350px;
	-webkit-transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-o-transform: translateY(-150px);
	-ms-transform: translateY(-150px);
	transform: translateY(-150px);

        -webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}*/


/*.box-2:hover::after {
	display : inline-block;
	content: attr(data-content);
	transition : all 500ms ease;
}*/


.box-3
{
    height : 200px;
    background : #f2f2f2;
    padding : 0;
    overflow : hidden;
}


.box-3 .item
{
    height: 200px;
}

.box-3 .item p 
{
    margin : 2px;
    padding : 0;
}

.box-3 .item img
{
    max-height : 190px;
    max-width: 210px;
    margin : 5px;
}

#carousel
{
    height : 200px;
}

/*.box-3:hover
{
        border-top : 3px solid #BC1010;
	background : #fff;
	color : #4c4c4c;
	height : 550px;
	-webkit-transform: translateY(-350px);
	-moz-transform: translateY(-350px);
	transform: translateY(-350px);
	transition : all 500ms ease;
}*/

.whoarewe
{
    font-size: 10.5px;
}

.whoarewe p
{
    padding: 5px;
    font-size: 11.5px;
    font-weight: lighter;
}

.headline 
{
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #e4e9f0;
	min-height : 400px;
	padding : 10px;
	border-radius : 5px;
}

.headline img
{
	width : 64px;
	padding : 5px;
}

.headline:hover
{
	background : #fafafa;
	transition : all 300ms ease;
	
}

.floated 
{
	float: left;
	display: inline;
	margin: 0;
	width: 100%;
	padding: 0 30px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #f1f1f1;
	-webkit-box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;
	box-shadow: inset 0px 2px 0px 0px #f7f7f7, inset 0px -2px 0px 0px #f7f7f7;
}


/* Effect 1: Brackets */

.cl-effect-1 li a:hover
{
	background : #BC1010;
	color : #FFF;
	transition: background-color 200ms linear;
}

.cl-effect-1 .dropdown a:hover
{
	background : #BC1010;
	color : #FFF;
	transition: background-color 500ms linear;
}

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


.controls{
	display: inline-block;
	width: 180px;
	margin: 0 0 30px;
	vertical-align: top;
}

.controls li{
	margin-left: 20px;
	cursor: pointer;
	list-style-type: square;
}

.controls li.active{
	font-weight: 700;
}

hr{
	margin: 0 0 30px;
	height: 0;
	border: 0 none;
	border-top: 1px solid #eee;
}

#Grid{
	text-align: justify;
	font-size: 0.1px;
	min-height : 800px;
}

#Grid:after{
	content: '';
	display: inline-block;
	width: 100%;
}

#Grid .mix{
	display: none;
	opacity: 0;
	vertical-align: top;	
	font-size: 12px;
}

#Grid .gap{
	display: inline-block;
}


.data_popover
{
    display : none;
}

.row-compatibility
{
    border: 1px solid #f2f2f2;
    margin: 5px;
    padding : 10px;
}

.row-product
{
	margin : 20px;
	min-height : 400px;
}


.panel-group
{
    margin : 20px;
    min-height: 800px;
}

.panel-group .file_name .btn
{
    font-size : 11px;
}

.panel-group .file_name img
{
    width : 48px;
    margin : 2px;
}

.modal
{
	text-align : center;
}

.modal img
{
	max-width : 500px;
	max-height : 500px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto;font-size:11px; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #bc1010; }

.search
{
    min-height : 500px !important;
}

.search table
{
    font-size : inherit !important;
}
.search table img
{
    max-width: 50px !important;
}