@font-face {
  font-family: 'Muli';
  font-style: light;
  font-weight: 300;
  src: local('Muli Light Italic'), local('Muli-LightItalic'), url(Muli-LightItalic.ttf) format('truetype');
}

body {
	margin: 0.001%;
	padding: 0;
	background: url(A7.jpeg);
	font-family: "Arial Unicode MS", Arial, sans-serif;
	font-size: 15px;
       line-height: 18px;
	color: #222222;
}

a {
    text-decoration: none;
    border-bottom: 1px dotted #c0c0c0;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

a#pull {
    display: none;
}

a#ssTitle {
	display: none;
}

a#ssCimpa {
	display: none;
}

#header {
	width: 68%;
	height: 60px;
    position: fixed;
    top: 80;
    left: 16%;
    right: 16%;
    background: #FFE5CC;
    z-index: 9;
}

#navigation {
    text-align: : right;
    height: 100%;
    width: 100%;
    display: inline-block;
    padding-right: 10px;
}

#navigation ul {
    top: 8px;
    position: relative;
}

#navigation li {
    display: inline-block;
    padding: 0 10px;
}

.current {
    border-bottom: 3px solid #ffffff;
}

#navigation a {
    color: inherit;
    font-size: 16px;
    border: none;
}

li#title {
    margin-right: 30px;
margin-left: 30px;
}

#title a {
    font-weight: bold;
    font-size: 22px !important;
}

@media only screen and (max-width : 900px) {
    #navigation ul {
        display: none;
        height: auto;
        background: #007fff;
        top: -15px;
        padding-bottom: 10px;
    }

    #navigation a#pull {
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 15px;
        height: 30px;
        width: 40px;
        vertical-align: middle;
        line-height: 30px;
        background: url('../images/nav-icon.png') no-repeat;
        background-position: center right;
    }

    #navigation a#pull:after {
        content: "";
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }

    #navigation li {
        display: block;
    }

    a#ssTitle {
    	display: inline-block;
    	padding: 0 10px 0 15px;
    	line-height: 60px;
    }

    a#ssCimpa {
    	display: inline-block;
    	padding: 0 10px 0 15px;
    	line-height: 60px;
    }

    #cimpa, #title {
        display: none !important;
    }
}

#page {
    position: relative;
}

.article {
    padding-top: 80px;
    margin-bottom: -50px;
    border-bottom: 1px #c0c0c0 solid;
    z-index: 1;
}

.intro {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #212D59;
    vertical-align: middle;
}

.intro1{
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #212D59;
    vertical-align: middle;
}
.photo {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 80px;
}

.photo img {
    width: 250px;
    height: 250px;
}


.photo1 {
    border-radius: 50%;
    width: 110px;
    height: 110px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-left: 80px;
}

.photo1 img {
    width: 110px;
    height: 110px;
}




.content {
    text-align: justify;
}

thesis {
    font-family: Muli, "Arial Unicode MS", Arial, sans-serif;
    font-style: italic;
}

.sectionheader {
    color: #606060;
    text-shadow: 0 1px #ffffff;
    margin-bottom: -10px;
}

.header {
    margin-bottom: 0px;
    font-size: 20px;
    color: #212D59;
}

student {
    border-bottom: 1px dotted #a0a0a0;
}

ul.nobullets {
    list-style: none;
    padding-left: 10px;
}

li {
    padding-bottom: 10px;
}

.email, .phone, .mail {
    font-weight: lighter;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    margin-top: -1px;
    color: #666666;
}

.phone {
    font-size: 13px;
}

paper {
    font-style: italic;
    font-family: Times, "Times New Roman";
}