body,html {height:100%}
body {color:#464646; background-color:#ced2d5; font:.8em Calibri, Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#464646; font:1em Calibri, Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Calibri, Arial,Helvetica,'MS Sans Serif',sans-serif}
/* clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.clearfix {display: inline-block; width: 100%}
.clear{clear: both}
.wide{width:100%}
/* // ---- typography ---- // */
a {color:#7b7a7a; text-decoration:underline}
a:hover {text-decoration:none}
.fBold {font-weight:bold;}
/* -- ---- typography ---- -- */
#minWidth {position:relative; z-index:2; min-width:1000px; background:url(../img/bg.jpg) no-repeat 50% 95px; height:auto !important; height:100%; min-height:100%}
.inner {max-width:1200px; margin:0 auto}
/* // ---- top ---- // */
.top {background:#455560; height:80px}
.top .logo {position:relative; float:right; left:-199px; width:199px; margin-right:-199px; text-align:center; padding-top:6px;}
.top .logo img {margin-right:20px;}
.top .inner-i {padding-left:199px}
.navigation {float:right; width:100%; padding-top:15px; margin-right:10px;}
.navigation .sh {padding:0; background-image:none}
.navigation .sh i {position:relative; display:block; width:795px; height:1px; overflow:hidden; visibility:hidden; font-size:1px}
.navigation table {width:auto; float: left}
.navigation td {background:url(../img/nav-li.png) no-repeat 0 0; font-size:11px; padding-left:2px; white-space:nowrap}
.navigation a, .navigation .hr {position:relative; display:block; color:#fff; text-align:center; text-transform:uppercase; line-height:50px; height:50px; text-decoration:none; padding:0 3px; margin-bottom:-1px}
.navigation a:hover, .navigation .hr {color:#f32a7a !important}
.navigation td.frst {background-image:none}
/* -- ---- top ---- -- */
/* // ---- middle ---- // */
.middle {}
.middle .inner {}
.middle .inner-i {position:relative; margin:0 255px 0 200px; background:#fff url(../img/middle-bg-b.png) repeat-x 0 100%; border-bottom:1px solid #fff; padding-bottom:9px}
.middle .l-col-1 {position:relative; float:left; left:-200px; width:200px}
.middle .l-col-2 {position:relative; float:left; width:100%; margin-right:-100%; background:url(../img/middle-bg.png) repeat-x 0 0; border-top:1px solid #fff}
.middle .l-col-2-i {padding:18px 78px 10px 24px}
.middle .l-col-3 {float:right; margin-right:-197px; width:255px}
.middle .l-col-3-i {position:relative; background:#84929d url(../img/middle-col-3.png) repeat-x 100% 0}
/* -- ---- middle ---- -- */
#lang{position: absolute; color:#f32a7a; margin-top:10px; font-size:11px; text-transform: uppercase}
/* // ---- side navigation ---- // */
.side-navigation {font-size:11px; font-weight:bold; text-transform:uppercase; line-height:14px; text-align:right; padding-bottom:60px; position: relative}
.side-navigation li {margin-bottom:-23px}
.side-navigation a, .side-navigation .hr {position:relative; display:block; color:#333; padding:8px 33px 7px 11px; text-decoration:none}
.side-navigation .ar {position:absolute; right:10px; top:10px; background-color:#e50f64; width:9px; height:9px; font-size:1px; visibility:hidden}
.side-navigation a:hover, .side-navigation .hr {text-indent:0; color:#e60a4d}
.side-navigation a:hover .ar, .side-navigation .hr .ar {visibility:visible}
.side-navigation i {display:block}
.side-navigation .shad {margin-left:auto; width:168px; height:23px; background-image:url(../img/sidenav-shad.png); font-size:1px}
/* -- ---- side navigation ---- -- */
.b-bnof {padding:0 0 60px 24px}
.our-phone {width:171px; height:69px; background-image:url(../img/phone.png); margin-left:9px}
/* // ---- main title ---- // */
.main-title {padding-bottom:18px}
.main-title span {display:-moz-inline-stack; display:inline-block; font-size:18px; background:url(../img/path-slsh.png) no-repeat 100% 3px; padding-right:13px}
.main-title small {font-size:12px; padding-left:3px}
/* -- ---- main title ---- -- */
/* // ---- for editor ---- // */
.for-editor {line-height:16px}
.for-editor p {padding-bottom:16px; overflow: hidden}
.for-editor p img{float: left; margin-top: 4px}
.for-editor p.s {float: left}
.for-editor h3 {padding-bottom:9px; padding-top:7px}
.projects .for-editor h3 {padding-bottom:23px;}
.for-editor h4 {padding-bottom:9px; padding-top:5px; font-size: 10px}
.for-editor ul {padding-bottom:20px}
.for-editor ol {padding-bottom:20px; margin-left: 25px;}
.for-editor li {padding-bottom:2px; padding-left:16px; background:url(../img/li.png) no-repeat 0 5px}
.for-editor ol li {background:none; padding-left: 0; margin-left: 0; list-style-position: outside}
.for-editor .ph {position:relative; overflow:hidden; width:100%}
/* -- ---- for editor ---- -- */
ul.photo-thumbs {padding-bottom:16px}
.photo-thumbs li {float:left; background-image:none; padding:0 33px 5px 0}
.list-side {font-size:11px; line-height:15px}
.list-side .item {position:relative; z-index:2; border-bottom:1px dashed #e3e7e7; margin:0 0 -46px; padding:16px 0 18px 3px}
.list-side li {color:#fff; padding:0 18px}
.list-side .shad {position:relative; z-index:1; margin:0 -18px; display:block; font-size:1px; height:46px; background-image:url(../img/middle-col-3-sd.png)}
.list-side a {color:#fff; text-decoration:none}
.list-side h2 {font-size:14px; font-weight:normal; padding-bottom:9px}
.list-side h2 span {display:-moz-inline-stack; display:inline-block; padding-right:11px; background:url(../img/list-side-sl.gif) no-repeat 100% 1px; vertical-align:top}
.list-side h2 small {display:-moz-inline-stack; display:inline-block; font-size:11px; color:#2c2b2b; vertical-align:top; padding-top:1px}
.list-side h3 {font-size:12px; padding-bottom:3px}
.list-side h4 {font-size:10px; padding-bottom:3px}
.list-side .ar {display:-moz-inline-stack; display:inline-block; font-size:1px; width:8px; height:8px; background-color:#c23d72; vertical-align:top; margin:5px 0 0 2px}
.list-side .ph {padding:8px 0 14px}
.list-side .ph img {border:1px solid #fff}
.all-news {font-size:11px; padding:12px 4px 12px 22px}
.all-news a {color:#2c2b2b; text-decoration:none; padding-right:15px; background:url(../img/ar.gif) no-repeat 100% 4px}
/* // ---- bottom ---- // */
.bottom {color:#838484; line-height:18px}
.bottom a {color:#838484}
.bottom .l-col-1 {position:relative; float:left; padding:0 8px 0 52px; left:-200px; width:140px; margin-right:-200px}
.bottom .l-col-2 {float:left; width:100%; margin-right:-100%}
.bottom .l-col-3 {position:relative; float:right; right:-200px; width:175px; padding-left:25px}
.bottom .inner-i {margin:0 255px 0 200px; background-color:#dfe0e1; min-height:56px; padding:16px 0 10px}
.bottom .partners {text-align:center}
.bottom .partners li {display:-moz-inline-stack; display:inline-block; background:url(../img/partners-li.gif) no-repeat 0 0; padding:14px 19px 14px 25px; vertical-align:top}
.bottom .partners .fst {padding-left:33px; background-image:none}
/* -- ---- bottom ---- -- */
.b-shad {position:relative; z-index:1; min-width:1000px; height:62px; margin-top:-62px; background-image:url(../img/bottom-bg.png); display:none}
.news-list {}
.news-list dt {color:#464646; font-weight:bold; padding-bottom:17px}
.news-list dt span {display:-moz-inline-stack; display:inline-block; padding-right:10px; background:url(../img/sls.gif) no-repeat 100% 0}
.news-list dd {line-height:16px; padding-bottom:16px}
.news-list p {padding-bottom:16px}
.news-list .ar {margin:5px 0 0 1px}
.var2-page {background:#f8f8fa}
.var2-page .bottom .inner-i, .var2-page #minWidth {background:none}
.var2-page .outer {padding:0 20px}
.var2-page .top {background-color:#455560; height:55px}
.var2-page .top .logo {width:auto; text-align:left; left:0; margin-right:0; padding:6px 0 0 20px}
.var2-page .navigation {float:left; width:780px; padding-left:13px; text-align:right}
.var2-page .navigation table {width:auto; margin-left:auto}
.var2-page .navigation .sh {display:none}
.var2-page .navigation td {padding:7px 0 0 8px; background-image:none}
.var2-page .navigation a, .var2-page .navigation .hr {color:#fff; height:17px; line-height:17px; margin:0; padding:0 5px}
.var2-page .navigation a:hover, .var2-page .navigation .hr {color:#475863; background-color:#fff}
.var2-page .side-navigation {padding:11px 0; margin:0; float: right}
.var2-page .side-navigation li {float:left; width:auto; margin:0; padding-left:7px; padding-right:10px}
.var2-page .side-navigation .shad {display:none}
.var2-page .side-navigation a {padding:0 0 0 13px}
.var2-page .side-navigation .ar {left:0; top:2px}
.var2-page .bottom {border-top:1px solid #b7bec4; font-size:9px; padding:10px 0}
.var2-page .for-editor {}
.var2-page .for-editor h3 {color:#455560; text-transform:uppercase; /*font-weight:normal;*/ padding-top:0; /*padding-bottom:32px*/;}
.var2-page .for-editor h4 {color:#455560; text-transform:uppercase; padding-top:0; /*padding-bottom:32px*/}
.btm-nav {font-size:9px; text-transform:uppercase}
.btm-nav li {float:left; padding-right:23px}
.btm-nav a {color:#828e97; text-decoration:none}
.btm-nav a:hover {text-decoration:underline}
.var2-page .copyright {float:right; text-align: right}
.main-visual {position:relative; height:410px; overflow:hidden; width:100%; margin-bottom:27px}
.main-visual-i {position:absolute; top:0; left:50%; margin-left:-580px; width:1160px; height:411px}
.main-visual-i .tip {position:absolute; width:20px; height:20px; background:url(../img/ico-tip.png) no-repeat 0 0; font-size:1px; text-decoration:none !important}
.main-visual-i .tip:hover {text-indent:0}
.main-visual-i .tip:hover span {visibility:visible}
.main-visual-i .tip span {position:absolute; top:34px; left:-13px; color:#fff; font-size:12px; line-height:16px; width:201px; padding:11px 10px 14px 14px; background:#3b4a54 url(../img/tip-bg.png) repeat-x 0 0; visibility:hidden}
.main-visual-i .tip span i {position:absolute; top:-13px; left:20px; width:13px; height:13px; background-image:url(../img/tip-crn.gif)}
.main-visual-i .m-tip-1 span {left:-188px}
.main-visual-i .m-tip-1 span i {left:195px}
.phone-vis {position:absolute; top:18px; right:20px; z-index: 100; color:#000; font-size:12px; text-align:right; width:200px; text-transform:uppercase}
.phone-vis small {display:block; font-size:11px}
.phone-vis big {position:relative; top:-4px; color:#fff; font-size:26px; vertical-align:top}
/* // ---- middle v2 ---- // */
.middle-v2 {padding-bottom:40px; min-height: 400px; _height:400px;}
h2.s-title {position:relative; margin-left:-20px; padding:0 0 17px 20px; color:#455560; font-size:16px; text-transform:uppercase; background:url(../img/s-cr.gif) no-repeat 0 3px}
h3.s-title {position:relative; margin-left:-15px; padding-left: 15px; color:#455560; font-size:13px; text-transform:uppercase; background:url(../img/s-cr-h3.png) no-repeat 0 3px}
h4.s-title {position:relative; margin-left:-10px; padding-left: 10px; color:#455560; font-size:10px; text-transform:uppercase; background:url(../img/s-cr-h4.png) no-repeat 0 4px}
.s-title small {display:block; font-size:70%; padding-top:6px;}
.m-col-2 {}
.m-col-2 .s-title {margin-left:0}
/* -- ---- middle v2 ---- -- */
.l-grid-1 {}
.l-grid-1 .l-col-1 {float:left; width:100%; margin-right:-50%}
.l-grid-1 .l-col-1-i {padding-right:291px; padding-left:20px}
.l-grid-1 .l-col-2 {float:right; width:260px}
.m-col-1 {padding-top:33px}
.columns-briefly {line-height:16px; padding-right:20px}
.columns-briefly p {padding-bottom:16px}
.columns-briefly .lc-col-1 {float:left; width:47%}
.columns-briefly .lc-col-2 {float:right; width:47%}
.layout31 .lc-col-1{width:52%}
.layout31 .lc-col-2{width:47%}
.lc-col-1.wide{width:100%}
.white {background:#fff; padding:16px 16px 0 16px; margin-left:-16px; border: #eee 1px solid;}
.side-offers {padding-bottom:5px}
.side-offers li {padding-bottom:20px}
.b-visual-nw {position:relative; background-position:50% 0; height:258px; margin-left:-20px; margin-bottom:23px}
.side-phone {color:#455560; font-size:14px; text-transform:uppercase; padding-left:20px; padding-bottom:15px}
.side-phone small {color:#455560; display:block; font-size:12px; margin-top:-5px}
.side-phone big {position:relative; top:-4px; color:#e60e64; font-size:28px; vertical-align:top}
.side-news {position:relative; margin-top:-5px; padding-bottom:10px}
.side-news dt {color:#455560; font-size:11px; text-transform:uppercase}
.side-news dd {padding-bottom:11px}
.side-news dd a {color:#464646; text-decoration:none}
.side-news dd a:hover {color:#e60a4d}
.side-news .ar {margin:3px 0 0 5px}
.partners-s {padding:10px 290px 28px 0}
.partners-s td {text-align:center; padding:14px 5px; width:33%}
.partners-s table {width:100%; background-color:#ebeced}
.l-cls {padding-bottom:55px}
.l-cls .l {float:left; width:46%}
.l-cls .r {float:right; width:46%}
.b-ginline {position:relative; padding-top:5px; margin-top:5px}
.b-ginline .gi-tls {position:absolute; top:-17px}
.b-ginline .gi-tls .ar-l, .b-ginline .gi-tls .ar-r {display:-moz-inline-stack; display:inline-block; width:14px; height:14px; font-size:1px; background-color:#d30044; vertical-align:top; margin-top:1px; background:url(../img/ar-gin.gif)}
.b-ginline .gi-tls .ar-l {background-position:0 0; margin-right:4px}
.b-ginline .gi-tls .ar-r {background-position:100% 0; margin-left:4px}
.b-ginline .gi-tls .ar-l:hover {background-position:0 -14px; }
.b-ginline .gi-tls .ar-r:hover {background-position:100% -14px;}
.b-ginline .gi-ph {height:305px; background-position:50% 0}
.news-list-v2 {}
.news-list-v2 dt {font-size:11px; color:#36414a; text-transform:uppercase; padding-bottom:8px}
.news-list-v2 dd {padding-bottom:33px}
.news-list-v2 dd a {color:#464646; text-decoration:none}
.news-list-v2 dd a:hover {color:#e60a4d}
.news-list-v2 dd .ar {margin:4px 0 0 4px}
.pages {text-align:center}
.pages a {margin:0 1px}
.pages .hr {color:#fff; border:1px solid #d1d4d7; background-color:#36424b; padding:0 4px; margin:0 1px}
.back-to {padding-top:20px; clear:both}
.back-to a {padding-right:15px; background:url(../img/ar-s.gif) no-repeat 100% 4px}
.pLogo{float:left; width:118px; height:118px; background:#ebecee; margin-right:15px; margin-bottom:15px; margin-top:3px;}
span.n{color: #e60a4d; font-weight: bold;}
div.tab {padding-left:20px;}
.logos a{margin:0 auto !important; display:table; overflow:hidden; zoom:1; color: #999 !important;}
.logos p {height:120px; padding:0 !important; margin-bottom:1px; font-size: 11px; line-height: 11px}
.clear{clear: both; height: 0; font-size: 0;}
#tooltip {
position: absolute;
z-index: 3000;
width:auto;
background-color: #3b4a54;
padding: 0;
opacity: 0.85;
color:#fff;
}
#tooltip h3 {
padding:5px 8px;
font-weight:normal;
text-transform:uppercase;
font-size:10px;
display: none;
}
#tooltip h3 small{display: block}
#tooltip div {
padding:0 8px 5px 8px;
font-size: 9px;
text-transform:uppercase;
display: block;
}
/* Darkbox */
.darkbox-frame {
position:fixed;
top:0;
left:0;
display:none;
overflow:hidden;
width:100%;
height:100%;
z-index:999;
}
.darkbox-frame-on {
display:block;
}
/* Shadow */
.darkbox-shadow {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0;
}
/* Canvas */
.darkbox-canvas {
position:absolute;
top:50%;
left:50%;
overflow:hidden;
margin:-40px 0 0 -40px;
width:80px;
height:80px;
background:#000 url(/img/spinner.gif) 50% 50% no-repeat;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
opacity:.5;
}
.darkbox-canvas IMG {
display:block;
visibility:hidden;
}
.darkbox-canvas-load {
background-image:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.darkbox-canvas-done {
overflow:visible;
opacity:1;
}
.darkbox-canvas-done IMG {
visibility:visible;
opacity:0;
}
/* Button */
.darkbox-button {
position:absolute;
top:-13px;
display:none;
width:30px;
height:30px;
background:url(/img/button.png) no-repeat;
cursor:pointer;
z-index:1;
}
.darkbox-button-on {
display:block;
}
.darkbox-button-left {
left:-16px;
}
.darkbox-button-right {
right:-16px;
}
a.darkbox {background:#fff; border: #eee 1px solid; margin-right:10px; float: left;}
a.darkbox img{vertical-align:top; margin:5px; float: none;}
a.darkbox .icon{width: 25px; height: 25px; position: absolute; background: url(/img/zoom.png) no-repeat; z-index: 10;}
a.darkbox:hover .icon{background-position: 0 -25px;}
.layout31 a.darkbox {margin-bottom:10px;}
.gal span{background:#fff; border: #eee 1px solid; float:right; cursor:pointer; margin: 3px 0 0 3px;}
.gal span.cur{cursor:default; border-color:#999;}
.gal span img{margin:5px; float: none;}
label.error {
display: block;
color: red;
margin-top: -5px;
}
.pic-arr-prev {
position: absolute;
width: 17px;
height: 34px;
left: 10px;
top: 109px;
background: url("../img/arr-prev.png") 0 0 no-repeat;
cursor: pointer;
}
.pic-arr-next {
position: absolute;
width: 17px;
height: 34px;
right: 10px;
top: 109px;
background: url("../img/arr-next.png") 0 0 no-repeat;
cursor: pointer;
}
.act{background:url(/img/s-cr.gif) no-repeat -1px -2px #fff; width:8px; height:8px; margin-right:-2px; display: -moz-inline-box; display: inline-block;}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.lang2 a.nav-6{display:none !important}
.num{position:absolute; z-index:10; background:#455560; color:#fff; width:18px; height:14px; text-align:center; padding:2px 0; font-size:11px;}
.nav-8{background:#e60e64;}
.slide-fotos {padding:0; margin:0;}
.slide-fotos li {padding:0;}
.slide-fotos li {display:none}
.slide-fotos-arrows {margin-bottom: 3px; /* position: absolute; background: #fff; z-index: 10 */}
.slide-fotos-arrows .ar-l, .slide-fotos-arrows .ar-r {display:-moz-inline-stack; display:inline-block; width:14px; height:14px; font-size:1px; background-color:#d30044; vertical-align:top; margin-top:1px; background:url(../img/ar-gin.gif)}
.slide-fotos-arrows .ar-l {background-position:0 0; margin-right:4px}
.slide-fotos-arrows .ar-r {background-position:100% 0; margin-left:4px}
.slide-fotos-arrows .ar-l:hover {background-position:0 -14px; }
.slide-fotos-arrows .ar-r:hover {background-position:100% -14px;}
.col1, .col2{line-height:16px; overflow: hidden; zoom: 1; margin-bottom: 15px;}
.col1{float:left; width:47%;}
.col2{float:right; width:47%}