@charset "utf-8";
/* CSS Document */

body{
	background:url(images/backpat.jpg) repeat-x;
	background-attachment:fixed;
	background-color:#1fa0dd;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	
}
#main{
	margin: 0 auto;
	width: 93%;
	max-width:1200px;
	padding: 0;
	font-size:14px;
	font-family: 'PT Sans Narrow', sans-serif;
	
}

p{
	
	margin: 0 0 20px 0;	
}

p, ul{
	
	font-weight:200;
	font-style:normal;
}

A:link {color: #FFf; text-decoration: none}
A:visited {color: #FFf; text-decoration: none}
A:active {color: #FFf; text-decoration: none}
A:hover {color: #FFf; color: #ccc;}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin-top:15%;
	margin-left:25%;
}

.float-center{
	float: bottom right;	
	margin: 0 0 0 2%;
	z-index:220;
}


.float-right{
	
	float: right;
	margin-top:35%;
	margin-right:2%;
	font-size:90%;
}

#fourth .float-right{
	
	float: left;
	margin-top:15%;
	margin-left:23%;
	font-size:90%;
}

#five .float-right{
	
	float: left;
	margin-top:15%;
	margin-left:23%;
	font-size:95%;
float: left;
    font-size: 95%;
    margin-left: 21%;
    margin-right: 0%;
    margin-top: 15%;
    width: 46%;
}



.center{
	
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{-webkit-border-top-right-radius: 5%;
-webkit-border-bottom-right-radius: 5%;
-moz-border-radius-topright: 5%;
-moz-border-radius-bottomright: 5%;
border-top-right-radius: 5%;
border-bottom-right-radius: 5%;
	background:url(images/sidemenu.png);
	background-size:107% 95%;
	list-style: none;
	position: fixed;
	z-index: 290;
	margin-top:14%;
	color:#CCC;
	min-width:9%;
}

#logo{margin: 0 auto;
	width:93%;
	max-width:1200px;
	height: 95px;
	position: fixed;
	top: 0px;
	z-index: 300;
}

#logoImage{
	background:url(images/logo2.jpg)  no-repeat;
	background-size:100% auto;
	margin-top:0px;
	z-index: 400;
	max-width:1200px;
	max-height:87.6px;
}
#menubar{
	background:url(images/menubar.png)  no-repeat;
	background-size:100%;
	z-index: 400;
	height: 60%;
	margin-top:0px;
	max-width:1200px;
	}
	
#menubar	ul
{
list-style-type:none;
margin:0;
padding:0;
}
#menubar li
{
	
font-family:Arial, Helvetica, sans-serif;
font-size:115%;
display:inline;
padding:0;
}
#menubar li A {color:#eee;
padding:0 3% 0}
#menubar li A:hover, #menubar li A:active {
	
	color:#ddd;
	-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.5);
        
        box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.5);
	}
	
#bottombar{
	margin: 0 auto;
	width: 93%;
	max-width:1200px;
	padding: 0;
	z-index: 300;
		}

#close{
    display:block;
    float:right;
    height: 35px;
    margin-right: -4%;
    margin-top: -2%;
    width: 35px;
    background:url(images/closebut.png) no-repeat center center;

}

.panel #close{
    display:block;
    float:right;
    height: 35px;
    margin-right: -1%;
    margin-top: -3%;
    width: 35px;
    background:url(images/closebut.png) no-repeat center center;
	border:none;

}


#nav li{
	margin-top:8%;
	margin-bottom:8%;
	margin-right:10px;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(images/firstback.jpg) 50% 0 no-repeat fixed;
	background-size:155%;
	color: white;
	min-height: 1300px;
	margin: 0 auto;
	padding: 0;
}

#second{
	background: url(images/6bg.jpg) 50% 0 no-repeat fixed;
	background-size: 100%;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	background: url(images/Principles.png) 50% 0 no-repeat fixed;
	background-size: 70%;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1000px;
	z-index: 200;
}

#text2{
	position: absolute;
	z-index: 200;
	
	}

#third{
	background: url(images/7bg.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1300px;
	padding: 0px 0 0 0;
	z-index: 200;
}

#third .bg2{
	background: url(images/molecula.png) 50% 0 no-repeat fixed;
	background-size: 70%;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1000px;
	z-index: 200;
}


#fourth{
	background: url(images/clinic.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1200px;
	background-size: 100% auto;
	padding: 0px 0 0 0;
	z-index: 200;
}

#fourth .bg3{
	background: url(images/molecula.png) 50% 0 no-repeat fixed;
	background-size: 70%;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1000px;
	z-index: 200;
}

#five{
	background: url(images/tef.jpg) 50% 0 no-repeat fixed;
	background-size:100% auto;
	color: white;
	height: 1000px;
	padding: 0px 0 0 0;
	z-index: 200;
}



#third .hand{
	background: url(images/hand.png) 50% 0 no-repeat fixed;
	background-size: 93%;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 210;
	max-width:1200px;
}

.story{
	margin: 0 auto;
	min-width: 100%;
	overflow: hidden;
	width: 100%;
	z-index:220;
}

.story .float-left, .story .float-right{
	background:#222;
	padding: 0px 15px 0px 15px;
	position: relative;
	width: 42%;
	z-index:220;
	filter: alpha(opacity=95);
     opacity: .95;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;



}






.panel2 {
	background:#222;
	padding: 0px 15px 0px 15px;
	position: relative;
	width: 65%;
	z-index:220;
	filter: alpha(opacity=95);
     opacity: .95;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

float: right;
	margin-top:15%;
	margin-right:5%;
	display:none;
	padding: 0 15px 15px;
	
}


.panel235 {
	
	color:#09C;
	background:#222;
	padding: 0px 15px 0px 15px;
	position: relative;
	width: 55%;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

float: right;
	margin-top:12%;
	margin-right:22%;
	display:none;
	padding: 0 15px 15px;
	
}
.info {
	background-image: url("images/info.png");
	position: relative;
	min-width: 30%;
	min-height: 30%;
	z-index:220;
	float: left;
	margin-top:150px;
	margin-left:25%;
	display:none;
	
}
.panel236 {
	color:#FFF;
	background:#09c;
	position: relative;
	width: 30%;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

float: right;
	margin-top:15%;
	margin-right:5%;
	display:block;
	padding: 0 1.5% 1.5%;

}

.panel2361 {
	color:#09c;
	background:#FFF;
	position: relative;
	width: 46%;
	z-index:200;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

float: left;
	margin-top:-32%;
	margin-left:48%;
	display:none;
	padding: 1.5% 2.5% 0;

}

.panel23 {
	color:#0033CC;
	background:#DDD;
	padding: 0px 15px 0px 15px;
	position: relative;
	width: 23%;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

float: left;
	margin-top:15%;
	margin-left:25%;
	display:block;
	padding: 15px 15px 15px;
	
	
}
.panel23r {
	color:#0033CC;
	background:#DDD;
	padding: 0px 15px 0px 15px;
	position: relative;
	width: 23%;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

    float:right;
	margin-top:15%;
	margin-right:3%;
	display:block;
	padding: 15px 15px 15px;
}

#five .panel23r {
	
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 10px 10px 10px 10px;
    color: #0033CC;
    display: block;
    float: right;
    font-size: 99%;
    margin-right: 1%;
    margin-top: 13%;
    opacity: 0.92;
    padding: 3px;
    position: relative;
    width: 28%;
    z-index: 220;

}

.panel233 {
	color:#0033CC;
	background:#DDD;
	padding: 0px 15px 0px 15px;
	position: relative;
	max-width: 19.7%;
	width: 20%;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

float: left;
	margin-top:15%;
	margin-left:18.5%;
	display:block;
	padding: 15px 15px 15px;
	
	}
	.panel2332 {
	color:#0033CC;
	background:#DDD;
	padding: 0px 15px 0px 15px;
	position: relative;
	max-width: 25%;
	width: 25%;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: .92;
	 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	float: left;
	margin-top:15%;
	margin-left:19%;
	display:block;
	padding: 15px 15px 15px;
	
	}
	
	.panel233 a{color:#03C;}
	.panel233 a:hover, .panel235 a:hover{color:#1ad;}
	.panel235 a{color:#09C;}
	
.panel234 {
	color:#09C;
	background:#222;
	position: relative;
	float: left;
    font-size: 85%;
    margin-left: 25%;
    margin-top: 10%;
    max-width: 12%;
    min-width: 12%;
	z-index:220;
	filter: alpha(opacity=82);
     opacity: .82;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	display:block;
	padding: 5px 7px 5px;
	
	
}


.panel2 .left {

float:left;
max-width:30% !important;
}

.panel2 .right {

float:right;
max-width:30% !important;
}

.panelD {
	-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
display: none;
color:#ccc;
	background:#333;
	background-repeat:repeat;
	-moz-box-shadow: -3px 3px 4px #000;
-webkit-box-shadow: -3px 3px 4px #000;
box-shadow: -3px 3px 4px #000;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#000000');
	top: 25%;
   	width: 25%;
	max-width:1200px;
	max-height:250px;
    position: fixed;
    z-index: 300;
	padding:15px 0 15px 0;
	filter: alpha(opacity=98);
    opacity: .95;
	margin-left:68%;
}

.panel {
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: none;
color:#000000;
	background:#222;
	background-repeat:repeat;
	bottom: 0;
   	width: 93%;
	max-width:1200px;
    position: fixed;
    z-index: 295;
	padding:15px 0 15px 0;
	filter: alpha(opacity=95);
    opacity: .95;
}

.panel p{
margin: 0 0 0px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}


#bottombar1 {
height:7%;	

	
}

#bottombar1 a.trigger{
	bottom: 0;
   	width:93%;
	max-width:1200px;
    position: fixed;
    z-index: 300;
	margin: 0 auto;
	
}

#bottombar1 a.trigger:hover{
color:#000000;
	
	background:#d3d3d3;
	background-image: url("images/bottombaractive.jpg");
	background-repeat:no-repeat;
    position: fixed;
    z-index: 300;
	
}

#bottombar1 a.active.trigger {
color:#000000;
	
	background:#d3d3d3;
	background-image: url("images/bottombarI.jpg");
	background-repeat:no-repeat;
    position: fixed;
    z-index: 300;

}

#bottombar1 a.active.trigger:hover {
color:#000000;

	background:#d3d3d3;
	background-image: url("images/bottombarIA.jpg");
	background-repeat:no-repeat;
    position: fixed;
    z-index: 300;
	
  
}

/* LIST #2 */
#list2 { width:32%; }
#list2 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:100%; color:#bfe1f1;  }
#list2 ol li { }
#list2 ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:95%; color:#eee; border-left: 1px solid #999; }
#list2 ol li p em { display:block; font-size:18px; }

div.box {
margin:0 auto;
width:120%;
background:#222222;
position:relative;
top:-15px;
border:1px solid #262626;
}

div.box h1 { 
color:#ffffff;
font-size:100%;
text-transform:uppercase;
padding:0px 0 0px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712; 
}

div.box label {
width:100%;
display: block;
background:#1C1C1C;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:4px 0 4px 0;
}

div.box label span {
display: block;
color:#bbbbbb;
font-size:90%;
float:left;
width:20%;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
	color:#FFF;
padding:0px 10px;
width:40%;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}

div.box .message{
	color:#FFF;
padding:7px 7px;
width:70%;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:75px;
}

div.box .button
{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
top:10px;
left:382px;
width:20%;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}

#92r {
	
	background-image: url("images/92r.png");
	padding: 0px 15px 0px 15px;
	position: relative;
	width: 20%;
	z-index:220;
    float: left;
	margin-top:15%;
	margin-left:23%;
	display:none;

	}
	#92but {
		background-image: url("images/92.png");
	
	}
		.panel23313 {
		background-repeat:no-repeat;
	background-size:contain;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 30%;
	position: relative;
	z-index:222;

float: left;
	margin-top:12%;
	margin-left:27%;
	display:block;
	overflow:hidden;
	}
	.panel23311 {
	background-image:url(images/92.png);
	background-repeat:no-repeat;
	background-size:contain;
	height: 150px;
	width: 150px;
	position: relative;
	z-index:222;
float: left;
	margin:0 auto;
	margin-left:15%;
	display:block;
	overflow:hidden;
	}
	.panel23312 {
	background-image:url(images/92r.png);
	background-repeat:no-repeat;
	background-size:contain;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 150px;
	position: relative;
	z-index:220;
 	display:block;
	overflow:hidden;
	
	}
	
	.blocks {
	color:#0033CC;
	background:#DDD;
	padding: 10px 15px 10px 15px;
	position: relative;
	z-index:220;
	filter: alpha(opacity=92);
     opacity: 0.92;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	display:block;

	}
	
	.zt-container{
	background-image:url(../images/6bg.jpg);
	width:1200px;
	height:1300px;
	position:relative;
	overflow:hidden;
	
	
	
}
img.zt-current{
	position:absolute;
	display:none;
	border:hidden;
}
img.zt-temp{
	position:absolute;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.zt-tag{
	position:absolute;
	z-index:10;
	border:2px solid #fff;
	background:transparent url(images/zoom.png) no-repeat bottom right;
	background-size:50%;
	width:50px;
	height:37px;
	cursor:pointer;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.7);
	box-shadow:1px 1px 2px rgba(0,0,0,0.7);
}
.zt-tag-back{
	width:150px;
	height:150px;
	left:50%;
	top:15%;
	margin-left:-16px;
	background:url(images/back.png) no-repeat center center;
	border:hidden;
		-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	
}
.zt-loading{
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	opacity:0.8;
	z-index:99999;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	background:#fff url(../images/ajax-loader.gif) no-repeat center center;
}