﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
}


html
{
    height:100%; 
    margin-bottom: 0px; 
}

body 
{

    text-align:left;
    height:100%; 
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
	direction:ltr;
	background-color:#f8f6ff;
}

a:focus
{
	outline:solid 1px #2caae1;
}

.container
{
	margin:0 auto;
	width:960px;
}


.slider
{
	height:405px;
	background-color:#927CAA;
	background-image:url(../images/bg3.jpg);
	background-repeat:no-repeat;
	background-width:cover;
	background-attachment:fixed;
	background-position:top;
	
}

.slider img
{
	margin-top:333px;
	width:240px;
	opacity:0.9;
}

.slider img:hover
{
	opacity:1;
}



.icons
{
	height:184px;
	background-color:#01314f;
}

.icons .buttons
{
	margin:0 auto;
	height:200px;
	width:75%;
}

.icons a.icon
{
	text-decoration:none;
	display:inline-block;
	margin-top:15px;
	width:123;
	float:left;
	color:white;
	
}

.icons a.icon1
{
	background-image:url(../images/people.png);
	background-repeat:no-repeat;
	background-size:100%;

	float:left;

}

.icons a.iconmar
{
	margin-left:24px;
}


.icons a.icon2
{
	background-image:url(../images/courses.png);
	background-repeat:no-repeat;
	background-size:100%;

	float:left;
}

.icons a.icon3
{
	background-image:url(../images/seminar.png);
	background-repeat:no-repeat;
	background-size:100%;

	float:left;
}

.icons a.icon4
{
	background-image:url(../images/research.png);
	background-repeat:no-repeat;
	background-size:100%;

	float:left;
}

.icons a.icon5
{
	background-image:url(../images/links.png);
	background-repeat:no-repeat;
	background-size:100%;

	float:left;
}

.icons a.icon1:hover
{
	background-image:url(../images/hpeople.png);
}

.icons a.icon2:hover
{
	background-image:url(../images/hcourses.png);
}

.icons a.icon3:hover
{
	background-image:url(../images/hseminar.png);
}

.icons a.icon4:hover
{
	background-image:url(../images/hresearch.png);
}

.icons a.icon5:hover
{
	background-image:url(../images/hlinks.png);
}

.icons a.icon p
{
	margin-top:128px;
	text-align:center;
	font-size:20px;
	

}

.icons a.icon:hover
{
	color:#4f8fb8;
}



.about h1
{
	margin-top: 5px;
	margin-bottom: 20px;
	color: #2caae1;
	font-size: 25px;
	font-weight: bolder;
}

.about p
{
	margin-bottom:30px;
	color:#797A7B;
	margin-bottom:50px;
	margin-top:20px;
	font-size:16px;
	text-align:justify;
}

.maps
{
	margin-top:5px;
	margin-bottom:80px;
	height:400px;
		justify-content:center;
	display: flex;
}

.maps .zis
{
	display:inline-block;
	float:left;
	width:320;
	margin:20px;


}



.maps .zis:hover img
{
	border:solid 2px #2caae1;
	border-radius:4px;
}

.maps .mor:hover img
{
	border:solid 2px #2caae1;
	border-radius:4px;
}

.maps .mor
{
	margin:20px;
	display:inline-block;
	width:320;
}

.maps h2
{
	margin-top:5px;
	margin-bottom:20px;
	color:#2caae1;
	font-size:20px;
	font-weight:600;
}

.maps img
{
	width:320px;

}


















