/* CSS Document */
body,html { height:100%; }
html, body, div, span, applet, object, iframe,
 blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	font-family:Tahoma;
}

body{
	background:#414B5A;
	line-height: 1;

}

td,p{
	font:14px Tahoma;
	color:#4C4C4C;
	line-height:125%;
}

a {
	color: #007CBA;
	text-decoration: underline;
}
a:hover {
    color: #FF560B;
	text-decoration: none;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


h1{
      font-size: 24px;
	  color:#FF560B;
	  padding:0px;
	  margin:0px;
	  text-align:left;
	  font-weight:normal;
	  padding-top:15px;
	  padding-bottom:15px;
}


h2{ font-size:18px;
	color:#1E84ED;
	margin:0px;
	font-weight:normal;
    padding-bottom:10px;
}

h3{ font-size:18px;
    margin:0px;
    padding-bottom:5px;
    padding-top:5px;
    font-weight:normal;
    
}

h4, h4 a{
      font-size: 14px;
	  color:#666666;
	  padding:0px;
	  margin:0px;
	  text-align:left;
	  font-weight:normal;
	  padding-top:15px;
	  padding-bottom:5px;
}


ul{
	margin-bottom: 7px;
	margin-top:0px;
	font-size: 12px; 
	padding-top:5px;
}

li{
list-style:url(/img/list.gif);
padding-bottom:5px;
padding-top:0px;
}

#content {
    margin: 0px auto;
    width:1200px;
	height: 100%;
	border:0;
	border-left:2px solid #3A3B3C;
	border-right:2px solid #3A3B3C;	
}

/* -----------  left ----------- */

#left{
  background:#F4F4F4;
  padding:25px;
  width:200px;
  height:100%;
  padding-bottom:40px;

}
#left #oblako{
 text-align:left;
 padding-top:20px;
}

#left #oblako a{
  color:#FF560B;
  text-decoration:none;
}
#left #oblako a:hover{
  color:#FF560B;
  text-decoration:underline;
}
#left #oblako span.s9{  font-size:10px; margin-right:10px; padding:0;}
#left #oblako span.s10{  font-size:11px; margin-right:10px; padding:0;}
#left #oblako span.s11{  font-size:12px; margin-right:10px; padding:0;}
#left #oblako span.s12{  font-size:13px; margin-right:10px; padding:0;}
#left #oblako span.s13{  font-size:14px; margin-right:10px; padding:0;}
#left #oblako span.s14{  font-size:16px; margin-right:10px; padding:0;}
#left #oblako span.s16{  font-size:18px; margin-right:10px; padding:0;}


#left #news { padding-top:40px; background:url(/img/news_back.jpg) bottom right no-repeat;}
#left #news h2{ font-size:20px; color:#999797; font-weight:normal; padding-bottom:10px;}
#left #news .title { font-size:14px;  padding-bottom:10px; }
#left #news .title a{ font-size:14px; color:#007CBA; font-weight:bold;}
#left #news .data{ font-size:11px; color:#B4B4B4;  padding-bottom:10px;}
#left #news .text{ font-size:12px; color:#787878;  padding-bottom:10px;}
#left #news .more{ font-size:11px; text-align:right;}

#left #partners { padding-top:40px; }
#left #partners h2{ font-size:20px; color:#999797; font-weight:normal; padding-bottom:15px;}
#left #partners .ban { padding-bottom:10px;}

#left #questions{ padding-top:40px; background:url(/img/quest_back.jpg) bottom right no-repeat; }
#left #questions h2{ font-size:20px; color:#999797; font-weight:normal; padding-bottom:10px;}
#left #questions .quest, #left #questions .quest p { color:#0080CC; font-size:11px;  padding-bottom:5px; }
#left #questions .answer, #left #questions .answer p{ font-size:11px; color:#787878;  padding-bottom:5px; padding-top:10px;}
#left #questions .more{ font-size:11px; text-align:right;}
#left #questions .more a{ font-size:11px; color:#FF560B;}
#left  .button{ padding-top:15px;}

#left #leftmenu { padding-top:60px;  text-align:right;}
#left #leftmenu h2{ padding-right:15px;background:url(/img/right_arrow.gif) no-repeat right bottom; font-size:20px; color:#999797; font-weight:normal; margin-bottom:15px; text-align:right; padding-bottom:0;}
#left #leftmenu .m1 { font-size:14px;  padding-bottom:5px; padding-top:10px;text-align:right; border-bottom:#666666 1px dotted; }
#left #leftmenu .m1_act { font-size:14px;  padding-bottom:5px; padding-top:10px;text-align:right; border-bottom:#666666 1px dotted; background:#CCCCCC;}
#left #leftmenu .m1 a{ font-size:14px; color:#2F2F2F;  text-decoration:none;font-weight:bold; border-bottom:0px dashed #2F2F2F;  }
#left #leftmenu .m1 a:hover{ font-size:14px; color:#FF560B;  text-decoration:none;font-weight:bold;  border-bottom:0px dashed #2F2F2F;  }
#left #leftmenu .m1 a.active{ font-size:14px; color:#FF560B; background: url(../img/bottom_arrow.gif) no-repeat right;text-decoration:none; padding-right:10px; font-weight:bold; border-bottom:0px dashed #2F2F2F;}



#left #leftmenu .m2 { background:#FFFFFF; font-size:14px;  padding-bottom:5px; padding-top:10px;text-align:right; padding-right:10px; border-bottom:#CCCCCC 1px dotted;}
#left #leftmenu .m2 a{ font-size:11px; color:#007CBA;  text-decoration:underline; font-weight:bold;}
#left #leftmenu .m2 a:hover{ font-size:11px; color:#FF560B;  text-decoration:none;font-weight:bold;}
#left #leftmenu .m2 span{ font-size:12px; color:red;  font-weight:bold;}
/* ------ end left -----*/



/* ---- menu -- */
#menu{ background:url(../img/menu_back.jpg) repeat-x left top; height:44px; width:100%; font-size:16px; color:#FFFFFF; position:relative;}
#menu div {padding-top: 12px; float:left; height:31px; border:1px solid #0778B1;}
#menu div.z_act { border:1px solid #414D54; background:#000000 url(../img/menu_back_act.jpg) repeat-x left top;}
#menu div.z_noact {border:1px solid #0778B1;}
#menu div a{color:#FFFFFF; text-decoration:none; font-weight:bold;padding-left:26px; padding-right:26px; height:44px;}
#menu div a:hover{color:#FFFFFF; text-decoration:none;  height:44px;padding-left:26px; padding-right:26px;}

.submenu{ color:#FFFFFF; position:relative; font-size:12px;  height:27px; background:#000000 url(/img/submenu_back.jpg) repeat-x left top;}
.submenu div { float:left; border-left:1px solid #414D54;border-right:1px solid #414D54;  height:21px; padding-top:5px; }
.submenu div a{color:#FFFFFF; text-decoration:none; padding-left:10px; padding-right:10px; height:27px; font-weight:bold;}
.submenu div a:hover{color:#FFFFFF; text-decoration:underline; padding-left:10px; padding-right:10px; height:27px; font-weight:bold;}
/* ---- end menu --- */

#index { padding-left:50px; padding-right:50px;background:#ffffff; font-size:12px; padding-bottom:30px;}
#index td, #index p{ font-size:12px; }
#index h2 {padding-top:15px;}
#index #photo { padding-top:40px; padding-bottom:40px; }
#index #photo h2{ font-size:20px; color:#999797; font-weight:normal; padding-bottom:15px; }
#index #photo img{ margin-right:12px; border:2px solid #F4F4F4;}

#index #photo2 {}
#index #photo2 img{ margin-bottom:0px;margin-top:15px; border:2px solid #F4F4F4;}

#index #photo3 { float:right; margin-left:30px;}
#index #photo3 img{ margin-bottom:0px;margin-top:15px; border:2px solid #F4F4F4;}

#index #photo4 { float:left; margin-right:30px;}
#index #photo4 img{ margin-bottom:0px;margin-top:15px; border:2px solid #F4F4F4;}


#footer{ height:68px; background:#625F5F; color:#ffffff; padding-left:25px; padding-right:50px; position:relative;}
#footer #copy{ font-size:11px;line-height:13px; padding-top:10px; float:left;}
#footer #copy a{ font-size:11px; color:#CCCCCC;}

#footer #links{ font-size:11px;line-height:13px; padding-top:26px; float:left; padding-left:85px;}
#footer #links a{ font-size:11px; color:#ffffff; margin-right:20px;}

#footer #counter1{ padding-top:20px; float:right; padding-left:20px; filter: alpha(opacity=50);opacity:0.5;}
#footer #counter2{ padding-top:20px; float:right; filter: alpha(opacity=50);opacity:0.5;}



#news{}

#news .data{
color:#B4B4B4;
font-size:11px;
font-weight:bold;
padding-bottom:10px;
}

#news .title, #news .title a {
color:#1E84ED;
font-size:20px;
text-decoration:none;
padding-bottom:10px;
padding-top:10px;
}
#news .title a:hover {
color:#FF560B;
font-size:20px;
text-decoration:underline;
}

#question .data{
color:#B4B4B4;
font-size:11px;
padding-bottom:10px;
}

#question .name{
color:#333333;
font-size:12px;
padding-bottom:10px;
}
#question .resp {
font-size:12px;
padding-left:20px;

}
#question .resp .otv{
color:#FF560B;
font-size:12px;
}



form .submit { 
	text-align:center;
	padding:19px 0 0 0;
}
form .submit input { 
	margin:0 auto;
	width:270px;
	height:298px;
	font:normal 20px/22px Arial, Helvetica, sans-serif;
}
.button { font:normal 15px/18px Arial, Helvetica, sans-serif }




.makeOrder { background:#fff; margin:0 -42px 20px -42px; padding:30px 0; _padding-bottom:0; color:#000; overflow:hidden; zoom:1 }
.makeOrder p { position:relative; zoom:1 }
.makeOrder .star { display:block; width:12px; height:13px; position:absolute; left:-19px; top:6px; background:url(/img/star.gif) 0 0 no-repeat; overflow:hidden }
.makeOrder .textInput { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#000; padding:5px; margin:1px 0 1px 0; background:#f7f7f7 url(/img/input.gif) 0 0 repeat-x; border:#d0d0d0 1px solid; width:350px; position:relative; height:20px }
.makeOrder textarea.textInput { width:500px; height:220px }
.makeOrder .textInput:focus { 
	outline: none;
	margin:0 0 0 0;
	left:-1px;
	background:#fff url(/img/input_.gif) 0 0 repeat-x;
	border-top:#b2aa92 2px solid;
	border-right:#e2dbc7 2px solid;
	border-bottom:#dcd5c0 2px solid;
	border-left:#b2aa92 2px solid;
}
.makeOrder .textInputFocus { 
	margin:0 -1px 0 0;
	left:-1px;
	top:-1px;
	background:#fff url(/img/des/input_.gif) 0 0 repeat-x;
	border-top:#b2aa92 2px solid;
	border-right:#e2dbc7 2px solid;
	border-bottom:#dcd5c0 2px solid;
	border-left:#b2aa92 2px solid;
}
.makeOrder .mo-prologue { width:585px; margin:0 0 8px 42px }
.makeOrder .mo-col2 { width:250px; padding:0 42px; float:right }
.makeOrder .mo-col2 .textInput { width:237px }
.makeOrder .mo-col1 { width:530px; padding:0 0 0 42px; float:left }
.makeOrder .mo-comment { background:#D3E8FE; margin:0 0 25px -19px; padding:15px 19px; zoom:1 }
.makeOrder .checkbox { margin:0 5px 0 0; vertical-align:middle; position:relative; top:-1px }
.makeOrder em { color:#978f78 }
.makeOrder a { color:#b80e2f }
.makeOrder a:hover { color:#80021a }
.makeOrder .mo-company { margin:0 0 30px 0 }
.makeOrder .mo-attachFile { height:25px }
.makeOrder .mo-attachFile input { }
.makeOrder .mo-attachFile a { border-bottom:#b80e2f 1px dashed; text-decoration:none }
.makeOrder .mo-attachFile a:hover { border-bottom:#80021a 1px dashed; text-decoration:none }
.makeOrder .submit { padding:20px 0 0 0 }
.makeOrder .submit input { cursor:pointer; width:187px; height:44px;}
.makeOrder .submit input:hover { opacity:0.85 }
.makeOrder .submit input.disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default }
.makeOrder .submit input.disabled:hover { opacity:0.5 }
.makeOrder .fileBox { float:left; padding-right:40px }
.makeOrder .fileBox em { color:#000 }



/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #8ac4ec;
padding: 6px 0px 0px 10px;
background-color: #f2faff;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 11px;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 12px;
color: #5586B1;
margin-right:10px;
}
.addToolTip{ cursor:help;}



.tbg {background: #0093DD}
.thead {background: #0093DD; font-weight: bold; color:#FFFFFF; text-align:center;}
.trow1 {background: #FFFFFF}
.trow2 {background: #F5FAFD}

.tbg .name { background:#DEDEDC; color:#255B77; font-size:14px; font-weight: bold;}

.trow3 { border-bottom:1px #0093DD dotted;}
.trow3 .opti { color:#007CBA; font-weight: bold;}

.orange { color:#FF560B; font-weight:bold; }
.orange2 { color:#FF560B; font-style:italic; }


.sape { font-size:10px;font-family:Arial, Helvetica, sans-serif; color:#C3C3C3;  }
.sape span{ font-size:9px;font-family:Arial, Helvetica, sans-serif; color:#666666;  }
.sape a{font-size:10px; color:#C3C3C3;}
.sape a:hover{font-size:10px; color:#289CF7;}


.popup { width:500px;  z-index:400;  position: absolute;}
.popup .content { background:#ffffff; padding:25px 30px 10px 37px; position:relative; zoom:1 }
.popup .close { width:30px; height:30px; background:url(/img/popup_close.gif); cursor:hand; cursor:pointer; position:absolute; top:1px; right:12px }
.popup .ptop { height:14px; overflow:hidden; background:url(/img/popup_top.gif); }
.popup .pbottom { height:14px; overflow:hidden; background:url(/img/popup_bot.gif); }
.popup .title { font-size:16px; display:block; margin:0 0 20px 0; font-weight:bold }
.popup .title2 { font-size:16px; display:block; margin:0 0 20px 0; font-weight:normal; color:#ef3d56 }
.popup .textInput { width:196px }
.popup .textInputNeeded { width:196px }
.popup .pl { float:left; display:inline; margin-right:20px }
.popup textarea.textInput { width:422px; height:95px }
.popup .hint { float:left; font-size:11px; line-height:1.25em }
.popup .button { float:right }
.popup p {margin-bottom:12px; margin-top:0;font-size:13px;}
.black { position:absolute; top:0; left:0; height:100%; width:100%; background:#333333; z-index:300;
filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80;
opacity:0.80;
}
.iframe { position:absolute; top:0; left:0; height:95%; width:95%; background:#ffffff; margin:0; padding:0; z-index:200;
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0.0;
opacity:0.0;
}
div.spacer { line-height:1px; font-size:1px; height:1px; clear:both }
.mainwrapper { height:100% }
form { margin:0; padding:0 }
.textInput { font-size:1em; color:#5f5544; background:#FFFFFF url(/img/input.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif; padding:1px 2px; border-top:#999999 1px solid; border-right:#efefef 1px solid; border-bottom:#efefef 1px solid; border-left:#cccccc 3px solid }
.textInputNeeded { border-left:#ef3d56 3px solid }
.button { font-size:1em; color:#5f5544; font-family:Arial, Helvetica, sans-serif }
.goodText { font-size:18px; color:#5f5544;}

#seminarBarId {background:url(/img/toppopup_back.jpg) bottom repeat-x; height:30px; padding: 0 5px 0 34px; min-width:750px; overflow:hidden;}
#seminarBarId IMG {margin:0; padding:0; border:0; float:left;}
#seminarBarId .text {margin:0 0 0 140px; padding:8px; float:left; font-size:11px; color:#00468c; }
*html #seminarBarId .text {margin:0 0 0 40px; padding:8px; float:left; font-size:11px; color:#00468c; }
#seminarBarId DIV A {color:#000000; font-weight:bold;}
#seminarBarId DIV A:hover {color:#333333; text-decoration:none;}
#seminarBarId IMG.down {margin:7px 0 0 15px;}
#seminarBarId .close {float:right; padding:5px;}

a.dashed { text-decoration:none; border-bottom: 1px dashed }
a.dashed:hover {  text-decoration:none; border-bottom: 1px dashed }

#nav{
  margin: 0;
  padding: 0;
  background: #222;
  width: 100%;
  background:url(/img/menu_back.jpg) repeat-x left top; 
  width:100%; 
  height:44px;
  
  color:#FFFFFF; 
  position:relative;

}

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #000000;
  float: left;
  width: 100%;

}
#nav li {
  float: left;
    list-style: none;
  position: relative;
  background: #222;
  back\ground: none;
  padding-top:12px;  
}

#nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding-bottom:6px;
  padding-top:4px;
  background: url(/img/dot.png) repeat-y right;
  font-weight:bold;
  font-size:16px; 
  padding-left:26px; padding-right:26px;

}
#nav a:hover {
  color: #fff;
  background: #222;
}
#nav li:hover,
#nav li.jshover {
  background: #222;
  
}

#nav li ul {
  display: none;
  position: absolute;
  background: url(/img/fone-tr.png);
  padding-top:0;
  border:1px solid #222;
  padding-bottom:0;
  margin-top:5px;
  width: 186px;
  font-size:12px;
  padding-left:0px; padding-right:0px;
}
#nav li li a {
   width: 150px;
  background: none;
  font-size:12px;
  padding-bottom:4px;
  padding-top:1px;
  padding-left:26px; 
  padding-right:10px;
}

#nav li li a:hover {

}
 
#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 118px;
  top: -9px;
  left: 118px;
  lef\t: 133px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}