/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}
/*GLOBAL*/
html{min-width:960px;}
body{
background:url(../images/bg-1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#000;
overflow:hidden;
}
#glob{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
min-width:960px;
min-height:860px;
font:14px/20px Arial, Helvetica, sans-serif;
color:#787878;
}
#videobcg {
position: absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
#gspinner{
background-color:#000;
z-index:999;
}
/*ELEMENTS*/
a {color:#f00;outline:none;}
a:hover{text-decoration:none;}
p,.blo{
line-height:20px;
margin-bottom:20px;
}
/*header */
header{
height:0px;
width:100%;
position:absolute;
left:0;
top:0;
z-index:1;
overflow:visible;
background:#fff;
}
header nav{
position:absolute;
left:50%;
margin-left:299px;
top:0;
z-index:1;
}
header nav>a{
font:18px/38px "Times New Roman", Times, serif;
color:#000;
display:block;
padding-left:16px;
width:125px;
text-transform:uppercase;
text-decoration:none;
background:url(../images/menu-dd.png) 100% 0 no-repeat #fff;
z-index:2;
position:relative;
-webkit-box-shadow:1px 0px 2px 0px rgba(46,46,46,.6);
box-shadow:1px 0px 2px 0px rgba(46,46,46,.6);
}
header nav>ul{
padding:13px 20px 8px 20px;
position:relative;
z-index:1;
overflow:hidden;
top:-21px;
}
header nav>ul>li>a{
font:15px/25px "Times New Roman", Times, serif;
text-transform:uppercase;
text-decoration:none;
color:#d2d2d2;
text-shadow:0 0 0px #fff;
display:block;
overflow:hidden;
height:0;
background:url(../images/nav-sep.png) 0 100% repeat-x;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
header nav>ul>li>a:hover,header nav>ul>li.active>a{
color:#fff;
text-shadow:0 0 4px #fff;
}
header nav>ul>li.lst>a{
background:none;
}
h1{
position:absolute;
left:718px;
top:90px;
top:47px;
margin-left:-175px;
}
h3{
position:absolute;
color:#e3e3e3;
left:275px;
font:19px "Times New Roman", Times, serif;
text-shadow:2px 2px 2px #000;
top:20px;
text-align: center;
margin-left:40px;
margin-right:300px;
}
h3 .privacy{
font:11px Tahoma, Arial, sans-serif;
color:#e3e3e3;
text-shadow:3px 4px 3px #000;
text-align: center;
}
h3 .soc-links{
text-align: center;
}
h3 .soc-links li{
color:#e3e3e3;
font:13px/1.2em 'Alegreya SC', serif;
text-shadow:3px 4px 3px #000;
margin-left:0px;
margin-right:0px;
padding-right:0px;
text-align: center;
}
h3 .soc-links li a{
color:#e3e3e3;
margin-right:8px;
margin-left:8px;
}
.hdr-ov{
position:absolute;
top:0;
width:100%;
height:700px;
background:url(../images/bg-ov-hdr.png) repeat-x 50% 0;
z-index:-1;
}
.ftr-ov{
position:absolute;
bottom:0;
width:100%;
height:534px;
background:url(../images/bg-ov-ftr.png) repeat-x 50% 100%;
z-index:-1;
}
/*#content*/
#content{
width:960px;
height:532px;
background:url(../images/content-bg.png);
position:absolute;
top:187px;
left:50%;
margin-left:-480px;
z-index:2;
}
#content>ul{
position:absolute;
left:102px;
top:67px;
z-index:1;
width:760px;
height:398px;
overflow:hidden;
}
#content>ul>li{
position:absolute;
left:0%;
top:0;
z-index:1;
width:576px;
padding:36px 92px 0 92px;
}
.content_prev,.content_next{
width:13px;
height:24px;
background:url(../images/prev-next-sp.png);
position:absolute;
z-index:3;
top:26%;
margin-top:258px;
left:50%;
margin-left:-458px;
}
.content_next{
margin-left:450px;
background-position:100% 0;
}
.content_prev:hover{background-position:0 100%;}
.content_next:hover{background-position:100% 100%;}
h2{
font:32px/1.2em 'Alegreya SC', serif;
text-transform:uppercase;
background:url(../images/h2-bg.png) 50% 50% no-repeat;
color:#5b5a5a;
margin-bottom:22px;
}
h2>span{
display:inline-block;
background:url(../images/content-pt.png);
padding:0 28px;
}
#legend .imgs{
margin-left:-13px;
margin-bottom:18px;
overflow:hidden;
}
#legend .imgs>li{
width:181px;
margin-left:13px;
float:left;
}
#collection .scroll{
width:568px;
padding-right:33px;
height:250px;
}
#collection .imgs{
margin-left:-20px;
margin-top:-20px;
}
#collection .imgs>li{
float:left;
margin-left:20px;
padding-top:20px;
}
#privacy .scroll{
width:568px;
padding-right:33px;
height:250px;
}
#privacy .imgs{
margin-left:0px;
margin-top:0;
}
#privacy .imgs>li{
float:left;
margin-left:20px;
padding-top:20px;
}
#box-container {
heught:400px;
width:400px;
border:1px solid #000;
margin-left:auto;
margin-right:auto;
}
#news .scroll{
width:568px;
padding-right:33px;
height:250px;
}
#news .imgs{
margin-left:0px;
margin-top:0;
}
#news .imgs>li{
float:left;
margin-left:20px;
padding-top:20px;
}
#contacts .img-box>dt{
margin-right:0px;
}
#contacts .address dd{
width:215px;
}
/*footer*/
footer{
position:absolute;
width:0px;
height:0px;
left:150px;
bottom:57px;
margin-right:0px;
}
footer .soc-links{
left:0px;
margin-left:0px;
top: 6px;
width: 225px;
text-align: center;
}
footer .soc-links li{
color:#e3e3e3;
font:13px/1.2em 'Alegreya SC', serif;
text-shadow:3px 4px 3px #000;
margin-left:0px;
margin-right:0px;
padding-right:8px;
}
footer .soc-links li a{
color:#e3e3e3;
margin-right:8px;
}
footer .privacy{
font:11px Tahoma, Arial, sans-serif;
color:#e3e3e3;
text-shadow:3px 4px 3px #000;
left:20px;
top:45px;
text-align: center;
margin-left:0px;
margin-right:300px;
}
/*js css*/
._track{
background:url(../images/track-bg.png);
height:100%;
right:0;
top:0;
width:6px;
}
._shuttle{
width:6px;
background:url(../images/shuttle-bg.png);
cursor:pointer;
}
.bg-pags{
position:absolute;
left:50%;
margin-left:-446px;
top:6px;
}
.bg-pags li{
float:left;
margin-right:2px;
}
.bg-pags li a{
width:34px;
height:4px;
display:block;
background:#313131;
}
.bg-pags li.active a,.bg-pags li a:hover{
background:#fff;
}
.google_map{
width:340px;
height:259px;
}
.spinner{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
background:url(../images/ajax-loader.gif) 50% 50% no-repeat;
}
/*additional classes*/
.black{
color:#020202;
}
.fl{float:left;}
.fr{float:right;}
.col-1,.col-2,.col-3{float:left;}
.all{text-align:left;}
.alr{text-align:right;}
.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}
/*custom boxes*/
.btn{
font:15px/46px 'Rosarivo', serif;
color:#fff;
background:url(../images/btn-sp.png);
padding:0 24px;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn:hover{
padding:0 20px;
}
.list a{
}
dl.address{overflow:hidden;}
dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}
dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}