@import url("reset.css");

/* ------------------------------ THEME CSS ------------------------------ */

body {padding: 0; margin: 0; color: #333333; font-family: Calibri, Tahoma, Arial, sans-serif;}
p {margin-bottom: 1em;}
p:last-child {margin-bottom: 0;}
a {color: #5A6147; text-decoration: none;}
a:hover {color: #333333;}
a {outline: none;}
a img {border: 0}
ol {list-style-type: decimal;}
sup {font-size: 80%; vertical-align: top;}
sub {font-size: 80%; vertical-align: bottom;}

h1 {font-size: 34px; font-weight: normal; margin: 0.3em 0;}
h2 {font-size: 30px; font-weight: normal; margin: 0.4em 0;}
h3 {font-size: 26px; font-weight: bold; margin: 0.5em 0;}
h4 {font-size: 16px; font-weight: bold; margin: 1em 0;}
h5 {font-size: 14px; font-weight: bold; margin: 1.1em 0;}
h6 {font-size: 12px; font-weight: bold; margin: 1.2em 0;}

hr {margin: 1em 0; border: 0; border-top: 1px solid #999999;}

input, textarea, select {font-size: 14px; outline:none;}
input[type=text], input[type=password], textarea, select {padding: 4px 4px 5px 8px; color: #333333; border: 1px solid #CCCCCC;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.info {font-style: italic;}
.left {float: left;}
.right {float: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.error {color: red;}
.bold {font-weight: bold;}
.hide {display: none;}
.nomargin {margin: 0;}
.mtop10 {margin-top: 10px;}
.mtop20 {margin-top: 20px;}
.mtop30 {margin-top: 30px;}
.pleft30 {padding-left: 30px}
.pleft40 {padding-left: 40px}
.pright40 {padding-right: 40px;}
.ptop10 {padding-top: 10px;}
.ptop20 {padding-top: 20px;}
.ptop30 {padding-top: 30px;}
.ptop60 {padding-top: 60px;}
.ptop70 {padding-top: 70px;}
.ptop40 {padding-top: 40px;}
.pbottom12 {padding-bottom: 12px;}
.pbottom40 {padding-bottom: 40px;}
.fullwidth {width: 100%;}
.vertical_text {writing-mode:vertical-rl; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.greyback {background-color: #9D9F91;}
p.success, div.success {margin: 10px 0; background: #C4CEB3 url(../images/core/success.png) no-repeat 5px center; text-align: left; padding: 10px 0 10px 25px; font-style: italic; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
p.error, div.error {margin: 10px 0; color: red; background: #E1ABA7 url(../images/core/error.png) no-repeat 5px center; text-align: left; padding: 10px 0 10px 25px; font-style: italic; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.error_field {border-color: #FF0000}

.container {width: 960px; margin: 0 auto;}
.container .column, #container .columns {float: left; position: relative; min-height: 1px;}
.container .full-width.column {width: 960px;}
.container .one-third.column {width: 320px;}
.container .two-thirds.column {width: 640px;}

.row:after, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both;}

.header {height: 140px;}

.header h1 a {display: block; width: 300px; height: 120px; margin-top: 10px; background: url(../images/theme/ihu-gr-logo.png) top center no-repeat; text-indent: -9999px;}
.header.header-en h1 a {background: url(../images/theme/ihu-en-logo.jpg) top center no-repeat;}
/* .header h1 a {display: block; width: 280px; height: 130px; margin-top: 10px; background: url(../images/theme/christmas_logo.png) top center no-repeat; text-indent: -9999px;} */

.photo_slider {position: relative; width: 640px; height: 455px; margin: 0 auto;}
.navigation {height: 40px; background-color: #404040;}

#home_page .sidebar {padding-left: 30px; padding-right: 40px; text-align: right;}

.hometiles {display: block; position: relative; width: 640px; height: 403px; color: #FFFFFF; font-size: 17px; z-index: 90; line-height: 1;}
.hometiles a {display: block; position: relative; width: 100%; height: 100%; color: #FFFFFF;}
.hometiles .tile11 {position: absolute; top: 0; left: 0; width: 166px; height: 166px; background-color: #5A6147; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s;}
.hometiles .tile11.selected {background-color: #3F4431;}
.hometiles .tile11 strong {display: block; font-size: 120px; font-weight: normal; text-align: center; margin-bottom: 15px;}
.hometiles .tile11 span {display: block; text-align: center;}
.hometiles .tile12 {position: absolute; top: 0; left: 178px; width: 225px; height: 225px; background: url(../images/theme/tile_photo_12.jpg) no-repeat;}
.hometiles .tile12:before {content:""; display: block; position: absolute; top: 0; left: 0; width: 225px; height: 225px; background-color: #5A6147; opacity: 0.6; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.hometiles .tile12.selected:before {content:""; display: block; position: absolute; top: 0; left: 0; width: 225px; height: 225px; background-color: #5A6147; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.hometiles .tile12 strong {font-size: 90px; font-weight: normal;}
.hometiles .tile12 span.vertical_text {position: absolute; top: 75px; right: 25px;}
.hometiles .tile13 {position: absolute; top: 0; left: 415px; width: 225px; height: 166px; background: url(../images/theme/tile_photo_13.jpg) no-repeat;}
.hometiles .tile13 span {position: absolute; left: 0; bottom: 0; padding: 2px 0; text-align: center; background: url(../images/theme/black_bg_50.png); opacity: 0; -webkit-transition: opacity 0.5s, bottom 0.5s; -moz-transition: opacity 0.5s, bottom 0.5s; -o-transition: opacity 0.5s, bottom 0.5s; -ms-transition: opacity 0.5s, bottom 0.5s; transition: opacity 0.5s, bottom 0.5s;}
.hometiles .tile13.selected span {bottom: 10px; opacity: 1;}
.hometiles .tile13:before {content:""; display: block; position: absolute; top: 50px; left: 70px; width: 86px; height: 60px; background: url(../images/theme/camera_icon.png) no-repeat; z-index:100; pointer-events: none; -webkit-transition: opacity 0.5s, top 0.5s; -moz-transition: opacity 0.5s, top 0.5s; -o-transition: opacity 0.5s, top 0.5s; -ms-transition: opacity 0.5s, top 0.5s; transition: opacity 0.5s, top 0.5s;}
.hometiles .tile13.selected:before {content:""; display: block; position: absolute; top: 0px; left: 70px; width: 86px; height: 60px; background: url(../images/theme/camera_icon.png) no-repeat; z-index:100; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s, top 0.5s; -moz-transition: opacity 0.5s, top 0.5s; -o-transition: opacity 0.5s, top 0.5s; -ms-transition: opacity 0.5s, top 0.5s; transition: opacity 0.5s, top 0.5s;}
.hometiles .tile13:after {content:""; display: block; position: absolute; top: 0; left: 0; width: 225px; height: 166px; background-color: #FFC000; opacity: 0.5; pointer-events: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.hometiles .tile13.selected:after {content:""; display: block; position: absolute; top: 0; left: 0; width: 225px; height: 166px; background-color: #FFC000; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.hometiles .tile21 {position: absolute; top: 178px; left: 0; width: 166px; height: 225px; background-color: #5A6147; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s;}
.hometiles .tile21.selected {background-color: #3F4431;}
.hometiles .tile21 strong {display: block; font-size: 120px; font-weight: normal; text-align: center; padding-top: 70px;}
.hometiles .tile21 span {display: block; text-align: center;}
.hometiles .tile22 {position: absolute; top: 237px; left: 178px; width: 225px; height: 166px; background: url(../images/theme/tile_photo_22.jpg) no-repeat;}
.hometiles .tile22 span {position: absolute; left: 0; bottom: 0; padding: 2px 0; text-align: center; background: url(../images/theme/black_bg_50.png); opacity: 0; -webkit-transition: opacity 0.5s, bottom 0.5s; -moz-transition: opacity 0.5s, bottom 0.5s; -o-transition: opacity 0.5s, bottom 0.5s; -ms-transition: opacity 0.5s, bottom 0.5s; transition: opacity 0.5s, bottom 0.5s;}
.hometiles .tile22.selected span {bottom: 10px; opacity: 1;}
.hometiles .tile22:before {content:""; display: block; position: absolute; top: 50px; left: 70px; width: 86px; height: 60px; background: url(../images/theme/camera_icon.png) no-repeat; z-index:100; pointer-events: none; -webkit-transition: opacity 0.5s, top 0.5s; -moz-transition: opacity 0.5s, top 0.5s; -o-transition: opacity 0.5s, top 0.5s; -ms-transition: opacity 0.5s, top 0.5s; transition: opacity 0.5s, top 0.5s;}
.hometiles .tile22.selected:before {content:""; display: block; position: absolute; top: 0px; left: 70px; width: 86px; height: 60px; background: url(../images/theme/camera_icon.png) no-repeat; z-index:100; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s, top 0.5s; -moz-transition: opacity 0.5s, top 0.5s; -o-transition: opacity 0.5s, top 0.5s; -ms-transition: opacity 0.5s, top 0.5s; transition: opacity 0.5s, top 0.5s;}
.hometiles .tile22:after {content:""; display: block; position: absolute; top: 0; left: 0; width: 225px; height: 166px; background-color: #2E75B6; opacity: 0.5; pointer-events: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.hometiles .tile22.selected:after {content:""; display: block; position: absolute; top: 0; left: 0; width: 225px; height: 166px; background-color: #2E75B6; opacity: 0; pointer-events: none; pointer-events: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.hometiles .tile23 {position: absolute; top: 178px; left: 415px; width: 225px; height: 225px; background-color: #9D9F91; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s;}
.hometiles .tile23.selected {background-color: #7B7D6F;}
.hometiles .tile23:after {content:"ihu"; display: block; position: absolute; bottom: 15px; left: 20px; font-size: 40px;}
.hometiles .tile23 strong {display: block; font-size: 150px; font-weight: normal; color: #FF0000; text-align: right; margin-right: 30px; margin-bottom: 4px; line-height: 0.7;}
.hometiles .tile23 span {display: block; text-align: right; margin-right: 30px;}

.footer {height: 135px; padding: 45px 0 0 0; background-color: #404040; color: #FFFFFF; font-size: 16px; line-height: 1.2;}
.footer a {color: #9D9F91;}
.footer a:hover {color: #FFFFFF;}

.footer_links {width: 160px; margin-left: 50px;}
.footer_links li {display: inline-block; margin: 4px;}
.footer_links li a {display: block; position: relative;}
.footer_links li img {margin: 0;}
.footer_links li span {display: block; position: absolute; top: 0; left: 0; width: 41px; height: 41px; filter: alpha(opacity=0); opacity: 0; font-size: 12px; font-weight: bold; text-align: center; background-color: #FFFFFF; color: #000000; line-height: 1; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.footer_links li:hover span {filter: alpha(opacity=100); opacity: 1;}
.footer_links li span.oneline {height: 26px; padding-top: 15px;} 
.footer_links li span.twolines {height: 33px; padding-top: 8px;} 
.footer_links li span.threelines {height: 40px; padding-top: 1px;} 

#goto_top {position: fixed; bottom: 10px; right: 10px;}
#goto_top a {display: block; padding: 10px 5px; background-color: #404040; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s;}
#goto_top a:hover {background-color: #000000;}
#goto_top img {filter: alpha(opacity=60); opacity: 0.6;}

.article .article_body ul.tabs_navigation {height: 25px; list-style-type: none; border-bottom: 1px solid #CCCCCC; font-size: 13px;}
.article .article_body ul.tabs_navigation li {float:left; position: relative; margin-left: 5px;}
.article .article_body ul.tabs_navigation li a {display: block; position: relative; top: 0; height: 24px; border: 1px solid #CCCCCC; background-color: #EEEEEE; padding: 0 8px; line-height: 23px;}
.article .article_body ul.tabs_navigation li a.selected_tab {top: -6px; height: 30px; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; line-height: 29px;}

.article .article_body ul.personel.thumbnails {list-style-type: none;}
.article .article_body ul.personel.thumbnails li {display: inline-block; margin: 0; padding: 10px; line-height: 0.5;}
.article .article_body ul.personel.thumbnails li a {display: block; position: relative;}
.article .article_body ul.personel.thumbnails li img {width: 165px; height: 165px; margin: 0; opacity: 0.8; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s;}
.article .article_body ul.personel.thumbnails li:hover img {opacity: 1;}
.article .article_body ul.personel.thumbnails li a span {display: block; position: absolute; bottom: 0; left: 0; width: 155px; padding: 5px; opacity: 0; background: url(../images/theme/black_bg_50.png); text-align: center; color: #FFFFFF; font-size: 14px; line-height: 1; transition: opacity 0.5s;}
.article .article_body ul.personel.thumbnails li:hover a span {opacity: 1;}

.article .article_body table.ptyxiakes {font-size: 12px;}
.article .article_body table.ptyxiakes td {max-width: 100px;}

html body .fancybox-margin .fancybox-wrap .fancybox-overlay .fancybox-skin {width: 100px;padding: 50px;}

/* ------------------------------ CORE CSS ------------------------------ */


/* ------ Main Content Styles ------ */

.readmore a {display: inline-block; float: right;}
.readmore a:after {content:"\00BB"; display: inline-block; margin-left: 4px;}

#home_page .article {padding: 0;}
.article {padding: 40px 0 0 40px;}
#home_page .article .article_title {display: none;}
.article .article_title h3 {margin-top: 0;font-weight: normal;}
.article .article_meta {float: left; font-size: 13px; margin-bottom: 10px;}
.article .article_actions {float: right; margin-bottom: 10px;}
.article .article_actions ul {list-style: none; margin: 0;}
.article .article_actions ul li {display: inline; margin-left: 6px;}
.article .article_actions {font-size: 13px; margin-top: 5px;}
.article .article_body {margin-top: 15px; line-height: 1.4;}
.article .article_body img {margin: 10px 20px;}
.article .article_body img.left {margin-left: 0;}
.article .article_body img.right {margin-right: 0;}
.article .article_body img.smallmargin {margin: 5px;}
.article .article_body table img {margin: 0;}
.article ul, .article ol {list-style-position: outside; margin-bottom: 1em;}
.article ul li ul, .article ol li ul {margin-bottom: 0;}
.article ul li {margin-left: 30px;}
.article ol li {margin-left: 30px;} 
.article ul li ul li {margin-left: 20px;}
.article ol li ol li {margin-left: 20px;} 
.article #category_description {margin: 10px 0; font-style: italic;}
.article.sub_menus img {display: none;}
.article table {margin-bottom: 1em;}
.article table td, .article table th {padding: 5px; border: 1px solid #CCCCCC;}
.article table th {font-weight: bold;}
.article .directions_form {margin: 1em 0;}
.article .directions_form .fromaddress {margin: 0 10px;}

.module h3 {margin: 0 0 5px 0;}
.module h3 a {float: right;}

.pagination {clear: both; text-align: center; margin-top: 30px; font-size: 12px; line-height: 1;}
.pagination ul {list-style: none;}
.pagination ul li {display: inline; margin: 0;}
.pagination ul li .pagenav {padding: 2px 7px; background-color: #F0F0F0; border: 1px solid #E3E3E3; margin: 0 2px;}
.pagination ul li span.pagenav {background-color: #DDEEFF; border: 1px solid #BBDDFF;}
.pagination ul li.pagination_first span.pagenav, .pagination ul li.pagination_prev span.pagenav, .pagination ul li.pagination_last span.pagenav, .pagination ul li.pagination_next span.pagenav {background-color: #F0F0F0; border: 1px solid #E3E3E3; color: #AAAAAA;}
.pagination .counter {font-size: 14px; margin-top: 15px;}


/* ------ Search Page Styles ------ */

#search_info {border: 1px solid #EEEEEE; padding: 10px; margin-bottom: 20px;}
#search_info form label {display: inline-block; margin-right: 10px;}
#search_info form input[type=text] {width: 150px;}
#search_info form input, select {margin: 4px 6px 4px 0;}
#search_info ul {margin-top: 10px;}

#search_results ol li {font-size: 14px; line-height: 1.3; border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; margin-bottom: 10px;}
#search_results ol li h4 {font-size: 14px; font-weight: bold; margin: 10px 0 5px 0;}
#search_results ol li h5 {margin: 0 0 5px 0; font-size: 12px; font-weight: normal;}
#search_results ol li ul {list-style-type: square;}
#search_results ol li ul li {margin-left: 15px; border: none; padding-bottom: 4px;}


/* ------ Sitemap Page Styles ------ */
#body .site_map ul {list-style: none; font-size: 12px;}
#body .site_map>ul>li>a {font-size: 13px; font-weight: bold;}
#body .site_map>ul>li {line-height: 1.2;}
#body .site_map>ul>li {margin-bottom: 20px;}
#body .site_map ul li ul {margin-top: 8px;}
#body .site_map ul li ul li {padding: 5px 0;}
#body .site_map ul li ul li a {border-bottom: 1px solid #C7D9EB;}
#body .site_map ul li ul li {margin-left: 20px;}
#body .site_map ul li ul li.has_submenus {border: none;}
#body .site_map ul li ul li.has_submenus>a {font-weight: bold; border-bottom: none;}
#body .site_map ul li ul li.has_submenus ul {margin-top: 4px;}
#body #content .site_map ul li a:hover {text-decoration: none;}
#body .site_map ul li a img {display: none;}

/* ------ Primary Navigation ------ */

#home_page .navigation {margin-top: 12px; margin-bottom: 40px;}
.navigation ul {position: relative; list-style: none; text-align: center; z-index: 100;}
.navigation>ul>li {display: inline-block; margin: 0;}
.navigation ul li a {color: #FFFFFF; text-transform: uppercase;}
.navigation ul li a:hover {color: #FF0000;}
.navigation>ul>li>a {display: block; position: relative;  height: 40px; line-height: 40px; padding: 0; font-size: 18px; font-weight: normal; text-decoration: none;}
.navigation ul li:hover>a, .navigation ul li.active>a {color: #FF0000;}
.navigation>ul>li>ul {display: none; position: absolute; top: 41px; left: 0; max-width: 350px; padding: 20px 0; background: url(../images/theme/black_bg_75.png);}
.navigation>ul>li>ul:after {content:""; display: block; position: absolute; top: 0; left: 10px; width: 21px; height: 11px; background: url(../images/theme/menu_down_arrow.png) no-repeat;}
.navigation>ul>li>a:after {content:"/"; display: inline-block; margin-left: 5px; margin-right: 5px; text-align: center; color: #FFFFFF;}
.navigation>ul>li:last-child>a:after, .navigation>ul>li.last>a:after {content:""}
.navigation>ul>li ul li {text-align: left; font-size: 14px; line-height: 20px;}
.navigation>ul>li ul li a {display: block; padding: 4px 20px 4px 20px; border-bottom: 1px dotted #777777;}
.navigation>ul>li ul li:hover a, .navigation>ul>li ul li.active a {background-color: #000000; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s;}
.navigation>ul>li>ul>li>ul>li a {padding-left: 40px;}
.navigation>ul>li>ul>li>ul>li>ul>li a {padding-left: 60px;}
.navigation li.noprimarymenu {display: none;}

/* ------ Modules ------ */

.mod_search .query_input {background-color: #666666; width: 160px; height: 26px;}
.mod_search .query_input input[type=text] {width: 120px; height: 24px; padding: 0 0 0 10px; border: 0; background: transparent; color: #EEEEEE;}
.mod_search .query_input input[type=image] {vertical-align: middle; margin-left: 4px;}

.mod_latestnews {margin-bottom: 30px;}
.mod_latestnews:last-child {margin-bottom: 0;}
.mod_latestnews ul {list-style: none; font-size: 12px;}
.mod_latestnews ul li {padding: 5px 0}
.mod_latestnews ul li span {display: block; margin-bottom: 2px;}
.mod_latestnews ul li span em {font-style: italic;}
.mod_latestnews .readmore {margin-top: 10px;}

.mod_custom_introtext .module_body {height: 335px; padding: 120px 40px 0 30px; background: url(../images/theme/Logo_washout.png) 10px 60px no-repeat; text-align: right; font-size: 17px; line-height: 1.3;}

.mod_custom_directions {position: absolute; top: 0; left: 0; color: #FFFFFF; z-index: 100;}
.mod_custom_directions h2 {height: 45px; margin: 30px 0 45px 0px; padding-left: 30px; font-size: 22px; line-height: 1.3;}
.mod_custom_directions .direction {width: 280px; height: 235px; float: left; font-size: 22px; line-height: 1.2; -webkit-transition: width 0.3s, font-size 0.3s; -moz-transition: width 0.3s, font-size 0.3s; -ms-transition: width 0.3s, font-size 0.3s; -o-transition: width 0.3s, font-size 0.3s; transition: width 0.3s, font-size 0.3s;}
.mod_custom_directions .direction.big {width: 560px;}
.mod_custom_directions .direction.small {width: 0px;}
.mod_custom_directions .direction.small a {opacity: 0;}
.mod_custom_directions .direction_civil {position: relative; background: url(../images/theme/yellow_bg_60.png); padding-left: 40px;}
.mod_custom_directions .direction_civil:before {content:""; display: block; position: absolute; top: 0; left:0; width: 30px; height: 235px; background: url(../images/theme/yellow_bg_60.png); pointer-events: none;}
.mod_custom_directions .direction_civil:after {content:""; display: block; position: absolute; top: 100px; left:0; width: 30px; height: 34px; background: url(../images/theme/direction_arrow.png) no-repeat;}
.mod_custom_directions .direction_geo {position: relative; background: url(../images/theme/blue_bg_60.png); padding-right: 40px; text-align: right;}
.mod_custom_directions .direction_geo:before {content:""; display: block; position: absolute; top: 0; right:0; width: 30px; height: 235px; background: url(../images/theme/blue_bg_60.png); pointer-events:none;}
.mod_custom_directions .direction_geo:after {content:""; display: block; position: absolute; top: 100px; right:0; width: 30px; height: 34px; background: url(../images/theme/direction_arrow.png) -30px 0 no-repeat;}
.mod_custom_directions .direction a {display: block; width: 280px; height: 147px;  padding-top: 88px; color: #FFFFFF; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s;}
.mod_custom_directions .direction_civil a {float: left;}
.mod_custom_directions .direction_geo a {float: right;}

.mod_custom_central_logo .module_body {height: 200px; background-color: #5A6147;}
.mod_custom_central_logo .module_body img {margin-top: 0;}

.mod_custom_civil_logo .module_body {height: 200px; background-color: #FFC000;}
.mod_custom_civil_logo .module_body img {margin: 0;}

.mod_custom_geo_logo .module_body {height: 200px; background-color: #2E75B6;}
.mod_custom_geo_logo .module_body img {margin: 0;}

.mod_custom_header_central {height: 140px; padding: 60px 0 0 30px; background: url(../images/theme/header_pic_civilgeo.jpg) no-repeat; line-height: 1.3; color: #FFFFFF;}
.mod_custom_header_central h2 {font-size: 24px; font-weight: normal;}

.mod_custom_header_civil {height: 150px; padding: 50px 0 0 30px; background: url(../images/theme/header_pic_civil.jpg) no-repeat; line-height: 1.3; color: #FFFFFF;}
.mod_custom_header_civil h2 {font-size: 16px; font-weight: normal;}
.mod_custom_header_civil h3 {font-size: 24px; font-weight: normal;}

.mod_custom_header_geo {height: 160px; padding: 40px 0 0 30px; background: url(../images/theme/header_pic_geo.jpg) no-repeat; line-height: 1.3; color: #FFFFFF;}
.mod_custom_header_geo h2 {font-size: 16px; font-weight: normal;}
.mod_custom_header_geo h3 {font-size: 24px; font-weight: normal;}

.mod_submenu ul {list-style-type: none;}
.mod_submenu ul li a {display: block; margin: 1px 0; padding: 7px 10px; background-color: #9D9F91; color: #FFFFFF;}
.mod_submenu ul li a:hover {color: #000000;}
.mod_submenu ul li ul li ul {display: none;}
.mod_submenu ul li ul li.active ul {display: block;}
.mod_submenu ul li ul li a {margin: 1px 0; padding-left: 30px;}
.mod_submenu ul li.active>a {font-weight: bold;}
.mod_submenu ul li ul li ul li a {padding-left: 50px;}
.mod_submenu ul li ul li ul li ul li a {padding-left: 70px;}
.mod_submenu ul li img {display: none;}

#article_mailto {padding: 20px; border: 1px solid #DDDDDD; background-color: #F3F3F3; color: #666666;}
#article_mailto h4 {margin: 0 0 1.2em 0; font-size: 18px; font-weight: normal;}
#article_mailto form label {display: inline-block; width: 120px; text-align: right; margin-right: 10px;}
#article_mailto form input {width: 200px;}
#article_mailto form .actions {margin-top: 20px; text-align: center;}
#article_mailto form .actions input {margin: 0 5px; width: 100px;}
#article_mailto form .notice {margin-top: 20px; font-size: 11px; font-style: italic; text-align: right;}
#article_mailto form #myfield {display: none;}
#article_mailto form input.error {border: 1px solid red; color: #666666;}

.mod_socialbuttons ul {list-style: none; line-height: 1;}
.mod_socialbuttons ul li {float: left; margin-right: 10px;}

/* ------ Blog Layout Table ------ */

table#blog_table {width: 100%; border: 0; padding: 0; margin: 0;}
table#blog_table td {vertical-align: top; padding: 0 10px 0 0;}

/* ------ Articles List Layout ------ */

#articles_list table {border-collapse: collapse; width: 100%; line-height: 1.2;}
#articles_list table th, #articles_list table td {text-align: left; padding: 10px; vertical-align: middle; border: 0; border-bottom: 1px solid #FFFFFF;}
#articles_list table .listdate, #articles_list table th {white-space: nowrap;}
#articles_list table th img {margin-left: 5px; border: 0; vertical-align: middle;}

/* ------ Attachments of Articles ------ */

#attachments h4 {font-style: italic; font-size: 14px; font-weight: normal;}
#attachments ul {list-style-type: none; font-size: 16px;}
#attachments ul li {display: block; height: 15px; margin: 10px 0; background: none;}
#attachments ul li#at_header {border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; font-weight: bold;}
#attachments ul span {display: block; float: left; margin: 0;}
#attachments ul span.at_filename{width: 80%; border: 0; overflow: hidden; white-space: nowrap; margin-right: 10px;}
#attachments ul span.at_filesize {width: 20%;}
	#attachments ul span.at_filesize {width: 60px; border: 0;}
#attachments ul li img {margin: 0 5px 0 0; vertical-align: middle; border: none; background: none;}

/* ------ Contact Info-Form ------ */

ul.contact_info span.contact_info_title {margin-right: 5px;}
ul.contact_info span.contact_email {display: none;}

#contact_form {width: 600px;}
#contact_form div {clear: both;}
#contact_form label {float: left; width: 130px; text-align: right; margin-right: 7px;}
#contact_form input {float: left; margin-bottom: 5px;}
#contact_form #contact_form_submit {margin-top: 10px;}
#contact_form textarea {width: 430px;}
#contact_form .form_required {clear:both; font-style: italic; text-align: right; font-size: 11px;}

/* ------ Contacts List ------ */

table.contacts_list {width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 13px;}
table.contacts_list tr th {background: #777777; background: -moz-linear-gradient(top, #777777 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #777777 0%,#333333 100%); background: -o-linear-gradient(top, #777777 0%,#333333 100%); background: -ms-linear-gradient(top, #777777 0%,#333333 100%); background: linear-gradient(to bottom, #777777 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#333333',GradientType=0 ); padding: 8px 5px; line-height: 1em; color: #FFFFFF;}
table.contacts_list tr td {background-color: #EEEEEE; padding: 5px; line-height: 1em;}
table.contacts_list tr.level_0 td {background: #CCCCCC; background: -moz-linear-gradient(top,  #cccccc 0%, #bbbbbb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#bbbbbb)); background: -webkit-linear-gradient(top,  #cccccc 0%,#bbbbbb 100%); background: -o-linear-gradient(top,  #cccccc 0%,#bbbbbb 100%); background: -ms-linear-gradient(top,  #cccccc 0%,#bbbbbb 100%); background: linear-gradient(to bottom,  #cccccc 0%,#bbbbbb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 ); font-weight: bold;}
table.contacts_list tr.level_1 td {background: #DDDDDD; background: -moz-linear-gradient(top,  #dddddd 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top,  #dddddd 0%,#cccccc 100%); background: -o-linear-gradient(top,  #dddddd 0%,#cccccc 100%); background: -ms-linear-gradient(top,  #dddddd 0%,#cccccc 100%); background: linear-gradient(to bottom,  #dddddd 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); padding-left: 20px; font-weight: bold;}
table.contacts_list tr.level_2 td {background: #E3E3E3; background: -moz-linear-gradient(top,  #e3e3e3 0%, #d3d3d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#d3d3d3)); background: -webkit-linear-gradient(top,  #e3e3e3 0%,#d3d3d3 100%); background: -o-linear-gradient(top,  #e3e3e3 0%,#d3d3d3 100%); background: -ms-linear-gradient(top,  #e3e3e3 0%,#d3d3d3 100%); background: linear-gradient(to bottom,  #e3e3e3 0%,#d3d3d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#d3d3d3',GradientType=0 ); padding-left: 40px; font-weight: bold;}
table.contacts_list tr.level_3 td {background: #EEEEEE; background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); padding-left: 60px; font-weight: bold;}
table.contacts_list tr.level_4 td {background: #E9E9E9; padding-left: 80px; font-weight: bold;}
table.contacts_list tr.data_row td {background: #E9E9E9; font-weight: normal;}
table.contacts_list tr.data_row td.col_2, table.contacts_list tr.data_row td.col_3 {width: 20%; padding-left: 5px; text-align: center;}

/* ------ Login Form ------ */

#loginform label {display: block;}
#loginform input {display: block; margin-bottom: 5px;}
#loginform form {margin-bottom: 12px;}

/* ------ Registration-Profile Form ------ */

#registration_profile_form {width: 400px;}
#registration_profile_form label {display: block; float: left; width: 170px; clear: left; margin: 5px 0;}
#registration_profile_form input[type=text], #registration_profile_form input[type=password]  {display: block; float: left; margin: 5px 0; width: 200px;}
#registration_profile_form input[type=submit] {margin-top: 5px; }
#registration_profile_form input.readonly {border: none; background: none;}
#registration_profile_form textarea {width: 200px; height: 50px;}
#registration_profile_form fieldset {border: 1px solid #BCB7B0; margin-bottom: 10px; padding: 5px 7px 10px 7px;}
#registration_profile_form fieldset legend {font-weight: bold; color: #6C675E;}
#registration_profile_form fieldset p.form_required {clear: both; font-style: italic; text-align: right; font-size: 11px; margin-bottom: 0;}

#contact_form input#myfield, #loginform input#myfield, #registration_profile_form input#myfield {display: none;}

/* ------ Photo Galleries ------ */

#photogallery {width: 100%; line-height: 1;}
#photogallery .thumbnail_item {float: left; text-align: left; margin: 0;}
#photogallery .thumbnail_item img {padding: 0; margin: 8px 0;}
#photogallery .thumbnail_item img.plain {padding: 0; border: none; background: none;}
#photogallery .thumbnail_item ul {list-style-type: none;}
#photogallery .thumbnail_item ul li {width: 180px; margin: 0 0 5px 0; padding: 0; font-size: 14px; text-align: center;}
#photogallery .thumbnail_item ul.photo_info {display: none;}
#photogallery .gallery_path {display: none; padding-left: 22px; background: url(../images/core/photogalleries_icon.png) no-repeat;}
#photogallery .gallery_title {display: none; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-bottom: 8px; font-weight: bold;}

/* ------ Comments ------ */

#comments h3, #comments_post h3 {font-weight: bold; padding: 10px 0; border-bottom: 2px solid #B7BFC1;}
.comments_list {list-style: none;}
.comments_list li {margin: 20px 0; padding-bottom: 10px; border-bottom: 1px dotted #B7BFC1;}
.comments_list li.level_1 {margin-left: 50px;}
.comments_list li.level_2 {margin-left: 100px;}
.comments_list li.level_3 {margin-left: 150px;}
.comments_list li.level_4 {margin-left: 200px;}
.comments_list li.level_5 {margin-left: 250px;}
.comment_avatar {float: left; margin-right:10px;}
.comment_avatar img {width: 32px; height: 32px;}
.comment_date {margin: 3px 0; font-size: 12px; color: #999999;}
.comment_body {margin: 8px 0; line-height: 20px;}
.comment_footer {text-align: right;}
.comment_footer a {font-size: 12px;}
#body #comments a:hover {text-decoration: none;}
#comments_form div {margin-bottom: 10px;}
#comments_form label {display: block; margin: 10px 0 5px 0;}
#comments_form input[type=text] {width: 50%;}
#comments_form textarea {width: 100%; height: 150px;}
#comments_form input[type=submit] {margin-top: 20px;}
.error_txt {margin-top: 4px; font-size: 11px; font-weight: bold; font-style: italic; color: red;}
.chars_left {margin: 5px 0 0 0; font-size: 12px; color: #888888;}
.form_required {clear:both; font-style: italic; text-align: right; font-size: 11px;}
#replyto {position: relative; padding: 10px 10px 10px 25px; background: #D6DEE1 url(../images/core/icon_reply.png) 5px center no-repeat;}
#replyto #replyto_cancel {position: absolute; top: 10px; right: 10px; font-size: 12px;}
#comments_form #captcha {margin: 0 10px 10px 0; vertical-align: middle;}
#comments_form #captcha_field {width: 190px;}

.dept-logo {position: absolute; right: 0; top: 15px;}
.dept-logo img {max-width: 200px;}