/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,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:980px;}
body{background: url(../images/bg1.jpg);background-color:#f5f6f6;font-family:Trebuchet MS,sans-serif;font-size:100%;line-height:1em;color:#000;}
h3 {
    font-size: 16px;
    padding-bottom: 10px;
}
#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:912px; height:128px;}

#global {
   width:100%; 
   overflow:hidden;
}
#main{
	width:944px;
	margin:0 auto;
	position:relative;
	z-index:1;
    padding-top:78px;
}
.main{
	width:944px;
	margin:0 auto;
	position:relative;
}
.gotowebsite{
	position:relative;
	z-index:9999;
}
.loading{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	left:0;
	top:0;
    background:url(../images/bg1.jpg) 50% 50% no-repeat #f5f6f6;
}
.loading>div{
	width:66px;
	height:66px;
	background:url(../images/loading.gif) no-repeat;
	position:absolute;
	right:48%;
	top:50%;
	margin:-28px 0 0 -110px;
	z-index:1;
}
/*ELEMENTS*/
a {color:#fff;outline:none;}
a:hover{text-decoration:none;}
h1 a{position:relative;font:163px Ultra, sans-serif;color:#07d7df;text-decoration:none;top:0px;margin-bottom:22px;}
h2{font:45px Bebas Neue, sans-serif;color:#fff;margin-bottom:5px;}
.h3{display:block;font:14px Trebuchet MS, sans-serif;color:#fff;font-weight:bold;line-height:22px;margin-bottom:24px}
p,.blo{line-height:22px;margin-bottom:9px;}
.p1{margin-bottom:4px}
.p2{margin-bottom:36px}
.padd {margin:0px 0px 22px 0px;}
.padd2 {margin:0px 60px 0px 0px;font: 14px Trebuchet MS, sans-serif;color:#fff;}

#privacy p {
    margin-bottom:0px;
}
#privacy .box_wrapper {
    position:relative;
    overflow:hidden;
    width:500px;
}
/*header*/
header {
	height:247px;
    padding-bottom:37px;
}
.slogan {
    position:relative;
	font:42px Bebas Neue, sans-serif;
	color:#888888;
	top:0px; 
    text-transform:uppercase;
}
#splash_menu{
    position:relative;
    height:384px;
    left: 0px;
    padding-bottom:48px;
}
#splash_menu a{
    position:absolute;
	font:55px Bebas Neue, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	z-index:1;
}
#splash_menu .itm1 a{
	width:222px;
	height:284px;
	line-height:236px;
	left:0px;
	top:0px;
	background: url(../images/nav-1.png) no-repeat;
	z-index:5;
    padding-top: 100px;
    padding-left:74px;
}
#splash_menu .itm1 a:hover{
    padding-top: 91px;
    padding-left:84px;
}
#splash_menu .itm2 a{
	width:226px;
	height:284px;
	line-height:227px;
	left:323px;
	top:0px;
	background: url(../images/nav-2.png) no-repeat;
	z-index:4;
    padding-top: 105px;
    padding-left:70px;
}
#splash_menu .itm2 a:hover{
    padding-top: 96px;
    padding-left:80px;
}
#splash_menu .itm3 a{
	width:238px;
	height:284px;
	line-height:201px;
	left:646px;
	top:0px;
	background: url(../images/nav-3.png) no-repeat;
	z-index:5;
    padding-top: 118px;
    padding-left:58px;
}
#splash_menu .itm3 a:hover{
    padding-top: 109px;
    padding-left:68px;
}
/*sub menu*/
#splash{
    position:relative;
    height:384px;
    left: 0px;
    padding-bottom:48px;
}
#splash a{
    position:absolute;
	font:55px Bebas Neue, Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	z-index:1;
}
#splash .itm1 a{
	width:222px;
	height:284px;
	line-height:236px;
	left:0px;
	top:0px;
	background: url(../images/nav-1.png) no-repeat;
	z-index:5;
    padding-top: 100px;
    padding-left:74px;
}
#splash .itm1 a:hover{
    padding-top: 91px;
    padding-left:84px;
}
#splash .itm2 a{
	width:226px;
	height:284px;
	line-height:227px;
	left:323px;
	top:0px;
	background: url(../images/nav-2.png) no-repeat;
	z-index:4;
    padding-top: 105px;
    padding-left:70px;
}
#splash .itm2 a:hover{
    padding-top: 96px;
    padding-left:80px;
}
#splash .itm3 a{
	width:238px;
	height:284px;
	line-height:201px;
	left:646px;
	top:0px;
	background: url(../images/nav-3.png) no-repeat;
	z-index:5;
    padding-top: 118px;
    padding-left:58px;
}
#splash .itm3 a:hover{
    padding-top: 109px;
    padding-left:68px;
}
/*end sub menu*/
.shad1 {
    position:relative;
    top:-100px;
    left:-10px ;
    background: url(../images/menu-shadow.png) no-repeat;
    width:1022px;
    height:213px;
    z-index: -1;
}
.shad2 {
    position:absolute;
    top:-100px;
    left:-50px ;
    background: url(../images/menu-shadow2.png) no-repeat;
    width:1022px;
    height:225px;
    z-index: -1;
}
.hole {
    position:absolute;
    top:-105px;
    left:-65px ;
    width:1066px;
    height:57px;
}
/*#content*/
#content{
	width:942px;
    height:412px;
    overflow:hidden;
	top:334px;
	left:0;
	position:absolute;
	z-index:1;
	font:14px Trebuchet MS, sans-serif;
	color:#fff;
}
#content>ul>li{
	position:relative;
	z-index:1;
	overflow:visible;
}
.inner{
	padding:80px 61px 0px 63px;
	overflow:hidden;
    height:304px;
}
.innerr{
	padding:41px 0px 0px 63px;
	overflow:hidden;
    height:304px;
}
.color1{
    height:304px;
    background: url(../images/page1-part.png) no-repeat;
}
.color2{
    height:304px;
    background: url(../images/page2-part.png) no-repeat;
}
.color3{
    height:304px;
    background: url(../images/page3-part.png) no-repeat;
}
.inner ul{
    float:left;
    margin-right:27px;
}
.zoomImg {
	display:block;
	position:absolute;
	top:0;
	width:184px;
	height:193px;
	z-index:2;
	background: #000 url(../images/magnify.png) 50% 35% no-repeat;
}
/*footer*/
footer{
	left:0;
	bottom:0;
    height:32px;
}
footer .privacy{
	color:#000;
	font:12px Trebuchet MS, sans-serif;
	text-transform:uppercase;
}
footer .privacy a{
    text-transform:uppercase;
	color:#000;
}
footer .center{
	width:744px;
	margin:0 auto;
	position:relative;
}
footer nav{
	position:absolute;
	left:388px;            
	top:-1px;
}
footer nav li{
	float:left;
}
footer nav span{
    margin-left:4px;
	margin-right:5px;
}
footer nav li a{
	font:12px Trebuchet MS, sans-serif;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}
footer nav li a:hover,footer nav li.active a{
	color:#878787;
}
#icons {
	float:right;
	margin-top: -21px;
}
#icons li {
	float:left;
	padding-left:10px
}
#icons a {
	position:relative;
	display: block;
}
#icons .img_act {
	position:absolute;
	top:0;
	left:0;
}
/*js css*/
.popups{
	display:none;
}
/*additional classes*/
.black{color:#000;}
.white{color:#fff;}
.fleft,.fl{float:left;}
.fright,.fr{float:right;}
.fnone,.fn{float:none;}
.col-1,.col-2,.col-3{float:left; position:relative;}
.alignleft,.all{text-align:left;}
.alignright,.alr{text-align:right;}
.aligncenter,.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;}
.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.extra-wrap{overflow:hidden;}
.nopad{padding:0;}
.nomar{margin:0;}
.clear{clear:both;line-height:0;}
.bold{font-weight:bold;}
/*custom boxes*/
/*#readmore1, #readmore2, #readmore3, #readmore4, #readmore5, #readmore6, #readmore7, #readmore8, #readmore9, #readmore10{*/
.readmorewin{
	width:744px;
	background-color:#000;
    height:365px;
    overflow:hidden;
}
.readmore{
	font:14px Trebuchet MS, sans-serif;
    font-weight:bold;
	color:#fff;
}
.videowin{
	background-color:#000;
    overflow:hidden;
}
.videowin .innerr{
	height:auto;
}
#list2 > li {font-weight:bold;margin-top:10px; position:relative;background-color:#2b2b2b;width:150px;}
#list2 > li > a{display:block; font-size:13px; text-decoration:none; color:#000; text-align:left; height:28px; line-height:28px; position: relative;width:274px;padding-left:21px;}
#list2 > li > span.part1{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list2 > li > span.part2{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list2 > li > span.part3{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list2 > li > span.part4{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list2 > li > span.part5{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list2 > li > a:hover{ text-decoration:none;}
#list3 > li {font-weight:bold;margin-top:10px; position:relative;background-color:#2b2b2b;width:150px;}
#list3 > li > a{display:block; font-size:13px; text-decoration:none; color:#000; text-align:left; height:28px; line-height:28px; position: relative;width:274px;padding-left:21px;}
#list3 > li > span.part1{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list3 > li > span.part2{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list3 > li > span.part3{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list3 > li > span.part4{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list3 > li > span.part5{position:absolute; background:#07d7df; top:0; left:0; width:150px; height:100%;}
#list3 > li > a:hover{ text-decoration:none;}
.parts ul {margin-right:0px;}
.list a{
    display:block;
	font:14px Trebuchet MS, sans-serif;
	color:#07d7df;
	padding-left:16px;
    background:url(../images/marker_1.png) left center no-repeat;
    text-decoration:none;
    line-height: 27px;
}
.list a:hover{
	color:#fff;
	padding-left:16px;
    text-decoration:underline;
}
figure {
	display: block;
	float: left;
}
dl.address dd{text-align:right;clear:both; width:180px; line-height:22px;}
dl.address dd span{float:left;}

.box_wrapper {
	position:relative;
    overflow:hidden;
    width:100%;
}
.address{
	display: block;
	float: left;
}
.col1{
    margin-right:43px;
}
.address a {
    text-decoration:none;
    color:#07d7df;
    float:left;
    padding-left:4px;
}
.address a:hover {
    text-decoration:underline;
    color:#07d7df;
}
a.mail {
	text-decoration:none;
	font:14px Trebuchet MS, sans-serif;
    color:#07d7df;
}
a.mail:hover {
	text-decoration:underline;
	color:#fff;
}
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; margin-right:14px;}

#thanks{
    background: #444;
    padding: 50px;
    font-family: Georgia;
    font-style: italic;
    color: #aaa;
    font-size: 12pt;
    text-align: center;
    display: none;
    width: 670px;
}

#mailme .campo{
    margin-bottom: 1em;
}

#mailme .campo label{
    display: block;
    margin-bottom: 0.7em;
}

#mailme input, #mailme .campo textarea{
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none;

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

#mailme .campo input[type=text], #mailme .campo textarea{
    background: #444;
    color: white;
    padding: 10px 10px;
    display: block;
    width: 300px;
}

#mailme .campo *:focus{
    background: #333;
}

#mailme input[type=submit]{
    transition:
    box-sizing: content-box;
    background: #07d7df;
    color: #2b2b2b;
    cursor: pointer;
    padding: 10px;
}
#mailme input[type=submit]:hover{
    box-shadow: 0px 0px 0px rgba(0,0,0,0.25);
    -o-box-shadow: 0px 0px 0px rgba(0,0,0,0.25);
    -ms-box-shadow: 0px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.25);
}

#mailme input[disabled]{
    background: #aaa;
}

#mailme .campo textarea{
    height: 120px;
    width: 380px;
    resize: none;
}

#mailme .campo .error{
    color: #ffe921;
    margin-top: 0.4em;
    display: none;
}
