@charset "utf-8";
body,p,th,td,input,select,textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
body{ background:#330000 url(../images/bg.jpg) left top no-repeat; margin:0; padding:0; color:#000;}
div{ padding:0; margin:0;}
a{ color:#000;}
a img{ border:none;}
form{margin:0; padding:0;}
hr{ height:1px; color:#ccc; width:100%;}
#cls{ clear:both;}
table,ul,li,ol,dl,dt{ list-style:none; padding:0; margin:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0;}
html,body{ height:100%;}

#content{ height:100%; min-height:660px; padding-left:34px; margin:0 auto; width:920px; }
.left{ margin-top:60px; border-left:3px solid #f00; background:#000; width:157px; float:left;}
.logo{ background:url(../images/logo.gif) center no-repeat; padding:25px; width:93px; height:58px; margin:0 auto;}
.navigation ul li a{ width:157px; height:18px; display:block; background-repeat:no-repeat; margin:10px 0; padding:0;}
.navigation ul ul{ display:none;}
.navigation ul ul li a{ width:157px; height:14px; display:block; background-repeat:no-repeat; margin:2px 0;}
a.nav_home{ background:url(../menu/menu-off-01.gif);}
a.nav_home:hover{ background:url(../menu/menu-on-01.gif);}
a.nav_home_on{ background:url(../menu/menu-visited-01.gif);}
a.nav_about{ background:url(../menu/menu-off-02.gif);}
a.nav_about:hover{ background:url(../menu/menu-on-02.gif);}
a.nav_about_on{ background:url(../menu/menu-visited-02.gif);}
a.nav_news{ background:url(../menu/menu-off-03.gif);}
a.nav_news:hover{ background:url(../menu/menu-on-03.gif);}
a.nav_news_on{ background:url(../menu/menu-visited-03.gif);}
a.nav_works{ background:url(../menu/menu-off-04.gif);}
a.nav_works:hover{ background:url(../menu/menu-on-04.gif);}
a.nav_works_on{ background:url(../menu/menu-visited-04.gif);}
a.nav_arts{ background:url(../menu/menu-off-05.gif);}
a.nav_arts:hover{ background:url(../menu/menu-on-05.gif);}
a.nav_arts_on{ background:url(../menu/menu-visited-05.gif);}
a.nav_press{ background:url(../menu/menu-off-06.gif);}
a.nav_press:hover{ background:url(../menu/menu-on-06.gif);}
a.nav_press_on{ background:url(../menu/menu-visited-06.gif);}
a.nav_case{ background:url(../menu/menu-off-07.gif);}
a.nav_case:hover{ background:url(../menu/menu-on-07.gif);}
a.nav_case_on{ background:url(../menu/menu-visited-07.gif);}
a.nav_jobs{ background:url(../menu/menu-off-08.gif);}
a.nav_jobs:hover{ background:url(../menu/menu-on-08.gif);}
a.nav_jobs_on{ background:url(../menu/menu-visited-08.gif);}
a.nav_contact{ background:url(../menu/menu-off-09.gif);}
a.nav_contact:hover{ background:url(../menu/menu-on-09.gif);}
a.nav_contact_on{ background:url(../menu/menu-visited-09.gif);}
a.nav_link{ background:url(../menu/menu-off-10.gif);}
a.nav_link:hover{ background:url(../menu/menu-on-10.gif);}
a.nav_link_on{ background:url(../menu/menu-visited-10.gif);}
a.nav_forum{ background:url(../menu/menu-off-11.gif);}
a.nav_forum:hover{ background:url(../menu/menu-on-11.gif);}
a.nav_forum_on{ background:url(../menu/menu-visited-11.gif);}

a.nav_about1{ background:url(../menu/menu-off-21.gif);}
a.nav_about1:hover{ background:url(../menu/menu-on-21.gif);}
a.nav_about1_on{ background:url(../menu/menu-on-21.gif);}
a.nav_about2{ background:url(../menu/menu-off-22.gif);}
a.nav_about2:hover{ background:url(../menu/menu-on-22.gif);}
a.nav_about2_on{ background:url(../menu/menu-on-22.gif);}
a.nav_about3{ background:url(../menu/menu-off-23.gif);}
a.nav_about3:hover{ background:url(../menu/menu-on-23.gif);}
a.nav_about3_on{ background:url(../menu/menu-on-23.gif);}
a.nav_about4{ background:url(../menu/menu-off-24.gif);}
a.nav_about4:hover{ background:url(../menu/menu-on-24.gif);}
a.nav_about4_on{ background:url(../menu/menu-on-24.gif);}

a.nav_works1{ background:url(../menu/menu-off-41.gif);}
a.nav_works1:hover{ background:url(../menu/menu-on-41.gif);}
a.nav_works1_on{ background:url(../menu/menu-on-41.gif);}
a.nav_works2{ background:url(../menu/menu-off-42.gif);}
a.nav_works2:hover{ background:url(../menu/menu-on-42.gif);}
a.nav_works2_on{ background:url(../menu/menu-on-42.gif);}
a.nav_works3{ background:url(../menu/menu-off-43.gif);}
a.nav_works3:hover{ background:url(../menu/menu-on-43.gif);}
a.nav_works3_on{ background:url(../menu/menu-on-43.gif);}

.right{ float:left; width:760px;}
.right h3{ color:#fff; background:#f00; padding:3px 8px; font-size:14px; margin-top:36px; height:18px; font-family:"Trebuchet MS",Verdana, Arial, Sans-Serif;}
.right h3 b{ float:left; width:500px;}
.right h3 span{ float:right; width:80px;}
.right h3 span a{ margin-left:5px;}
a.previous_img{ background:url(../images/previous_img.gif) center no-repeat; width:15px; height:15px; float:right; display:block;}
a.next_img{ background:url(../images/next_img.gif) center no-repeat; width:15px; height:15px; float:right; display:block;}
a.list_img{ background:url(../images/list.gif) center no-repeat; width:15px; height:15px; float:right; display:block;}
.transparent{ background: url(../images/grigio_transparent.png) left top; width: 100%; text-align: justify;}
.iosatrans{ background: url(../images/iosatrans.png) left top; width: 760px; text-align: justify; height:280px; clear:both;}
.iosatrans * { POSITION: relative;}
.copyright{ padding-top:72px; padding-left:20px; font-size:11px; font-family:"Trebuchet MS", Arial, Sans-Serif; color:#fff; float:left;}
.copyright span{ color:#ed1c24; font-size:10px;}
.copyright a{ padding-left:20px; color:#6E0303;}
.slogan{ background: url(../images/slogan.png) no-repeat; width: 240px; height:94px; text-align: justify; float:right; margin-top:30px; margin-right:95px;}
.slogan * { POSITION: relative;}

.news{ padding:40px 40px 40px 40px;}.news ul li{ border-bottom:1px solid #f00; padding:10px 0; margin:10px 0; clear:both;}.news ul.ub{ border-bottom:1px solid #f00; margin-bottom:10px;}.news ul.ub li{ border-bottom:none; padding:10px 0; margin:10px 0; clear:both;}.news ul li h4{ font-size:18px; color:#f00; width:670px; font-family:"Trebuchet MS",Verdana, Arial, Sans-Serif;}.news ul li h4 span{ font-weight:normal; padding-right:15px; font-family: Verdana, Arial, Helvetica, sans-serif;}.news ul li h4 b{ float:left; width:115px; font-size:17px;}.news ul li h4 a{ float:left; width:550px; color:#f00; display:block; text-decoration:none; font-size:18px;}.news ul li h4 a:hover{ background:#f00; color:#fff;}
.news_text{ color:#fff; padding:15px 0; line-height:150%; width:520px;}

.pages a{ color:#f00; float:left; display:block;}
.pages b{ color:#fff; float:left; display:block; padding:2px 5px;}
a.ph{ background:url(../images/ph_ico.gif) center no-repeat; width:10px; height:10px; padding:5px;}
a.previous{ background:url(../images/previous_ico.gif) center no-repeat; width:10px; height:10px; padding:5px;}
a.next{ background:url(../images/next_ico.gif) center no-repeat; width:10px; height:10px; padding:5px;}
a.pn{ background:url(../images/pn_ico.gif) center no-repeat; width:10px; height:10px; padding:5px;}
.pages span a{ padding:2px 5px; text-decoration:none;}
.pages span a:hover{ color:#ccc;}

.author{ padding-top:5px; color:#f00;}
.copy{ padding-top:5px; padding-bottom:15px; color:#f00;}

.jobs{ padding:20px 70px 40px 40px;}
.job_link{ text-align:right; padding-bottom:20px; padding-top:5px; position:relative;}
.job_link a{ margin-left:20px; color:#f00; font-size:14px; text-decoration:none;}
.jobs h2{ font-size:19px; color:#f00;}
.jobs ul li{ padding:10px 0; margin:10px 0; color:#fff;}
.jobs ul li span{ color:#f00;}
.jobs ul li span a{ color:#f00;}

.contact{ padding:20px 0 40px 40px;}
.contact h2{ font-size:19px; color:#f00;}
.contact table{ padding-top:10px;}
.contact table td{ color:#fff; line-height:180%; font-size:11px;}
.link{ padding:20px 0 40px 0;}
.link h2{ font-size:19px; color:#f00; padding-left:40px; padding-bottom:40px;}
.link table{ padding-top:10px;}
.link table td{ color:#fff; line-height:180%; padding-left:40px;}
.link table td ul li{ padding-bottom:20px;}
.link table td ul li a{ text-decoration:none;}
.link table td ul li a b{ display:block; font-size:14px; color:#fff;}
.link table td ul li a em{ color:#f00;}
.loading{ display:none;}

.case{ padding:20px 0 40px 0;}
.case table{ padding-top:10px;}
.case table td{ color:#fff; line-height:180%; padding-left:30px;}
.case table td ul li a{ text-decoration:none; color:#f00;}
.case table td ul li a:hover{ color:#ccc;}
.case table td ul li a b{ display:block; font-size:14px; color:#fff;}
.case table td ul li a em{ color:#f00;}
.case table tr td h2{ font-size:16px; color:#f00; padding-bottom:10px;}
.casepage{ margin:20px 30px 10px 40px; border-top:1px solid #f00; padding-top:20px;}

.about{ padding:0 0 60px 40px;}
.about h2{ font-size:19px; color:#f00; padding-top:20px;}
.about h2 span{ font-weight:normal;}
.about h4{ font-size:16px; color:#f00; padding-top:25px; padding-bottom:5px;}
.about_img{ float:right; width:160px; padding-bottom:80px;}
.about_text{ width:420px; color:#fff; line-height:150%; padding-top:20px; min-height:620px;}
.en{ font-size:11px; font-family:"Trebuchet MS", Arial, Sans-Serif;}

.team_text{ width:520px; color:#fff; line-height:150%; padding-top:20px;}
.team_text p{ clear:both;}
.team_text p img{ float:left; width:192px; height:260px;}
.team_right{ float:left; width:290px; padding-left:20px; line-height:140%;}
.team_right span{ font-size:14px;}

.award_text{ width:550px; color:#fff; line-height:200%;}
.award_text ul li{ background:url(../images/list_arr.gif) left top no-repeat; padding-left:10px; font-size:14px;}
.forum{ padding:40px 60px 60px 40px;}
.forum h2{ background:url(../images/forum_ti.png) left top no-repeat; height:70px; border-bottom:1px solid #9D0A0E; }
.forum table tr td{ font-size:14px; color:#fff;}
.forum table tr td input{ width:200px; border:1px solid #f00; background:none; height:18px; color:#fff; position:relative;}
.call_admin{ color:#f00; padding-top:68px;}

.list{ position:relative;}
.list dl dt{ padding:10px 0 20px 0; margin-left:20px; border-bottom:2px solid #f00; margin-bottom:10px; clear:both; height:240px; color:#fff; clear:both;}
.list dl dt a img{ float:right;}
.listtext h4{ font-size:18px; color:#f00; padding-bottom:5px;}
.listtext div{ padding:10px 0;}
.plan_link{ padding-top:10px;}
.plan_link a{ font-size:13px; font-weight:bold; color:#f00;}
.showpicture h2{ padding-top:30px; font-size:20px; color:#f00; padding-bottom:15px; padding-left:20px;}
.showdei{ padding-left:20px; padding-bottom:20px; color:#fff;}
.showpicture dt{ padding-bottom:30px;}
.p_nav{ font-size:13px; padding-bottom:10px; width:760px;}
.p_nav a{ color:#f00; font-weight:bold;}
.p_nav table{ margin-top:-20px;}

.small_show{ float:right; width:380px; height:380px;position:relative;}
.small_show span{ display:block; background: url(../images/grigio_transparent.png) left top; width:365px;position:absolute;top:302px;left:0px; height:68px; color:#fff; padding-left:15px; padding-top:10px; font-size:14px; line-height:130%; z-index:9999;}
.small_show span * { POSITION: relative;}
.small_show img{width:380px;height:380px;}

.works_view{ height:380px; position:relative;}
.listc_bg{ width:380px; height:380px; background:url(../images/works_listbgc.gif) no-repeat;filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85; float:right;}
.listc{ position:absolute; left:380px; width:380px; height:380px;}
.listc dt{float:left;}
.listc dd{float:left;}
.work_text{ padding:15px; color:#fff; position:absolute; top:160px; width:350px;}
.work_text span{ font-size:14px; line-height:130%;}
.work_text p{ line-height:150%;}

.worksbox{width:76px;height:76px; position:relative;}
.worksbox a{display:block;width:76px;height:76px;}
.worksbox a:hover{text-decoration: none;}
.worksbox a span{display:none;}
.worksbox a:hover span{ display:block;background-color:#f00; width:76px;position:absolute; margin-top:70px;left:0px; height:6px;}
.worksbox a img{width:76px;height:76px;}

a.p_img{ background:url(../images/p_img.gif) center no-repeat; width:10px; height:10px; padding:5px; float:left; display:block;}
a.n_img{ background:url(../images/n_img.gif) center no-repeat; width:10px; height:10px; padding:5px; float:left; display:block;}
.showpic{ display:none; position:relative; height:380px;}
.picpage{ position:absolute; top:350px; left:20px; z-index:9999;}

input{ position:relative;}
.transparent .news ul li a{ position:relative;}
.transparent .works_view .listc dl dt .worksbox a{ position:relative;}
.transparent .works_view .listc dl dt .worksbox a img{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}
.transparent .showpic div .tozoom img{ position:relative;}

.mbg{ background: url(../images/iosatrans.png) left top; width: 100%; text-align: justify; clear:both;height:100%;}

#contxx{ height:100%; min-height:660px; padding-left:34px; margin:0 auto; width:920px;}
#contxx h3{ color:#fff; background:#f00; padding:3px 8px; font-size:14px; margin-top:36px; height:18px; font-family:"Trebuchet MS",Verdana, Arial, Sans-Serif; margin-left:160px;}
#contxx h3 b{ float:left; width:500px;}
#contxx h3 span{ float:right; width:80px;}
#contxx h3 span a{ margin-left:5px;}
.mleft{ background:url(../images/left_bg.jpg); width:160px; padding-left:3px;}