@import url(../warp/css/layout.css);


.video-f1 {
	position: relative;
    overflow: hidden;
    z-index: 1;
	margin-top: 42px;
	margin-bottom: -45px;
	width:100%;
	height:100%;
	padding-top:50%;
	background: url(/images/video/nachalo1.jpg) no-repeat;
    background-size: 100%;
}
 
.video-f1__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.overlay {
    background: url('/templates/portal/images/video-f1-line.png') repeat;
    position: absolute;
    width:100%;
    top:0;
    left:0;
    height: 100%;
    z-index: 4;
	-webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
}
.logo-f1 {
    height: 100%;
}
.welcome-f1 {
font-size: 36px;
    color: #ffffff;
    line-height: 1.1;
    font-family: eurostile,sans-serif;
	text-shadow: #000000 1px 1px 0, #000000 2px 2px 0, #000000 3px 3px 0, #000000 4px 4px 0, #000000 5px 5px 0;
    text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	height: 100%;
}

@media (max-width: 767px) {
	.video-f1 {
		background: url('/templates/portal/images/video-f1-line.png') center center / cover no-repeat;
	}

	.video-f1__video {
		display: none;
	}

	.overlay h1 {
	    font-size: 40px;
	}
}

 
.latest-news {
color: #0090f5;
font-family: eurostile,sans-serif;
font-size: 44px;
padding:15px;
margin-bottom: 10px;
font-weight: bold;
border-bottom: 5px solid white;
width: 400px;
text-shadow: #000 1px 1px 0, #000 2px 2px 0, #000 3px 3px 0, #000000 4px 4px 0, #0cf 5px 5px 0;
}






/* Spacing
----------------------------------------------------------------------------------------------------*/

.wrapper { padding: 0 0; }

.module,
#toolbar,
#header,
#breadcrumbs,
#content,
#footer { margin: 5px; }

#breadcrumbs { margin: 5px; padding-top: 5px; }

.module,
#header
{ margin: 0px;}

#menu .module { margin: 10px 5px; }

#footer .module { margin: 0; }

#headerbar { margin-bottom: 20px; }

#headerbar .module { max-width: 700px; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#toolbar,
#footer,
.mod-box {
	padding: 20px;
	background: url(../images/section.png) 50% 50% repeat;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}
#content {
	background-color: #fff;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	padding: 20px;
}

#header {
	padding: 0px;
	background: #242424;
	background: url(../images/menu_header.png) 0 0 repeat-x;
	position: fixed;
	    top: 0;
	z-index: 999;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	width: 100%;
	border-bottom: 3px solid #0cf;
}


.mod-box {
	padding: 0px;

	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	margin-top: 5px;
}

#toolbar {
	padding: 5px 10px;
	font-size: 11px;
}

#menubar {
	border-radius: 3px;
	max-width:950px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.breadcrumbs { margin-bottom: 10px; }

#footer {
	color: #ffffff;
	font-size: 12px;
	text-align: left;
}

#footer:before {
	bottom: -6px;
	right: 0;
	left: 0;
	height: 14px;
}

#totop-scroller {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	width: 21px;
	height: 21px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}
#totop-scroller:hover { background-position: 0 -50px; }

#top-a {padding-top:60px;}

/* Section Line Style */
.top-a-line #top-a,
.top-b-line #top-b,
.main-line #main,
.bottom-a-line #bottom-a,
.bottom-b-line #bottom-b,
.footer-line #footer {
	margin-top: 40px;
	position: relative;
}

.top-a-line #top-a:before,
.top-b-line #top-b:before,
.main-line #main:before,
.bottom-a-line #bottom-a:before,
.bottom-b-line #bottom-b:before,
.footer-line #footer:before {
	top: -15px;
	right: 5px;
	left: 5px;
	height: 10px;
/*	background: url(../images/section_before.png) 0 0 repeat-x;*/
}

.top-a-line #top-a,
.main-line #header + #main,
.footer-line #footer { margin-top: 50px; }

.footer-line #footer:before {
	top: -20px;
	right: 0;
	left: 0;
}

/* :Before Elements */
#footer:before,
.top-a-line #top-a:before,
.top-b-line #top-b:before,
.main-line #main:before,
.bottom-a-line #bottom-a:before,
.bottom-b-line #bottom-b:before,
.footer-line #footer:before {
	content: "";
	display: block;
	position: absolute;
}

.seasonhead
	{
	border:black 1px solid;
	vertical-align:top;
	text-align:center;
	background-color: #000000;
	color: #ff0000;
	font-size: 12pt;
	font-weight: bold;
	}
.season
	{
	color: #000000;
	text-align:center;
	vertical-align:top;
	border: 1px black solid;
	padding:3px 4px 3px 4px;
	font-size: 12pt;
	font-weight: bold;
	}
.seasonname
	{
	color: #000000;
	text-align:left;
	vertical-align:top;
	padding:3px 0 3px 5px;
	font-size: 12pt;
	border: 1px black solid;
	font-weight: bold;
	}

	
.rp_list {
	font-family:Verdana, Helvetica, sans-serif;
	position:fixed;
	right:-390px;
	top:110px;
	margin:0;
	padding:0;
	z-index:99999;
}
span.rp_shuffle{
	background:#222 url(../images/shuffle.png) no-repeat 10px 50%;
	width:28px;
	height:14px;
	display:block;
	margin:10px 0px 0px 20px;
	cursor:pointer;
	padding:4px;
	border:1px solid #000;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.rp_list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.rp_list ul li{
	width: 410px;
	margin-bottom:5px;
	display:none;
}
.rp_list ul li div{
	display: block;
	line-height:15px;
	width: 430px;
	height: 80px;
	background:#333;
	border:1px solid #000;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.rp_list ul li div img{
	width:70px;
	border:none;
	float:left;
	margin:4px 1px 0px 4px;
	border:1px solid #333;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}
span.rp_title{
	font-size:11px;
	color:#ddd;
	height:46px;
	margin:4px 0px 0px 20px;
	display:block;
	text-shadow:1px 1px 1px #000;
	padding-top:3px;
	background:#222;
	-moz-box-shadow:0px 0px 5px #000 inset;
	-webkit-box-shadow:0px 0px 5px #000 inset;
	box-shadow:0px 0px 5px #000 inset;
}
span.rp_links{
	width:195px;
	height:8px;
	padding-top:2px;
	display:block;
	margin-left:42px;
}
span.rp_links a{
	background: #222 url(../images/bgbutton.png) repeat-x;
	padding: 2px 18px;
	font-size:10px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	box-shadow:0 1px 3px #000;
	text-shadow: 0 -1px 1px #222;
	cursor: pointer;
	outline:none;
}
span.rp_links a:hover{
	background-color:#000;
	color:#fff;
}

.formula1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: normal;
line-height: 110%;
color: #E6F5FF;
text-shadow: 0 0 6px rgba(64,159,255,0.5);
text-align: center;
padding-right: 10px;
}

#system {min-height:1345px;}

.formula2019 {
width:180px;
height:25px;
background: url(/images/formula1/2019season.png) no-repeat;
}
.formula2019:hover {
width:180px;
height:25px;
background: url(/images/formula1/2019season_a.png) no-repeat;
}

.formula2018 {
width:180px;
height:25px;
background: url(/images/formula1/2018season.png) no-repeat;
}
.formula2018:hover {
width:180px;
height:25px;
background: url(/images/formula1/2018season_a.png) no-repeat;
}

.formula2017 {
width:180px;
height:25px;
background: url(/images/formula1/2017season.png) no-repeat;
}
.formula2017:hover {
width:180px;
height:25px;
background: url(/images/formula1/2017season_a.png) no-repeat;
}

.formula2016 {
width:180px;
height:25px;
background: url(/images/formula1/2016season.png) no-repeat;
}
.formula2016:hover {
width:180px;
height:25px;
background: url(/images/formula1/2016season_a.png) no-repeat;
}

.formula2015 {
width:180px;
height:25px;
background: url(/images/formula1/2015season.png) no-repeat;
}
.formula2015:hover {
width:180px;
height:25px;
background: url(/images/formula1/2015season_a.png) no-repeat;
}

.formula2014 {
width:180px;
height:25px;
background: url(/images/formula1/2014season.png) no-repeat;
}
.formula2014:hover {
width:180px;
height:25px;
background: url(/images/formula1/2014season_a.png) no-repeat;
}
.formula2013 {
width:180px;
height:25px;
background: url(/images/formula1/2013season.png) no-repeat;
}
.formula2013:hover {
width:180px;
height:25px;
background: url(/images/formula1/2013season_a.png) no-repeat;
}
.formula2012 {
width:180px;
height:25px;
background: url(/images/formula1/2012season.png) no-repeat;
}
.formula2012:hover {
width:180px;
height:25px;
background: url(/images/formula1/2012season_a.png) no-repeat;
}
.formula2011 {
width:180px;
height:25px;
background: url(/images/formula1/2011season.png) no-repeat;
}
.formula2011:hover {
width:180px;
height:25px;
background: url(/images/formula1/2011season_a.png) no-repeat;
}
.formula2010 {
width:180px;
height:25px;
background: url(/images/formula1/2010season.png) no-repeat;
}
.formula2010:hover {
width:180px;
height:25px;
background: url(/images/formula1/2010season_a.png) no-repeat;
}
.formula2009 {
width:180px;
height:25px;
background: url(/images/formula1/2009season.png) no-repeat;
}
.formula2009:hover {
width:180px;
height:25px;
background: url(/images/formula1/2009season_a.png) no-repeat;
}
.formula2008 {
width:180px;
height:25px;
background: url(/images/formula1/2008season.png) no-repeat;
}
.formula2008:hover {
width:180px;
height:25px;
background: url(/images/formula1/2008season_a.png) no-repeat;
}
.formula2007 {
width:180px;
height:25px;
background: url(/images/formula1/2007season.png) no-repeat;
}
.formula2007:hover {
width:180px;
height:25px;
background: url(/images/formula1/2007season_a.png) no-repeat;
}
.formula2006 {
width:180px;
height:25px;
background: url(/images/formula1/2006season.png) no-repeat;
}
.formula2006:hover {
width:180px;
height:25px;
background: url(/images/formula1/2006season_a.png) no-repeat;
}
.formula2005 {
width:180px;
height:25px;
background: url(/images/formula1/2005season.png) no-repeat;
}
.formula2005:hover {
width:180px;
height:25px;
background: url(/images/formula1/2005season_a.png) no-repeat;
}
.formula2004 {
width:180px;
height:25px;
background: url(/images/formula1/2004season.png) no-repeat;
}
.formula2004:hover {
width:180px;
height:25px;
background: url(/images/formula1/2004season_a.png) no-repeat;
}
.formula2003 {
width:180px;
height:25px;
background: url(/images/formula1/2003season.png) no-repeat;
}
.formula2003:hover {
width:180px;
height:25px;
background: url(/images/formula1/2003season_a.png) no-repeat;
}
.formula2002 {
width:180px;
height:25px;
background: url(/images/formula1/2002season.png) no-repeat;
}
.formula2002:hover {
width:180px;
height:25px;
background: url(/images/formula1/2002season_a.png) no-repeat;
}
.formula2001 {
width:180px;
height:25px;
background: url(/images/formula1/2001season.png) no-repeat;
}
.formula2001:hover {
width:180px;
height:25px;
background: url(/images/formula1/2001season_a.png) no-repeat;
}
.formula2000 {
width:180px;
height:25px;
background: url(/images/formula1/2000season.png) no-repeat;
}
.formula2000:hover {
width:180px;
height:25px;
background: url(/images/formula1/2000season_a.png) no-repeat;
}
.formula1999 {
width:180px;
height:25px;
background: url(/images/formula1/1999season.png) no-repeat;
}
.formula1999:hover {
width:180px;
height:25px;
background: url(/images/formula1/1999season_a.png) no-repeat;
}
.formula1998 {
width:180px;
height:25px;
background: url(/images/formula1/1998season.png) no-repeat;
}
.formula1998:hover {
width:180px;
height:25px;
background: url(/images/formula1/1998season_a.png) no-repeat;
}
.formula1997 {
width:180px;
height:25px;
background: url(/images/formula1/1997season.png) no-repeat;
}
.formula1997:hover {
width:180px;
height:25px;
background: url(/images/formula1/1997season_a.png) no-repeat;
}
.formula1996 {
width:180px;
height:25px;
background: url(/images/formula1/1996season.png) no-repeat;
}
.formula1996:hover {
width:180px;
height:25px;
background: url(/images/formula1/1996season_a.png) no-repeat;
}
.formula1995 {
width:180px;
height:25px;
background: url(/images/formula1/1995season.png) no-repeat;
}
.formula1995:hover {
width:180px;
height:25px;
background: url(/images/formula1/1995season_a.png) no-repeat;
}
.formula1994 {
width:180px;
height:25px;
background: url(/images/formula1/1994season.png) no-repeat;
}
.formula1994:hover {
width:180px;
height:25px;
background: url(/images/formula1/1994season_a.png) no-repeat;
}
.formula1993 {
width:180px;
height:25px;
background: url(/images/formula1/1993season.png) no-repeat;
}
.formula1993:hover {
width:180px;
height:25px;
background: url(/images/formula1/1993season_a.png) no-repeat;
}
.formula1992 {
width:180px;
height:25px;
background: url(/images/formula1/1992season.png) no-repeat;
}
.formula1992:hover {
width:180px;
height:25px;
background: url(/images/formula1/1992season_a.png) no-repeat;
}
.formula1991 {
width:180px;
height:25px;
background: url(/images/formula1/1991season.png) no-repeat;
}
.formula1991:hover {
width:180px;
height:25px;
background: url(/images/formula1/1991season_a.png) no-repeat;
}
.formula1990 {
width:180px;
height:25px;
background: url(/images/formula1/1990season.png) no-repeat;
}
.formula1990:hover {
width:180px;
height:25px;
background: url(/images/formula1/1990season_a.png) no-repeat;
}
.formula1989 {
width:180px;
height:25px;
background: url(/images/formula1/1989season.png) no-repeat;
}
.formula1989:hover {
width:180px;
height:25px;
background: url(/images/formula1/1989season_a.png) no-repeat;
}
.formula1988 {
width:180px;
height:25px;
background: url(/images/formula1/1988season.png) no-repeat;
}
.formula1988:hover {
width:180px;
height:25px;
background: url(/images/formula1/1988season_a.png) no-repeat;
}
.formula1987 {
width:180px;
height:25px;
background: url(/images/formula1/1987season.png) no-repeat;
}
.formula1987:hover {
width:180px;
height:25px;
background: url(/images/formula1/1987season_a.png) no-repeat;
}
.formula1986 {
width:180px;
height:25px;
background: url(/images/formula1/1986season.png) no-repeat;
}
.formula1986:hover {
width:180px;
height:25px;
background: url(/images/formula1/1986season_a.png) no-repeat;
}



.formulae2014 {
width:180px;
height:25px;
background: url(/images/formula1/formulae2014-2015.png) no-repeat;
}
.formulae2014:hover {
width:180px;
height:25px;
background: url(/images/formula1/formulae2014-2015_a.png) no-repeat;
}
.formulae2015 {
width:180px;
height:25px;
background: url(/images/formula1/formulae2015-2016.png) no-repeat;
}
.formulae2015:hover {
width:180px;
height:25px;
background: url(/images/formula1/formulae2015-2016_a.png) no-repeat;
}
.films {
width:180px;
height:25px;
background: url(/images/formula1/films.png) no-repeat;
}
.films:hover {
width:180px;
height:25px;
background: url(/images/formula1/films_a.png) no-repeat;
}

.seasonhead
	{
	border:black 1px solid;
	vertical-align:top;
	text-align:center;
	background-color: #000000;
	color: #ff0000;
	font-size: 12pt;
	font-weight: bold;
	}
.season
	{
	color: #000000;
	text-align:center;
	vertical-align:top;
	border: 1px black solid;
	padding:3px 4px 3px 4px;
	font-size: 12pt;
	font-weight: bold;
	}
.seasonname
	{
	color: #000000;
	text-align:left;
	vertical-align:top;
	padding:3px 0 3px 5px;
	font-size: 12pt;
	border: 1px black solid;
	font-weight: bold;
	}
.kk
	{
	color: #000000;
	text-align: center;
	font-size: 12pt;
	font-weight: 700;
	border-right:1px solid black;
	border-bottom:1px dotted #808080;
	}
.kk_bottom
	{
	color: #000000;
	text-align: center;
	font-size: 12pt;
	font-weight: 700;
	border-right:1px solid black;
	border-bottom:1px solid #000000;
	}

.hdr {
font-size: 18pt;
text-align: center;
padding-bottom: 20px;
font-family: Verdana;
color: #ff0000;
text-shadow: -0.05em 0px 0.07em #000000;
font-weight: bold;
letter-spacing: 0;
padding-left: 10px;
}

.download_mod {
width:300px; 
height:86px;
background: url(/images/download.png) no-repeat;
cursor:pointer;
display: inline-block;
}
.download_mod:hover {
width:300px; 
height:86px;
background: url(/images/download_hover.png) no-repeat;
cursor:pointer;
display: inline-block;

}

.download_med {
width:150px; 
height:43px;

background: url(/images/download_med.png) no-repeat;
cursor:pointer;
}
.download_med:hover {
width:150px; 
height:43px;

background: url(/images/download_med_hover.png) no-repeat;
cursor:pointer;
}

.modding {
padding-left: 30px;
background: url(../../../media/com_smfaq/images/smfaq-arrow-close.gif) left no-repeat;
	-moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
line-height:2; 
font-size:17px;
}

.modding:hover {
padding-left: 60px; 
	-moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
background: url(../../../media/com_smfaq/images/smfaq-arrow-close.gif) 30px 1px no-repeat;
    text-shadow: 1px 1px 20px #FFFFFF;
    color: #FFFFFF;
}
.sneg {
cursor: pointer;
border: 2px solid black;
border-radius: 7px;
text-shadow: 1px 1px 20px #FFFFFF;
background-color: #00ccff;
color: #FFFFFF;
}

.sneg:hover {
cursor: pointer;
border: 2px solid black;
border-radius: 7px;
	-moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
background-color: #ff0000;
color: #000000;
text-shadow: 1px 1px 20px #ffffff;

}


.champ-two {
 width: 900px; 
 height:200px;
 margin: 0 auto;
}
.champ-two a img,
.champ-two a {
 display: block;
 float: left;
 width: 390px;
}
.champ-two a {
 margin: 5px 15px;
 text-align: center;
}
.champ-two a:hover img {
 width: 500px;
 
 z-index:999;
 position:absolute;
 margin:10px 0 0 -50px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 }
 
 
.champ-three {
 width: 900px; 
 height:200px;
 margin: 0 auto;
}
.champ-three a img,
.champ-three a {
 display: block;
 float: left;
 width: 250px;

}
.champ-three a {
 margin: 5px 15px;
 text-align: center;
}
.champ-three a:hover img {
 width: 350px;
 z-index:999;
 position:absolute;
margin:10px 0 0 -50px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 transition: all 0.5s ease;
 }