body { font-family: Helvetica, Arial, sans-serif; background: #1e1e1e; }


a{ text-decoration: none; color: #c03; }
a:hover{color: #ccc; }
.btn{ background: #c03 url(../images/btn-arrow.gif) right center no-repeat; padding: 5px 25px 5px 5px; color: #fff; font-size: 12px; text-transform: lowercase; cursor:pointer; }
a:hover.btn{ background: #e2033d url(../images/btn-arrow-on.gif) right center no-repeat; color: #fff;  }
.grey-title{ background: #aaadb2; color: #fff; font-size: 15px; text-transform: uppercase; height: auto i!important; min-height: 15px; height: 15px; padding: 8px 10px; font-weight: lighter; margin: 0 0 20px 0; }
button.btn{ border: none; padding: 3px 25px 3px 5px; cursor: pointer; }

.tratt{ display: block; background: transparent url(../images/tratt.gif) top left repeat-x; }

#global-wrapper{ width: 100%; text-align: center; background: #e2e2e2; }
.wrapper { width: 960px; margin: 0 auto; text-align: left; }

#form-login input.button{  background: #c03 url(../images/btn-arrow.gif) right center no-repeat; padding: 5px 25px 5px 5px; color: #fff; font-size: 12px; text-transform: lowercase; cursor:pointer;  }
#form-login ul{ margin-bottom: 20px;  }
#form-login ul li a{ color: #ccc; }
#form-login ul li a:hover{ color: #fff; }
#top-panel #form-login ul li a{ color: #c03; }
#top-panel #form-login ul li a:hover{ color: #fff; }

/* Top panel */
#top-panel{ background:#c2c6cc; height:150px; width:100%; display:none; }
#top-panel .mod-form{ background: none; width: 320px; padding: 25px 30px 0 0; margin: 0 30px 0 0; border-right: 1px solid #a6a9ae; display: inline; float: left; }
#top-panel .mod-form.nletter{ width: 320px; }
#top-panel .mod-form .fields{ display: inline; float: left; }
#top-panel .mod-form h3{ text-transform: uppercase; font-size: 14px; color: #4f5358; font-weight: bold; }
#top-panel .mod-form .info{ display: inline; margin-left: 20px; float: left; }
#top-panel .mod-form .info a{ color: #333; }
#top-panel .mod-form button.btn{ margin: 10px 0 0 0; }
#top-panel .mod-form .checkForm p.nletter-privacy{ width: 100px; }
#top-panel .mod-form .checkForm p.nletter-privacy input{ width: auto; display: inline; float: left; background: none; padding: 0; }
#top-panel .mod-form .checkForm p.nletter-privacy label{ width: auto; display: inline; float: left; padding: 8px 0 0 0; }
#top-panel .mod-form.nletter button.btn{ margin: -2px 0 0 0; }
#top-panel #language{ display: inline; float: left; width: 150px; padding: 25px 0 0 0; }
#top-panel #language h3{  text-transform: uppercase; font-size: 14px; color: #4f5358; font-weight: bold; margin-bottom: 10px; }
#top-panel #language a{ font-size: 12px; color: #333; display: block; margin: 0 0 5px 0; }
#top-panel #language a:hover, #top-panel #language a.selected{ color: #c03; }
#top-panel .for-close{ height: 150px; position: relative; display: inline; float: right; width: 100px; }
#top-panel .for-close a{ color: #4f5358; font-size: 12px; text-transform: lowercase; display: block; position: absolute; bottom: 10px; right: 10px; }



/* Header */
#header{ height: 150px; width: 100%; background: #1e1e1e; text-align: left; }

#header .top-grey{ display: block; height: 3px; width: 100%; background: #c2c6cc; }
#header .wrapper{ height: 147px; position: relative; background: url(../images/bg-header.png) top center no-repeat; }
#logo{ position: absolute; width: 160px; height: 50px; top: 13px; left: 10px; }

/* Top */
#top{ position: absolute; top: 0; right: 0; float: right; }
#top .top-menu{ display: inline; float: left; margin: 0 20px 0 0;  }
#top .top-menu ul li{ display: inline; }
#top .top-menu ul li a{ display: inline; float: left; font-size: 12px; color: #fff; text-transform: lowercase; padding: 0 10px; height: 43px; line-height: 53px; background: none; }
#top .top-menu ul li a.selected, #top .top-menu ul li a:hover{ background: #c2c6cc; color: #1e1e1e; }

#social-menu{ display: inline; float: left; margin: 17px 5px 0 0; }
#social-menu a{ display: inline; float: left; width: 20px; height: 20px; margin: 0 5px 0 0;}
#social-menu a.facebook-top{ background: url(../images/facebook-icon.gif) top left no-repeat; }
#social-menu a:hover.facebook-top{ background: url(../images/facebook-icon-on.gif) top left no-repeat; }
#social-menu a.twitter-top{ background: url(../images/twitter-icon.gif) top left no-repeat; }
#social-menu a:hover.twitter-top{ background: url(../images/twitter-icon-on.gif) top left no-repeat; }
#social-menu a.rss-top{ background: url(../images/rss-icon.gif) top left no-repeat; }
#social-menu a:hover.rss-top{ background: url(../images/rss-icon-on.gif) top left no-repeat; }

#top-search{ display: inline; float: left; height: 22px; border-bottom: 1px solid #767778; margin: 15px 10px 0 0; }
#top-search input{ height: 18px; width: 125px; padding: 2px 5px; background: #fff; display: inline; float: left; font-size: 12px; color: #666; border: none; }
#top-search button{ height: 22px; width: 22px; padding: 2px; display: inline; float: left; border: none; text-indent: -9999px; outline: none; background:#fff url(../images/search-arrow.gif) center center no-repeat; cursor: pointer;  }

#menu{ position: absolute; bottom: 0; left: 0; height: 50px; width: 960px; z-index: 1000;  }
#menu ul li{display: inline; float: left; height: 40px; padding: 10px 13px 0 13px; position: relative; }
#menu ul li a{ color: #fff; font-size: 14px; font-weight: lighter; height: 40px; display: block; }
#menu ul li.w-sub a{ background: url(../images/menu-arrow-down.gif) right 3px no-repeat; padding: 0 15px 0 0;  }
#menu ul li.w-sub:hover a{ background: url(../images/menu-arrow-down-on.gif) right 3px no-repeat; color: #c03; }
#menu ul li:hover{ background: #2f2f2f; }
#menu ul li:hover a{ color: #c03; }
#menu ul li.mediagallery-btn{ height: 24px; background: #2f2f2f; float: left; margin:0 0 0 10px; }
#menu ul li.divisor{ width: 7px; height: 28px; display: inline; float: left; padding: 0; background: url(../images/divisor-menu.gif) top left repeat-y; margin: 5px 0 0 0; }

#menu ul li.w-sub ul{ display: none; width: 200px; position: absolute; top: 50px; left: 0; z-index: 500; }
#menu ul li.w-sub:hover ul{ display: block;  }
#menu ul li.w-sub ul li{ display: block; float: none; height: auto !important; min-height: 20px; height: 20px; background: #2f2f2f; padding: 10px 18px 10px 18px; }
#menu ul li.w-sub ul li:hover{ background: #c03; }
#menu ul li.w-sub:hover ul li:hover a{ color: #fff; }
#menu ul li.w-sub:hover ul li:hover.w-sub-b a{  background: url(../images/submenu-arrow-on.gif) right center no-repeat; }
#menu ul li.w-sub:hover ul li a{ line-height: normal; display: block; height: auto !important; min-height: 20px; height: 20px; color: #fff; background: none;   }
#menu ul li.w-sub:hover ul li.w-sub-b a{ background: url(../images/submenu-arrow.gif) right center no-repeat;   }
#menu ul li.w-sub:hover ul li ul{ display: none; position: absolute; top: 0; left: 200px; }
#menu ul li.w-sub ul li:hover ul{ display: block; }
#menu ul li.w-sub:hover ul li:hover.w-sub-b ul li a{ background: none; }
 


/* Home */
body.home .com{ width: 100%; background: #000; text-align: center; padding: 20px 0 0 0; }
body.home .com .left{ width: 700px; display: inline; float: left; margin: 0 0 0 10px; }
body.home .com .left #hero-image{ width: 700px; height: 350px; position: relative; margin: 0 0 40px 0;  }
body.home .com .left #hero-image .image{ position: absolute; top: 0; left: 0; width: 700px; height: 350px; }
body.home .com .left #hero-image .image .play{  display: block; position: absolute; top: 150px; left: 455px;  width: 33px; height: 33px; background: transparent url(../images/play-button.png) top left no-repeat; }
body.home .com .left #hero-image .info{ position: absolute; top: 0; left: 0; width: 224px; height: 350px; background: transparent url(../images/black-80.png) top left repeat; }
body.home .com .left #hero-image .info h2{ margin: 135px 0 10px 10px; width: 200px; color: #fff; font-size: 30px; font-weight: bold; text-transform: uppercase; }
body.home .com .left #hero-image .info h2 a{ display: block; color: #fff; }
body.home .com .left #hero-image .info p{ margin: 0 0 0 10px; width: 200px; font-size: 12px; line-height: 18px; height: 150px; background: transparent url(../images/com-home-arrow.png) bottom right no-repeat; height: 80px; padding: 0 0 20px 0; }
body.home .com .left #hero-image .info p a{ color: #fff; }

body.home .com .left .mod-generic{ display: inline; float: left; margin: 0 14px 0 0; height: 260px; }
body.home .com .left .mod-generic.last{ margin: 0; }
body.home .com .left .mod-generic.mod-engine p a{ display: block; margin: 0 0 15px 0;  }
body.home .com .left .mod-generic.mod-engine h3 a{ display: block; color: #c03; font-size: 24px; text-transform: uppercase; margin-bottom: 20px;  }

 
body.home .com .right{ width: 220px; display: inline; float: right; margin: 0 10px 0 0; }
body.home .com .right .mod-generic{ width: 220px; padding: 0; border: none; margin: 0 0 10px 0; }
body.home .com .right .mod-generic h3{color: #fff; font-size: 18px; font-weight: lighter;}
body.home .com .right .mod-generic h3 a{ color: #fff; }
body.home .com .right .mod-generic p a{ display: block; color: #fff; font-size: 12px; line-height: 16px; }
body.home .com .right .mod-generic a.more{ font-size: 12px; text-transform: lowercase; }

.mod-generic{ width: 200px; padding: 10px; border: 2px solid #333; }
.mod-generic .image{ position: relative; margin: 0 0 15px 0; }
.mod-generic .image img{ display: block; }
.mod-generic h3 a { color: #fff; }
.mod-generic h3 a:hover { color: #c03; }
.mod-generic .image a{ display: block; }
.mod-generic .image .btn{ position: absolute; bottom: 0; left: 0; }
.mod-generic .image .play{ display: block; position: absolute; top: 40px; left: 50%; margin-left: -16px; width: 33px; height: 33px; background: transparent url(../images/play-button.png) top left no-repeat; }
.mod-generic p a{ color: #fff; font-size: 14px; line-height: 20px; font-weight: lighter; }

.news .image{ position: relative; }
.news .image .play{ display: block; position: absolute; top: 20px; left: 50%; margin-left: -16px; width: 33px; height: 33px; background: transparent url(../images/play-button.png) top left no-repeat; }

.mod-news{}
.mod-news .grey-title{ background: #4f5358;}
.mod-news .box{}
.mod-news .box .image{ display: inline; float: left; width: 60px; height: 60px; }
.mod-news .box .info{ display: inline; float: right; width: 140px; }

.mod-news .box .info .date{ font-weight: bold; font-size: 12px; color: #fff; }
.mod-news .box .info p a{ font-size: 12px; color: #fff;   }
.mod-news .box .info a.more{ font-size: 12px;}

#home-cont{ padding: 20px 0 0 0; }
#home-cont .left{ display: inline; float: left; width: 460px; margin: 0 0 0 10px; }
#home-cont .left .ui-tabs{ padding: 0; }
#home-cont .left .ui-tabs-panel{ padding: 20px 20px 10px 20px; background: #fff; }
#home-cont .left .detail-description{ margin-bottom: 30px; }
#home-cont .left .detail-description .ui-tabs-nav{ height: 40px; padding: 0; }
#home-cont .left .detail-description .ui-tabs-nav li{ height: 40px; background: #b4b9c0; margin: 0; }
#home-cont .left .detail-description .ui-tabs-nav li a{ padding: 0; text-align: center; display: block; padding: 0 20px; width: 100px; float: none; height: 40px; line-height: 40px; font-size: 13px; color: #fff; text-transform: uppercase;  }
#home-cont .left .detail-description .ui-tabs-nav li.ui-tabs-selected{ background: #fff; padding: 0; }
#home-cont .left .detail-description .ui-tabs-nav li.ui-tabs-selected a{ background: #fff; color: #555c66; }
#home-cont .left .ui-tabs-panel .image{ display: inline; float: left; margin: 0 10px 0 0; }
#home-cont .left .ui-tabs-panel .info{ width: 190px; display: inline; float: left; }
#home-cont .left .ui-tabs-panel .info h3 a{ display: block; font-size: 20px; font-weight: bold; color: #c03; text-transform: uppercase; }
#home-cont .left .ui-tabs-panel .info .abstract{ display: block; font-size: 20px; font-weight: bold; color: #c03; font-weight: lighter; }
#home-cont .left .ui-tabs-panel .info p{font-size: 13px; color: #666; line-height: 18px; margin: 15px 0; }
#home-cont .left .ui-tabs-panel .info .more{font-size: 12px; font-weight: bold; }

#home-cont #calendar{ width: 430px; padding: 15px 15px 0 15px; background: #202020; }
#home-cont #calendar .info{ display: inline; float: left; width: 155px; }
#home-cont #calendar .info h2{ font-size: 22px; font-weight: bold; color: #b4b9c0; text-transform: uppercase; margin-bottom: 70px; }
#home-cont #calendar .info p{ background: transparent url(../images/star.png) top left no-repeat; font-size: 13px; color: #666; padding: 0 0 0 15px; line-height: 18px; }

#home-cont #calendar #datepicker{ display: inline; float: left; position: relative; width: 275px; }
#home-cont #calendar #datepicker .datepick{ width: 275px; overflow: hidden; }
#home-cont #calendar #datepicker .datepick .datepick-month-row{ clear: left; }
#home-cont #calendar #datepicker .datepick-month-header{ position: absolute; top: 0; left: 0;  font-size: 17px; color: #999; font-weight: bold; text-transform: uppercase; }
#home-cont #calendar #datepicker .datepick-nav{ position: absolute; top: 0; right: 0; }
#home-cont #calendar #datepicker .datepick-nav a{ font-size: 12px; color: #999; padding-right: 10px; text-transform: lowercase; cursor: pointer;  }
#home-cont #calendar #datepicker .datepick-nav a.datepick-cmd-today{ display: none; }
#home-cont #calendar #datepicker .datepick-month{ width: 275px;  }
.datepick-month {   float: left;    text-align: center;    width: 275px;}
#home-cont #calendar #datepicker .datepick-month table{ margin-top: 30px; border-collapse: collapse; width: 100%; }
#home-cont #calendar #datepicker .datepick-month table thead{ display: none; }
#home-cont #calendar #datepicker .datepick-month a{ display: block; width: 38px; height: 33px; font-size: 17px; font-weight: bold; color: #fff; background: #2b2b2b; margin: 0 1px 1px 0; text-align: center; line-height: 33px; }
#home-cont #calendar #datepicker .datepick-month table td a.star{ background: #c03 url(../images/star.png) 27px 2px no-repeat; }
#home-cont #calendar #datepicker .datepick-month table td a.datepick-today.star{ background: #999 url(../images/star.png) 27px 2px no-repeat !important; }
#home-cont #calendar #datepicker .datepick-month table td a.datepick-today{ background: #999; }

.datepick-clear-fix {
    clear: both;
}

.ui-datepicker-header{ margin-bottom: 15px;  }
.ui-datepicker-header .ui-datepicker-title{ display: inline; float: left; font-size: 17px; color: #999; font-weight: bold; text-transform: uppercase; width: 215px;  }
.ui-datepicker-header a.ui-datepicker-prev{ font-size: 12px; color: #999; padding-right: 10px; text-transform: lowercase; cursor: pointer; }
.ui-datepicker-header a.ui-datepicker-next{ font-size: 12px; color: #999; text-transform: lowercase; cursor: pointer; }
.ui-datepicker-calendar thead{ display: none; }
.ui-datepicker-calendar td a{ display: block; width: 38px; height: 33px; font-size: 17px; font-weight: bold; color: #fff; background: #2b2b2b; margin: 0 1px 1px 0; text-align: center; line-height: 33px; }
.ui-datepicker-calendar td a.star{ background: #c03 url(../images/star.png) 27px 2px no-repeat; }


#home-cont .right{ display: inline; float: right; width: 460px; margin: 0 10px 0 0;}
#home-cont .right .home-engine{ width: 460px; }
#home-cont .right .home-engine .box{ width: 460px; height: 124px; background: transparent url(../images/tratt.gif) bottom left repeat-x; }
#home-cont .right .home-engine .box:hover{  background:#d4d5d6 url(../images/tratt.gif) bottom left repeat-x;  }

#home-cont .right .home-engine .box h4 a{ display: inline; float: left; width: 150px; padding: 45px 10px 0 10px; font-size: 16px; color: #c03; font-weight: lighter; }
#home-cont .right .home-engine .box .info{ display: inline; float: left; width: 250px; height: 70px; padding: 20px 30px 20px 0; font-size: 16px; color: #c03; font-weight: lighter; background: transparent url(../images/engineering-red-arrow.png) right center no-repeat; }
#home-cont .right .home-engine .box .info p a{ display: block; line-height: 18px; font-size: 12px; color: #4f5358; }
#home-cont .right .home-engine .box .info a.more{font-size: 12px; margin: 5px 0 0 0; } 
#home-cont .right .home-engine .box .info a:hover.more{ color: #666; }

#pathway{ color: #848a92; padding: 10px 0 10px 10px; }
#pathway strong{ font-size: 11px; color: #333; }
#pathway a{ color: #848a92; font-size: 11px; text-decoration: underline; }
#pathway a:hover{ text-decoration: none; }
#pathway span{ color: #4f5358; font-size: 11px; text-decoration: none; }


#content-sx{ display: inline; float: left; width: 680px; padding: 10px; margin: 0 0 0 10px; background: #fff; }
#content-sx #col-mid{ display: inline; width: 440px; float: right; }
#content-sx #col-left{ display: inline; width: 220px; float: left; }
#content-sx #col-left .mod-generic{  border: none; padding: 0; margin: 0 0 30px 0; width: 220px; }
#content-sx #col-left .mod-generic h3 { margin: 0 0 5px 0; }
#content-sx #col-left .mod-generic h3 a{ display: block; text-transform: uppercase; border-top: 2px solid #d6335c; padding-top: 5px; font-size: 20px; font-weight: bold; color: #D6335C; }
#content-sx #col-left .mod-generic h3 a:hover{ color: #666; }
#content-sx #col-left .mod-generic .abstract a{ display: block; font-size: 15px; margin: 0 0 5px 0; line-height: 18px; }
#content-sx #col-left .mod-generic .abstract a:hover{ color: #666; }
#content-sx #col-left .mod-generic p a{ display: block; font-size: 12px; color: #666; }


#col-right{ display: inline; float: right; width: 220px; margin: 0 10px 0 0; }


#col-mid h2{ font-size: 14px; font-weight: bold; color: #666; text-transform: uppercase; margin: 0 0 25px 0; }
#col-mid .text p{ font-size: 12px; color: #666; line-height: 20px; margin: 0 0 20px 0; text-align: justify; }
/*#col-mid .text .abstract{ color: #c03; font-size: 16px; line-height: 18px; }*/
#col-mid .text .abstract{ font-size: 12px; color: #666; line-height: 20px; margin: 0 0 20px 0; display: block; }
#col-mid .text a:hover{ color: #666; text-decoration: underline; }
#col-mid .text ul{ margin: 0 0 20px 0; }
#col-mid .text ul li{ background:transparent url("../images/search-arrow.gif") no-repeat scroll left 5px; font-size: 12px; color: #666; padding: 4px 0 5px 10px; }


.mod-form{ width: 180px; padding: 20px; background: #8a8c8f; margin: 0 0 20px 0; }
.mod-form h3{ color: #fff; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
.mod-form .checkForm p{ display: block; float: none; width: 180px; margin: 0 0 10px 0; }
.mod-form .checkForm p input{ width: 160px; height: 24px; }
.mod-form .checkForm p.nletter-privacy{ /*overflow: hidden;*/ }
.mod-form .checkForm p.nletter-privacy input{ width: auto; display: inline; float: left; background: none; }
.mod-form .checkForm p.nletter-privacy label{ width: auto; display: inline; float: left; padding: 8px 0 0 0; }
.mod-form .checkForm p.nletter-privacy label.error{ top: -12px; }
.mod-form .checkForm .select{ width: 142px;}
.mod-form .info{ margin: 0 0 10px 0; }
.mod-form .info a{ display: block; color: #fff; font-size: 11px; margin: 0 0 5px 0; text-decoration: underline; }
.mod-form .info a:hover{ text-decoration: none; }



.checkForm .contentpane p{ color: #666666; font-size: 12px; line-height: 20px; margin: 0 0 40px; }
.checkForm .contentpane label{ font-size: 12px; color: #333; }
.checkForm .contentpane input{ border: 1px solid #ccc;  width: 180px; height: 24px; font-size: 13px; color: #4f5358; padding: 2px 20px 2px 2px;  }
.checkForm button.validate{ border: none; padding: 3px 25px 3px 5px; cursor: pointer;  background: #c03 url(../images/btn-arrow.gif) right center no-repeat; color: #fff; font-size: 12px; text-transform: lowercase; }



/* mod minigallery */


.mod-minigallery{ width: 440px;}
.mod-minigallery h3{ color: #666; text-transform: uppercase; font-size: 13px; font-weight: bold; margin-bottom: 15px; }

.mod-minigallery ul li{ width: 120px; height: 60px; border: 1px solid #fff; margin: 0 10px 0 0; position: relative; }
.mod-minigallery ul li a{ display: block; width: 120px; height: 60px; }
.mod-minigallery ul li a.play{ display: block; position: absolute; top: 10px; left: 50%; margin-left: -16px; width: 33px; height: 33px; background: transparent url(../images/play-button.png) top left no-repeat; }


.mod-minigallery .jcarousel-container-horizontal {
	background: #eee; 
    height: 100px;
    width: 440px;
    z-index: 10;
    display: inline;
    float: left;
}
.mod-minigallery .jcarousel-clip-horizontal {
    width: 388px;
    height: 62px;
    margin: 20px 0 0 27px;
}
.mod-minigallery .jcarousel-next, .jcarousel-prev {
	cursor: pointer;
	z-index: 10;
}
.mod-minigallery .jcarousel-next {
	width: 10px;
	height: 18px;
	background: url(../images/arrow-dx-minigallery.gif) top right no-repeat; 
	position: absolute;
	top: 40px;
	right: 7px;
}

.mod-minigallery .jcarousel-prev {
	width: 10px;
	height: 18px;
	background: url(../images/arrow-sx-minigallery.gif) top left no-repeat; 
	position: absolute;
	top: 40px;
	left: 7px;
}

.accordion{ margin-bottom: 50px; }
.accordion h3{ width: 440px; height: auto !important; min-height: 20px; height: 20px; padding: 15px 40px 0 0; background: transparent url(../images/accordion-top.gif) top left no-repeat; }
.accordion h3 a{ display: block; width: 440px; /*background: transparent url(../images/tratt.gif) bottom left repeat-x;*/ font-size: 15px; text-transform: uppercase; color: #666; padding: 0 0 10px 0;  }
.accordion .info{ font-size: 12px; color: #666; margin: 0 0 10px 0; }

/* our-company */
#our-company{ background: transparent url(../images/tratt.gif) top left repeat-x; text-align: left;}

#our-company .info{ margin: 40px 20px 0 10px; display: inline; float: left; width: 240px; }
#our-company .info h2{ color: #4f5358; font-size: 20px; text-transform: uppercase; margin: 0 0 10px 0; }
#our-company .info p{ color: #666; font-size: 12px; line-height: 18px; }

#our-company .companies{ display: inline; float: left; margin: 20px 0 0 0; }
#our-company .companies ul li{ width: 140px; height: 140px; margin: 0 10px 0 0; }


.companies .jcarousel-container-horizontal {
    height: 140px;
    width: 660px;
    z-index: 10;
    display: inline;
    float: left;
}
.companies .jcarousel-clip-horizontal {
    width: 600px;
    height: 140px;
    margin: 0 0 0 35px;
}
.companies .jcarousel-next, .jcarousel-prev {
	cursor: pointer;
	z-index: 10;
}
.companies .jcarousel-next {
	width: 13px;
	height: 23px;
	background: url(../images/arrow-dx-grey.png) top right no-repeat; 
	position: absolute;
	top: 55px;
	right: 0;
}

.companies .jcarousel-prev {
	width: 13px;
	height: 23px;
	background: url(../images/arrow-sx-grey.png) top left no-repeat; 
	position: absolute;
	top: 55px;
	left: 0;
}



/* portfolio */
.customer{ padding: 0 0 10px 0; background: transparent url(../images/tratt.gif) bottom left repeat-x; margin: 0 0 20px 0; }
.customer .info{ display: inline; float: left; }
.customer .info h3{ font-size: 15px; text-transform: uppercase; font-weight: bold; }
.customer .info p{ margin:0;}
.customer .info p a{ font-size: 12px; color: #666; }
.customer a.go-to{ display: inline; float: right; text-decoration: underline; background: transparent url(../images/arrow-dx-mini.png) top right no-repeat; font-size: 11px; color: #666; height: 20px; padding: 2px 15px 0 0;  }
.customer a:hover{ text-decoration: none; color: #c03; }

/* partners */
.partner{ padding: 0 0 10px 0; background: transparent url(../images/tratt.gif) bottom left repeat-x; margin: 0 0 20px 0; }
.partner .image{ display: inline; float: left; margin: 0 15px 0 0; }
.partner .info{ display: inline; float: left; width: 310px; }
.partner .info h3{ font-size: 15px; text-transform: uppercase; font-weight: bold; margin: 0 0 5px 0; }
.partner .info p{ font-size: 12px; color: #666; margin:0; line-height: 18px; }
.partner a.go-to{ display: block; text-decoration: underline; font-size: 12px; color: #666; margin: 0 0 15px 0; }
.partner a:hover{ text-decoration: none; color: #c03; }


/* news */
.news{ padding: 0 0 10px 0; background: transparent url(../images/tratt.gif) bottom left repeat-x; margin: 0 0 20px 0; }
.news .image{ display: inline; float: left; margin: 0 15px 0 0; }
.news .info{ display: inline; float: left; width: 270px; }
.news .info h3 a{ font-size: 12px; color: #666; margin:0; line-height: 18px; text-decoration: none; font-weight: normal; margin-bottom: 5px; display: block; }
.news .info .date{ font-weight: bold; font-size: 12px; color: #666; display: block; margin-bottom: 15px; }
.news .info p{ color: #666; font-size: 12px; line-height: 15px; }
.news .info a.go-to{ font-size: 11px; font-weight: bold;  }
.news .info a:hover.go-to{ color: #666; text-decoration: underline; }

.back{ display: inline; float: right; color: #848a92; font-size: 13px; background: transparent url(../images/arrow-sx-mini.png) top left no-repeat; height: 20px; padding: 3px 0 0 20px; }

.pagination{ display: inline; float: right; font-size: 13px; }
.pagination a{ color: #848a92; }
.pagination a:hover, .pagination a.selected{ color: #c03;  }


/* Exergia in the World */
.wrapper.world #content-sx{ background: none; padding: 0; width: 700px; }
.wrapper.world #content-sx #col-mid{ display: block; float: none; width: 100%; }
.wrapper.world #content-sx .grey-title{ background: #8a8c8f; }
.wrapper.world #content-sx #col-mid .map{ width: 700px; height: 440px; background: #ccc; }

/* Contacts */
.wrapper.contacts #content-sx{ background: none; padding: 0; width: 460px; }
.wrapper.contacts #content-sx #col-mid{ display: block; float: none; width: 100%; }
.wrapper.contacts #content-sx .grey-title{ background: #8a8c8f; }
.wrapper.contacts #content-sx #col-mid p.info{ font-size: 15px; color: #666; margin: 0 0 25px 0; line-height: 20px; }
.wrapper.contacts #content-sx #col-mid p.info-b{ font-size: 14px; color: #666; line-height: 20px; margin: 0 0 25px 0;}
.wrapper.contacts #content-sx #col-mid .map{ width: 460px; height: 300px; background: #ccc; }

.wrapper.contacts #col-right{ width: 420px; background: #d9d9d9; padding: 20px;  }
.wrapper.contacts #col-right h2{ font-size: 22px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 0 0 15px 0; }
.wrapper.contacts #col-right .checkForm p{ width: 200px; margin: 0 20px 20px 0; }
.wrapper.contacts #col-right .checkForm p.last{ margin: 0 0 20px 0; }
.wrapper.contacts #col-right .checkForm p input{ width: 180px; }
.wrapper.contacts #col-right .checkForm p.recive-yes-no{}
.wrapper.contacts #col-right .checkForm p.recive-yes-no span{ display: inline; float: left; font-size: 11px; color: #4f5358; width: 105px; }
.wrapper.contacts #col-right .checkForm p.recive-yes-no input{ display: inline; float: left; width: 15px; padding: 4px 0 0 3px; }
.wrapper.contacts #col-right .checkForm p.recive-yes-no label{ display: inline; float: left; line-height: 25px; }
.wrapper.contacts #col-right .checkForm button{ display: inline; float: right; }
.wrapper.contacts #col-right .checkForm p.recive-yes-no.sex span{ width: 30px; font-size: 13px; line-height: 30px; }
.wrapper.contacts #col-right .checkForm p.recive-yes-no.sex label{ font-size: 12px; margin-left: 8px; line-height: 30px; }

/* Privacy */
.wrapper.privacy #content-sx{ background: none; padding: 0; width: 960px; }
.wrapper.privacy #content-sx #col-mid{ display: block; float: none; width: 100%; }
.wrapper.privacy #content-sx .grey-title{ background: #8a8c8f; }

#privacy{ line-height: 18px; font-size: 13px; color: #666; padding-bottom: 10px; width: 600px; }

/* Sitemap */
.componentheading{ background: #aaadb2; color: #fff; font-size: 15px; text-transform: uppercase; height: auto i!important; min-height: 15px; height: 15px; padding: 8px 10px; font-weight: lighter; margin: 0 0 20px 0; }
.sitemap ul.level_0 ul{ list-style: none; }
.sitemap ul.level_1 li{ background: url(../images/search-arrow.gif) left 5px no-repeat; padding: 0 0 0 10px; }
.sitemap ul.level_1 li a{ color: #666; }

/* Media Gallery */
.wrapper.mediagallery #content-sx{ background: none; padding: 0; width: 460px; }
.wrapper.mediagallery #content-sx #col-mid{ display: block; float: none; width: 100%; }
.wrapper.mediagallery #col-right{ width: 460px; height: 1100px; position: relative; }

.wrapper.mediagallery #content-sx #col-mid .main-info{ height: 240px; }
.wrapper.mediagallery #content-sx #col-mid .main-info h1{ color: #c03; font-size: 20px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; }
.wrapper.mediagallery #content-sx #col-mid .main-info h1 span{ display: block; font-size:30px ; }
.wrapper.mediagallery #content-sx #col-mid .main-info p.abstract{ color: #666; font-size: 16px; line-height: 18px; margin-bottom: 15px;  }
.wrapper.mediagallery #content-sx #col-mid .main-info p{ color: #666; font-size: 12px; line-height: 18px; }
.wrapper.mediagallery .mod-generic{ background: #fff; border: none; display: inline; float: left; margin: 0 20px 20px 0; height: 200px; position: relative; }
.wrapper.mediagallery .mod-generic p{ font-size: 12px; color: #4f5358; }
.wrapper.mediagallery .mod-generic p strong{ display: block; font-weight: bold; margin-bottom: 5px; }
.wrapper.mediagallery .mod-generic p span{ display: block; margin-bottom: 5px; line-height: 18px;  }
.wrapper.mediagallery .mod-generic .more{ font-size: 12px; color: #c03; }
.wrapper.mediagallery .mod-generic.large{ width: 440px; display: block; float: none; margin: 0 0 20px 0; height: 310px; }
.wrapper.mediagallery .mod-generic.large .image .play{ top: 90px; }
.wrapper.mediagallery .mod-generic.last{ margin: 0 0 20px 0; }
.wrapper.mediagallery .mod-generic a{ display: block; position: absolute; top: 0; left: 0; height: 200px; width: 220px; z-index: 200; }
.wrapper.mediagallery .mod-generic.large a{ width: 440px; height: 310px;}

.wrapper.mediagallery #col-right{ width: 460px;}

.wrapper.mediagallery .mod-form{ height: 180px; display: inline; float: left; margin: 0 20px 20px 0; }
.wrapper.mediagallery .mod-form h3{ font-size: 22px; }
.wrapper.mediagallery .mod-form button.btn{ margin: 30px 0 0 0; }

.wrapper.mediagallery .pagination{ height: 30px; background: #fff; width: 450px; text-align: right; line-height: 30px; padding: 0 10px 0 0; position: absolute; bottom: 0; right: 0; }

/* info-map */
.info-map{ width: 220px; height: 230px; padding: 10px 0 0 20px; }
.info-map p.close{ height: 25px; text-align: right; line-height: 25px; width:200px ; }
.info-map p.close a{ display: inline; float: right;  color: #999; font-size: 12px; }
.info-map .image{ margin: 0 0 10px 0; }
.info-map .info{ width: 200px;  }
.info-map .info p{ font-size: 12px; color: #666; line-height: 17px; margin: 0 0 7px 0; }
.info-map .info a{ font-size: 12px; }


/* Fancybox Title */
.wrap-ftitle{ display: none; }
.ftitle{ text-align: left; }
.ftitle strong{ font-size: 15px; display: block; color: #4f5358; margin-bottom: 5px; padding: 10px 0; }
.ftitle span{ font-size: 12px; display: block; color: #4f5358; line-height: 16px; }
.ftitle img{ float: right; margin-bottom: 10px; }


#fancybox-left-ico {
 left: -42px;
 width: 43px;
 height: 44px;
 background: transparent url(../images/fancy-arrow-sx.gif) top left no-repeat;
}
#fancybox-left:hover span {
 left: -42px;
}



#fancybox-right-ico {
 right: -42px;
 width: 43px;
 height: 44px;
 background: transparent url(../images/fancy-arrow-dx.gif) top left no-repeat;
 left: auto;
} 
#fancybox-right:hover span {
 right: -42px;
}
/* DP
#fancybox-close{ width: 37px; height: 37px;  background: transparent url(../images/fancy-close.gif) top left no-repeat; right: 0; top: -30px; }
/**/
/* Form */
input, select, textarea{ font-family: Helvetica, Arial, sans-serif; border: none; }

form p.custom-select{ position: relative; }
form select.styled{ width: 200px; height: 24px;  }
form .select{ background: url(../images/custom-select.gif) bottom right no-repeat; width: 162px; padding: 6px 35px 0 5px;  font-size: 13px; color: #4f5358; position: absolute; overflow: hidden; height: 22px;  }
.checkForm{}
.checkForm p{ display: inline; float: left; width: 340px; margin: 0 0 20px 0; position: relative; }
.checkForm p label{ font-size: 13px; color: #4f5358; display: block; text-transform: lowercase; }
.checkForm p label.inFieldLabel{ position: absolute; top: 6px; left: 3px; }
.checkForm p label span{ color: #4e4e4e; }
.checkForm p label.error{ position: absolute; top: -14px;  right: -2px; font-size: 10px; color: #fff; background: #c03; padding: 2px; }
/*.checkForm p label.error{ visibility: hidden; width: 0px; height: 0px; }*/
.checkForm p input{ width: 180px; height: 24px; font-size: 13px; color: #4f5358; padding: 2px 20px 2px 2px; }
.checkForm p input.required{ background: #fff url(../images/asterix.gif) center right no-repeat; }
.checkForm p.t-area{ width: 420px; display: block; float: none;  }
.checkForm p.t-area label{ padding-bottom: 3px; font-size: 12px; }
.checkForm p.t-area textarea{ width: 416px; height: 66px; padding: 2px; font-size: 13px; color: #4f5358; }
.checkForm p.t-area.privacy{ margin-bottom: 5px; }
.checkForm p.t-area.privacy textarea{ height: 120px; font-size: 11px; color: #999; }
.checkForm p.t-area.newsletter-area{ margin-bottom: 5px; }
.checkForm p.t-area.contact-area{ width: 660px; }
.checkForm p.t-area.contact-area textarea{ width: 655px; height: 210px; padding: 5px; font-size: 14px; color: #666; }
.checkForm p.accept{}
.wrapper.contacts #col-right .checkForm p.accept input{ width: 15px; height: auto; padding: 0; border: none; display: inline; float: left; margin: 0 5px 0 0; }
.checkForm p.accept label{ line-height: 14px; font-size: 11px; color: #4f5358; font-weight: bold; text-transform: none; }
.checkForm p.accept label a{ text-decoration: underline; color: #999; }
.checkForm .req-fields{ margin:0;  }
.checkForm .req-fields span{ color: #999; font-size: 10px; }
.checkForm .final{ border-top: 1px solid #333; width: 100%; }
.checkForm .final a{ display: inline; float: right; font-size: 12px; color: #666; margin: 0 15px 0 0; padding: 20px 0 0 0; }
.checkForm .final a.edit-cart{ padding: 10px 0 0 0; text-align: right; line-height: 15px; }
.checkForm .final button{ display: inline; float: right; }
.checkForm .final button.grey-btn{ height: 30px; }


/* Footer */
#footer{ text-align: center; padding: 30px 0 0 0; background: url(../images/bg-footer.png) top center no-repeat; }
#footer #footer-cont{ width: 940px; margin: 0 auto; padding: 0 0 25px 0; text-align: left; }
#footer #footer-cont .column{ display: inline; float: left; width: 150px; margin: 0 10px 0 0;  }
#footer #footer-cont .column h2{ font-size: 12px; color: #fff; margin-bottom: 15px; }
#footer #footer-cont .column ul li a{ display: block; font-size: 11px; color: #fff; margin-bottom: 8px; }
#footer #footer-cont .column ul li a:hover{ color: #c03; }
#footer #footer-cont .column.last { float: right; width: auto; }
#footer #footer-cont .column.last h2 a{ color: #fff; }
#footer #footer-cont .column.last h2 a:hover{ color: #c03; }
#footer #footer-cont .copy{ width: 940px; font-size: 10px; color: #666; padding: 20px 0 0 0; border-top: 1px solid #353535; }
#footer #footer-cont .copy h2{ color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#footer #footer-cont .copy p{ color: #fff; font-size: 11px; margin-bottom: 5px; }
#footer #footer-cont .copy p a{ color: #fff; }
#footer #footer-cont .copy p a:hover{ color: #c03; }
/**/


/* Area riservata */
body.area{ background: #4c4c4c; }
body.area #header{ background: #4c4c4c;  }
body.area #header .wrapper{background: url(../images/bg-header-area.png) top center no-repeat;  }
body.area #menu-area{ position: absolute; bottom: 20px; right: 10px; height: 30px; z-index: 2000; }
body.area #menu-area ul li{ display: inline; }
body.area #menu-area ul li a{ display: inline; float: left; height: 30px; line-height: 30px; border-right: 1px solid #828282; font-size: 14px; color: #fff; padding: 0 20px 0 0; margin: 0 20px 0 0; }
body.area #menu-area ul li a:hover, body.area #menu-area ul li.selected a{ color: #828282; }
body.area #menu-area ul li.last a{ margin: 0; border: none; }
body.area #footer{background: url(../images/bg-footer-area.png) top center no-repeat; }

#top-area{ position: absolute; top: 20px; right: 0; float: right; }
#top-area .top-area-menu{ display: inline; float: left; margin: 0 20px 0 0;  }
#top-area .top-area-menu ul li{ display: inline; float: left; color: #fff; font-size: 12px; margin: 0 15px 0 0; height: 15px; }
#top-area .top-area-menu ul li a{ display: inline; float: left; font-size: 12px; color: #fff; text-transform: lowercase;}
#top-area .top-area-menu ul li a:hover{ text-decoration: underline; }
#top-area .top-area-menu ul li.a-back a{ background: transparent url(../images/back-area.gif) top left no-repeat; padding: 0 15px 0 15px; height: 15px; border-right: 1px solid #a6a6a6; color: #a6a6a6; }
#top-area .top-area-menu ul li.logout a{ background: transparent url(../images/close-area.gif) top right no-repeat; padding: 0 20px 0 0; height: 15px; color: #a6a6a6; }
#top-area .top-area-menu ul li.user{ border-right: 1px solid #a6a6a6; padding: 0 15px 0 0; }

body.area #content-sx{ background: none; }
body.area #content-sx #col-mid{ width: 100%; }
body.area .mod-news{ background: #000; width: 200px; padding: 10px; }
body.area .mod-news h3{ color: #fff; text-transform: uppercase; font-weight: lighter; margin: 0 0 20px 0; font-size: 15px; }
body.area .mod-news .box .info{ width: 120px; }

body.area #content-sx #col-mid h1{ color: #666; font-size: 16px; margin-bottom: 20px; font-weight: normal; }
body.area #content-sx #col-mid .checkForm p{  width: 200px; margin: 0 20px 20px 0;  }
body.area #content-sx #col-mid .checkForm p.recive-yes-no{ width: 100%; }
body.area #content-sx #col-mid .checkForm p.recive-yes-no span{ display: inline; float: left; font-size: 11px; color: #4f5358; width: auto; padding: 10px 15px 0 0; font-weight: bold;  }
body.area #content-sx #col-mid .checkForm p.recive-yes-no input{ display: inline; float: left; width: 15px; padding-right: 0; margin-left: 20px; }
body.area #content-sx #col-mid .checkForm p.recive-yes-no label{ display: inline; float: left; line-height: 25px; }
body.area #content-sx #col-mid .checkForm p.t-area{ width: auto; }
body.area #content-sx #col-mid .checkForm p.t-area textarea{ width: 640px; }
body.area #content-sx #col-mid .checkForm p.accept input{ width: 15px; height: auto; padding: 0; border: none; display: inline; float: left; margin: 0 5px 0 0; }
body.area #content-sx #col-mid .checkForm button{ display: inline; float: right; margin-right: 40px; }

.a-mod{ padding: 0 0 10px 0; background: transparent url(../images/tratt.gif) bottom left repeat-x; margin: 0 0 20px 0; }
.a-mod .image{ display: inline; float: left; margin: 0 15px 0 0; }
.a-mod .doc-title{ width: 160px; display: inline; float: left; margin: 0 15px 0 0; padding: 20px 0 0 0;  }
.a-mod .doc-title h3{ font-size: 13px; color: #c03; margin:0; line-height: 18px; text-decoration: none; font-weight: normal; }
.a-mod .info{ display: inline; float: left; width: auto; }
.a-mod .info h3{ font-size: 13px; color: #c03; margin:0; line-height: 18px; text-decoration: none; font-weight: normal; margin-bottom: 5px; display: block; }
.a-mod .info p{ font-size: 13px; color: #666; margin:0; line-height: 18px; text-decoration: none; font-weight: normal; margin-bottom: 5px; display: block; }
.a-mod .info a.go-to{ font-size: 12px; font-weight: bold; color: #666; background: transparent url(../images/acrobat-area.gif) top left no-repeat; padding: 3px 0 0 25px; height: 18px; display: block; margin: 10px 0 0 0;   }
.a-mod .info a:hover.go-to{ color: #666; text-decoration: underline; }

.map{height:400px;}



#warning-submit{ color: #c03; font-size: 13px; }
.warning{ margin: 30px 0; padding: 10px; color: #c03; border: 2px solid #c03; }
#system-message{ font-size: 13px; padding: 10px; color: #666; border: 2px solid #ccc;  }



/* Risultati ricerca */
fieldset{ margin: 0 0 20px 0; color: #666; font-size: 12px; line-height: 18px; }
fieldset .small{ color: #666; font-size: 11px; }
fieldset a{font-size: 16px; }
.searchintro{ font-size: 12px; font-weight: bold; color: #666; }
#searchForm label{ font-size: 14px; color: #666; font-weight: lighter; padding: 0 10px 0 0; }
#searchForm input{ border: 1px solid #ccc; }