/* CSS Document */
h1, h1.dep-name, h1 A {color:#5D93BE; font-size:12px; font-weight:bold; text-decoration:none;}
h1.dep-name{background:url(../img/aboutus.png) no-repeat; padding:3px 0 20px 5px; width:200px; margin-top:50px;}
h1 A:hover{text-decoration:none;}

A {color:#00B6EB; outline: none;}
A:hover {color:#C297AE;}

#line{
	margin:0px 47px 15px 52px;
	height:1px;
	border-bottom:1px solid #5B92BF;
	font-size:1px;
}
#header #line{
	margin-top:30px;
}
#left h1 a{width:116px;height:109px;overflow:hidden;display:block;position:relative; font-size:14px; line-height:1.4; margin:0 0 30px 0;}
#left h1 a span{position:absolute;width:116px;height:109px;top:0;left:0;background:transparent url(/img/logo.png) no-repeat 0 0;}

#content-subwrap, #content-subwrap p{ font-size:13px;}
#content-subwrap {padding-bottom:25px; /*position:relative;*/ overflow:hidden;}
#content-subwrap p, #content-subwrap ul {padding:7px 0 7px 0;}
#content-subwrap strong {font-weight:bold;}
#content-subwrap strong em{font-style:italic;}

#projects-body #content-subwrap p, #projects-body #content-subwrap h1, #projects-body #content-subwrap h2, #projects-body #content-subwrap h3, #projects-body #content-subwrap h4, #projects-body #content-subwrap h5, #projects-body #content-subwrap h6 {padding:7px;}

#bodycontacts #content-subwrap{padding-top:10px;}
#bodycontacts #content-subwrap, #bodycontacts #content-subwrap p, #bodycontacts #content-subwrap strong {color:#999999; font-weight:bold;}
 
.nav {color:#C297AE; font-size:11px; font-weight:bold; width:228px; margin-bottom:85px;}
.navsel{color:#C297AE; font-size:11px; font-weight:bold; width:228px; margin-bottom:0px;}

.nav li, .navsel li {margin:7px 0px 9px 0px; height:19px; min-height:19px; padding:5px 0 0px 6px; color:#C297AE;}
.nav A, .navsel A{font-size:11px; text-decoration:none; color:#547D9D; font-weight:bold;}
.nav A:hover, .navsel A:hover {color:#C297AE; text-decoration:none;}

.nav li ul, .navsel li ul{margin:8px 0px 6px 6%; color:#C297AE; font-size:11px; display:none;}
.nav li ul A, .navsel li ul A{color:#5B92BF;}
.nav li ul A:hover, .navsel li ul A:hover{}

.nav li ul li, .navsel li ul li {background:url(../img/menu/subitemsdots.png) left bottom repeat-x; white-space:nowrap;}

.item-main{ background:url(../img/menu/item-main.png) no-repeat;}
.item-projects{ background:url(../img/menu/item-project.png) no-repeat;}
.item-services{ background:url(../img/menu/item-services.png) no-repeat;}
.item-company{ background:url(../img/menu/item-company.png) no-repeat;}
.item-contacts{ background:url(../img/menu/item-contacts.png) no-repeat;}
.item-news{ background:url(../img/menu/item-news.png) no-repeat;}

#sel{height:auto;}
#sel ul{display:block;}

.horizontaldots {clear:both; background:url(../img/horizontaldot.gif) repeat-x; height:3px; font-size:1px;}

.horizontaldotsleft {clear:both; background:url(../img/horizontaldot.gif) repeat-x; height:3px; font-size:1px; margin:0; width:215px; position:absolute; top:435px;}
.horizontaldotsleftsel {clear:both; background:url(../img/horizontaldot.gif) repeat-x; height:3px; font-size:1px; margin:35px 13px 35px 0px; width:215px;}

/*#leftdots {margin:0; width:215px; position:absolute; top:435px;} 
#leftdotssel {margin:35px 13px 35px 0px; width:215px;}*/

#centerdots{margin:0px 10px 0px 10px;}
#main #centerdots{margin:0px 15px 0px 5px;  width:440px; position:absolute; top:365px;}
#projects-body #centerdots{margin:0px 7px 0px 3px; width:450px; position:absolute; top:335px;}

#rightdots{width:200px; margin:65px 0px 30px 13px;}
#main #rightdots{margin:0; width:200px; position:absolute; top:435px;} 

#projects-body #rightdots{margin-left:0px;}
#bodycontacts .horizontaldots{background-position:bottom;} 
#bodycontacts #centerdots{margin:0 0px 30px 0px; padding-top:29px;}

.banner{border:1px solid #5B92BF;}
#banner1{width:115px; height:170px; overflow:hidden; background:#00CCFF;}
#banner2{width:440px; height:40px; margin:10px auto;}

.projects-nav {color:#5D93BE; font-size:11px; font-weight:bold; width:213px; height:310px; margin-left:3px; margin-bottom:85px;}

.projects-nav li {height:auto; padding:16px 0 10px 0px; color:#5D93BE; background:url(../img/projetspanel/item.png) no-repeat;}
.projects-nav A{font-size:11px; text-decoration:none; color:#5D93BE; font-weight:bold;}
.projects-nav A:hover {color:#C297AE; text-decoration:none;}

#firstitem{padding:19px 0 10px 0px; background:url(../img/projetspanel/firstitem.png) no-repeat;}
#lastitem{padding-bottom:31px; background:url(../img/projetspanel/lastitem.png) no-repeat;}

.footer-subwrap{padding:0 180px 0 280px;}
.footer-subwrap div{max-width:600px;color:#547D9D;font-size:11px;text-align:center;margin:0 auto;}
.footer-subwrap div p{color:#547D9D;font-size:11px;text-align:center;}

#main .footer-subwrap, #projects-body .footer-subwrap{padding:0 260px 0 280px;}


#logoelement{ width:46px; position:relative; margin-left:auto;}
#logoelement img{ position:absolute; left:-250px; top:-50px;}
#projects-body #logoelement img{ position:absolute; left:-270px; top:-50px;}

.verticaldots{background:url(../img/verticaldot.gif) repeat-y 97% 0; padding-right:30px; padding-left:10px; position:relative; min-height:590px;}
#main .verticaldots{background:url(../img/projetspanel/verticaldots.gif) no-repeat 96% 5px; padding-right:0px;}
#projects-body .verticaldots{background:url(../img/projetspanel/verticaldots.gif) repeat-y 99%; padding:0px;}
#bodycontacts .verticaldots{
	padding:0!important;
	margin:0!important;
	padding-left:10px!important;
	padding-right:10px!important;
	margin-right:3%!important;
	margin-left:3%!important;
	border-left:2px dotted #BAD1E4;
	border-right:2px dotted #BAD1E4;
	background:none;
	background:url(../img/contacts/contacts-back2.png) no-repeat top right;
}

.inner-block{width:90%; color:#818384; font-size:14px; margin:30px 0;}
.inner-block P{color:#818384; font-size:13px; margin:7px 0;}
.inner-block h1{padding:3px 0 20px 5px;}
#inner-block-news{background:url(../img/news.png) no-repeat;}
#inner-block-contacts{background:url(../img/contacts.png) no-repeat;}
#inner-block-plug{background:url(../img/projectors3.png) no-repeat 0 0; width:100%; height:354px; overflow:hidden;}
#main #inner-block-plug{background:url(../img/projectors2.png) no-repeat 20% 0; width:100%; height:237px; overflow:hidden;}

.inner-block h1{}
.inner-block .art-date{color:#A8A9AC; margin-bottom:5px; font-size:12px;}
.inner-block A {display:block; font-size:13px; margin:5px 0; padding:0;}
.inner-block .permalink{text-align:left; margin-bottom:20px; margin-top:5px}
.inner-block A:hover{}
.inner-block h1 A{margin:0;}

.breadcrumbs-wrap {position:absolute; top:-25px; width:100%;}
#projects-body .breadcrumbs-wrap{ top:-37px;}

.breadcrumbs{color:#ACC1D2;	font-size:12px;	font-weight:bold; max-width:640px; margin:0 auto;}
.breadcrumbs span{color:#C297AE; font-size:12px; font-weight:bold; background:url(../img/bradcrumbs.png) repeat-x bottom; padding:0px 0 3px 0;}
.breadcrumbs A{font-size:12px; text-decoration:none; color:#547D9D; font-weight:bold;}
.breadcrumbs A:hover {color:#C297AE; text-decoration:none;}
#projects-body  .breadcrumbs{max-width:460px; top:-30px;}


.art-preview{clear:both; margin:10px 0;}
.img-background{float:left;margin:10px 17px 0px 0px; padding:0 0 3px 3px; background:url(../img/articles/shadow.png) no-repeat 0 100%;}
.art-preview img {}
.art-text{margin-left:175px;}
.art-text  h1 span{background:url(../img/horizontaldot.gif) repeat-x 0 90%; padding:0px 0 7px 0; color:#5B92BF; font-weight:bold; font-size:13px; line-height:1.6;}
.art-text  h1 span A {color:#5B92BF; text-decoration:none; line-height:1.6;}
.art-text  h1 span A:hover{color:#C297AE;}

.art-date{color:#9A9B9C;font-weight:bold;}
.permalink{text-align:right;}

#art-current{border-bottom:2px dotted #6699CC; padding-bottom:20px; margin-bottom:20px;}
#art-current .art-text{margin-left:0;}
#art-current .art-text h1,#art-current .art-date{}
#art-current .permalink{ display:none;}
#art-current .art-text  h1 span {background:none;}

#subprojects .art-date{display:none;}
#subprojects .art-text h1{padding-top:7px;}

.pages{text-align:center; color:#5D93BE; padding-top:40px;}
.pages A{text-decoration:none; font-size:100%;}
.pages A:hover{}
.pages span{color:#5D93BE;}
.pages span A{text-decoration:underline;}
.pages span A:hover{}

.project-photos {zoom:1; overflow:hidden; margin-bottom:15px;}
.project-photos div {width:225px; float:left; background:url(../img/projects/projectidshadow.png) no-repeat; margin:0 5px 5px 0; padding:0 0 5px 0;}
.project-photos div img{float:right;}
#ctrls{float:right; background:none; height:24px; width:100%;}
#ctrls img{margin:5px 5px 0 5px;}

.gallery-preview {height:384px; overflow:hidden; position:relative;}
.gallery-preview-img {position:absolute; top:0; left:30px; padding:0; margin:0;}
.gallery-preview-img div{height:96px; margin:0 0 0px 0; padding:0 0 0 3px; font-size:1px; background:url(../img/projects/gallerypreview/shadow.png) no-repeat; background-position:0 80%;}
.gallery-preview-img div h1{background:url(../img/projects/gallerypreview/pjectname.png) no-repeat; padding:3px 0 5px 5px; /*width:95px; height:11px; overflow:hidden; display:block;*/}
#gallery-top{float:left;}
#gallery-bottom{float:left; position:absolute; left:0px; top:363px;}

.map{float:right;}
.map img{border:1px #BAD1E4 solid;}

#form{
   margin:0 auto;
   padding-top:10px;
   width:460px;
   clear:both;
   position:relative;
}
#form h1{font-size:120%; text-align:center; margin-bottom:13px;}

#form label{	
   clear:both;
   color:#5D93BE;
   display:block;
   font-weight:bold;
   text-align:right;
   width:135px;
   float:left;
   position:relative;
   margin-top:2px;
   padding-top:3px;
   padding-right:10px;
   /*border:1px solid #FF0000;*/
}
#form span{
   color:#C297AE;
   font-size:120%;
   font-weight:bold;
}

#form  .error{float:left; font-size:90%; margin:0 0px 0 0; line-height:25px; display:block; padding-bottom:20px; width:60px; /*display:none;*/}
#messagesent {text-align:center; height:23px;}

#messagesent span{color:#00CC33; font-size:100%;}

#form input, #form textarea{
   float:left;
   font-size:12px;
   padding:4px 2px;
   border:solid 1px #aacfe4;
   width:200px;
   margin:2px 15px 20px 0px;
   position:relative;
}
#form textarea{}
#notify{font-size:90%; color:#999999; float:left; margin-left:150px; padding-bottom:20px;/*color:#FF0000;*/}
#form button{
   clear:both;
   float:left;
   width:80px;
   height:24px;
   text-align:center;
   line-height:20px;
   color:#5D93BE;
   font-size:90%;
   font-weight:bold;
   border:none;
   margin-left:210px;
   background:url(../img/contacts/button.png) repeat;
}

#maplarge{width:460px; margin:50px auto 100px auto;}