@import url(http://fonts.googleapis.com/css?family=Oswald);

body 

	{

    background:#000; color:#FFFFFF; margin:0;

    background-position: center top;

    background-repeat: repeat-y;

    font:10pt Arial, Helvetica, sans-serif; 

	}

.wrapper-sean {width:auto;}

.header-sean { height:250px; width:950px; }

#diaporama {

    margin: auto;

    position: relative;

    width: 1024px;

    z-index: 0;

}

#mask {

    background-size:470px;

    background-position: bottom;

    background-repeat: no-repeat;

    height: 360px;

    position: relative;

    width:470px;

    z-index: 1;

    margin-bottom:7px;

}

#header-wrapper {

    margin: 0 auto;

    overflow: hidden;

    width:1024px;

    height:360px;

}

#slide_gallery {
    overflow: hidden;

    position: absolute;

    width: 1117px;

    left:-93.8px;

    /*overflow: hidden;

    position: absolute;

    width: 883px;

    left:190px;*/

}

/*#slide_gallery div.img_container {

    left: 0;

    position: absolute;

    top: 0;

}*/


#nav2-wrapper {

    background:url(../images/transbg.png) center top;

    padding:5px 10px;

    position: fixed;

    width: 1000px;

	font:bold 15px Segoe UI; 

	color:#ffffff;

	top:0;

	width:100%;

	z-index:9999;

	margin:0 auto;

	text-shadow:0 1px 1px #333333;

	box-shadow:0 1px 3px #151515;

}

#body-wrapper {

    background:#0a0a0a ;

    margin: 0 auto;

	height:auto;

    position: relative;

	/*margin-top:5px;*/

    width: 1024px;

	margin-bottom:5px;
        padding-top:0px;


}

.body_kiri {

	float:left; 

	width:710px;

	

}

.body_kanan {

	float:right; 

	width:300px;

	/*padding:5px;

	height:400px;

	margin:0 auto;

	color:#ooo;

	border:1px solid #818181;

	background:transparent;

	opacity:0.7;

	box-shadow: 6px 6px 10px #818181;

	-webkit-box-shadow: 6px 6px 10px #818181;

	-moz-box-shadow: 6px 6px 10px #818181;*/

}



.box_content {

	padding:0px;

	margin:0 auto;

	color:#f7f7f7;

	background:#0a0a0a;

	box-shadow:0 1px 3px #000000;

        position:relative;
        overflow:hidden;
}

.box_content a {

    color:#057ED0;

	text-decoration:none;

	font-size:15px;

	text-shadow:0 1px 0 #f2f2f2;

	font-family:Segoe UI;

        font-weight:bold;

}

.box_content a:hover{

   color:#FF0000;

}

#img {

	margin-left:3px;

	width:120px;

	height:90px;

	padding:3px 3px;

	background:#ffffff;

	border:1px solid #cccccc;

}

#imgmiddle {

	margin-left:3px;

	width:120px;

	height:90px;

	padding:3px 3px;

	background:#ffffff;

	border:1px solid #cccccc;

	transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg);

		transition:all 0.30s ease 0.1s;

-moz-transition:all 0.30s ease 0.1s;

-webkit-transition:all 0.30s ease 0.1s;

-o-transition:all 0.30s ease 0.1s;

-ms-transition:all 0.30s ease 0.1s;

}

#imgright:hover, #imgmiddle:hover {

transform:rotate(0deg);

-webkit-transform:rotate(0deg);

-ms-transform:rotate(0deg);

transition:all 0.30s ease 0.1s;

-moz-transition:all 0.30s ease 0.1s;

-webkit-transition:all 0.30s ease 0.1s;

-o-transition:all 0.30s ease 0.1s;

-ms-transition:all 0.30s ease 0.1s;

}

#imgright {

	margin-right:10px;

	width:120px;

	height:90px;

	padding:3px 3px;

	background:#ffffff;

	border:1px solid #cccccc;

	transform:rotate(3deg); 

	-webkit-transform:rotate(5deg); 

	-ms-transform:rotate(5deg);

	transition:all 0.30s ease 0.1s;

-moz-transition:all 0.30s ease 0.1s;

-webkit-transition:all 0.30s ease 0.1s;

-o-transition:all 0.30s ease 0.1s;

-ms-transition:all 0.30s ease 0.1s;

}

.box_content2 {

	padding:0px;

	margin:0 auto;

	color:#f7f7f7;
        background: #0a0a0a;
	font-family: sans-serif;
	box-shadow:0 1px 2px #000000;

	}

.box_content21 {

	padding:0px;

	margin:0 auto;

	color:#333333;

	background:ffffff;

	font-family:arial, helvetica, sans-serif;

	}

.box_content3 {

	font-family:arial, helvetica, sans-serif;

	padding:0px;

	margin:0 auto;

	color:#333333;

	background:transparent;

	box-shadow:0 1px 3px #000000;

	}

.box_content_title {

	padding:5px 5px;

	margin:0 auto;

	background: #000 url(../images/ina.png) no-repeat right center;

	}

.box_content_title2 {

	border-radius:10px 10px 0px 0px ; -khtml-border-radius:10px 10px 0px 0px ; -moz-border-radius:10px 10px 0px 0px ; -webkit-border-radius:10px 10px 0px 0px ;

	border-top:1px solid #818181; border-left:1px solid #818181; border-right:1px solid #818181;

	padding:0px;

	margin:0 auto;

	background:#FFFFFF;

	box-shadow: 6px 6px 10px #818181;

	-webkit-box-shadow: 6px 6px 10px #818181;

	-moz-box-shadow: 6px 6px 10px #818181;

	}

.box_content_body {

	margin:0 auto;
        box-shadow:0px 1px 2px #000;
        background:#1c1c1c;
}

.box_content_body ul {
    list-style:none;
    padding:0;
    margin:0;
}

.box_content_body li {
    border-bottom:1px solid #FFDD00;    
}
.box_content_body li:last-child {
    border-bottom:none;    
}

.box_content_body a {
    display:block;
    text-decoration:none;
   /* font-family:'Oswald', sans-serif;*/
   font-family:'Oswald'
    src: url('Oswald.ttf');
    padding:5px;
    font-size:17px;
    color:#f7f7f7;
}
.box_content_body a:hover {
    background: #FFDD00;    color:#f00000;
}
.box_content_body2 {

	border-radius:0px 0px 10px 10px ; -khtml-border-radius:0px 0px 10px 10px ; -moz-border-radius:0px 0px 10px 10px ; -webkit-border-radius:0px 0px 10px 10px ;

	border-bottom:1px solid #818181; border-left:1px solid #818181; border-right:1px solid #818181;

	padding:0px;

	margin:0 auto;

	background:#292929;

	}

.judul_foto {
    background: #c11505;
    background: -moz-linear-gradient(-45deg,  #c11505 0%, #cc1706 4%, #cc1706 6%, #d71807 19%, #bb1405 28%, #a31205 33%, #000000 33%, #2c2c2c 63%, #000000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c11505), color-stop(4%,#cc1706), color-stop(6%,#cc1706), color-stop(19%,#d71807), color-stop(28%,#bb1405), color-stop(33%,#a31205), color-stop(33%,#000000), color-stop(63%,#2c2c2c), color-stop(100%,#000000));
    background: -webkit-linear-gradient(-45deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    background: -o-linear-gradient(-45deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    background: -ms-linear-gradient(-45deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    background: linear-gradient(135deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c11505', endColorstr='#000000',GradientType=1 );
    text-shadow:0px 1px 2px #0a0a0a;
    padding:5px;
    margin:0 auto;
    font-family:'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:15pt;
}

.judul_foto a {
    text-decoration:none;
    color:#FFDD00;
}
.judul_foto a:hover {
    color:#f7f7f7;
}

.judul-foto-bawah {
    background: #000000;
    background: -moz-linear-gradient(-45deg,  #000000 28%, #2c2c2c 58%, #000000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(28%,#000000), color-stop(58%,#2c2c2c), color-stop(100%,#000000));
    background: -webkit-linear-gradient(-45deg,  #000000 28%,#2c2c2c 58%,#000000 100%);
    background: -o-linear-gradient(-45deg,  #000000 28%,#2c2c2c 58%,#000000 100%);
    background: -ms-linear-gradient(-45deg,  #000000 28%,#2c2c2c 58%,#000000 100%);
    background: linear-gradient(135deg,  #000000 28%,#2c2c2c 58%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
    font-family:'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:15px;
    padding:2px 5px;
    text-shadow:0px 1px 2px #0a0a0a;
}

.tanggal-foto-bawah {
    float:right;
}

.bg_presentasi1 {

	border-radius:7px ; -khtml-border-radius:7px ; -moz-border-radius:7px ; -webkit-border-radius:7px ;

	border-bottom:1px solid #818181; border-left:1px solid #818181; border-right:1px solid #818181;

	padding:5px;

	margin:0 auto;

	opacity:0.7;

	background:#CCCCCC url(../images/bg_profile/bg_1.jpg) center no-repeat;

	font:10pt Arial, Helvetica, sans-serif; color:#000000;

	box-shadow: 6px 6px 10px #818181;

	-webkit-box-shadow: 6px 6px 10px #818181;

	-moz-box-shadow: 6px 6px 10px #818181;

	}

.bg_presentasi2 {

	border-radius:7px ; -khtml-border-radius:7px ; -moz-border-radius:7px ; -webkit-border-radius:7px ;

	border-bottom:1px solid #818181; border-left:1px solid #818181; border-right:1px solid #818181;

	padding:5px;

	margin:0 auto;

	opacity:0.7;

	background:#CCCCCC url(../images/bg_profile/bg_2.jpg) center no-repeat;

	font:10pt Arial, Helvetica, sans-serif; color:#000000;

	box-shadow: 6px 6px 10px #818181;

	-webkit-box-shadow: 6px 6px 10px #818181;

	-moz-box-shadow: 6px 6px 10px #818181;

	}

.bg_presentasi3 {

	border-radius:7px ; -khtml-border-radius:7px ; -moz-border-radius:7px ; -webkit-border-radius:7px ;

	border-bottom:1px solid #818181; border-left:1px solid #818181; border-right:1px solid #818181;

	padding:5px;

	margin:0 auto;

	opacity:0.7;

	background:#CCCCCC url(../images/bg_profile/bg_3.jpg) center no-repeat;

	font:10pt Arial, Helvetica, sans-serif; color:#000000;

	}

.bg_presentasi4 {

	border-radius:7px ; -khtml-border-radius:7px ; -moz-border-radius:7px ; -webkit-border-radius:7px ;

	border-bottom:1px solid #818181; border-left:1px solid #818181; border-right:1px solid #818181;

	padding:5px;

	margin:0 auto;

	opacity:0.7;

	background:#CCCCCC url(../images/bg_profile/bg_4.jpg) center no-repeat;

	font:10pt Arial, Helvetica, sans-serif; color:#000000;

	}




.title_oke {
background: #980000;
background: -moz-linear-gradient(-45deg,  #980000 0%, #b20000 12%, #cc0000 25%, #8e0000 39%, #580000 50%, #000000 51%, #220000 60%, #560000 76%, #380000 91%, #260000 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#980000), color-stop(12%,#b20000), color-stop(25%,#cc0000), color-stop(39%,#8e0000), color-stop(50%,#580000), color-stop(51%,#000000), color-stop(60%,#220000), color-stop(76%,#560000), color-stop(91%,#380000), color-stop(100%,#260000));
background: -webkit-linear-gradient(-45deg,  #980000 0%,#b20000 12%,#cc0000 25%,#8e0000 39%,#580000 50%,#000000 51%,#220000 60%,#560000 76%,#380000 91%,#260000 100%);
background: -o-linear-gradient(-45deg,  #980000 0%,#b20000 12%,#cc0000 25%,#8e0000 39%,#580000 50%,#000000 51%,#220000 60%,#560000 76%,#380000 91%,#260000 100%);
background: -ms-linear-gradient(-45deg,  #980000 0%,#b20000 12%,#cc0000 25%,#8e0000 39%,#580000 50%,#000000 51%,#220000 60%,#560000 76%,#380000 91%,#260000 100%);
background: linear-gradient(135deg,  #980000 0%,#b20000 12%,#cc0000 25%,#8e0000 39%,#580000 50%,#000000 51%,#220000 60%,#560000 76%,#380000 91%,#260000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980000', endColorstr='#260000',GradientType=1 );
font-family:'Oswald', sans-serif;
src: url('Oswald.TTF');
font-size:20px;
color:#ffffff; 
padding:5px; 
text-shadow:0px 1px 2px #333;
}

.facebook {

    margin: 0 auto;

    width: 1024px;

}

.facebook a {

    background-color: transparent;

    background-position: left top;

    background-repeat: no-repeat;

    display: block;

    height: 76px;

    position: relative;

    width: 326px;

    z-index: 10;

}



#footer {

    margin-top: -67px;

    text-align: center;

    z-index: 1;

}

#footer .partners {

    margin-bottom: 20px;

}

#footer .partners a {

    display: block;

    height: 57px;

    margin: auto;

    width: 1024px;

}

#footer .partners a span {

    display: none;

}

#footer .credits {

    color: #FFFFFF;

    font-size: 10px;

}

#footer .credits a {

    color: #FFFFFF;

}



.link1 a:link {text-decoration:none; color:#0c8aff;}

.link1 a:hover {text-decoration:none; color:#ff0000;}



.link2 {


}

.link2 a:hover {

    background:#f00000;
    color:#f7f7f7;
    font-weight:normal;


}

.link2 a {
background: #333;

padding:5px; 


width:100%; 

display:block;

font-family:'Oswald', sans-serif;
src: url('Oswald.TTF');

font-size:18px;

font-weight:normal;

text-shadow:0px 1px 3px #333;


color:#f7f7f7;

margin-top:20px;

}



.link3 a { text-decoration:none; color:#333333; font-size:12px; 

font-family: Lucida Sans, Arial, 'Times New Roman', Times, serif; 

text-transform:none;

}

.link3 a:hover {color:#FF0000; background:none; text-decoration:none;}



.paging span {

text-decoration:none; 

color:#FFFFFF; 

background:#333;

padding:3px 8px; 

border-radius:2px;

font-family:Lucida Sans, Arial, Helvetica, sans-serif;

}

.paging a {

text-decoration:none; 

color:#FFFFFF; 

background:#FF0000;

padding:3px 8px; 

border-radius:2px;

font-family:Lucida Sans, Arial, Helvetica, sans-serif;

transition:background 0.50s ease-in 0s;

-webkit-transition:background 0.50s ease-in 0s;

-moz-transition:background 0.50s ease-in 0s;

-ms-transition:background 0.50s ease-in 0s;

-o-transition:background 0.50s ease-in 0s;

}

.paging a:hover {text-decoration:none; color:#ffffff; background:#019AD2;

transition:background 0.50s ease-in 0s;

-webkit-transition:background 0.50s ease-in 0s;

-moz-transition:background 0.50s ease-in 0s;

-ms-transition:background 0.50s ease-in 0s;

-o-transition:background 0.50s ease-in 0s;

}

.activePage {

background:#FFF;

padding:3px 8px; 

font-family:Lucida Sans, Arial, Helvetica, sans-serif;

border-radius:2px;

color:#333333;

font-size:13px;

}



.link4 a:link {text-decoration:none; color:#0066FF; background:none;}

.link4 a:visited {text-decoration:none; color:#0066FF; background:none;}

.link4 a:static {text-decoration:none; color:#0066FF; background:none;}

.link4 a:hover {text-decoration:none; color:#FFFFFF; background:none; text-decoration:underline;}



.link5 a:link {text-decoration:none; color:#000000; background:none; text-decoration:overline;}

.link5 a:visited {text-decoration:none; color:#000000; background:none; text-decoration:overline;}

.link5 a:static {text-decoration:none; color:#000000; background:none; text-decoration:overline;}

.link5 a:hover {text-decoration:none; color:#FF0000; background:none; text-decoration:underline;}



.toggler .image {

    background: none repeat scroll 0 0 #A8A8A6;

    border: 5px solid #58595B;

    display: block;

    height: 100px;

    margin: 10px 0 0 18px;

	}



.hasil_1 {float:left; background:#000000; color:#FFFFFF; margin-top:5px; padding:5px; font-family:Segoe UI; transition:background 0.30s ease-in 0s;}

.hasil_1:hover, .hasil_2:hover {background:#FF0000; transition:background 0.30s ease-in 0s;}

.hasil_2 {float:right; background:#000000; color:#FFFFFF; margin-top:5px; padding:5px; font-family:Segoe UI; transition:background 0.30s ease-in 0s;}

.tgl_kegiatan_foto {border-radius:5px 0px 0px 5px; -khtml-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; background:#F00000;  padding:0 10px 0 10px; font-family:'Oswald', sans-serif;}

.kat_balap_kegiatan_foto {border-radius:5px 0px 0px 5px; -khtml-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; background:#F00000; padding:0 10px 0 10px;}



.field_form {

        -moz-transition:all 0.50s ease-in 0.2s;

	-webkit-transition:all 0.50s ease-in 0.2s;

	-ms-transition:all 0.50s ease-in 0.2s;

	-o-transition:all 0.50s ease-in 0.2s;

	transition:all 0.50s ease-in 0.2s;

	-moz-box-sizing:border-box;

	-moz-border-top-colors:none;

	-moz-border-bottom-colors:none;

	-moz-border-left-colors:none;

	-moz-border-right-colors:none;

	border-image:none;

	border-color: #C9C9C9;

	border-style: solid;

	border-width: 1px;

	color: #666666;

	font: 12px/17px arial,helvetica,sans-serif;


	padding: 3px 8px;

	background: none repeat scroll 0 0 #FFFFFF;

	border-radius:2px;

	box-shadow:0 1px 3px #c9c9c9 inset;

}

.field_form:hover {

    -moz-transition:all 0.50s ease-in 0.2s;

	-webkit-transition:all 0.50s ease-in 0.2s;

	-ms-transition:all 0.50s ease-in 0.2s;

	-o-transition:all 0.50s ease-in 0.2s;

	transition:all 0.50s ease-in 0.2s;

	border-width:1px;

	border-color:#B9B9B9;

	border-style:solid;

	border-radius:2px;

}

.field_form:focus {

    -moz-transition:all 0.50s ease-in 0.2s;

	-webkit-transition:all 0.50s ease-in 0.2s;

	-ms-transition:all 0.50s ease-in 0.2s;

	-o-transition:all 0.50s ease-in 0.2s;

	transition:all 0.50s ease-in 0.2s;

	border:1px solid #2DADDC;

	box-shadow:0 1px 3px 0 #C9C9C9 inset;

	-webkit-box-shadow:0 1px 3px 0 #C9C9C9 inset;

	width:205px;

	color:#444444;

}

.cari-foto {

        float:right;

        height:20px;

        margin:10px 10px 0 0;

}

.submit {

   -moz-transition:border-color 0.10 ease 0s;

   -moz-box-sizing:border-box;

   border-color:#CCCCCC;

   border-width:1px;

   border-style:solid;

   border-radius:3px;

   cursor:pointer;

   display:inline;

   font-family:Arial;

   padding:2px 10px;

   min-height:20px !important;

   margin:0;

   background:-moz-linear-gradient(center top, #FAFAFA 10%, #D9D9D9 100%);

   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FAFAFA), color-stop(1, #D9D9D9));

   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#D9D9D9');

   color:#333333;

   font-weight:bold;

   text-shadow:0 1px 0 #ffffff;

}

.submit:hover {

   background:-moz-linear-gradient(center top, #F2F2F2 10%, #E9E9E9 100%);

   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F2F2F2), color-stop(1, #E9E9E9));

   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E9E9E9');

   border:1px solid #C9C9C9;

   color:#057ED0;

   text-shadow:none;

   box-shadow:0 1px 3px #DDDDDD;

}

.submit:active {

   background:-moz-linear-gradient(center top, #F2F2F2 10%, #E9E9E9 100%);

   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F2F2F2), color-stop(1, #E9E9E9));

   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E9E9E9');

   border:1px solid #C9C9C9;

   color:#333333;

   text-shadow:none;

   box-shadow:0 1px 3px #C9C9C9 inset, 0 0 8px #DDDDDD;

}

.field_form textarea

{border:1px solid #000000; background:#FFF; font:10pt Tahoma, Geneva, sans-serif; padding:0 2px 0 2px;}

.field_form textarea:focus

{background:#FFFF66;}



.field_form2 input

{border:1px solid #000000; background:#FFF; font:bold 12pt "Courier New", Courier, monospace; padding:5px;

border-radius:10px ; -khtml-border-radius:10px ; -moz-border-radius:10px ; -webkit-border-radius:10px ;}

.field_form2 input:focus

{background:#FF0000; color:#FFFFFF;}

.field_form2 textarea

{border:1px solid #000000; background:#FFF; font:12pt "Courier New", Courier, monospace; padding:5px;

border-radius:10px ; -khtml-border-radius:10px ; -moz-border-radius:10px ; -webkit-border-radius:10px ;}

.field_form2 textarea:focus

{background:#FF0000; color:#FFFFFF;}



.field_form select

{border:1px solid #000000; background:#FFF; font:10pt Tahoma, Geneva, sans-serif;}

.field_form select:focus

{background:#FFFF66;}



.tombol_kirim input {font:bold 12pt tahoma, Arial, Helvetica, sans-serif; width:100px; color:#FF0000; background:#FFFFFF; border:1px solid #000000;}

.tombol_kirim input:hover {background:#FF0000; color:#FFFFFF; border:1px solid #000000;}




.pagetitle {

        font-family: 'Oswald', sans-serif;
        src: url('Oswald.TTF');

        font-size:26px;

        padding:10px 10px 10px;
        margin-bottom:20px;

        color:#f7f7f7;
        border-bottom:2px solid #FFDD00;

}

.kalender {

    margin-left:14px;

    display: inline-table;

     width:200px;

}

.kalender .judulkalender {

    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');

    font-size:20px;

    height:60px;

}

.kalender table {

     border-spacing:5px;

     font-size:12px;
     
     width:500px;

     background:#ccc;

 }

 

.kalender table th {
background: #e80800;
background: -moz-linear-gradient(-45deg,  #e80800 0%, #d80700 44%, #c00600 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e80800), color-stop(44%,#d80700), color-stop(100%,#c00600));
background: -webkit-linear-gradient(-45deg,  #e80800 0%,#d80700 44%,#c00600 100%);
background: -o-linear-gradient(-45deg,  #e80800 0%,#d80700 44%,#c00600 100%);
background: -ms-linear-gradient(-45deg,  #e80800 0%,#d80700 44%,#c00600 100%);
background: linear-gradient(135deg,  #e80800 0%,#d80700 44%,#c00600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80800', endColorstr='#c00600',GradientType=1 );
    color:#f7f7f7;
    text-shadow:0 1px 1px #333333;

    padding:4px;

    height:15px;

    text-align:center;

     font-family:'Oswald', sans-serif;
     src: url('Oswald.TTF');

    font-size:16px;
    
    font-weight:normal;

}



.kalender table td {

     height:15px;

     padding:4px;

     background:#f7f7f7;

     color:#0a0a0a;

}



.emailsukses {

        background:#6efa8f;

        padding:10px;

        color:#333;

        font-size:14px;

        border:2px solid #08c24c;

}

.kontak {

        width:300px;

        -moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	-moz-box-sizing:none;

	box-sizing:none;

	border-image: none;

	border-style: solid;

	border-color:#C9C9C9 #CCCCCC #CCCCCC;

	border-radius:2px;

	border-width:1px;

	padding:6px 10px;

	color: #333333;

	display:inline;

	font:normal 13px Helvetica Neue Arial, Helvetica, sans-serif;

	background:none repeat scroll #FFFFFF;

	vertical-align: top;

	transition:all 0.30s ease-in-out 0s;

	-moz-transition:all 0.30s ease-in-out 0s;

	-webkit-transition:all 0.30s ease-in-out 0s;

	-ms-transition:all 0.30s ease-in-out 0s;

	-o-transition:all 0.30s ease-in-out 0s;

}

.kontak:hover {

	border-color:#BBBBBB;

	border-radius:3px;

	border-style:solid;

	border-width:1px;

	box-shadow:0 1px 5px #DDDDDD inset;

}

.kontak:focus {

	border:1px solid #2DADDC;

	box-shadow: 0 1px 3px rgba(0,125,225,0.05) inset, 0 0 8px rgba(0,125,255,0.5);

	background:none repeat scroll #FFFFFF;

	vertical-align: top;

	transition:all 0.30s ease-in-out 0s;

	-moz-transition:all 0.30s ease-in-out 0s;

	-webkit-transition:all 0.30s ease-in-out 0s;

	-ms-transition:all 0.30s ease-in-out 0s;

	-o-transition:all 0.30s ease-in-out 0s;

}

.button {

	transition:all 0.10s ease-in-out 0s;

	-moz-transition:all 0.10s ease-in-out 0s;

	-webkit-transition:all 0.10s ease-in-out 0s;

	-ms-transition:all 0.10s ease-in-out 0s;

	-o-transition:all 0.10s ease-in-out 0s;

	box-sizing:none;

	border-radius:2px;

	border-image:none;

	border-color:#DDDDDD #D9D9D9 #D9D9D9;

	border-width:1px;

	border-style:solid;

	padding:5px 10px;

	font:bold 12px Arial, Helvetica, sans-serif;

	cursor: pointer;

	display:inline;

	text-shadow:0 1px 0 #FFFFFF;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #F2F2F2), color-stop(100%, #DDDDDD));

	background:-moz-linear-gradient(center top, #F2F2F2 40%, #DDDDDD 100%);

	filter:progid:DXImageTransform.Microsft.gradient(startColorstr='#F2F2F2', endColorstr='#DDDDDD');

}

.button:hover {

	border-color:#CCCCCC #C9C9C9 #C9C9C9;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #EEEEEE), color-stop(100%, #DDDDDD));

	background:-moz-linear-gradient(center top, #EEEEEE 40%, #DDDDDD 100%);

	filter:progid:DXImageTransform.Microsft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD');

	transition:all 0.10s ease-in-out 0s;

	-moz-transition:all 0.10s ease-in-out 0s;

	-webkit-transition:all 0.10s ease-in-out 0s;

	-ms-transition:all 0.10s ease-in-out 0s;

	-o-transition:all 0.10s ease-in-out 0s;

}

.button:active {

	color:#FFFFFF;

	text-shadow:0 1px 0 #333333;

	border:1px solid #057ED0;

	box-shadow:0 1px 7px #057ED0 inset;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, #019AD2), color-stop(100%, #057ED0));

	background:-moz-linear-gradient(center top, #019AD2 40%, #057ED0 100%);

	filter:progid:DXImageTransform.Microsft.gradient(startColorstr='#019AD2', endColorstr='#057ED0');

}


/* new style */

.clearer {
    clear:both;
}

p {
    margin-bottom:15px;
    font-size:14px;
}

.bg {
    position: fixed;
    width: 300%;
    z-index:-1000;
    margin:auto;
}
.bg img {
    bottom: 0;
    left: 0;
    margin: auto;
    width: 35%;
    right: 0;
    top: 0;
}

/* headline start */


.headline {
    padding:0px;
    margin:0 auto 15px;
    color:#333333;
    box-shadow:0 1px 3px #000000;
    position:relative;
    overflow:hidden;
}

.headline:hover {
    box-shadow:1px 1px 3px #000000;
    
}

.headline-title {
    position:absolute;
    bottom:0;
    background:rgba(0,0,0,0.6);
    width:97.5%;
    color:#fff;
    padding:10px;
    font-size:34px;
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
}

.headline-date {
    display:block;
    font-size:16px;
    margin-top:-5px;
}

.headline a {
    display:block;
    text-decoration:none;
}

.headline-img-frame {
    height:330px;
    overflow:hidden;
}

.headline-img-frame img {
    width:710px;
}

/* headline end */



/* pers */

.pers {
    width:350px;
    background: #0a0a0a;
    float:left;
    box-shadow:0 2px 3px #000000;
}

.pers-title {
    font-size:44px;
    text-align:center;
    margin:10px 0px;
    font-family:sans-serif;
    color:#ffdd00;
    font-style:italic;
    font-weight:bold;
    text-shadow:1px 1px 1px #333;
}

.pers ul {
    list-style:none;
    margin:0;
    padding:0;
}


.pers a {
    display:block;
    text-decoration:none;
    color:#fff;
    padding:8px;
}

.pers a:hover {
    color:#fff;
    background:#f00000;
}

.pers .pers-news-title {
    font-size:20px;
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
}

.pers a:hover .pers-news-title {
    text-shadow:0px 1px 2px #333;
}

.pers-news-date {
    font-size:12px;
    color:#ffdd00;
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
    text-shadow:0px 1px 2px #333;
}

.pers-frame {
    height:130px;
    overflow:hidden;
    box-shadow:0px 1px 2px #0a0a0a;
    margin-bottom:5px;
}

.pers-frame img {
    width:334px;
}

a.next-pers {
    font-size:24px;
    color:#fff;
    padding:5px;
    display:block;    
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
}

a.next-pers:hover {
    text-shadow:0px 1px 2px #333;
}

/* pers end */


/* berita */

.more-news {
    width:350px;
    float:right;
    background: #ffdd00;
    box-shadow:0 2px 3px #000000;
}

.more-title {
    font-size:44px;
    text-align:center;
    margin:10px 0px;
    font-family:sans-serif;
    color:#0a0a0a;
    font-style:italic;
    font-weight:bold;
}

.more-news ul {
    list-style:none;
    margin:0;
    padding:0;
}


.more-news a {
    display:block;
    text-decoration:none;
    color:#f00000;
    padding:8px;
    min-height:70px;
}

.more-news a:hover {
    color:#fff;
    background:#f00000;
}

.more-news-title {
    font-size:18px;
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
}

.more-news a:hover .more-news-title {
    text-shadow:0px 1px 2px #333;
}

.more-news-date {
    font-size:12px;
    color:#0a0a0a;
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
}

.more-news a:hover .more-news-date {
    color:#ffdd00;
    text-shadow:0px 1px 2px #333;
}

.more-news-frame {
    width:140px;
    height:70px;
    overflow:hidden;
    box-shadow:0px 1px 2px #333;
    margin-right:5px;
    float:left;
    
}

.more-news-frame img {
    width:220px;
    margin:-10px 0 0 -18px;
}

a.next-news {
    font-size:24px;
    color:#0a0a0a;
    padding:5px;
    display:block;
    min-height:0px !important;
    font-family:"Oswald", sans-serif;
    src: url('Oswald.TTF');
    margin-top:37px;
}

a.next-news:hover {
    text-shadow:0px 1px 2px #333;
}

/* Berita */

.berita-pilih {
    border-top:1px solid #444;
    min-height:130px;
    padding:10px;
    font-size:15px;
}

.berita-frame {
    width:300px;
    height:130px;
    overflow:hidden;
    float:left;
    margin-right:10px;
}
.berita-frame img {
    width:300px;
}

a.berita-judul {
    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:24px;
    color:#FFDD00;
    text-decoration:none;
}

a.berita-more {
    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');
    color:#FFDD00;
    text-decoration:none;    
}

.berita-pilih a:hover {
    color:#0099FF;
}

.berita-viewer {
    font-style:italic;
    color:#666;
}

.berita-tanggal {
    color:#f00000;
    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');
}

/* Berita End*/


/* kompetisi */

a.prev-bulan {
    float:left;
    padding:5px 10px;
    background:#f7f7f7;
    color: #f00000;
    text-decoration:none;
    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:16px;
}

a.prev-bulan:hover {
    background:#f00000;
    color: #f7f7f7;
    text-shadow:0px 1px 2px #0a0a0a;
}
a.next-bulan {
    float:right;
    padding:5px 10px;
    background:#f7f7f7;
    color: #f00000;
    text-decoration:none;
    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:16px;
}

a.next-bulan:hover {
    background:#f00000;
    color: #f7f7f7;
    text-shadow:0px 1px 2px #0a0a0a;
}

.kompetisi-info {
    background:#ccc;
    padding:5px;
}

.kompetisi-samping {
    position:absolute;
}

.kompetisi-tengah {
    width:500px;
    margin:auto;
}

.kompetisi_bulan {
    background: #e80800;
    background: -moz-linear-gradient(-45deg,  #e80800 0%, #d80700 44%, #c00600 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e80800), color-stop(44%,#d80700), color-stop(100%,#c00600));
    background: -webkit-linear-gradient(-45deg,  #e80800 0%,#d80700 44%,#c00600 100%);
    background: -o-linear-gradient(-45deg,  #e80800 0%,#d80700 44%,#c00600 100%);
    background: -ms-linear-gradient(-45deg,  #e80800 0%,#d80700 44%,#c00600 100%);
    background: linear-gradient(135deg,  #e80800 0%,#d80700 44%,#c00600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80800', endColorstr='#c00600',GradientType=1 );
    padding:5px;
    font: 18px 'Oswald', sans-serif;
    src: url('Oswald.TTF');
    width:230px;
    border-radius:0px 10px 10px 0px;
    text-shadow:0px 1px 2px #0a0a0a;
    margin-left:-5px;
    box-shadow:1px 1px 1px #333;
}

.kompetisi-tanggal-tanding {
    font-family:'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:25px;
    color: #0a0a0a;
    margin-top:10px;
}

.kompetisi-nama-jadwal {
    font-family:'Oswald', sans-serif;
    font-size:40px;
    color:#f00000;
    text-shadow:0px 1px 1px #0a0a0a;
    background:#ededed;
    margin:0px -5px;
    padding-left:5px;
}

.kompetisi-tempat-tanding {
    font-family:'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:30px;
    color: #0a0a0a;
    
}

.bulan-bulan {
    margin-top:5px;
}


.kompetisi-bawah {
    background: #c11505;
    background: -moz-linear-gradient(-45deg,  #c11505 0%, #cc1706 4%, #cc1706 6%, #d71807 19%, #bb1405 28%, #a31205 33%, #000000 33%, #2c2c2c 63%, #000000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c11505), color-stop(4%,#cc1706), color-stop(6%,#cc1706), color-stop(19%,#d71807), color-stop(28%,#bb1405), color-stop(33%,#a31205), color-stop(33%,#000000), color-stop(63%,#2c2c2c), color-stop(100%,#000000));
    background: -webkit-linear-gradient(-45deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    background: -o-linear-gradient(-45deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    background: -ms-linear-gradient(-45deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    background: linear-gradient(135deg,  #c11505 0%,#cc1706 4%,#cc1706 6%,#d71807 19%,#bb1405 28%,#a31205 33%,#000000 33%,#2c2c2c 63%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c11505', endColorstr='#000000',GradientType=1 );
    text-shadow:0px 1px 2px #0a0a0a;

}
.info-bawah-kategori {
    background: #000000;
    background: -moz-linear-gradient(-45deg,  #000000 27%, #2c2c2c 58%, #000000 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(27%,#000000), color-stop(58%,#2c2c2c), color-stop(100%,#000000));
    background: -webkit-linear-gradient(-45deg,  #000000 27%,#2c2c2c 58%,#000000 100%);
    background: -o-linear-gradient(-45deg,  #000000 27%,#2c2c2c 58%,#000000 100%);
    background: -ms-linear-gradient(-45deg,  #000000 27%,#2c2c2c 58%,#000000 100%);
    background: linear-gradient(135deg,  #000000 27%,#2c2c2c 58%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
    padding:2px 5px;
    text-shadow:0px 1px 2px #0a0a0a;
    color:#fff;
    font-family:'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:16px;
}

/* kompetisi end */


/* foto */

.img-frame {
    width:160px;
    height:120px;
    overflow:hidden;
    float:left;
    margin:5px 5px 0px 0px ;
    border:2px solid #ccc;
}

.img-frame img {
    margin:-10px 0px 0px -20px;
    width:280px;
}


.sidebar-img-frame {
    width:90px;
    height:50px;
    overflow:hidden;
    float:left;
    margin:5px 5px 0px 0px ;
    border:2px solid #ccc;
    background:#000;
}

.sidebar-img-frame img {
    margin:-10px 0px 0px -20px;
    width:120px;
    opacity:0.5;
}

.sidebar-img-frame img:hover {
    margin:-10px 0px 0px -20px;
    width:120px;
    opacity:1;
}

/* foto end */


/* Kontak */

.form-kontak {
    font-family:'Oswald', sans-serif;
    src: url('Oswald.TTF');
    font-size:12pt;
}

/* Kontak End */


/* Mitra */

.mitra {
    padding:5px;
}

.mitra td {
    opacity:0.5;
}

.mitra td:hover {
    opacity:1;
}

/* Mitra End */

/* Profile */

.profile-content {
    color:#000000; 
    height:550px; 
    width:700px;
    font:10pt Verdana, Arial, Helvetica, sans-serif;
    overflow:hidden;
    background:rgba(0,0,0,0.4);
    padding:15px 0px 15px 15px;
    color:#f7f7f7;
    font-family: 'Oswald', sans-serif;
    src: url('Oswald.TTF');
    box-shadow:2px 2px 2px #000 inset;
}


/* Profile End */

/* team profile */

.team-content {
    float:left;
    width:486px;
	margin-left:17px;
	margin-bottom: 20px;
    min-height:410px;
}

.team-img-frame {
    height:280px;
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid #fafafa;
}

.team-img-frame img {
    width:100%;
	height:auto;
}

.team-info {
}

.team-info h2 {
    font-size:18px;
    font-weight:normal;
    margin:0;
    line-height:1.3em;
    font-style:italic;
    color:#ccc;
}

.team-info h2 a {
    font-family: 'Oswald', sans-serif;
    font-style:normal;
    font-size:22px;
    text-decoration:none;
    color:#ccc;
}

.team-info table {
	font-family: 'Oswald', sans-serif;
	src: url('Oswald.TTF');
	font-size: 15px;
}

/* team profile end */
/* jQuery slider footer*/
.wrapper {
				background-color: transparent;
				width: 1024px;
				margin: 0 auto;
			}
			.list_carousel {
				background-color: transparent;
				margin-bottom: 20px;
			}
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				color: #999;
				text-align: center;
				background-color: transparent;
				width: auto;
				height: auto;
				padding: 0;
				display: block;
				float: left;
				margin-left: 15px;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.footer-copyright {
				background-image: url(../images/partner/footer_seangelael.png);
				width: 1024px;
				height: 60px;
				}
			.margin-0-auto { width: 300px; margin: 0 auto; }
			.footer-sosmed { width: 300px; float: left; height: 60px; }
			.footer-sosmed img { width: 40px; height: 40px; }
			.sosmed { padding-top: 10px; }
			/*.sosmed a { transition: -webkit-filter 500ms linear; }
			.sosmed a:hover { -webkit-filter: grayscale(1); }*/
			.sosmed a { opacity: 0.6; transition: opacity .25s ease-in-out; } 
			.sosmed a:hover { opacity: 1; }
			
			
			.copyright {
				float: right;
				padding-right: 30px;
				line-height: 60px;
				font-size: 15px;
				width: 100px;
				font-family: 'Arial', calibri, sans-serif;
				}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}
			.sponsor {
				padding-bottom: 5px;
				border-bottom: 2px solid #FFDD00;
				margin: 20px 0 20px 0;
			}
			.title-block {
				font-family: 'arial', calibri, sans-serif;
				font-weight: 700;
				font-size: 20px;
			}
			/* jQuery slider footer*/