/* style.css ----------------------------------------------------------- */

* { margin:0; padding:0;}
html, body { height:100%; }

body {
font-size:100%;
line-height: 16px;
text-align:center; 
background:#ffffff;}

html, input, textarea
	{	font-family:Verdana, Arial, Helvetica, sans-serif; 
		color:#1d2328;
	}	
	
/* --------------------------------------------------------------------- */

a img{ border:0px}
img{ vertical-align:top}
strong{ color:#9f3b0f;}
a{ color:#9f3b0f; text-decoration:underline} 
a:hover{ text-decoration:none}

em{ 
font-style:normal; 
color:#1d2328; 
font-size: 12px;
line-height: 20px;
margin:0 0 15px 0px; 
display:block}

.clear { clear:both;}

/* ul ---------------------------------------------------------------------------------------------------------- */

ul{
margin:0; padding:0; 
list-style:none; 
line-height:17px; 
color:#1d2328; 
font-size: 14px;
}

ul li{
background:url(images/bg_ul.gif) bottom left repeat-x; 
margin:15px 0 0px 0px; 
padding:0 0 10px 0px;
}

ul li a{
color:#9f3b0f; 
text-decoration:underline; 
font-weight:bold; 
font-size: 24px
} 

ul li a:hover { 
text-decoration:none; 
color:#4c9de2}

.bg_none{ background:none;}

.list{
margin:0px;
padding:0px; 
list-style:none; 
line-height:17px;}

.list li{ 
margin:0px; 
background:url(images/bg_list_small.gif) center left no-repeat; 
padding:0 0 0 12px
}

.list li w{
margin:0px; 
padding:0 0 0 12px
}

.list li a{
color:#9f3b0f; 
text-decoration:none; 
font-size: 12px;
background:url(images/bg_decoration.gif) 
bottom left repeat-x; 
font-weight:normal} 

.list li a:hover { 
text-decoration:none; 
color:#fda127 }

/* head ------------------------------------------------ */

#header {
height:459px; 
color:#a4b6c0; 
font-size: 12px;
}

#header .top{ 
height:131px; 
background:url(images/bg_top.gif) top left repeat-x; 
word-spacing:7px;}

#header .top p
{ 
padding:65px 0 0 0px;
text-align:right} 

#header a{ color:#505e66; text-decoration:none; word-spacing:normal}
#header a:hover{ text-decoration:underline} 

#header .logo{ 
position:absolute; 
margin: 34px 0 0 0px 
}

#header .pic
{ float:left; 
margin:0 4px 0 0px} 

/* content ------------------------------------------------------------------------------------- */

#content{ 
font-size:12px;
width:100%; 
text-align:left}

#content .title{ display:block; margin:0 0 17px 0px}
#content .title1{ display:block; margin:0 0 16px 0px}
#content .indent{ padding:24px 20px 43px 24px}

#content .indent1{ 
padding:21px 20px 43px 16px}

#content .pic_left{ 
float:left; 
margin:0px 
17px 0px 0px
}

#content .pic_l1{ 
float:left; 
margin:20px 
17px 0px 0px
}

#content .border{ border:1px solid #b7bbc1}
#content .border1{ border:1px solid #b7bbc1;}
#content .width_100{ width:100%}

#content .pic{ 
display:block; 
margin:0px 0px 12px 0px}

#content span a{ 
color:#9f3b0f; 
text-decoration:none; 
background:url(images/bg_decoration.gif) 
bottom left repeat-x; 
font-size: 14px;
} 

#content span a:hover{ text-decoration:none; color:#fda127}

#content .color{ background:url(images/bg_color.gif) bottom left repeat-x #ebf2f7;}
#content .bg_color_left{ background:url(images/bg_color_left.gif) top left repeat-y}
#content .bg_color_right{ background:url(images/bg_color_right.gif) top right repeat-y}
#content .bg_color_top{ background:url(images/bg_color_top.gif) top left repeat-x}
#content .bg_color_bot{ background:url(images/bg_color_bot.gif) bottom left repeat-x}
#content .y_top_left{ background:url(images/y_top_left.gif) top left no-repeat; height:100%; width:100%}
#content .y_top_right{ background:url(images/y_top_right.gif) top right no-repeat; width:100%; height:100%}
#content .y_bot_left{ background:url(images/y_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
#content .y_bot_right{ background:url(images/y_bot_right.gif) bottom right no-repeat; height:100%; width:100%}

#content .indent_color{ 
padding:19px 10px 0px 13px;
}

#content .indent_color1{ padding:19px 10px 26px 24px}
#content .indent_color2{ padding:19px 10px 40px 12px}

/* page IDs --------------------------------------------------------------------------------------------------------------- */

#page1 #content .col1 .title{ margin:0 0 23px 0px}
#page1 #content .col1 p{ margin:5px 0 0 0px}

#p2 #content .col1 p{ margin:16px 0 11px 0px}

#p2 #content .col3 p{
margin:5px 0 10px 0px}

#p3 #content .col1 .box_1
{ 
padding:27px 0 0px 0px
}

#p3 #content .col1 .box_1 p
{ 
margin:2px 10px 17px 0px
}

#p3 #content .col1 .box_2
{ 
padding:22px 0 0 0px
}
#p3 #content .col1 .box_2 p
{ 
margin:2px 0px 20px 0px
}

#p3 #content .col3 p{
margin:1px 0 9px 0px}

#page4 #content .col1 p{ margin:16px 5px 11px 0px}
#page4 #content .col3 p{ 
margin:2px 0px 19px 0px}
#page4 #content .col3 .p1{ margin:18px 0 17px 0px}

#page5 #content .col1 p{ margin:0px 5px 23px 0px}

#p6 #content .col1 p{ margin:0px 15px 20px 0px}
#p6 #content .col1 a{ color:#1d2328; text-decoration:none; background:url(images/bg_decoration.gif) bottom left repeat-x}
#p6 #content .col1 a:hover{ text-decoration:none; color:#fda127}


/* footer ----------------------------------------------------------------- */

#footer { 
height:88px; 
padding:21px 0 50px 2px; 
color:#505e66; 
font-size: 12px;
 }

#footer p{ 
margin:0 0 0 
0px; 
float:right}

#footer a {color:#505e66; 
text-decoration:underline; 
font-weight:bold} 
 
#footer a:hover {  text-decoration:none}

#footer span{ 
word-spacing:6px; 
float:left}

#footer span a {color:#505e66; 
text-decoration:none; 
word-spacing:normal; 
font-weight:normal}  

#footer span a:hover {  
text-decoration:underline}

/* ---------------- FORM */

.fright { float:right;}

.contacts_box { padding:0 45px 0 0px}

.h_f{ height:27px;}

.h{ height:19px; width:210px; margin:0px; padding:0 0 0 4px}

.indent_form{ margin:0 14px 0px 146px}

input{
   background:none;
   border:1px dotted #b7bbc1;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#1d2328;
  font-size: 14px
}

textarea{
   background:none;
   border:1px solid #b7bbc1;
   width:224px;
   height:100px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#1d2328;
   font-size: 14px;
   margin:0 0 10px 0px;
   padding:0 0 0 4px;
   overflow:auto}
   
 .Button_1 { 
 background-color:#faa844; 
 color:#333333; 
 width:200px; 
 border:1px dotted #000000; 
 }
 
  .Button_2 { 
 background-color:#74c3ee; 
 color:#333333; 
 width:200px; 
 border:1px solid #000000; 
 }
 
 .labl
 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
 }
 
 /* ---------------------------------------------------------------------- */
 
td.zoom{
	padding-left:10px;
}

  
td.grt_left{
	background-color: #CCCCCC;
	color: #000000;
	width: 386px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.grt_right{
	background-color: #999999;
	color: #ffffff;
	width: 300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}
 
td.gr1{
	background-color: #666666;
	color: #FFFFFF;
	width: 400px;
}

td.gr1a
 {
	background-color: #999999;
	color: #FFFFFF;
	width: 390px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

 td.gr2a{
	background-color: #cccccc;
	color: #FFFFFF;
	width: 314px;
}

td.gr2{
	background-color: #666666;
	color: #FFFFFF;
	width: 300px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_all{
	background-color: #ffffff;
	color: #666666;
	width: 700px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

/* studio 2 ------------------------------------------------------------------ */

td.gr_t2l{
	background-color: #CCCCCC;
	color: #000000;
	width: 111px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_t2m{
	background-color: #CCCCCC;
	color: #CCCCCC;
	width: 275px;
	height:20px;
}

td.gr_t20{
	background-color: #CCCCCC;
	color: #000000;
	width: 386px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_t2r{
	background-color: #999999;
	color: #ffffff;
	width: 300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_s2l{
   	background-color: #666666;
	color: #FFFFFF;
	width: 125px;
}

td.gr_s2m{
   	background-color: #999999;
	color: #FFFFFF;
	width: 261px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left: 14px;
}

td.gr_s2r{
   	background-color: #CCCCCC;
	color: #FFFFFF;
	width: 314px;
}

td.gr_t3l{
	background-color: #CCCCCC;
	color: #000000;
	width: 166px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_t3m{
	background-color: #CCCCCC;
	color: #CCCCCC;
	width: 220px;
	height:20px;
}

td.gr_t3r{
	background-color: #999999;
	color: #ffffff;
	width: 300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_s3l{
   	background-color: #666666;
	color: #FFFFFF;
	width: 180px;
}

td.gr_s3m{
   	background-color: #999999;
	color: #FFFFFF;
	width: 204px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left: 14px;
}

td.gr_s3r{
   	background-color: #CCCCCC;
	color: #FFFFFF;
	width: 314px;
}

/* ------- GR0 --------------------------------------------------------------- */

td.gr_t0l{
	background-color: #666666;
	color: #ffffff;
	width: 166px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_t0m{
	background-color: #666666;
	color: #CCCCCC;
	width: 220px;
	height:20px;
}

td.gr_t0r{
	background-color: #999999;
	color: #ffffff;
	width: 300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding-left:14px;
}

td.gr_s0l{
   	background-color: #666666;
	color: #FFFFFF;
	width: 200px;
}

td.gr_s0m{
   	background-color: #999999;
	color: #FFFFFF;
	width: 200px;
}

td.gr_s0r{
   	background-color: #CCCCCC;
	color: #FFFFFF;
	width: 314px;
}

/* download */

td.dn_tit{
   background-color: #000000;
   color: #ffffff;
   height: 20px;
   width: 600px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
   padding-left:12px;
}

td.dn_bl{
   background-color: transparent;
   height: 10px;
   width: 600px;
}

td.dn_doc{
   background-color: #999999;
   color: #000000;
   width: 100px;
   height:48px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-left:12px;
}

td.dn_inf{
   background-color: #CCCCCC;
   color: #000000;
   width:300px;
   height:48px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-left:12px;
}

td.dn_dnl{
   background-color: #666666;
   color: #ffffff;
   width:152px;
   height:48px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-left:12px;
}

td.dn_ico{
   background-color: #666666;
   width:48px;
}

td.en_doc{
   background-color: transparent;
   color: #000000;
   width: 100px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-left:12px;
}

td.en_inf{
   background-color: transparent;
   color: #000000;
   width:300px;
   height:40px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-left:12px;
}

td.en_dnl{
   background-color: transparent;
   color: #000000;
   width:152px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-left:12px;
}


td.en_ico{
   background-color: transparent;
   width:48px;
}

