@charset "utf-8";
/* CSS Document */

body {
background: url(../img/bg-2.jpg) repeat-x center top;
}

.textColon {
display: block;
width: 70%;
float: left;
background: url(../img/dot-v.gif) repeat-y right;
padding-right: 20px;
margin-right: 20px; 
}

.subColon {
width: 20%;
display: block;
float: left;
}

.textColon .news {
width: auto;
margin-bottom: 40px;
padding: 0px;
margin-right: 0px;
}

.textColon h1 {
margin-bottom: 24px;
font-size: 38px;
line-height:normal; 
font-weight: normal; font-family: 'MetaBookCBook', sans-serif;
}

.textColon h1 i {
color: #75846d;
}

h1 .arch {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
float: right;
margin-top: -24px;
text-align: right;
}

h1 .arch  img {
float: none;
border: none;
margin-left: 10px;
margin-right: 10px;
}


.textColon .news .photo {
margin-right: 0px;
display: block;
}

.textColon .news .photo img {
float: left;
}

.subColon .photo a{
text-decoration: none;
}

.subColon .photo a:hover{
text-decoration: underline;
}

.textColon .newsText {
margin: 0px 0px 0px 0px;
padding: 0px;
width: 67%;
float: right;
}

.subColon .subNews, .subColon  .photo  {
width: auto; 
}

.subColon .photo a.tag:hover {
text-decoration: none;
 }

.subColon .subNews {
float: none;
}

.subColon .subNews li {
width: auto;
}

.subColon ul {
width: auto;
}

.subColon  h2 {
line-height: 24px;
letter-spacing: -1px;

}

.links, .pages {
display: block;
font-size: 11px;
margin-bottom: 25px;
}

.links {
color: #999999
}

.pages  {
margin-top: 29px;
}

.pages a{
font-size: 12px;
display: block;
float: left;
width: 19px;
height: 19px;
margin-right: 7px;
text-align: center;
line-height: 16px;
color: #034dab;
}

.back, .for  {
font-size: 12px;
vertical-align: middle;
}

.back a, .for a {
width: auto;
padding-right: 5px;
padding-left: 5px;
height: 20px;
line-height: 19px;
}

.for a {
text-align: left;
padding-right: 0px;
display: table;
width: 110px;
text-decoration: none;
}

.for a img{
float: right;
vertical-align: text-top;
display: table;
}


.back  a img{
float: left;
margin-right: 7px;
margin-left: -5px;
}


.for a:hover img {
margin-left: 6px;
}

.pages a.active, .pages a:hover {
color: #fff;
font-weight: bolder;
text-decoration: none;
}

.pages a:hover {
background-color: #9ccbf4;
}

.pages a:hover img, .pages a img  {
background-color: #ececec;
padding-bottom: 2px;
}

.pages a.active{
background-color: #b9cbdb;
}
.pages img {
margin: 0px;
float: none;
border: none;
}

.left .menu li ul li{
display: block;
background: none;
border: 0px;
list-style: none;
}

.menu li.active {
background-image: url(../img/menu-active.gif);
}


.linkLine {
margin-top: 35px;
background: none;
margin-bottom: 49px;
margin-left: -10px;
}

.textColon h2 {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
margin: 0px;
margin-bottom: 6px;
}

.textColon p {
margin-top: 6px;

}

.textColon h3 {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
margin-bottom: 16px;
margin-top: 26px;
}

.textColon h3 .date, .textColon h3 .sorce   {
font-weight: normal; 
font-size: 14px;
color: #333333;
}

.textColon i.lead {
font-size: 14px;
display: block;
margin-bottom: 30px;
color: #333;
}

.textColon  .leed-p {
margin-bottom: 30px;
}

.textColon h3 .sorce  {
font-style: italic;
}


.textColon .newsText h3 {
font-weight: bolder;
margin-top: 0px;
margin-bottom: 8px;
font-size: 16px;
}

h3 span.date {
margin-right: 8px;
}

.textColon img {
float: right;
border: 6px solid #ececec;
}

table.information {
background-color: #f2f1eb;
margin-top: 20px;
margin-bottom: 20px;
color: #333333;
}

table.information  td {
padding: 35px;
width: 50%;
vertical-align: top;
}

.information  i {
display: block;
font-weight: bolder;
color: #333333;
}

.information  a {
display: block;
font-size: 12px;
margin-top: 9px;
}

.textColon ol li, .textColon ul li  {
list-style: inside;
list-style: decimal;
margin-left: 12px;
margin-top: 12px;
width: auto;
}

.textColon table th {
background-color: #e9e8e1;
color: #747474;
font-size: 10px;
font-weight: bolder;
text-align: left;
font-family: Tahoma;
padding-left: 21px;
padding-top: 15px;
padding-bottom: 15px;
}

.textColon table {
width: 100%;
}

.textColon table td {
padding: 2px 21px;
color: #4d604d;
vertical-align: top;
}

.textColon table tr.hilight {
background-color: #f2f1eb;
}


.textColon table .file {
width: 50px;
text-align: center;
}

.textColon th.vline {
padding: 0px;
width: 1px;
background-color: #e6e5df;
}

.textColon table img {
border: none;
float: none;
margin: 0px;
}

table a {
color: #034dab;
font-size: 11px;
}

.textColon table {
border-bottom: 7px solid #e9e8e1;
margin-top: 0px;
margin-bottom: 40px;
}

.textColon .foto table {
border: 0;
margin:0;
width: auto;
}

.textColon .foto table img {
	border: 6px solid #ECECEC;
}

.textGallery {
width: 500px;  
margin-top: 20px; 
margin-bottom: 0px; 
margin-bottom: 22px;
display: block;
}


.textGallery  #nav {
margin-top: 10px;
}
.textGallery  .active a {
border: none;
}

.textGallery img {
float: left;
border: 3px solid #d6d4d4;
}

.textGallery a {
display: block;
float: left;
margin-right: 12px;
margin-bottom: 12px;
padding-bottom: 5px;
}

.textGallery a.active {
border-bottom: 5px solid #a2d074;
}

.textGallery a.active {
border-bottom: 5px solid #a2d074;
}

.textGallery a:hover img{
border-color: #a2d074;
}

.textGallery a.active:hover img{
border: 3px solid #d6d4d4;
}

.author {
text-align: right;
}

.hr2 {
margin-top: 20px;
margin-bottom: -20px;
}

.textColon .hr {
margin-top: 30px;
margin-bottom: 20px;
}

.textColon ul.media {
list-style: none;
width: 100%;
display: table;
}

.textColon ul.media li{
list-style: none;
width: 33.3%;
margin-left: 0px;
padding: 0px;
margin-bottom: 37px;
}



.textColon ul.media li p{
font-size: 12px;
padding: 0px;

}


.textColon ul.media li p a {
text-decoration: none;
}


.textColon ul.media li p a:hover {
text-decoration: underline;
}


.screen {
height: auto;
margin-bottom: 20px;
display: block;
width: 100%;
}

.screen img,   .screen div  {
border: none;
margin: 0px;
padding: 0px;
float: none;
}


.screen li, .screen ul li, screen ul {
list-style: none;
margin: 0px; 
}


.screen img#side-1 {
position: relative; 
z-index: 2000; 
margin-left: 0px; 
display:inline; 
float: left;
} 

.screen img#side-2 {
position: relative; 
z-index: 2000; 
margin-left: 99.4%; 
margin-top: -4px; 
display:inline; 
float: right;
} 

.screen img#side-3 {
position: relative; z-index: 2000; display:inline; float: left; top: -4px;
} 

.screen img#side-4 {
position: relative; z-index: 2000; margin-left: 99.4%; display:inline; float: right; top: -8px;
} 

.textColon ul.video {
}

.textColon ul.video li {
width: 30%;
}

.textColon .video img {
border: 3px solid #e8e4e4;
}

.textColon .video p {
width: 80%;
}

table.projList td {
padding-left: 0px;
padding-right: 50px;
padding-bottom: 50px;
width: 50%;
border-bottom: 4px solid #E9E8E1;
}

table.projList a, table.projList h2 a{
font-size: medium;
font-weight: inherit;
text-decoration: none;
}

table.projList td h2 {
margin-bottom: 12px; 
margin-top: 12px; 
}

table.projList .textGallery a {
float: none;
width: 200px;
display: block;
padding: 0px;
padding-bottom: 5px;
}

table.projList span.textGallery {
display: block;
width: auto;
margin: 0px;
}

table.projList span.textGallery a:hover img{
border: none;
}

table.projList span.textGallery a:hover {
border-bottom-color: #4674a2;
}
          
		  
img.photoPreview {
float: left;
margin-top: 23px;
margin-right:23px;
}