html { min-height:100%;height:100%; 
  background-color: #FFFFFF;
  padding: 0px; 
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;  
  background: transparent url(/images/bg_middle.jpg) bottom center repeat-y;
}

body { min-height:100%; height:100%; /*height:auto !important;*/
  padding: 0px;
  margin: 0px;	
  text-align: center;
  /*background: transparent url(/images/bg_middle.jpg) bottom center repeat-y;*/
}

/*html, body, #main, #bg_bottom, #bg_top{width:900px; margin:auto;} */

#bg_bottom  { min-height:100%; height:auto !important; height:100%; position:relative; background: transparent url(/images/bg_bottom.jpg) bottom center no-repeat; }
#bg_top     { min-height:100%; background: transparent url(/images/bg_top.gif) top center no-repeat;}

#main{text-align:left; width:900px; margin:auto;}

#header{height:130px;width:900px; position:relative;}
#header #emit_logo {width:191px; height:94px; outline:none; display:block; position:absolute; left:70px; top:2px;}
#content{color:#FFFFFF; margin:20px 250px 0px 100px;/* height:460px; */padding:0px 10px 70px 0px;}

#contact{font-size:10px;color:#FFFFFF; position:absolute; right:80px; top:50px;}
#login{ position:absolute; right:90px; top:100px;  width:125px; height:80px;
	background: transparent url(/images/bg_login.jpg) top left no-repeat;color:#FFF;}
#login .field{border:0px; height:20px; width:110px; margin:0px; padding:0px; position:absolute; padding-top:4px;left:8px; font-size:10px; color:#FFFFFF; background:transparent;}
#login #user_name{top:16px;}
#login #user_password{top:56px;}
#login #submit{position: absolute; width: 30px; height: 20px; top:94px; right: 5px; cursor: pointer;
  border: 1px solid #eee; text-align:center;
  background-color: #816d6e; color: #fff;}
#login #submit:hover{background-color: #ae9394;}  

.logout{position:absolute; right:90px; top:110px;  width:125px; height:80px;color:#FFF;}
/*************************************************/


/* COMMON */

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

h1 { color:#FFFFFF; text-align:left; font-size:18px;  padding:8px 0px 8px 0px;margin:0px; }
/*h2 { color: #670206; background:#919191;text-align:left; font-size:16px; line-height:18px; padding:2px 4px; margin:10px 0px;}*/
h2 { color: #FFFFFF; text-align:left; font-size:16px; font-style:italic; line-height:18px; padding:2px 4px; margin:10px 0px;}
h3 { color: #FFFFFF; text-align:left; font-size:14px; padding:8px 0px 2px 0px; margin:0px;}

p  { font-size:12px;  text-align:justify; margin:0px; padding:4px 0px;}
a      { color:#ddd; font-size:12px; text-decoration:none; }
a:hover{ color:#ddd; /*text-decoration:underline;*/ font-weight: bold;}
.backlink{ float:right; font-size:14px;}


hr {border-bottom:1px dotted #000000; border-width:0px 0px 1px 0px; /*color:transparent;*//*margin:20px 0px;*/ background:transparent; height:1px;}
ul {line-height:12px;text-align:left; font-size:12px; }
li {padding:4px 0px;}
.quotation{ font-style:italic; }


img.right{ float:right; border-width:0px; padding:0px 0px 14px 14px; }
img.left { float:left; border-width:0px;  padding:0px 14px 14px 0px; }



table.prices { border:1px solid #FFFFFF; border-collapse: collapse; width:80%; margin:auto; margin-top:8px; background-color: #bfbfbf;
               filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}
table.prices tr.highlight { border:1px solid #FFFFFF;  background-color:#cccccc; }
table.prices th { font-size:12px; color:#000000; padding:4px; }
table.prices td { padding:4px; font-size:12px; color:#4b0100; }
table.prices td.product { text-align:left; border-right:1px solid #FFFFFF; font-weight:bold; }
table.prices td.price { color:#000000; font-weight:bold; }

table.referencies { border-collapse: collapse; width:90%; margin:auto; }
table.referencies td { width:50%; vertical-align:middle; text-align:center; height:180px }
table.referencies a { text-decoration:none; }
table.referencies a img { border-width:0px; padding:1px; }
table.referencies a:hover img { padding:0px; border:1px solid #ce0c0c;}



/*********************  MAIN MENU  **********************/
.bg_index, .bg_    {background: url('/images/menu/menu_index.png')    bottom left no-repeat ;}
.bg_ofirme   {background: url('/images/menu/menu_ofirme.png')   bottom left no-repeat ;}
.bg_web      {background: url('/images/menu/menu_web.png')      bottom left no-repeat ;}
.bg_fono     {background: url('/images/menu/menu_fono.png')     bottom left no-repeat ;}
.bg_hardware {background: url('/images/menu/menu_hardware.png') bottom left no-repeat ;}
.bg_software {background: url('/images/menu/menu_software.png') bottom left no-repeat ;}
#main_menu{ width:600px;  height:30px;  position:absolute;  left:70px;  top:100px; }

#main_menu a{position:absolute; height:20px; text-indent:-1000px; background: 0px  -20px; top:10px; background-repeat:no-repeat; outline:none;}
#main_menu a.m_ofirme   { background-image: url(/images/menu/m_ofirme.png);    left:   8px; width: 76px;}
#main_menu a.m_software { background-image: url(/images/menu/m_software.png);  left:  98px; width: 94px;}
#main_menu a.m_fono     { background-image: url(/images/menu/m_fono.png);      left: 204px; width: 49px;}
#main_menu a.m_web      { background-image: url(/images/menu/m_web.png);       left: 266px; width: 46px;}
#main_menu a.m_hardware { background-image: url(/images/menu/m_hardware.png);  left: 327px; width:102px;}

#main_menu a:hover        {background-position:    0px   0px; }
#main_menu a.active       {background-position:    0px  -200px; }
#main_menu a.active:hover {background-position:    0px  -200px; }


/*********************  SUBMENU  **********************/
.submenu{margin:10px 0px 20px 0px;}
.submenu a{color:#DDD; font-size:14px; display:list-item; list-style:disc; outline:none;}
.submenu a:hover{font-weight:bold;text-decoration:none}


/*********************  BOTTOM MENU  **********************/
#bottom_menu{
  height:20px;
  position:absolute;
  bottom:30px;
  left:0px;
  width:100%;
}
#bottom_menu .inner{width:680px; margin:auto;text-align:left;}
#bottom_menu a{color:#bbbbbb; /*font-weight:bold;*/ font-size:13px; padding-right:6px; text-indent:0px;}
#bottom_menu a:hover{text-decoration:none; color:#FFFFFF;}


/*********************  INTRO MENU  **********************/
.intro_menu_item{margin:25px 0px; border-bottom:1px dotted #000000; min-height:170px; height:auto !important; height:170px; clear:both;}
.intro_menu_item .heading{font-weight:bold; font-size:14px; display:block;padding-top:10px;}
.intro_menu_item img{float:left; margin:0px 20px 20px 0px;}

/***********************************************************************/

.spacer{padding:0px; margin:0px; float:left; border-width:0px;}
