@charset "utf-8";

/* CSS Styles for */





/*---------------------------------

    RESET STYLES 

-----------------------------------*/

td {border: 0px; margin: 0px;}

img,table { border: none; }

td object, td embed {vertical-align: bottom;}

p {margin: 0px;}

:focus {outline: 0;}


/*---------------------------------
    UL
-----------------------------------*/
ul.a {list-style-type:disc; padding-left:12px; font-family: 'LatoRegular', Tahoma, sans-serif; font-size:12px; color:#333333; text-transform:normal; line-height:16px;}

/*---------------------------------

    BODY STYLES 

-----------------------------------*/

body { font-family: 'LatoRegular', Tahoma, sans-serif;  font-size:12px; color:#333333; border: 0px; margin: 0px; padding: 0px; background-color: #FFFFFF; } 

ul#demo-block{ margin:0 15px 15px 15px; }

ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }

ul#demo-block li a{ color:#eee; font-weight:bold; }

#apDiv1 {position:absolute; left:20; top:0; width:143px; height:149px; z-index:100;overflow: auto;}

#nav-top {background-color:#c4c4c4; height: 36px; position: fixed; z-index: 20; top:0; width:100%;}

#nav-top1 {background-color:#c4c4c4; height: 36px; position: absolute; z-index: 20; top:71px; width:100%;}

#nav-top2 {background-color:#c4c4c4; height: 36px; position: absolute; z-index: 20; top:107px; width:100%;}

#header-top {background-color:transparent; height: 71px;  position: absolute; z-index: 20; top:0; width:100%;}

#header-content {background-color:transparent; height: 71px;  position: absolute; z-index: 20; top:400px; width:100%;}

#container-foot {width: 100%; background: #FFFFFF; height:50px; position: fixed; bottom: 0 !important; bottom: -1px; /* For Certain IE widths */  z-index: 9999; }

#content{ margin: auto;  width:100%; height:100%; text-align:left; }

#content1{ margin: auto;  width:100%; height:100%; text-align:left; z-index: 999; position: absolute; }

#content_sub{  margin: auto 38px 38px 90px ;  width:900px; height:100%; text-align:left; }

#header-banner{ text-align:center; background-color:#c4c4c4;}

.wrapper {margin: 0 auto; position: relative; width: 100%;}

.wrapper-foot {width:1024px; height:43px; margin-left: auto; margin-right: auto; min-width: 320px;}

.wrapper-nav {background-color:#c4c4c4; width:1024px; height:36px; margin-left: auto; margin-right: auto; min-width: 320px;  }

.wrapper-center {width:927px; margin-left: auto; margin-right: auto; min-width: 320px;}

.wrapper-header {height:71px; margin-left: auto; margin-right: auto; min-width: 320px;  background-color:#FFFFFF; width:100%;}

.wrapper-header1 {width:1024px; height:71px; margin-left: auto; margin-right: auto; min-width: 320px; }

.wrapper-header_pic {height:269px; margin-left: auto; margin-right: auto; min-width: 320px;  background-color:#000000; width:100%;}

.wrapper-header2 {width:1024px; height:269px; margin-left: auto; margin-right: auto; min-width: 320px; }

.wrapper-content {height:500px; margin-left: auto; margin-right: auto; min-width: 320px;  background-color:#000000; width:100%;}

.wrapper-header_content {height:269px; margin-left: auto; margin-right: auto; min-width: 320px;   width:1024px;}

.wrapper-header23 {width:1024px; height:269px; margin-left: auto; margin-right: auto; min-width: 320px; }











/*---------------------------------

    FONTFACE STYLES

-----------------------------------*/

@font-face {

    font-family: 'LatoRegular';

    src: url('../fontface/lato-regular.eot');

    src: url('../fontface/lato-regular.eot') format('embedded-opentype'),

         url('../fontface/lato-regular.woff') format('woff'),

         url('../fontface/lato-regular.ttf') format('truetype'),

         url('../fontface/lato-regular.svg#LatoRegular') format('svg');

}



@font-face {

    font-family: 'LatoBold';

    src: url('../fontface/lato-bold.eot');

    src: url('../fontface/lato-bold.eot') format('embedded-opentype'),

         url('../fontface/lato-bold.woff') format('woff'),

         url('../fontface/lato-bold.ttf') format('truetype'),

         url('../fontface/lato-bold.svg#LatoBold') format('svg');

}



/*---------------------------------

    TITLE STYLE

-----------------------------------*/

.title_h1 {font-family: 'LatoBold', Tahoma, sans-serif; font-size:20px; color:#6b5b70; text-transform:uppercase; }
.title_h2 {font-family: 'LatoBold', Tahoma, sans-serif; font-size:16px; color:#6b5b70; text-transform:none; line-height:25px;}



/*---------------------------------

    DESC STYLE

-----------------------------------*/

.desc_h1 {font-family: 'LatoRegular', Tahoma, sans-serif; font-size:12px; color:#333333; }
a.desc_h1:link {color:#333333; text-decoration: none;}
a.desc_h1:visited {color:#333333; text-decoration: none;}
a.desc_h1:hover {color:#333333; text-decoration: underline;}



.desc_h2 {font-family: 'LatoRegular', Tahoma, sans-serif; font-size:12px; color:#333333; line-height:17px; }
a.desc_h2:link {color:#333333; text-decoration: none;}
a.desc_h2:visited {color:#333333; text-decoration: none;}
a.desc_h2:hover {color:#333333; text-decoration: underline;}



.desc_h3 {font-family: 'LatoBold', Tahoma, sans-serif; font-size:12px; color:#333333; line-height:17px; }
a.desc_h2:link {color:#333333; text-decoration: none;}
a.desc_h2:visited {color:#333333; text-decoration: none;}
a.desc_h2:hover {color:#333333; text-decoration: underline;}



/*---------------------------------

    FOOTER STYLE

-----------------------------------*/

.footer_h1 {font-family: 'LatoRegular', Tahoma, sans-serif; font-size:11px; color:#333333; }
a.footer_h1:link {color:#333333; text-decoration: none;}
a.footer_h1:visited {color:#333333; text-decoration: none;}
a.footer_h1:hover {color:#333333; text-decoration: underline;}



/*---------------------------------

    NAV STYLES

-----------------------------------*/

.nav {font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; padding-top: 0; text-transform:uppercase;}
.nav a {background-color: #c4c4c4; color: #6b5b70; display: inline-block; font-size: 14px; text-align:center; margin: 0; width:280px; outline: medium none; padding: 9px 0 10px 0;
text-decoration: none; transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s;}
.nav a:hover, .nav a.current-demo, .nav a.nav:hover {background:#6b5b70; color:#c4c4c4;}


.nav1 {font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; padding-top: 0; text-transform:uppercase;}
.nav1 a {background-color: #c4c4c4; color: #6b5b70; display: inline-block; font-size: 14px; text-align:center; margin: 0; width:130px; outline: medium none; padding: 9px 0 10px 0;
text-decoration: none; transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s;}
.nav1 a:hover, .nav a.current-demo, .nav a.nav:hover {background:#6b5b70; color:#c4c4c4;}



.nav2 {font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; padding-top: 0; text-transform:uppercase;}
.nav2 a {background-color: #c4c4c4; color: #6b5b70; display: inline-block; font-size: 14px; text-align:center; margin: 0; width:220px; outline: medium none; padding: 9px 0 10px 0;
text-decoration: none; transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s;}
.nav2 a:hover, .nav a.current-demo, .nav a.nav:hover {background:#6b5b70; color:#c4c4c4;}


.nav3 {font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; padding-top: 0; text-transform:uppercase;}
.nav3 a {background-color: #c4c4c4; color: #6b5b70; display: inline-block; font-size: 14px; text-align:center; margin: 0; width:130px; outline: medium none; padding: 9px 0 10px 0;
 text-decoration: none; transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s;}
.nav3 a:hover, .nav a.current-demo, .nav a.nav:hover {background:#6b5b70; color:#c4c4c4;}



.codrops-demos {font-family: 'LatoRegular', Arial, sans-serif; font-size: 14px; padding-top: 0; text-transform:uppercase;}
.codrops-demos a {background-color: #c4c4c4; color: #6b5b70; display: inline-block; font-size: 14px; text-align:center; margin: 0; width:190px; outline: medium none; padding: 10px 0 10px 0;
 text-decoration: none; transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s;}
.codrops-demos a:hover, .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {background:#6b5b70; color:#c4c4c4;}




  



/*---------------------------------

    LINE STYLES

-----------------------------------*/

.line_top {border-top: 1px solid #cccccc;}
.line_left {border-left: 1px solid #cccccc;}
.line_right {border-right: 1px solid #cccccc;}







/* FONTFACE */



.news {font-family: 'FuturaStdHeavy', Tahoma, sans-serif; font-size:14px; color:#FFFFFF; text-transform:uppercase; }
.news_title {font-family: 'FuturaStdBook', Tahoma, sans-serif; font-size:12px; color:#FFFFFF; text-transform:uppercase; border-bottom: 1px solid #333333; padding: 0 0 11px 0; }
.news_desc {font-family: 'FuturaStdBook', Tahoma, sans-serif; font-size:12px; color:#999999; padding: 11px 0 0 0; }
a.news_desc:link {color:#999999; text-decoration: none;}
a.news_desc:visited {color:#999999; text-decoration: none;}
a.news_desc:hover {color:#ffffff; text-decoration: none;}





.news_event {font-family: 'FuturaStdBook', Tahoma, sans-serif; font-size:12px; color:#999999; border-bottom: 1px solid #333333; padding: 6px 0 6px 0;}



.title_card {font-family: 'FuturaStdHeavy', Tahoma, sans-serif; font-size:20px; color:#000000; text-transform:uppercase; }
.title_card_desc {font-family: 'FuturaStdBook', Tahoma, sans-serif; font-size:12px; color:#000000;  }
.title_card_desc_small {font-family: Tahoma, Helvetica, Arial, sans-serif; font-size:11px; color:#333333;  }









.line_vclub_bottom {border-bottom: 1px solid #000000;}

.padding_left {padding-left:20px;}







.menu {font-family: 'FuturaStdHeavy', Tahoma, sans-serif; font-size:10px; color:#000000; text-transform:uppercase; }

a.menu:link {color:#000000; text-decoration: none;}

a.menu:visited {color:#000000; text-decoration: none;}

a.menu:hover {color:#6e298f; text-decoration: none;}



.link {font-family: Tahoma, Helvetica, Arial, sans-serif; font-size:11px; color:#999999; }

a.link:link {color:#999999; text-decoration: none;}

a.link:visited {color:#999999; text-decoration: none;}

a.link:hover {color:#FFFFFF; text-decoration: none;}



.fancybox {font-family: 'FuturaStdBook', Tahoma, sans-serif; font-size:12px; color:#999999; }

a.fancybox:link {color:#999999; text-decoration: none;}

a.fancybox:visited {color:#999999; text-decoration: none;}

a.fancybox:hover {color:#FFFFFF; text-decoration: none;}







.transbox1 {

background-color: rgba(216, 190, 107, 0.84);

}







/* TRANSBOX */

.transbox{background-color:#000000; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}



/* FOOTER */

.footer {font-family: 'FuturaStdBook', Tahoma, sans-serif; font-size:12px; color:#FFFFFF; text-transform:uppercase; }





.shadow {

    background: url("../assets/vclub/img_shadow1.png") no-repeat;

    display: block;

	margin-bottom:0;

	width: 800px;

    height: 166px;

}