@charset "utf-8";
/* CSS Document */

body, html{
	background:#000;
	font-family: 'Cairo', sans-serif;
	font-weight:300;
	font-size:100%;
	height:100%;

}
.navbar-inverse { background-color: #000000}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #000000}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #000}
.navbar-inverse .navbar-brand { color: #F01442}
.navbar-inverse .navbar-brand:hover { color: #F01442}
.navbar-inverse .navbar-nav>li>a { color: #F01442; font-size: 19px;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}



.navbar-inverse{
	background-color: rgba(0, 0, 0, 0.76);
	border:none;
	border-radius:0;

}





.navbar-brand{
	float: left;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
	margin-right:20px;


}

.menu{
	font-family: Cairo;
	color: #f01442;
	font-weight: 400;
}

.banner-topo{
	background:url(../img/bkg-banner-topo.jpg) 50% center;
	height: 750px;
    padding-top: 100px;

}
.banner-topo h2{
	color: #f01442;
	font-weight: 400;
	font-size:60px;
	line-height: 30px;
}
.banner-topo h2 small{
	color:#ccc;
	font-weight: 300;
}

.banner-topo h3{
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
	padding: 10px 0 0 50px;
}

.botao{
	font-family: 'Cairo', sans-serif;
	color: #f01442;
	font-size: 10.77px;
	font-weight: 400;
}
.logo-hyperx{
	padding:30px 0;
}
section.detalhes{
	background: #000;
    padding: 60px 0;
}
section.detalhes h4{
	font-weight:300;
	color:#f01442;
	margin-top:20px;
	font-size: 16px;
}


section.detalhes-1{
	background:url(../img/fundo-detalhe-1a.jpg) top center no-repeat #000;
	height: 2185px;

}

section.detalhes-2{
	background: url(../img/fundo-detalhe-2a.jpg) top center no-repeat #000;
	height: 1768px;

}
section.detalhes-1 h2{
	font-size: 45px;
	color: #f01442;
	font-weight:400;
	line-height: 30px;
}
section.detalhes-2 h2{
	font-size: 45px;
	color: #f01442;
	font-weight:400;
	line-height: 30px;
	padding-bottom:30px;
}
section.detalhes-2 h2 small{
	font-size: 45px;
	color: #f01442;
	font-weight:300;
}

section.detalhes-1 p{
	color:#fff;
}

section.detalhes-1 h2 small{
	font-size: 45px;
	color: #f01442;
	font-weight:300;
}

section.detalhes-1 .bkg-destalhes-1{
	background: url(../img/fundo-detalhe-1.png) top no-repeat;
    background-position: 50% 100%;
    position: relative;
    padding: 90px 0;
    height: 1000px;
}

section.detalhes-2 .bkg-detalhes-2{
	background: url(../img/fundo-detalhe-2.png) top no-repeat;
    background-position: 50% 170%;
    position: relative;
    padding: 90px 0;
    height: 924px;
}

section.detalhes-1 .detalhe-lupa{
	position: absolute;
    top: 580px;
    left: 10px;

}

section.detalhes-3{
	background: url(../img/bkg-detalhes-3.jpg) top center no-repeat;
	padding:120px 0;
	text-align:center;

}
.texto-detalhe2{
	margin-top: 1100px;
}

.texto-detalhe2 small{
	font-size:18px;
	color: #f01442;
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 3px solid #F01442; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; }
.datagrid table td, .datagrid table th { padding: 12px 12px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) );background:-moz-linear-gradient( center top, #000000 5%, #000000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');background-color:#000000; color:#F01442; font-size: 14px; font-weight: normal; border-left: 0px solid #F01442; }
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #F01442; font-size: 13px;border-bottom: 1px solid #F01442;font-weight: normal; }
.datagrid table tbody .alt td { background: #000000; color: #f01442; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #F01442;background: #000000;}
.datagrid table tfoot td { padding: 0; font-size: 15px }
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #F01442;border: 1px solid #000000;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) );background:-moz-linear-gradient( center top, #000000 5%, #000000 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');background-color:#000000; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #000000; color: #F01442; background: none; background-color:#000000;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }


.btn-primary {
  color: #000;
  background-color: #ea133f;
  border-color: #ea133f;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #000;
  background-color: #ea133f;
  border-color: #ea133f;
}
.btn-primary:hover {
  color: #000;
  background-color: #ea133f;
  border-color: #ea133f;;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #000;
  background-color: #ea133f;
  border-color: #ea133f;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #000;
  background-color: #ea133f;
  border-color: #ea133f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ea133f;
  border-color: #ea133f;
}
.btn-primary .badge {
  color: #000;
  background-color: #ea133f;
  border-color: #ea133f;
}