@font-face {

    font-family: 'FranklinGothicDemiCond';

    src: url(FRAMDCN.TTF);

}

body {background-image: url('../_img/design/linen.jpg'); font-family: 'Calibri', Arial; font-size: 12pt; color: #584838; font-weight: 500;}

h1 {font-size: 23pt; font-family: 'FranklinGothicDemiCond', 'Calibri', Arial; padding: 5px 20px;}

h2 {font-size: 16pt; font-family: 'FranklinGothicDemiCond', 'Calibri', Arial; padding: 5px 20px 0px; margin-bottom: -10px;}

h3 {font-size: 16pt; font-family: 'FranklinGothicDemiCond', 'Calibri', Arial; padding: 5px 20px 0px; margin: 0px 0px;}

h4 {font-size: 14pt; font-family: 'FranklinGothicDemiCond', 'Calibri', Arial; font-style: italic; padding: 5px 20px 0px 140px; margin: 0px 10px;}

hr {width: 93%; color: #C7AD93;}



nav {width: 960px; margin: 30px auto 0px;}

nav ul {list-style: none; margin: -63px 0px 40px 350px;}

nav li {display: inline-block; font-size: 13pt; font-weight: bold; line-height: 100%; color: #E0D2C1; width: 100px; text-align: center; margin: 0px 10px;}

nav li a {display: block; text-decoration: none; color: #E0D2C1; padding: 3px;}

nav li a:hover {background-color: #C7AD93; text-shadow: 1px 1px 2px #584838; border-radius: 3px;}



.header-frame {padding:5px; height:250px; width: 950px; background-color:#D8C6B1; margin: auto; box-shadow: 1px 1px 3px #000; clear: both;}

.header-img {height:250px; width: 950px;}



.wrapper {width:950px; height: auto; margin: auto;}





/* ----- Sidebar start ----- */

.left-navi-bg {background-image:url('../_img/design/seamless-bg-4.png'); box-shadow: inset 0px 0px 40px -10px #996633, 1px 0px 3px #666; height: auto; width: 300px; margin: 15px 0px; float: left; padding:10px 0px;}

#left-navi ul {list-style: none; margin: 0px;padding: 0px;}

#left-navi li {border-top: 1px dashed #CAA26F;}

#left-navi li a {display: block; padding: 1px 10px 6px 10px; margin: 3px -15px -7px -10px; color: #584838; text-decoration: none;}

#left-navi li a:hover {background-image: url('../_img/design/menu-item.png'); background-repeat: no-repeat; display: block; padding: 1px 10px 6px 10px; margin: 3px -15px -7px -10px; color: #E0D2C1; text-decoration: none;}

#left-navi .active {background-image: url('../_img/design/menu-item.png'); background-repeat: no-repeat; display: block; padding: 1px 10px 6px 10px; margin: 3px -15px -7px -10px; color: #E0D2C1; text-decoration: none;}

#left-navi .heading {width: 300px; font-size: 12pt; font-family: 'FranklinGothicDemiCond', 'Calibri', Arial; padding: 0px; margin: 10px 0px 0px 20px;}

#left-navi p {font-size: 10pt; font-style: italic; width: 270px; margin-left: 20px; margin-top: 0px;}





.sidebar {background-image:url('../_img/design/seamless-bg-4.png'); box-shadow: inset 0px 0px 40px -10px #996633, 1px 0px 3px #666; height: auto; width: 300px; margin: 0px 0px 15px; float: left; clear: left; padding-bottom: 20px;}

.karts {min-height: 210px; border-top: 1px dashed #CAA26F; margin: 15px 0px;}

.karts p {margin: 0px 0px 15px; padding: 0px 20px; font-style: italic;}

#dienas-karts img {width: 120px;  margin-left: 20px; margin-top: 5px; float: left; border-radius: 7px;  box-shadow: inset 0px 0px 40px -10px #fff;}

#dienas-karts p {width: 140px; padding: 0px 20px 0px 150px; margin-top: 0px;}

.padoms {border-top: 1px dashed #CAA26F; margin-top: 0px;}

.padoms p {margin: 0px 0px 15px; padding: 0px 10px; font-style: italic;}

.kalendars {border-top: 1px dashed #CAA26F; margin-top: 0px; visibility: hidden;}

.kalendars p {margin: 0px 0px 15px; padding: 0px 20px; font-style: italic; visibility: hidden;}

#kalendars {width: 280px; padding: 0; margin: -20px auto 0px; font-weight: 600; text-align: center; visibility: hidden;}

/* Sidebar end */





.main-area {background-image:url('../_img/design/seamless-bg-4.png');  box-shadow: inset 0px 0px 40px -10px #996633, 1px 0px 3px #666; height: auto; width: 630px; margin: 15px 0px; float: right; padding-bottom: 10px;}

.main-area p {padding: 0px 20px; line-height: 125%; text-align: justify;}

i {text-decoration: underline; font-style: italic; font-weight: bold;}

.link {text-decoration: underline; font-style: italic; font-weight: bold; color: #584838;}

.back { float: right; margin: 20px 35px 50px 30px;}

.back a { background-color: #584838; border-radius: 3px; padding: 8px; text-decoration: none; color: #E0D2C1; text-shadow: 1px 1px 2px #584838; font-weight: 600;}

.back a:hover { background-color: #C7AD93; color: #fff; text-shadow: 1px 1px 2px #584838; border-radius: 3px;}





/* ----- Publications start ----- */

.row {width: 600px; height: auto; margin-top: 0px;}

.tiles li 	{display: inline-block; vertical-align: top;}

.tiles li a	{background-color: #D8C6B1; width: 170px; height: 150px; display: inline-block; box-shadow: 1px 1px 3px #666; margin: 0px 3px; opacity: 0.7;}

.tiles li a:hover {opacity: 1;}

.tiles img 	{width: 160px; height: 140px; padding: 5px; margin-top: 0px;}

.tiles li p {font-size: 10pt; width: 150px; text-align: left; margin:0px -10px;}

/* Publications end*/





/* ----- Card gallery start ----- */

.gal-row {width: 650px; height: auto; margin: 0px 0px 0px -5px; clear: both;}

.gallery li 	{display: inline-block; vertical-align: top; float: left;}

.gallery li a	{background-color: #fff; width: 130px; height: 186px; display: inline-block; box-shadow: 1px 1px 3px #666; margin: 0px 3px; opacity: 0.7; border-radius: 7px;}

.gallery li a:hover {opacity: 1;}

.gallery img 	{width: 120px; height: 176px; padding: 5px; margin-top: 0px; border-radius: 10px;}

.gallery li p {font-size: 10pt; width: 120px; text-align: left; margin:0px -10px; padding-bottom: 10px;}

/* Publications end*/





/* ----- Footer start ----- */

#footer {width:950px; height: 120px; color: #C7AD93; background-color: #584838; clear: both; margin-bottom: 50px; border: 1px solid #C7AD93;}

#footer a {color: #C7AD93; text-decoration: none;}

#footer h2 {color: #C7AD93; margin: 10px 0px 0px 10px;}



.copy-block {float: left; text-align: left;}

.notice {width: 370px; color: #C7AD93; font-size: 10pt;  margin: 0px 0px 0px 30px;}

.developer {color: #C7AD93; font-size: 10pt; margin: 10px 0px 20px 30px;}



.info-block {width: 350px; float:right; text-align: right;}

.info {margin: 20px 20px 0px 0px; line-height: 125%; font-size: 11pt;}

.mail {margin-top: -18px;}

.link {text-decoration: underline; color: #584838; text-align: center; font-weight: bold; font-style: italic; margin: auto;}

/* Footer end */