* {margin: 0px;padding: 0px;}
body, html {
background: url(gfx/mainBg.gif) top left repeat-x;
font-family: Tahoma;
font-size: 11px;
color: #877d64;
text-align: center;
line-height: 1.4;
}

h3, h4 {
color:#877D64;
font-weight:bold;
}
h3 { font-size: 10pt; }
h4 { font-size: 8pt; }

a {
color: #003a66;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.fl {float: left;}
.fr {float: right;}
ul {
	margin-left: 15px;
}
#wrapper {
width: 980px;
margin: 0px auto;
text-align: left;
}
#langs {
  width: 980px;
  float: left;
  font-size: 10px;
  height: 20px;
  padding-top: 10px;
}
#langs a, #langs span {
text-decoration: none;
color: #877d64;
float: right;
margin-right: 15px;
display: inline;
}
#langs span {
color: #0d7499;
font-weight: bold;
}
#langs a:hover{
text-decoration: underline;
}

#top {
width: 980px;
height: 80px;
float: left;
background: #e9e8e0;
}
#top .logo {
height: 80px;
float: left;
}
#top .logo img {
display: block;
border: 0px;
}
#top #searcher {
float: right;
margin-top: 30px;
margin-right: 10px;
display: inline;
}
#top #searcher form {
margin:0px;
display:inline;
}
#top #searcher input {
width: 125px;
float:left;
border: 0px;
padding: 4px 3px 3px;
font-size: 11px;
color: #b3ad97;
}
#top #searcher .srchTitle {
float: left;
padding-top: 4px;
margin-right: 5px;
display: inline;
}
#top #searcher .srchTitle a {
color: #877d64;
}
#top #searcher input.submit {
width: 22px;
height: 20px;
float: left;
background: url(gfx/searchSubmit.gif) top left no-repeat;
cursor: pointer;
margin-left: 1px;
}
#baner {
width: 980px;
height: 300px;
float: left;
background: #fff;
}
#menuMain {
width: 950px;
height: 30px;
float: left;
background: #fff;
text-align: center;
padding: 0px 15px;
}
#menuMain a {
font-size: 14px;
height: 25px; 
float: left;
padding: 0px 5px;
padding-top: 5px;
padding-left: 20px;
margin: 0px 7px;
background: url(gfx/menu.gif) 5px center no-repeat;
display: inline;
}
#menuMain a:hover, #menuMain .act {
background: #e9e8e0 url(gfx/menu.gif) 5px center no-repeat;
text-decoration: none;
}
#main {
width: 978px;
float: left;
border-left: 1px #d1cec2 solid;
border-right: 1px #d1cec2 solid;
}
.wgw {
background: url(gfx/bg_wgw.gif) left top repeat-y;
}
.wgb {
background: url(gfx/bg_wgb.gif) left top repeat-y;
}
.wgg {
background: url(gfx/bg_wgg.gif) left top repeat-y;
}
.wg {
background: url(gfx/bg_wg.gif) left top repeat-y;
}
.TitleGray, .TitleBlueMiddle, .TitleLeftBlueR, .TitleGrayS {
min-width: 150px;
_width: 150px;
height: 22px;
float: left;
margin-left: -1px;
background: #9c967a;
color: #fff;
font-size: 12px;
font-weight: bold;
padding-left: 15px;
padding-right: 10px;
margin-bottom: 15px;
padding-top: 8px;
text-transform: uppercase;
display: inline;
}
.TitleGrayS {
margin: 30px 0px;
}
.TitleLeftBlueR {
float: right;
background: #a0cddc;
margin-top: 30px;
text-align: right;
padding-left: 0px;
padding-right:35px;
width: 130px;
}
.TitleBlueMiddle {
background: #a0cddc;
color: #003a66;
min-width: 180px;
_width: 180px;
margin-left: 0px;
}
.seeAll {
float: right;
margin-right: 15px;
margin-top: 8px;
display: inline;
}
.seeAll a {
color: #003a66;
}
.mainLeft {
width: 288px;
float: left;
display: inline;
margin-right: 1px;
_margin-right: 0px;
}
.leftMenu {
float: right;
margin-right: 32px;
display: inline;
width: 256px;
text-align: right;
}
.leftMenu a {
font-weight: bold;
font-size: 12px;
margin-bottom: 20px;
display: block;
}
.leftMenu a.sub {
color: #877d64;
background: url(gfx/menuDot.gif) right 5px no-repeat;
padding-right: 20px;
color: #877d64;
font-size: 11px;
font-weight: normal;
}
.leftMenu a.sub.act {
background: url(gfx/menuDotAct.gif) right 5px no-repeat;
font-weight: bold;
font-size: 12px;
}
.leftMenu a.act {
color:#887c66  ;
font-weight: bold;
font-size: 12px;
text-decoration:underline;
}
.realisationLeft {
width: 275px;
float: left;
padding-left: 14px;
color: #003a66;
line-height: 1.4;
margin-bottom: 30px;
}
.realisationLeft strong {
font-size: 12px;
}
.realisationLeft span.realisations {
font-size: 18px;
clear: both;
float: none;
color: #003a66;
margin: 0px;
padding: 0px;
}
.realisationLeft .Map {
width: 275px;
float: left;
text-align: center;
margin-bottom: 5px;
}
.realisationLeft span.pcs {
font-size: 11px;
clear: both;
float: none;
color: #003a66;
position: relative;
top: -2px;
margin: 0px;
padding: 0px;
}


.Welcome {
width: 275px;
float: left;
margin-top: 30px;
padding-left: 14px;
font-size: 16px;
margin-bottom: 30px;
display: inline;
}
.noPadding
{
margin-left:-14px;
}
.Welcome span.tlt {
float: left;
width: 270px;
color: #003a66;
font-size: 24px;
font-family: Trebuchet MS;
margin-bottom: 5px;
display: inline;
}
.welcomeLinks
{
display:block;
margin-top: 5px;
float:left;
width:100%;
}
.welcomeLinks img
{
display:block;
margin-bottom:3px;
float:left;
border:none;
}
.welcomeLinks a
{
border:none;
text-decoration:none;
}

.MiddleNarrow {
width: 494px;
float: left;
display: inline;
padding-top: 30px;
padding-bottom: 30px;
}
.MiddleWide {
width: 689px;
float: left;
display: inline;
padding-top: 0px;
padding-bottom: 30px;
}
.indexNews, .News, .Contact, .RealizationText, .realizMap, #movieArea {
width: 470px;
float: left;
margin: 0px 12px;
display: inline;
}
.RealizationText {
margin-bottom: 20px;
}
.realizMap {
text-align: center;
}
a.seeOnMap {
float: left;
margin-top: 30px;
margin-left: 12px;
display: inline;
}
.indexNews .news {
width: 470px;
float: left;
margin-bottom: 15px;
}
.indexNews .news .header, .News .header {
width: 470px;
border-bottom: 1px #fff solid;
float: left;
padding-bottom: 5px;
}
.indexNews .news .header .date, .News .header .date {
float: left;
color: #003a66;
}
.indexNews .news .header .more {
float: right;
}
.indexNews .news .header .more a {
color: #877d64;
background: url(gfx/more_dot.gif) left 5px no-repeat;
float: left;
padding-left: 10px;
}
.indexNews .news .content, .News .content {
width: 470px;
float: left;
margin-top: 5px;
text-align:justify;
}
.News .content {
margin-top: 0px;
}
.News .content ul {
	margin-left: 15px;
}
.News .titlePic {
float: left;
width: 470px;
margin-bottom: 10px;
}
.News .titlePic .pic {
width: 180px;
float: left;
margin-right: 10px;
}
.News .titlePic .title {
width: 280px;
float: left;
color: #013c66;
padding-top: 5px;
}
.News .titlePic img {
border: 1px #fff solid;
border-top: 0px;
}
.newsSelect {
width: 470px;
float: right;
padding-right:15px;
}
.newsSelect a {
float: right;
margin-left: 10px;
display: inline;
}
.newsSelect img {
border: 0px;
display: block;
}


.Career {
width: 580px;
float: left;
margin-left: 10px;
margin-right: 109px;
_margin-right: 99px;
margin-top: 38px;
display: inline;
}
.Career ul {
margin-left: 15px;
}
.Career .header {
width: 580px;
float: left;
color: #013a65;
font-size: 12px;
margin-bottom: 20px
}
.Career ul.offers {
list-style-type: none;
margin-top: 20px;
}
.Career ul.offers li a {
color: #877c66;
background: url(gfx/more_dot.gif) left 4px no-repeat;
padding-left: 10px;
}
.Career ul.offers li a:hover {
color: #013a65;
background: url(gfx/more_dot_blue.gif) left 4px no-repeat;
padding-left: 10px;
}
.Career ul.offers li {
margin-bottom: 5px;
display: block;
width: 500px;
}


.Career .job {
width: 580px;
float: left;
}

.Career .links {
width: 580px;
float: left;
margin-top: 30px;text-align: right;
}
.Career .links a {
margin-left: 35px;
display: inline;
}

.pages {
width: 470px;
float: left;
margin: 0px 12px;
text-align: center;
margin-bottom:10px;
display: inline;
}
.pages ul {
display:inline;
list-style-type: none;
}
.pages ul li {
display: inline;
}
.pages a {
background: #fff;
height: 15px;
width: 15px;
padding: 6px 2px;
}


#RealizationsLeft, #RealizationsLeft .realization {
width: 265px;
float: left;
}
#RealizationsLeft {
height: 503px;
overflow: hidden;
position: relative;
width: 285px;
}
#RealizationsLeft .realization {
margin-bottom: 20px;
}
#RealizationsLeft .realization .title {
border-bottom: 1px #d1cfc2 solid;
padding: 0px 15px 5px;
color: #003b67;
font-weight: bold;
font-size: 12px;
width: 235px;
float: left;
}
#RealizationsLeft .realization .photo, #RealizationsLeft .realization .photo .pic, #RealizationsLeft .realization .photo .zoom {
width: 125px;
float: left;
}
#RealizationsLeft .realization .pic img, #RealizationsLeft .realization .zoom img {
border: 0px;
}
#RealizationsLeft .realization .zoom a {
float: right;
}
#RealizationsLeft .realization .desc {
width: 115px;
float: left;margin-left: 15px;
display: inline;
color: #003a66;
}

#Phrases {
width: 470px;
float: left;
margin: 0px 12px;
display: inline;
}

#Phrases .choose {
width: 470px;
float: left;
}
#Phrases .choose span {
font-weight: bold;
float: left;
font-weight: bold;
color: #003b67;
font-size: 12px;
margin-right: 20px;
display: inline;
}
#Phrases .choose .alphabet {
float: left;
}
#Phrases .choose .alphabet a {
text-transform: uppercase;
float: left;
margin-right: 1px;
background: #fff;
color: #c1bead;
font-size: 10px;
padding: 2px 4px;
}
#Phrases .choose .alphabet a:hover, #Phrases .choose .alphabet a.act {
color: #fff;
background: #a0cddc;
}
.phrasesList {
width: 470px;
float: left;
margin-left: 15px;
margin-top: 20px;
display: inline;
}
.phrasesList .Item {
width: 470px;
float: left;
margin: 5px 0px;
font-size: 12px;
font-weight: bold;
color: #003a66;
}
.phrasesList .ItemDesc {
margin-left: 15px;
display:inline;
float: left;
}
.phrasesList .Item a {
float: left;
background: url(gfx/more_dot.gif) left 3px no-repeat;
padding-left: 15px;
color: #867e67;
font-size: 11px;
font-weight: normal;
}
.phrasesList .Item a:hover {
background: url(gfx/more_dot_blue.gif) left 3px no-repeat;
color: #003b67;
}

a.phraseBack {
float: right;
margin-right: 15px;
margin-top: 15px;
display: inline;
}

#Expert {
width: 660px;
float: left;
margin-left: 12px;
margin-bottom: 30px;
display: inline;
}
#Expert .column, #Expert .row {
width: 330px;
float: left;
padding-bottom: 5px;
}
#Expert span {
float: left;
}
#Expert span.bold {
float: left;
font-weight: bold;
}
Expert .column .wide {
width: 310px;
}
#Expert .column input, #Expert .column select , #Expert .column textarea {
float: right;
border: 0px;
font-size: 11px;
padding: 2px 3px;
margin-right: 30px;
width: 160px;
display: inline;
}
#Expert .column select {
padding: 1px 2px;
width: 176px;
float: left;
}
#Expert .column textarea {
width: 324px;
margin: 0px;
float: left;
height: 160px;
}
#Expert .column .checkbox {
width: auto;
float: left;
margin: 0px;
position: relative;
margin-right: 5px;
display: inline;
}
#Expert .column label {
float: left;
cursor: pointer;
color: #003b65;
}
.leftPages {
width: 280px;
float: left;
margin-bottom: 20px;
margin-top: 10px;
}
.leftPages img {
border: 0px;
}
.leftPages a {
float: right;
margin-left: 10px;
display: inline;
}
.midPages {
float: left;
width: 470px;
margin-left: 15px;
margin-top: 30px;
display: inline;
}
.midPages a {
float: left
}
.midPages a.pageNumber {
float: left;
margin-right: 1px;
background: #fff;
color: #c1bead;
font-size: 10px;
padding: 2px 4px;
position: relative;
top: 1px;
}
.midPages a.pagePrev {
float: left;
margin-right: 2px;
}
.midPages a.pageNext {
float: left;
margin-left: 1px;
}
.midPages img { 
border:0px;
}
.rightPages {
width: 130px;
float: left;
margin-bottom: 20px;
margin-top: 10px;
margin-left: 15px;
display: inline;
}
.rightPages img {
border: 0px;
}
.rightPages a {
float: left;
margin-right: 10px;
display: inline;
}


#CityList {
width: 165px;
float: left;
margin-left: 15px;
margin-right: 14px;
margin-top: 55px;
display: inline;
}
#CityList .title {
color: #0c7499;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
width: 165px;
float: left;
margin-bottom: 10px;
}
#CityList ul {
list-style-type: none;
}
#CityList ul li {
margin-bottom: 5px;
}
#CityList a {
font-weight: bold;
font-size: 11px;
}
#CityList a:hover {
color: #877c66
}
#CityList a.act {
color: #877c66;
text-decoration:underline;
}
#right {
width: 194px;
float: left;
margin-left: 1px;
display: inline;
}
.right-bottom{
padding-bottom: 20px;
}
#right .askExpert, #right .newsletter, #right .contactForm {
width: 194px;
float: left;
background: #a0cddc;
}
#right .askExpert .header, #right .newsletter .header, #right .contactForm .header {
margin-top: 30px;
float: left;
width: 164px;
padding: 0px 15px;
color: #003a66;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
#right .contactForm .header {
margin-bottom: 15px;
margin-top: 35px;
}
#right .contactForm input {
width: 162px;
float: left;
border: 0px;
font-size: 10px;
font-family: Tahoma;
padding: 3px 1px;
margin: 2px 0px 7px;
}
#right .contactForm textarea {
width: 162px;
height: 200px;
float: left;
border: 0px;
font-size: 10px;
font-family: Tahoma;
padding: 3px 1px;
margin: 2px 0px 27px;
}
#right .askExpert .content, #right .newsletter .content {
width: 164px;
padding: 5px 15px;
float: left;
color: #fff;
line-height: 1.4;
}
#right .askExpert a.more, #right .newsletter a.more {
float: right;
margin-right: 15px;
background: url(gfx/more_dot_blue.gif) left 5px no-repeat;
padding-left: 10px;
display: inline;
}

#right .contactForm .row {
float: left;
width: 164px;
padding: 0px 15px;
color: #fff;
}


#right .watchMovie {
width: 164px;
padding: 0px 15px;
float: left;
}
#right .watchMovie .header {
margin-top: 20px;
float: left;
width: 164px;
color: #0099cc;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
#right .watchMovie .frame {
width: 164px;
float: left;
text-align: center;
padding-top: 15px;
}
#right .watchMovie .frame img {
border: 0px;
}

#footer {
width: 960px;
float: left;
background: #9c967a;
color: #fff;
padding: 10px;
}
#footer .left { 
float: left;
}
#footer .right {
float: right;
}
#footer .right a {
color: #fff;
float: left;
margin: 0px 13px;
font-size: 10px;
text-decoration: none;
display: inline;
}
#footer .right a:hover {
text-decoration: underline;
}
a#atom {
height: 20px;
float: right;
color: #c2bead;
padding-left: 38px;
padding-top:6px;
font-size: 10px;
background: url(gfx/atom.gif) left bottom no-repeat; 
margin-top:5px;
text-decoration: none;
margin-bottom: 10px;
}
a#atom:hover {
background: url(gfx/atom.gif) left top no-repeat; 
}

div#fLogos {float: left;margin: 10px 0}

#newsletterBox {
width: 438px;
height: 273px;
float: left;
position: absolute;
z-index: 2000;
top: 0px;
left: 0px;
display: none;
background: #9fcddc;
border: 1px #fff solid;
color: #fff;
text-align: left;
}
#newsletterBox .holder {
float: left;
position: relative;
}
#newsletterBox input {
background: #e3f0f6;
border: 0px;
font-size: 11px;
font-family: Tahoma;
padding: 2px 3px;
width: 200px;
}
#newsletterBox .row, #newsletterBox .rowText, #newsletterBox .rowBottom {
float: left;
width: 408px;
padding: 5px 15px;
}
#newsletterBox .rowBottom {
padding: 30px 15px 10px;
}
#newsletterBox .rowText {
padding: 10px 15px 30px;
}
#newsletterBox .row .left {
float: left;
width: 80px;
}
#newsletterBox .row .right {
float: left;
}
#newsletterBox .headerTitle {
background: #fff;
float: left;
width: 408px;
color: #013a65;
font-size: 12px;
font-weight: bold;
padding: 10px 15px;
text-align: left;
}
#newsletterBox a.close {
width: 9px;
height: 9px;
float: left;
position: absolute;
background: url(gfx/close.gif) top left no-repeat;
top: 3px;
right: 3px;
text-decoration: none;
}
#newsletterBox a.close:hover {
background: url(gfx/close.gif) bottom left no-repeat;
}
.cityListScroll {
width: 165px;
float: left;
position: relative;
}

div#Facebook {
	width: 194px;
	float: left;
	padding-top: 20px;
}
div#Facebook img {
	border: 0px;
}
#Popup {
	width: 485px;
	float: left;
	padding: 5px;
	background: #fff;
	position: absolute;
	display: none;
}
#Popup .cont {
	width: 485px;
	float: left;	
}
#Popup img {
	display: block;
	border: 0px;
}
#Popup .close {
	width: 485px;
	float: left;
	padding-bottom: 5px;
}
#Popup .close a {
	float: right;
	height: 17px;
	width: 17px;
	background: url(gfx/popup-close.gif) left top no-repeat;
}