/* Global */
@import url('https://fonts.googleapis.com/css?family=Monda:400,700&subset=latin,latin-ext');

body {
	font-family: 'Monda', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #777;
	background-color:#ffffff;
}
img {
	max-width: 100%;
}
p {
	text-align: justify;
}
a:link {
	color: #f68f67;
	text-decoration: none;
}
a:hover {
	color: #bde2df;
	text-decoration: none;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}

.logos {
	position:absolute;
	width:92px;
	height:92px;
	background-color:#ddd; 
	box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
}
.logos-img {
	width:80px;
	height:80px;
	background-repeat:no-repeat;
    background-position:center center; 
	background-color:#FFFFFF; 
}


.circle-image {
    border: 1px solid rgb(0,0,0,0.65);
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
    padding: 5px;
}

.pathway {
	text-transform:uppercase;
	font-size:10px;
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.pathway a {
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.pathway .arrows {
	color:#00ADEE;
	margin:0px 5px; 
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}



/* Navigation */

.menu {
	position:fixed;
	top:0px;
	width:100%; 
	height:85px; 
	background-color:#ffffff;
	z-index:100;
	-webkit-box-shadow: 0px 3px 16px 0px rgba(50, 50, 50, 0.89);
	-moz-box-shadow:    0px 3px 16px 0px rgba(50, 50, 50, 0.89);
	box-shadow:         0px 3px 16px 0px rgba(50, 50, 50, 0.89);
}
#logo {
	margin: 32px 0;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
	float:right;
}
#smallname {
	margin:7px 0px;
	vertical-align:middle;
	display:none;
	text-align:right;
	max-width:320px;
	float:left;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 14px;
	font-weight: normal;
	/*text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);*/
}



.infobox {
background-color:rgba(0,0,0,0.3);
padding:10px 30px;
color:#fff;
}

.databox {
	font-size:12px;
	background-color:#777777;
	padding:30px;
	color:#fff;
}

.databox  li{
	font-size:13px;
	border-bottom : 1px dotted #fff;
    margin: 0 5px 10px 0;
    padding: 0 0 10px;
}
.databox-header {
	font-size:20px;
	/*background-color:#00ADEE;*/
	padding:10px 30px;
	color:#fff;
	margin-top:20px;
}
/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:50px 0;
}
.mini  {
    border: 1px solid #BDB9B0;
    float: left;
    height: 80px;
    margin: 6px 10px 0 0;
    padding: 2px;
    width: 100px;
}
.big {
    border: 1px solid #BDB9B0;
    margin: 6px 10px 0 0;
    padding: 2px;
    width: 100%;
}
.cursor {
    cursor: pointer;
}

.padding20 {
	padding-top:20px !important;
}

/* Slide 1 */ 

#slide1{
	background-image:url('./images/bg.jpg');
	padding:140px 0 55px;
}
#slide1 h1 {
	font-size: 2.8em;
	letter-spacing: -3px;
	line-height: 45px;
	color:#FFF;
	font-weight: normal;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}




/* Slide 2 */ 

#slide2{
	background-color:#ffffff;
	color:#777;
}
#slide2 h2 {
	font-size: 1.8em;
	letter-spacing: 0px;
	line-height: 0px;
	font-weight: 700;
}




/* Slide 3 */ 

#slide3{
		background-image:url('images/bgdark.jpg');	
}
#slide3 h1 {
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#8a8683;
	font-weight: 700;
}
#slide3 h2 {
	font-size: 2em;
	color: #8a8683;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 400;
}
#test{
	background-color:#bde2df;
	color:#ffffff;
	text-align:center;
	font-size: 2em;
	font-weight: 400;
}



.footer-text {
	font-size: 12px;
	color: #8a8683;
}

/**********************************
			Buttons
***********************************/
.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}
.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:14px;
}
.button.large span {
	font-size:18px;
}
.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}
.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #e62727;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #00ADEE;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}
.button.button-color {
	background-color: #00ADEE;/*#00ADEE;*/
}
.main-color {
	background-color: #00ADEE;
}

.h-color {
	color: #00ADEE;/*#00ADEE;*/
}
.jqifade{position:absolute;background-color:#aaa}div.jqi{width:400px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;position:absolute;background-color:#fff;font-size:11px;text-align:left;border:solid 1px #eee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:7px}div.jqi .jqicontainer{font-weight:bold}div.jqi .jqiclose{position:absolute;top:4px;right:-2px;width:18px;cursor:default;color:#bbb;font-weight:bold}div.jqi .jqimessage{padding:10px;line-height:20px;color:#444}div.jqi .jqibuttons{text-align:right;padding:5px 0 5px 0;border:solid 1px #eee;background-color:#f4f4f4}div.jqi button{padding:3px 10px;margin:0 10px;background-color:#2f6073;border:solid 1px #f4f4f4;color:#fff;font-weight:bold;font-size:12px}div.jqi button:hover{background-color:#728a8c}div.jqi button.jqidefaultbutton{background-color:#bf5e26}.jqiwarning .jqi .jqibuttons{background-color:#bf5e26}div.pagination{padding:3px;margin:3px;text-align:center}div.pagination a{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #ddd;text-decoration:none;color:#1552de}div.pagination a:hover,div.pagination a:active{border:1px solid #1552de;color:#638425;background-color:#f1ffd6}div.pagination span.current{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #4a8afd;font-weight:bold;background-color:#4a8afd;color:#FFF}div.pagination span.disabled{padding:2px 5px 2px 5px;margin-right:2px;color:#ccc}


/* Tablet */
@media screen and (max-width: 1024px) {


.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
	height-min:500px;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}




/* Mobile */
@media screen and (max-width: 480px) {


.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}


#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}


}