@font-face {
	font-family: 'AvianoFlareRegular';
	src: 		url('../AvianoFlareRegular.otf')  format('opentype'),
				url('../AvianoFlareRegular.ttf')  format('truetype');
	}

#noscript{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
color:red;
z-index:200000;
font-family:sans-serif;
background-color:#222222;
}

#noscript div{
background-color:#121212;
border-radius:22px;
border:1px solid white;
color:grey;
width:50%;
margin-left:20%;
margin-top:6%;
padding:30px;
z-index:200001;
}


#home_all{
     margin-top: 80px;
}

#link_home_store{
     margin:30px 20px;
     width:490px;
}

.see_col{
     margin-right:60px;
}

a.goto_store{
      padding: 3px 20px;
     -webkit-box-shadow: inset 0px 0px 10px 5px rgba(15, 15, 15, 0.3);
      box-shadow: inset 0px 0px 10px 5px rgba(15, 15, 15, 0.3);
      background-color:#74b57a;
      color:white !important;
      text-shadow: 1px 1px 2px #344d36;
      filter: dropshadow(color=#344d36, offx=1, offy=1);
      border: 1px solid;
}
a.goto_store:hover{
     background-color:#3e6f44;
}


ul.instr li.instra{
display:block;
height:1.3em;
text-align:left;
list-style:decimal;
color:white;
margin-left:35%;
z-index:200002;
}


img {
border:none;
}

.xxsmall{
font-size:xx-small !important;
}
.xsmall{
font-size:x-small !important;
}
.small{
font-size:small !important;
}
.medium{
font-size:medium;
}

body{
	font-family: 'AvianoFlareRegular';
}

body#body_main {
	font-family: 'AvianoFlareRegular';
  	font-size: 16px;
   position:absolute;
   border:0;
	margin:auto;
	padding:0;
	height:100%;
	width:100%;
	min-width:850px;
	background-image: url(../img/podbody.jpg);
	background-color:black;
	z-index: 900;
}

div#bg_flow {
font-family: 'AvianoFlareRegular';
height:65%;
min-height:530px;
width:100%;
background-color:black;
padding:0px;
z-index: 980;
border-top:5px solid white;

}

div#divframe{
	font-family: 'AvianoFlareRegular';
   position:absolute;
	top:168px;
	height:65%;
	min-height:530px;
   width: 100%;
	z-index:980;
	padding:0px;
	color: white;


}

div#left{

   position:relative;
	height:100%;
   width: 33%;
	z-index:981;
	float:left;
	padding:0;
	background:black;
	/*border:1px solid red;*/
	margin:auto;
	margin-left:4%;
	overflow: hidden;
}

div#left_panels{

   position:relative;
	height:100%;
   width: 60%;
	z-index:981;
	float:left;
	padding:0;
	background:black;
	/*border:1px solid red;*/
	margin:auto;
	margin-left:6%;
	overflow: hidden;
}

div#right_panels{

	float:right;
   position:relative;
  	height:100%;
   width: 33%;
	z-index:981;
	padding:0;
	background:transparent;
	/*border:1px solid gold;*/
	margin:auto;
	overflow:hidden;
}
div#next_mirr{
	position:absolute;
	top:20px;
	left:85%;
	z-index:1000;
}
div#next_mirr a{
	opacity:0.4;
	filter: alpha(opacity = 60);
	float:left;
}

div#next_mirr a:hover{
	opacity:1;
	filter: alpha(opacity = 100);
	float:left;
}

div.top_left{
	float:none;
	clear:both;
   height:auto;
   width: 99%;
	z-index:982;
	padding:0;
	background:black;
	/*border:1px solid orange;*/
	margin-bottom: 20px;

}

p.mirr_disc {
     text-align:justify;
    	font-size:12px;
		 margin-top:20px;
		 }

p.mirr_name {

   	font-size:22px;
		 margin-top:4%;
		 }
span#mirr_name2 {
   	font-size:14px;
		 margin-top:10px;
		 margin-left:4%;
		 position:absolute;
		 top:0px;
		 z-index:992;
		 color:#6e6e6e;
		 }

.grey{
color: grey;
width:100%;
}

.code3{
float:none;
width:99%;
margin-right:5px;
margin-bottom:0px;
/*border:1px solid pink;*/

}
.code2{
width:99%;
margin-right:5px;
margin-bottom:0px;
}

#gall{
position:relative;
display:block;
clear:both;
}

img.gallery{
margin:3px 3px;
opacity:0.6;
filter: alpha(opacity = 60);
}

img.gallery:hover{
opacity:1;
filter: alpha(opacity = 100);
}

div#right{

	float:right;
   position:relative;
  	height:100%;
   width: 60%;
	z-index:981;
	padding:0;
	background:transparent;
	/*border:1px solid gold;*/
	margin:auto;
	overflow:hidden;
}

div#top_right{
	position:relative;
	top:0px;
   margin:auto;
	height:56%;
   width: 100%;
	z-index:1000;
	padding:0;
	background:transparent;
	/*border:1px solid red;*/
	overflow:visible;
}

div#top_right2{
	position:relative;
	top:0px;
   margin:auto;
	height:26%;
   width: 100%;
	z-index:980;
	padding:0;
	background:transparent;
   /*border:1px solid red;*/
	overflow:visible;
}


div#flows {

	float:none;
	clear:both;
	height:100%;
   width: 99%;
	z-index:983;
	padding:0;
	background:transparent;
	margin:auto;
	overflow:visible;
}

div#shadowy{
background-image:url(../img/shadu_50.png);
background-position:bottom left;
background-repeat:repeat-x;
width:100%;
height:100%;
z-index: 985;
padding:0;
}

div#shadoww{

background-image:url(../img/shadd_50.png);
background-position:top left;
background-repeat:repeat-x;
width:100%;
height:100%;
z-index: 985;
padding:0;
}

div#philo{

height:100%;
width:100%;
position:relative;
background-color:black;
background-image: url('../images/philo_bg.jpg');
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
padding:0px;
z-index: 981;
overflow: hidden;
}

div#scroller{

width:50%;
min-width:400px;
height:90%;
position:relative;
text-indent: 30px;
text-align: justify;
font-size: 14px;
line-height: 18px;
color: white;
margin-left:4%;
margin-top:0px;
padding-top:30px;
overflow: hidden;
background-image: url('../img/bar_darkd.png');
background-position: top left;
background-repeat:repeat-y;
z-index: 982;
}

div#goup{
z-index: 999;
position:absolute;
left:57%;
top:80%;
opacity: 0.4;
filter: alpha(opacity = 40);
}

div#godo{
position:absolute;
left:57%; top: 88%;
z-index: 999;
opacity: 0.4;
filter: alpha(opacity = 40);
}

div#godo:hover{
cursor:pointer;
opacity: 0.8;
filter: alpha(opacity = 80);
}

div#goup:hover{
cursor:pointer;
opacity: 0.8;
filter: alpha(opacity = 80);
}

a#top {
color:#676767;
position:absolute;
right:10px;
text-decoration:none;
}

a#top:hover {
color:#b7b7b7;
text-decoration:underline;
}

div#conta{
font-family: 'AvianoFlareRegular';
width:50%;
min-width:400px;
height:80%;
position:relative;
text-indent:0px;
text-align: justify;
font-size: 14px;
line-height: 18px;
color: white;
margin-left:4%;
margin-top:0px;
padding-top:20px;
overflow: hidden;
background-image: url('../img/bar_darkd.png');
background-position: top left;
background-repeat:repeat-y;
z-index: 992;
}

div#conta_bg{
height:100%;
width:100%;
position:relative;
background-color:black;
background-image: url('../images/philo_bg.jpg');
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
padding:0px;
z-index: 981;
overflow: hidden;
}


div#header {

position:relative;
top:0px;
overflow:hidden;
height:162px;
width: 100%;
background-image: url(../img/podhead.gif);
background-repeat:repeat-x;

}

div#flag {
position: absolute;
right:5%;
top: 30px;
width: 130px;
height: 60px;
z-index: 999;
}

div#flag a img{
width:27px;
height:29px;
border:0px;
margin-right:8px;
opacity: 0.5;
filter: alpha(opacity = 50);

}
div#flag a img.active_flag{
width:29px;
height:30px;
border:0px;
margin-right:8px;
/*box-shadow: 0px 0px 2px #ffffff;*/
opacity: 0.9;
filter: alpha(opacity = 90);
}
div#flag a img.active_flag:hover{
width:29px;
height:30px;
opacity: 1;
filter: alpha(opacity = 100);
}

div#flag a img:hover{
width:29px;
height:30px;
opacity: 1;
filter: alpha(opacity = 100);
}

div#flag a img:active{
width:29px;
height:30px;
opacity: 0.7;
filter: alpha(opacity = 70);
}

a#logo, a.logo {
height:271px;
width:91px;
position: absolute;
left: 4%;
top: 40px;
z-index: 999;
}


div#bar_dark{
background: url(../img/bar_dark.png) repeat-y;
height: 167px;
width: 400px;
position: absolute;
top:0px;
right:0px;
z-index: 999;

}

div#shad_up{
background: url(../img/shadu_50.png) repeat-x;
height: 48px;
width: 100%;
position:relative;
bottom:47px;
z-index: 990;
/*border:1px solid red;*/

}

div#footer{
height:10%;
overflow:hidden;
background-image: url(../img/podbody.jpg);
width:100%;
z-index:998;
position: relative;
top:0px;
padding:0px;
border-top-style: ridge;
}

div#shad_left{
z-index:1010;
position: relative;
top:0px;
height:100%;
/*border-top:1px solid blue;*/
}

div#shad_down{
background: url(../img/shadd_50.png) repeat-x;
height: 50px;
width: 100%;
position: relative;
left:0px;
top: 0px;
z-index: 992;
}

div#white_bar{
background-image: url(../img/bar_white.gif);
background-repeat:repeat-x;
position:relative;
top:0px;
height:4px;
width:100%;
z-index: 990;
}





div#main_menu{
width:830px;
position: relative;
height:40px;
top:0px;
margin:120px 0px 0px 0px;
left:3.5%;
z-index: 1000;
padding-left:8px;
background-image: url(../img/menu_bg.png);
background-repeat:no-repeat;
/*border:1px solid red;*/
}

div#main_menu_fr{
width:auto;
position: relative;
height:40px;
top:0px;
margin:120px 0px 0px 0px;
left:4.1%;
z-index: 1000;
padding-left:0px;
text-shadow:1px 2px 3px #000000;
/*background-image: url(../img/menu_bg.png);
background-repeat:no-repeat;*/
}

div#main_menu ul li{
height:100%;
/*border:1px solid green;*/
}
div#dropmenu{
position:absolute;
overflow:hidden;
top:162px;
left:328px;
width:158px;
z-index:10000;
background-image: url('../img/dropmenu5.png');
background-repeat:no-repeat;
/*border: 1px solid red;*/
}


div#clicktogo{
font-size:x-small;
text-align:center;
display:none;
position:absolute;
overflow:hidden;
top:415px;
left:57%;
width:165px;
z-index:10000;
background-image: url('../img/dropmenu5.png');
background-repeat:no-repeat;
/*border: 1px solid red;*/
}
div#clicktogo{
	color:grey;
}

ul#dropmenus{
	   padding:5px 0px 0px 0px;
		list-style: none;
		display:none;
		height:90px;
	   margin:0px;
}

ul#dropmenus li{
	text-align:center;
	overflow:hidden;
   list-style: none;
	text-decoration: none;
	display:block;
	height:22px;
	color:#c7c7c7;
	margin:0px;
	padding: 0px;
}



div#coll_menu{
height: 70px;
width:auto;
position: relative;
top:-30px;
float: right;
z-index: 999;
margin-right:4%;
padding-left:10px;
background-image: url(../img/coll_bg.png);
background-repeat:no-repeat;
}

div#coll_menu_fr{
height: 70px;
width:auto;
position: relative;
top:-30px;
float: right;
z-index: 999;
margin-right:4%;
padding-left:0px;
text-shadow:1px 2px 3px #000000;
}

h2, h1{
text-indent:0px;
font-weight:normal;
font-size:large;
text-decoration:none;
line-height:1em;
padding-top:0px;
margin-top:0px;
display: inline;
}

ul, ul li, ul li a{
	display: inline;
	list-style: none;
	font-size:1em;
	margin:0px 10px 0px 0px;
	padding: 0px;
	cursor: pointer;
	text-decoration:none;
	color: #979797;
	height:60px;
}

ul li a.amenu2{
	display:block;
	margin:0px;
	list-style: none;
}



ul#menu li a:hover{
    text-decoration: none;
    color: white;
}
ul#menu li a.active{
    text-decoration: none;
    color: white;
}

a,
a:link,
a:visited{
text-decoration: none;
color: #979797;
}

a:active,
a.active,
a.active,
a:hover {
    text-decoration: none;
    color: white;
}

#box{

      color:#363636;
   	font-size:26px;
		position:absolute;
		left:4%;
		top:200px;
		height:30px;
		width:400px;
	   z-index:1010;
 }
 #box:hover{
 color:#565656;
 }

  						 							 	/*  zoom    */
div#ifra_mirr{
position:relative;
top:0px;
height:100%;
min-height:530px;
width:500px;
margin:auto;
/*border:1px solid yellow;*/

}

div#izoom{
height:100%;
width:100%;
margin:auto;
background-image:url('../zoom/bg_mirr1.jpg');
background-position:right top;
background-repeat:no-repeat;

}

p#to_zoom{

      color:#9b9b9b;
   	font-size:10px;
		position:absolute;
		left:4%;
		top:630px;
	   z-index:1010;
 }

p#name_zoom{

      color:#9b9b9b;
   	font-size:16px;
		position:absolute;
		left:4%;
		top:230px;
	   z-index:1010;
 }

#onclick{
	border:1px solid red;
	width:20%;
	height:20%;
}

a.link_zoom {
	 position:absolute;
	 top:91%;
    color:grey !mportant;
    height:60px;
    width:80px;
    font-size:12px !important;
    text-decoration:none !important;
    font-style:normal;
    z-index:999;
}

a.link_zoom:hover, p#to_zoom:hover {
color:white;
}

a.back {
position:absolute;
 top:10px;
 width:100%;
 height:100%;
 text-align:center;
 z-index:999;
 text-shadow: #000000 1px 1px 2px;
 }

a.link_zoom:before {
content: url(../img/next.png);
margin-left:16px;
display:block;
opacity: 0.4;
filter: alpha(opacity = 40);

 }

a.link_zoom:hover:before {
content: url(../img/next.png);
opacity: 1;
filter: alpha(opacity = 100);
 }

div#mirro_bg{
height:100%;
width:100%;
position:relative;
background-color:black;
background-image: url('../zoom/bg_mirr6.jpg');
background-position: top right;
background-repeat: no-repeat;
/*background-size: contain; */
padding:0px;
z-index: 981;
overflow: hidden;
}


#mirrors{
 	color:white;
	 position:relative;
	 left:3%;
	 top:55px;
	 width:94%;
	 height:90%;
	 overflow:auto;
 }
 .mirr_item{
  text-align:center;
  width:170px;
  height:220px;
  margin:10px;
  float:left;
 }
  .mirr_item img{
  display:block;
  margin-left:auto;
  margin-right:auto;
  height:190px;
  }

  .pane_item{
  text-align:center;
  width:300px;
  height:240px;
  margin-right:50px;
  margin-left:50px;
  float:left;
 }
  .pane_item img{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:280px;
  }






.clear { clear: both; }

img { border:none;}