/*
	StyleSheet by David Herreman
	http://www.free-css-templates.com

*/

body { padding: 0; margin: 0; font: .74em Arial, sans-serif, code; line-height: 1.5em; background: #fff url(images/top.jpg) repeat-x top; color: #454545; }
a { font: bold 1.0em Arial, Sans-Serif; color: #DA3B3B; background: inherit;}
a:hover { color: #DA3B3B; background: inherit; text-decoration: underline;}
p { margin: 5px 0; }
h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.1em Arial, Sans-Serif; letter-spacing: -1px; color: #454545; }
h3 { padding: 4px 0; margin:  0; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }
h4 { font: bold 1.0em Arial, Sans Serif; letter-spacing: -1px;}
h6 { color: #DA4040; font: bold 1.0em Arial, Sans-Serif; height: 1px; }
.content { margin: 0px auto; width: 800px; }
/* Top part */
#top { padding-top: 20px; background: transparent; height: 101px; }
#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFFFFF}
#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
#top #icons { float: right;}
#top #icons img { padding-right: 2px; border: 0; }
#top .gifs1 { background: url(images/home.gif) no-repeat; height:11px; width:13px; margin-left: 14px;}
#top .gifs2 { background: url(images/contact.gif) no-repeat; height:11px; width:13px; margin-left: 50px;}
#top .gifs3 { background: url(images/gb.gif) no-repeat; height:11px; width:13px; margin-left: 50px;}
#top .gifs4 { background: url(images/ro.gif) no-repeat; height:11px; width:13px; margin-left: 50px;}
#top a {color: #FFFFFF; margin: 4px; text-decoration:none; padding-right: inherit;}
/* Second part */
#prec { height: 220px; margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px }
#wrap { margin: 0 auto; width: 800px; }
#wrap #pic1 { float: right; background: url(images/mainimg.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic2 { float: right; background: url(images/articole.jpeg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic3 { float: right; background: url(images/modulocons.jpg) no-repeat; height: 241px; width: 589px; overflow: hidden}
#wrap #pic4 { float: right; background: url(images/main.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic5 { float: right; background: url(images/products.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic6 { float: right; background: url(images/proiecte.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic7 { float: right; background: url(images/Contact.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic1 #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }
#wrap #pic1 #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 }
#wrap #pic1 #slogan h2 { font: 1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0;}
#wrap #pic1 #slogan a { color: #FFF; }
#wrap #menu { padding: 0; margin:0; background: inherit; }
#wrap #menu a { padding-left: 25px; font: bold 0.9em Arial, Sans-Serif; text-decoration: none; background: #F6F6F6 url(images/lm-li.gif) no-repeat left;  }
#wrap #menu ul { padding: 10px 0 }		
#wrap #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none }
/*  Advertising */
#ad2 { background: #FFF url(images/digiumlogo.jpg) no-repeat left; padding-left: 205px; min-height: 64px; margin-bottom: 25px; text-align: justify;}
#ad3 { background: #FFF url(images/beronetlogo.jpg) no-repeat left; padding-left: 205px; min-height: 135px; margin-bottom: 10px; text-align: justify;}
#ad4 { background: #FFF url(images/aastralogo.jpg) no-repeat left; padding-left: 205px; min-height: 55px; margin-bottom: 25px; text-align: justify;}
#ad5 { background: #FFF url(images/linksyslogosmall.jpg) no-repeat left; padding-left: 205px; min-height: 55px; margin-bottom: 25px; text-align: justify;}
#ad6 { background: #FFF url(images/sangomalogo.jpg) no-repeat left; padding-left: 205px; min-height: 55px; margin-bottom: 25px; text-align: justify;}
#ad7 { background: #FFF url(images/Xorcomlogo.jpg) no-repeat left; padding-left: 205px; min-height: 55px; margin-bottom: 25px; text-align: justify;}
#ad8 { background: #FFF url(images/voismartlogo.jpg) no-repeat left; padding-left: 205px; min-height: 55px; margin-bottom: 25px; text-align: justify;}
#ad a, #left_side a, #middle_side a { background: #FFF; text-decoration: none; }
#ad a:hover, #left_side a:hover { text-decoration: underline; }
/* main area */
#main { }
#right_side { float: right; width: 225px; background: #FFFFFF; padding: 2px 0px 5px 20px; margin-bottom: 10px; }
#right_side ul { padding: 3px 0 5px 0 }
#right_side li { line-height: 18px; background: #FFFFFF url(images/file_12x12.png) no-repeat left; list-style: none; padding-left: 20px; }
#right_side a { background: #FFFFFF; text-decoration:  none; }
#right_side h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; background: #F6F6F6;}
#right_side h2 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; background: url(images/asterisk_12x12.png) no-repeat left; padding-left: 20px; }
#right_side h2.cert { color: #404040; font:  bold 1.1em Arial, Sans-Serif; background: url(images/clipboard_12x12.png) no-repeat left; padding: 0 0 0 20px; }
#right_side h2.install { color: #404040; font:  bold 1.1em Arial, Sans-Serif; background: url(images/wrench_12x12.png) no-repeat left; padding: 0 0 0 20px;}
#right_side table.center {table-layout: fixed; border-collapse: collapse; width: 100%; text-align: center;}
#left_side { background: #FFF; margin-bottom: 10px; width: 530px;  }
#left_side h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
#left_side h3.nou { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0px 0px 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
#left_side h3 span { background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0;}
#left_side h4 span { background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0; font:  bold 2.2em Arial, Sans-Serif; }
#left_side p.ad { color: #454545; padding: 0 5px 0 5px; text-align: justify;  }
#left_side img { float: left; padding: 0 10px 5px 0 }
#left_side table.two { table-layout: fixed;  border-collapse: collapse; width: 100%;}
#left_side td.two { width: 266px;}
#left_side table.one { table-layout: fixed; border-collapse: collapse; width: 100%; text-align:justify; }
/* #left_side td { padding: 0 0 0 0; } */
#left_side td.one { width: 18%;}
#left_side p.ad { color: #454545; padding: 0 5px 0px 5px; text-align: left; }
#left_side p.content { margin: 10px; border-left: 2px solid #DA4040; font: bold 1.0em Arial, Sans-Serif; padding: 0 2px 0 4px;}
#left_side p.price_old_single {margin: 10px; font: bold 1.0em Arial, Sans-Serif; padding: 0 2px 0 12px; background: url(images/burst_mini.png) no-repeat; background-position: top left;  }
#left_side p.bold { color: #454545; text-align: justify; font: bold 1.1em Arial, Sans-Serif;}
#left_side p.prices_old { margin: 10px; border-left: 2px solid #DA4040 ; text-decoration: line-through; font: bold 1.0em Arial Sans-Serif; padding: 0 2px 0 4px; }
#left_side p.prices_new { font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0 5px 0 12px; background: url(images/burst_mini.png) no-repeat; background-position: top left; }
#left_side p.prices_new_bero { font: bold 1.0em Arial, Sans-Serif; color: #DA4040; padding: 0 5px 0 8px; }
#left_side p.tva {font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0px 0 0 382px; background: url(images/burst.png) no-repeat; background-position: center right;}
.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }
#left_side p.vat {font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0px 0 0 420px; background: url(images/burst.png) no-repeat; background-position: center right;}
#left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
#left_side ul { list-style-position: inside; margin-left: 2px }
#left_side li.archive { line-height: 18px; background: #FFFFFF url(images/script_12x12.png) no-repeat left; list-style: none; padding-left: 20px;}
#left_side ul li { list-style-type: square; margin-left: 15px;  }
#left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }
#left_side pre {font: 1.1em courier new;}
#left_side h2 { font: bold 1.1em Arial, Sans-Serif; letter-spacing: -1px; color: #454545; }
#left_side h2.nou { background: url(images/nou.png) no-repeat left; padding: 5px 5px 5px 35px; margin: 0;}
#middle_side { background: #FFF; margin-bottom: 10px; width: 800px;  }
#middle_side h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
#middle_side h3 span { background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 12px; margin: 0}
#middle_side h2.nou { background: url(images/nou.png) no-repeat left; padding: 5px 5px 5px 35px; margin: 0;}
#middle_side h2.new { background: url(images/new.png) no-repeat left; padding: 5px 5px 5px 35px; margin: 0;}
#middle_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify; }
#middle_side p.table { color: #454545; text-align: justify; font: bold 0.9em Arial, Sans-Serif; }
#middle_side p.stamp { color: #454545; padding: 0 5px 0 55px; text-align: justify; }
#middle_side a.data_sheet { font: bold 1.0em Arial, Sans-Serif; background: url(images/DownloadPDF.png) no-repeat; background-position:center right; padding: 0px 25px 0 634px;}
#middle_side p.content { margin: 10px; border-left: 2px solid #DA4040; font: bold 1.0em Arial, Sans-Serif; padding: 0 2px 0 4px;}
#middle_side p.arhiva { margin: 10px; border-left: 2px solid #DA4040; font: bold 15.0em Arial, Sans-Serif; padding: 0 2px 0 4px;}
#middle_side p.contact { color: #454545; font: bold 1.1em Arial, Sans-Serif; padding: 0 0 0 0; text-align: justify;}
#middle_side p.phone { color: #454545; font: bold 1.1em Arial, Sans-Serif; padding: 0 0 0 25px; text-align: justify; background: url(images/house_12x12.png) no-repeat  left;}
#middle_side img { float: left; padding: 0 10px 5px 0; }
#middle_side img.content { height: inherit; width: inherit; position: inherit; float: inherit; padding: 0 0 0 0; }
.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }
#middle_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
/* #middle_side td {padding: 0 0 0 0.1%; } */
#middle_side table.p2p { table-layout:fixed; border-collapse: collapse; width: 100%; text-align: center;}
#middle_side td.p2p { border:solid 1px black;}
#middle_side th.p2p { border:solid 1px black;}
#middle_side table.center {table-layout: fixed; border-collapse: collapse; width: 100%; text-align: center;}
#middle_side table.one { table-layout: fixed; border-collapse: collapse; width: 100%;}
#middle_side table.cpu { table-layout: fixed; border-collapse: collapse; width: 95%; padding-left: 10px; text-align: right;}
#middle_side td.cpu { padding-left: 4px; text-align: left;}
#middle_side td.cpu_right { text-align: right;}
#middle_side td.one { width: 45%; height: 140px; padding: 0 0 0 2px;}
#middle_side table.two { table-layout: fixed; border-collapse: collapse; width: 100%;}
#middle_side td.two { width: 266px;}
#middle_side td.middle { width: 10%;}
#middle_side p.prices_old { border-left: 2px solid #DA4040; text-decoration: line-through; font: bold 1.0em Arial, Sans-Serif; padding: 0 2px 0 4px; }
#middle_side li.prices { font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0 5px 0 12px; background: url(images/burst_mini.png) no-repeat; background-position: top left; }
#middle_side p.prices_new { font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0 5px 0 12px; background: url(images/burst_mini.png) no-repeat; background-position: top left;}
#middle_side p.tva {font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0px 0 0 653px; background: url(images/burst.png) no-repeat; background-position: center right;}
#middle_side p.tva_txv {font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0px 0 0 576px; background: url(images/burst.png) no-repeat; background-position: center right;}
#middle_side p.vat {font: bold 1.0em Arial, Sans-Serif; color: #454545; padding: 0px 0 0 728px; background: url(images/burst.png) no-repeat; background-position: center right;}
#middle_side ul { list-style-position: inside; margin-left: 2px;}
#middle_side ol { list-style-position: inside; margin-left: 2px;}
#middle_side ol li.note { list-style: none; list-style-type: decimal; margin-left: 15px;}
#middle_side ul li ol li.note { list-style: none; list-style-type: decimal; margin-left: 15px;}
#middle_side ul li { list-style-type: square; margin-left: 15px;  }
#middle_side ul li.disc { list-style-type: disc; margin-left: 15px;  }
#middle_side ul li ul { list-style: none; margin-left: 10px; list-style-type: square; list-style-position: inside }
#middle_side ul ul ul li { list-style: none; margin-left: 10px; list-style-type: circle; list-style-position: inside }
#middle_side pre {font: 1.1em courier new;}
/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #fff }
#footer .right  { float: right; text-align: right; background: #FFF; width: 800px; padding-top: 2px;}
#footer .left {float: left; text-align: left; background: #FFF url(images/up_arrow_12x12.png)no-repeat left; padding: 2px 0 0 15px; }
#footer { float: left;}
#footer img { padding-left: 2px; }
#footer a { text-decoration: none; background: #FFF }
#footer .delicious { background: url(images/delicious.small.gif) no-repeat; height: 11px; width: 11px; margin-left: 2px;}