ACC SHELL

Path : /srv/www/vhosts/ivracing/
File Upload :
Current File : /srv/www/vhosts/ivracing/screen.css

html * {
	margin :0;
	padding: 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #48575F;
}

a {
	text-decoration: none;
	color: #48575F;
}

#wrapper-outer {
	background-color: black;
	width: 100%;
	height: 530px;
    position: absolute;
    top: 50%;
    margin: -265px 0 0 0;
}

#wrapper-inner {
	/*border: 1px solid red;*/
	width: 1280px;
	margin: auto;
    margin-top: -135px;
}

/******************************************************************************/

header {
	/*border: 1px solid blue;*/
	height: 135px;
}

#logo, #bmw-logo, #contact-1, #contact-2 {
	/*border: 1px solid red;*/
	float: left;
	width: 25%;
	height: 100%;
}

#contact-1 ul, #contact-2 ul {
	padding-top: 12px;
}

h1 a {
	display: block;
	height: 100%;
	background: url(img/logo.png) 30px center no-repeat;
	background-size: 90%;
}

h1 a span {
	display: none;
}

#bmw-logo {
	background: url(img/bmw-logo.png) 20px 5px no-repeat;
	background-size: 110px;
}

header ul {
	list-style-type: none;
	font-size: 20px;
	font-weight: 300;
}

header ul li:first-child {
	color: #2E3192;
}

/******************************************************************************/

#main {
	/*border: 1px solid green;*/
	height: 530px; /* 800 - 135 - 135 */
}

#main a {
	/*border: 1px solid red;*/
	height: 100%;
	width: 100%;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	display: table-cell;
	vertical-align: bottom;
	padding: 0 0 20px 20px;
	font-size: 23px;
	color: rgba(255, 255, 255, 0.6);

	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#main a:hover {
	color: rgba(255, 255, 255, 1);
}

#endurance, #team, #pirelli, #service {
	height: 100%;
	width: 25%;
	float: left;
	display: table;

	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#endurance {
	background-image: url(img/endurance.jpg);
	background-position: -30px -70px;
	background-size: 380px;
}

#endurance:hover {
	background-position: -40px -60px;
	background-size: 390px;
}

#team {
	background-image: url(img/team.jpg);
	background-position: 50% 50%;
	background-size: 385px;
}

#team:hover {
	background-position: 55% 40%;
	background-size: 395px;
}

#pirelli {
	background-image: url(img/pirelli.jpg);
	background-position: 50% 50%;
	background-size: 375px;
}

#pirelli:hover {
	background-position: 55% 40%;
	background-size: 385px;
}

#service {
	background-image: url(img/service.jpg);
	background-position: 50% -70px;
	background-size: 380px;
}

#service:hover {
	background-position: 55% -60px;
	background-size: 390px;
}

/******************************************************************************/

footer {
	height: 135px;
}

footer>div {
	float: left;
	height: 100%;
}

#preload {
	position: absolute;
	top: -99999px;
	left: -99999px;
}

#bmw-logo-left, #bmw-logo-right {
	width: 100px;
	background: url(img/bmw-logo.png) center center no-repeat;
	background-size: 75px;
}

#logos * {
	margin: 0;
	padding: 0;
}

#logos {
	margin-top: 12px;
	width: 1080px; /* 1280 - 100 - 100 */
	text-align: center;
}

#logos img {
	position: relative;
	float: left;
}

.logo {
	display: inline-block;
	width: 125px;
	height: 35px;
	margin: 0px 0px !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.logo-01 {
	background-image: url(img/logos-bw/logos_01.png);
}

.logo-01:hover {
	background-image: url(img/logos/logos_01.png);
}

.logo-02 {
	background-image: url(img/logos-bw/logos_02_new.png);
}

.logo-02:hover {
	background-image: url(img/logos/logos_02_new.png);
}

.logo-03 {
	background-image: url(img/logos-bw/logos_03.png);
}

.logo-03:hover {
	background-image: url(img/logos/logos_03.png);
}

.logo-04 {
	background-image: url(img/logos-bw/logos_04.png);
}

.logo-04:hover {
	background-image: url(img/logos/logos_04.png);
}

.logo-05 {
	background-image: url(img/logos-bw/logos_05.png);
}

.logo-05:hover {
	background-image: url(img/logos/logos_05.png);
}

.logo-06 {
	background-image: url(img/logos-bw/logos_06.png);
}

.logo-06:hover {
	background-image: url(img/logos/logos_06.png);
}

.logo-07 {
	background-image: url(img/logos-bw/logos_07.png);
}

.logo-07:hover {
	background-image: url(img/logos/logos_07.png);
}

.logo-08 {
	background-image: url(img/logos-bw/logos_08.png);
}

.logo-08:hover {
	background-image: url(img/logos/logos_08.png);
}

.logo-09 {
	background-image: url(img/logos-bw/logos_09.png);
}

.logo-09:hover {
	background-image: url(img/logos/logos_09.png);
}

.logo-10 {
	background-image: url(img/logos-bw/logos_10.png);
}

.logo-10:hover {
	background-image: url(img/logos/logos_10.png);
}

.logo-11 {
	background-image: url(img/logos-bw/logos_11.png);
}

.logo-11:hover {
	background-image: url(img/logos/logos_11.png);
}

.logo-12 {
	background-image: url(img/logos-bw/logos_12.png);
}

.logo-12:hover {
	background-image: url(img/logos/logos_12.png);
}

.logo-13 {
	background-image: url(img/logos-bw/logos_13.png);
}

.logo-13:hover {
	background-image: url(img/logos/logos_13.png);
}

.logo-14 {
	background-image: url(img/logos-bw/logos_14.png);
}

.logo-14:hover {
	background-image: url(img/logos/logos_14.png);
}

.logo-15 {
	background-image: url(img/logos-bw/logos_15.png);
}

.logo-15:hover {
	background-image: url(img/logos/logos_15.png);
}

.logo-16 {
	background-image: url(img/logos-bw/logos_16.png);
}

.logo-16:hover {
	background-image: url(img/logos/logos_16.png);
}

.logo-17 {
	background-image: url(img/logos-bw/logos_17.png);
}

.logo-17:hover {
	background-image: url(img/logos/logos_17.png);
}

.logo-18 {
	background-image: url(img/logos-bw/logos_18.png);
}

.logo-18:hover {
	background-image: url(img/logos/logos_18.png);
}

.logo-19 {
	background-image: url(img/logos-bw/logos_19.png);
}

.logo-19:hover {
	background-image: url(img/logos/logos_19.png);
}

.logo-20 {
	background-image: url(img/logos-bw/logos_20.png);
}

.logo-20:hover {
	background-image: url(img/logos/logos_20.png);
}

.logo-21 {
	background-image: url(img/logos-bw/logos_21.png);
}

.logo-21:hover {
	background-image: url(img/logos/logos_21.png);
}

.logo-22 {
	background-image: url(img/logos-bw/logos_22.png);
}

.logo-22:hover {
	background-image: url(img/logos/logos_22.png);
}

.logo-23 {
	background-image: url(img/logos-bw/logos_23.png);
}

.logo-23:hover {
	background-image: url(img/logos/logos_23.png);
}

.logo-24 {
	background-image: url(img/logos-bw/logos_24.png);
}

.logo-24:hover {
	background-image: url(img/logos/logos_24.png);
}

.logo-25 {
	background-image: url(img/logos-bw/logos_25.jpg);
}

.logo-25:hover {
	background-image: url(img/logos/logos_25.jpg);
}

.logo-26 {
	background-image: url(img/logos-bw/logos_26.png);
}

.logo-26:hover {
	background-image: url(img/logos/logos_26.png);
}

.logo-27 {
	background-image: url(img/logos-bw/logos_27.png);
}

.logo-27:hover {
	background-image: url(img/logos/logos_27.png);
}

.logo-28 {
	background-image: url(img/logos-bw/logos_28.png);
}

.logo-28:hover {
	background-image: url(img/logos/logos_28.png);
}

ACC SHELL 2018