@charset "utf-8";
/* CSS Document */
html{background:black;}
body{margin:0px;top: 0px !important;}

.goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget {
    color: transparent !important;
}

.goog-te-banner-frame.skiptranslate {
display: none !important;
} 
#google_translate_element{
	background: transparent !important;
	text-align: center;
	width: 200px;
	margin: auto;
}
#google_translate_element select{
	padding: 0px !important;
	outline: none;
	width: 100% !important;
	color: white !important;
	background: black !important;
	border: 0px;
	
}
.trans{
	text-align:center;
	background: white;
	
	}
#ese{border:2px solid white; height: 200px; margin-top: -50px; background:white;border-radius: 12px}
#larg{width:100%; border-bottom:4px solid #F63;}
#tu{box-shadow:0px 0px 10px 2px black; width:100%;  border-radius:9px; color:#666}
#head{background: black; border-top-style:solid; border-top-color:#F33; border-top-width:10px; border-bottom:4px solid #F33}
#head2{background:black; border-top-style:solid; border-top-color:#F33; border-top-width:10px; display:none; border-bottom:4px solid #F33}
#nad ul{margin:0px; padding:0px; list-style-type:none; font-size:14px}
#nad ul li{display:inline-block; margin-left:10px; background:#F63; color:white; border-radius:9px}
#nad ul li:hover{background: #000; color:white;}
#nad ul li a:link{font-family:arial; font-weight:bold; text-decoration:none; display:block; padding:8px; color:white}
#nad ul li a,visited{font-family:arial; font-weight:bold; text-decoration:none; display:block; padding:8px;color:white}
#nad ul li a:hover{font-family:arial; font-weight:bold; text-decoration:none; display:block; padding:8px;color:white}
#tg{background:#CCC; color:#060;  border:0px}
#but{background:transparent; border:0px; color:green; font-weight:bold; border-left-style:solid; border-left-width:2px}
#but:hover{ cursor:pointer}
#cont{width:100%}
#ha{width:100%}
#ma{width:100%; height:400px}
#small{display:none; position:fixed; left:0px; right:0px }
#trk{width:300px; margin-top:90px;box-shadow:0px 0px 20px 2px black; border-radius:12px}
#left{width:800px; color:#666; font-size:14px; font-family:arial; line-height:30px; text-align:center}
#trk,#left{float:left; margin-left:50px}
h2{color: #003; font-family:arial;}
h1{color:#060;font-family:arial}
a:link{color:#666; text-decoration:none}
a:visited{color:#666; text-decoration:none}
a:hover{color:green; text-decoration:none}
#btn{background: #003; box-shadow:0px 0px 20px 2px black; color:white; font-weight:bold; height:35px; border-radius:9px; text-align:center}
#btm{background: #003; box-shadow:0px 0px 20px 2px black; color:white; font-weight:bold; height:35px; border-radius:9px; text-align:center; border:0px; width:150px; cursor:pointer}
#btm:hover{background:red; color:white}
#txt{width:100%; height:30px}
#mas{width:300px; border-radius:50%; border:3px solid grey; float:left; margin-left:20px; height:300px}
#mv{width:400px;  float:left; margin-left:20px;}
#mass{width:300px;  float:left; margin-left:20px; font-family:arial; line-height:30px; color:#666; font-size:14px; text-align:justify}
#ig{width:300px; border-radius:50%; height:300px}
#subfoter{background:#000; background-size:cover; border-top-color: #F30; border-top-width:5px; border-top-style:solid;border-bottom-color: #F30; border-bottom-width:3px; border-bottom-style:solid}
h4{color:white; font-family:arial; font-size:15px}
#on{float:left; margin-left:30px; width:200px; text-align:center}
#footer{background:#003; color:lightgrey; text-align:center; height:60px; font-family:Arial, Helvetica, sans-serif}
#abt{color: #666; font-family:arial; line-height:30px; text-align:justify}
#ta{width:300px; margin-left:50px; float:left}
#form{box-shadow:0px 0px 20px 2px black; border-radius:12px; padding:0px; width:100%}
#u,#h{width:100%}
#u{height:30px}
#abt2{color: #666; font-family:arial;  }

@media only screen and (max-width:300px){
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:200px}
	#nad ul li{display:block; background: #990;border-radius:9px; margin-left:10px;border-top-style:solid; text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
#on{width:100%; margin-left:0px}
#trc{width:100%}
#gc{width:100%}
#ta{width:100%; margin-left:0px;}
#ig{width:100%; margin-left:0px}
}
@media only screen and (max-width:480px){
	
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#ma{height:200px}
	#nad ul li{display:block; background: #CCC;border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
#on{width:100%; margin-left:0px}
#trc{width:100%}
#gc{width:100%}
#ta{width:100%; margin-left:0px;}
#ig{width:100%; margin-left:0px}
}


@media only screen and (max-width:520px){
	
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white; border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
#on{width:100%; margin-left:0px}
#trc{width:100%}
#gc{width:100%}
#ta{width:100%; margin-left:0px;}
#ig{width:100%; margin-left:0px}
}

@media only screen and (max-width:640px){
	#head{display:none}
	#head2{display:block}
	#lgo{width:220px; height:70px }
	#cont{width:100%}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white; border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px;border-radius: 0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px;}
	#ig{width:100%; margin-left:0px; border-radius: 0px}
}

@media only screen and (max-width:720px){
#head{display:none}
	#head2{display:block}	
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white;border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv{width:100%; margin-left:0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px;}
	#ig{width:100%; margin-left:0px}
}

@media only screen and (max-width:960px){
#head{display:none}
	#head2{display:block}	
	#lgo{width:220px; height:70px }
	#cont{width:100%;}
	#ma{height:100%}
	#nad ul li{display:block; background:#F63; color:white; border-radius:9px; margin-left:10px;border-top-style:solid; border-top-color:#060;text-align:center
}
#trk,#left{width:100%; margin-left:0px}
#mas,#mass,#mv,#ig{width:100%; margin-left:0px}
	#on{width:100%; margin-left:0px}
	#trc{width:100%}
	#gc{width:100%}
	#ta{width:100%; margin-left:0px;}
}