* { padding:0; margin:0; outline:0; }
body {
    background: #e8e9e4;
    font-family: Trebuchet MS, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #252525;
}
input, textarea, select {
    font-family: Trebuchet MS, sans-serif;
    font-size: 13px;
}

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }

a img { border:0; }

a { color:#9d5f0e; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

title {
    font: 25px Trebuchet MS, Helvetica, sans-serif;
    color: #386da3;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}


h4 {
    font: 22px Trebuchet MS, Helvetica, sans-serif;
    color: #386da3;
    border-bottom: 1px solid #b7b7b7;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 11px;
    padding-left: 0px;
}

h2 { font-size:34px; line-height:34px; text-transform: uppercase; color:#fff !important; }
h2 span{ color:#f4d359; }

h3 {
    line-height: 24px;
    color: #386da3 !important;
    font: 25px Trebuchet MS, Helvetica, sans-serif;
}

h2, h3,
#navigation,
#slider-navigation,
#footer { font-family: "Trebuchet MS", Arial, sans-serif;}

h1#logo {
    font-size: 0;
    line-height: 0;
    width: 216px;
    height: 90px;
    height: 60px;
    /* float: left; */
    margin: auto;}
h1#logo a{ display:block; height:90px; text-indent: -4000px; background:url(images/WAVO.jpg); }

.shell { width:1100px; margin:0 auto; }



body { min-width:1030px;}

#header { height:137px; background:url(images/header.gif);text-align:center; }

#navigation ul{list-style-type: none; padding-top:40px; font-size:14px;display: inline-block;}
#navigation ul li{ float:left; display:inline; height:21px; repeat-y; right 0; padding:0 15px 0 0; margin-right:12px; position:relative; }
#navigation ul li.last{background:transparent; padding-right:0; margin-right:0; }
    #navigation ul li a {
        float: left;
        color: #000000;
        text-decoration: none;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
    }

#navigation ul li a em { width:90px; height:20px; background:url(images/nav-hover.png) no-repeat 0 -100px; position:absolute; top:17px; left:-55px;}
#navigation ul li.last a em { left:-45px;}
#navigation ul li a span { font-size:0; line-height:0; width:0; height:0; position:absolute; left:50%;}

#navigation ul li a.hover{ color:#f6cb44;}

#navigation ul li a.hover em{ background-position:0 0}

#slider { height:320px; background:url(images/slider.gif); }
#slidersmall { height:350px; background:url(images/slider.gif); }

.slides { width:1060px; height:310px; position:relative; overflow:hidden; color:#b6b6b6; }
.slidessmall { width:980px; height:350px; position:relative; overflow:hidden; color:#b6b6b6; }
.slides .jcarousel-clip { width:1080px; height:310px; position:relative; overflow:hidden; }
.slidessmall .jcarousel-clip { width:980px; height:228px; position:relative; overflow:hidden; }
.slides ul { width:1020px; height: 310px; position:relative; overflow:hidden; list-style-type: none;}
.slidessmall ul { width:1020px; height:350px; position:relative; overflow:hidden; list-style-type: none;}
.slides ul li{ float:left; display:inline; width:1080px; height:310px; position:relative; overflow:hidden; padding-top:38px;}

.slide-info { float:left; width:720px; padding-top:20px;}
.slide-infosmall { float:left; width:720px; padding-top:10px;}	
.slide-info h2{ padding-bottom:20px;font-size:20px;}
.slide-infosmall h2{ padding-top:20px;font-size:20px}
.slide-info p{ padding-bottom:15px;color:#fff;font-size:13px;}
.slide-image { float:right; width:300px; height:240px; }
.image1 { background:url(images/welcome.png); background-size:100% 100%; background-repeat:no-repeat;background-position:center; }
.image2 { background:url(images/people_big.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image3 { background:url(images/news_big.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image4 { background:url(images/congress.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image5 { background:url(images/publication.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image6{ background:url(images/courses.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image7{ background:url(images/slide-image.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image8{ background:url(images/contactus.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image9{ background:url(images/experts.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image10{ background:url(images/event_logo.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image11{ background:url(images/ico5.png); background-size:50% 50%; background-repeat:no-repeat;background-position:center; }
.image12{ background:url(images/press-release.png); background-size:128px 128px; background-repeat:no-repeat;background-position:center; }
.image13{ background:url(images/earth-spinning-rotating-animation-25.gif); background-size:180px 180px; background-repeat:no-repeat;background-position:center; }

#slider-navigation { height:50px; background:url(images/slider-nav.gif); }

.btn-ivsc{background:url(images/slide-button-ivsc.png) !important;background-size: contain !important;color:white !important;}
.btn-ivsc.active{color:#686767 !important;background:url(images/slide-button-active.png) !important;background-size: contain !important;background-repeat:no-repeat !important;}
#slider-navigation ul{ list-style-type: none; position:relative; width:1100px; margin-right:-23px; height:67px;}
#slider-navigation ul li{ float:left; display:inline; position:relative; margin:-35px 0px -22px 0;}
#slider-navigation ul li.last{ margin-right:0;}
#slider-navigation ul li a{ float:left; width:118px; height:70px; background:url(images/slide-button.png) no-repeat 0 0; position:relative; 
	left:-10px; color:#686767; font-size:14px; text-decoration: none; font-weight: bold; padding:25px 0px 0 65px;background-size:contain;}


/*#slider-navigation ul li a{ float:left; width:150px; height:65px; background:url(images/slide-button.png) no-repeat 0 0; position:relative; 
	left:-10px; color:#686767; font-size:14px; text-decoration: none; font-weight: bold; padding:30px 0 0 60px;background-size:contain;}*/
	
#slider-navigation ul li a strong { display:block; font-size:18px; line-height:23px; color:#fff;}
#slider-navigation ul li a em{ position:absolute;top: 24px;left: 8px; }

#slider-navigation ul li a em.ico1 { width:45px; height:50px; background:url(images/ico1.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico11 { width:45px; height:50px; background:url(images/experts.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico2 { width:45px; height:50px; background:url(images/ico2.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico3 { width:45px; height:50px; background:url(images/ico3.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico4 { width:45px; height:50px; background:url(images/press-release.png); background-size: contain; background-repeat: no-repeat;background-position:center;margin-left: 5px;}
#slider-navigation ul li a em.ico5 { width:45px; height:50px; background:url(images/ico5.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico6 { width:45px; height:50px; background:url(images/e-learning.png); background-size: contain; background-repeat: no-repeat;background-position:center;margin-left: 5px;}
#slider-navigation ul li a em.ico7 { width:45px; height:50px; background:url(images/ivsc.png); background-size: contain; background-repeat: no-repeat;background-position:center;margin-left: 5px;}
#slider-navigation ul li a em.ico8 { width:45px; height:50px; background:url(images/pages.png); background-size: contain; background-repeat: no-repeat;background-position:center;margin-left: 5px;}
#slider-navigation ul li a em.ico9 { width:45px; height:50px; background:url(images/1.png); background-size: contain; background-repeat: no-repeat;background-position:center;margin-left: 5px;}
#slider-navigation ul li a em.ico10 { width:45px; height:50px; background:url(images/event_logo.png); background-size: contain; background-repeat: no-repeat;background-position:center;margin-left: 5px;}
#slider-navigation ul li a em.ico13 {width: 45px;height: 50px;background: url(images/190809-poster-green-small.jpg);background-size: contain;background-repeat: no-repeat;background-position: center;margin-left: 5px;}
    
#slider-navigation ul li a em.ico12 {
        width: 45px;
        height: 50px;
        background: url(images/WAVO-logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 5px;
    }


/*#slider-navigation ul li a em.ico1 { width:50px; height:60px; background:url(images/ico1.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico2 { width:50px; height:60px; background:url(images/ico2.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico3 { width:50px; height:60px; background:url(images/ico3.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico4 { width:40px; height:50px; background:url(images/press-release.png); background-size: contain; background-repeat: no-repeat;background-position:center;}
#slider-navigation ul li a em.ico5 { width:50px; height:60px; background:url(images/ico5.png); background-size: contain; background-repeat: no-repeat;background-position:center;}*/


#slider-navigation ul li a.active,
#slider-navigation ul li a:hover { background:url(images/slide-button-active.png); color:#a6a6a6;background-size: contain;background-repeat: no-repeat;}
#slider-navigation ul li title { background:url(images/slide-button-active.png); color:#a6a6a6; }
#slider-navigation ul li a.active strong,
#slider-navigation ul li a:hover strong{ color:#4277ad; }


#main { width:100%; background:#e8e9e4; padding:50px 0;}
#main h3{ padding-bottom:10px; }
#main p{ padding-bottom:15px; }

#main2 { width:100%; background:#e8e9e4; padding:20px 0;}
#main2 h3{ padding-bottom:10px; }
#main2 p{ padding-bottom:15px; }

a.more { font-size:13px; background:url(images/more.gif) no-repeat 0 center; padding-left:10px; }
a.back { font-size:13px; background:url(images/back.gif) no-repeat 0 center; padding-left:10px; }
.cols {}
.col { float:left; width:250px; margin-right:40px;}
.col-last { margin-right:0;margin-top:15px}



#footer { height:92px; background:url(images/footer.gif); color:#6d6d6d; }
#footer .shell{ padding-top:28px;}
#footer .right { white-space:nowrap; font-size:14px; text-align: right;}
#footer .right span{ padding:0 1px;}
    #footer .right a {
        text-decoration: none;
        color: #939393;
        font-family: Trebuchet MS, Helvetica, sans-serif;
        font-size: 13px
    }
#footer .right a:hover{ color:#f6cb44;}
.footer-logo { float:left; width:169px; height:34px; background:url(images/footer-logo.png); }


#backtop {
	position: fixed;
	bottom: 100px;
	/*margin-left: -150px;*/
	
	left:55px;
}
    #backtop a {
        width: 80px;
        display: block;
        text-align: center;
        font: 11px/100% Trebuchet MS, Helvetica, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: #bbb;
        /* background color transition */
        /* -webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;*/
    }
#backtop a:hover {
	color: #000; 
}
/* arrow icon (span tag) */
#backtop span {
	width: 80px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: url(images/up-arrow.png) no-repeat center center;/*background: #ddd url(images/up-arrow.png) no-repeat center center;*/
	/* rounded corners */
	/* -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
	/* background color transition */
	/* -webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s; */
}