@import 'lightbox.css';

*{margin:0;border:0;padding:0;}
a{text-decoration:none;}
h1{cursor:default;}
li{list-style:none;}
body{background:url(body.png) -110px 260px repeat-x #fff;}

/*header*/
div#header{width:100%;background:url(header.png) bottom left repeat-x #2B75B0;}
div#header div{width:900px; height:115px; padding:0 0px 10px 30px;}
div#header ul{float:right;}
div#header li{ float:left; display:inline; font: bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
div#header li a{ display:block; color:#fff; padding:7px 10px; border-top:15px solid #2B75B0;}
div#header li a:hover{padding:17px 10px 7px 10px; border-top:5px solid #fff;}

div#logo{ float:left; width:150px; height:180px; position:absolute; top:140px; left:30px; z-index:13; cursor:pointer;}

/*servicii*/
div#servicii{width:100%; padding-bottom:10px;}
div#servicii div{width:720px; background:url(logo.gif) left top no-repeat;padding:0 0 10px 180px;margin-left:30px;}
div#servicii dl{ float:left;width:220px; margin:0 0 10px 20px; display:inline}
div#servicii dl img{ width:30px; display:block;}
div#servicii dt{ margin: 12px 0 0 0;}
div#servicii dt a{ float: right; display: block; background:#fff; padding:4px; border:1px solid #ccc;margin: 2px 0 0 8px;}
div#servicii dt a:hover{ padding:1px; border:4px solid #dedede;}
div#servicii dd{ font:11px Arial, Helvetica, sans-serif; color:#666; margin:0; padding-top:4px; cursor:default; text-align:right;}
div#servicii dd a{ font: bold 12px Arial, Helvetica, sans-serif; color:#c43100;text-transform:uppercase;position:relative;top:4px;}
div#servicii dd a:hover{ color:#000;}

/*left*/ 
div#left{ float:left; width:270px; padding:15px 30px;}
div#left h1{ background:url(portofoliu.gif) left top no-repeat; height:35px; font: 21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#005296; padding:8px 0 0 48px; margin-bottom:9px;}

/*client*/
div#client{ margin:0 10px;}
div#client h2{background:url(arr.gif) left center no-repeat;font:19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;color:#c43100; padding-left:12px;}
div#client h3{ font:bold 13px Arial, Helvetica, sans-serif; color:#005296; text-transform:uppercase; padding:5px 0;}
div#client h4{background:url(arrow-blue.gif) left center no-repeat; font:12px Arial, Helvetica, sans-serif; color:#333; padding-left:10px; margin-left:10px;}
div#client h4 a{color:#c43100;}
div#client p strong{font:bold 11px Arial, Helvetica, sans-serif; color:#005296;}
div#client p{ background:url(ghilimele.png) left top no-repeat; font:italic 11px Arial, Helvetica, sans-serif; color:#555; padding:20px 0 0 10px;}
div#client p span{ float:right; width:30px; background:url(ghilimele.png) bottom right no-repeat; display:block;}

/**/
div#left{ margin-top:22px;}
div#left li{ display:inline; font:10px "Times New Roman", Times, serif; text-transform:uppercase;line-height:12px;}
div#left li a{float:left; background:url(arr2.gif) 15px 10px  no-repeat; width:220px; color:#c43100; border-bottom:1px dashed #ccc; padding:5px 5px 5px 45px;}
div#left li a:hover{background:url(arr2_.gif) 15px 10px  no-repeat;font:13px Georgia, "Times New Roman", Times, serif; color:#005296;}
div#left li a span{ display: block; font:11px Arial, Helvetica, sans-serif; color:#666; text-transform:lowercase;}
div#left li a:hover span{ color:#444;}

/*content*/
div#content{ float:left; width:590px; margin:45px 0 23px 0;}
div#content a{ color:#c43100;}
div#content a:hover{ color:#005296;}
div#content h1{height:35px; font:21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;color:#c43100; margin-bottom:9px;}
div#content h2{background:url(arr.gif) left center no-repeat;font:16px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;color:#005296;margin:10px 0px; padding-left:12px;}
div#content p, td{ font:12px Arial, Helvetica, sans-serif; color:#555; margin-bottom:6px;}
div#content object,div#content embed{ float:right; display:inline;}

/*content ul*/
div#content ul{font:12px Arial, Helvetica, sans-serif; padding-left:15px;}
div#content ul li{ color:#444;}
div#content ul li a{ background:url(arrow-blue.gif) left center no-repeat; color:#444; padding-left:10px; border-bottom:1px dashed #aaa;}
div#content ul li a:hover{color:#c43100;}

/*content ol*/
div#content ol{font:12px Arial, Helvetica, sans-serif;padding:0; padding-left:15px; margin:0; margin-bottom:15px;}
div#content ol li{color:#005296;}

/*demo*/
img#demo{ float:right; background:#fff; border:5px solid #eee; margin:10px; padding:1px;}
img#demo:hover{border:5px solid #ccc;}

/*footer*/
div#footer{background:url(footer.png) top left repeat-x #fff; position:relative;}
div#footer div{ width:890px; padding:120px 30px 20px 30px;}
div#footer object{position:absolute; top:0; left:0; display:none;}
a.itl{ float:left; background:url(itland.png) left center no-repeat; width:223px; height:59px; text-indent:-2000px;}
a.service{ float:left; background:url(it-service.png) left center no-repeat; width:59px; height:59px; text-indent:-2000px;}
a.net{ float:left; background:url(pronetworks.png) left center no-repeat; width:92px; height:59px; text-indent:-2000px;}
a.ab{ float:left; background:url(ab.png) left center no-repeat; width:127px; height:59px; text-indent:-2000px;}
a.abc{ float:left; background:url(abc.png) bottom center no-repeat; width:120px; height:52px; text-indent:-2000px;}

a.up{ float:right; background:url(top.png) center no-repeat; width:92px; height:59px; text-indent:-2000px;}

/*forms*/
label{ float:left; width:70px;font:12px Arial, Helvetica, sans-serif ;color:#444; text-transform:uppercase; padding:3px 5px 0 12px;}
label.error{ float:none; width:300px; font-size:11px; color:#c00; text-transform:none; padding:0 0 0 88px; clear:left; display:block;}
input.tf{ float:left; width:140px; background:url(tf.png) bottom repeat-x;font:11px Arial, Helvetica, sans-serif;color:#444;border:1px solid #ccc;padding:2px 5px;margin:1px 0;}
input.error, textarea.error{ border:1px solid #c00;}
textarea{ background:url(tf.png) bottom repeat-x;font:11px Arial, Helvetica, sans-serif;color:#444;border:1px solid #ccc;padding:2px 5px;margin:1px 0;}
input.ok{ width:127px;height:27px; background:url(trimite.gif) top left no-repeat;margin:3px 0; text-indent:-2000px;}

/*butoane*/
a.inapoi{float:left;width:24px;height:25px;background:url(inapoi.gif) no-repeat; text-indent:-2000px; margin-right:5px; display:none;}
a:hover.inapoi{ background:url(inapoi_.gif) no-repeat; cursor:pointer;}
a.inainte{float:left;width:24px;height:25px;background:url(inainte.gif) no-repeat;text-indent:-2000px;margin-right:10px; display:none;}
a:hover.inainte{ background:url(inainte_.gif) no-repeat; cursor:pointer;}
a.more{ display:block; width:102px;height:19px; background:url(more.gif) top left no-repeat;margin:3px 0; text-indent:-2000px;}
a:hover.more{background:url(more_.gif) top left no-repeat; cursor:pointer;}
a.cotatie{ display:block; width:127px;height:27px; background:url(cotatie.gif) top left no-repeat;margin:3px 0; text-indent:-2000px;}
a:hover.cotatie{background:url(cotatie_.gif) top left no-repeat; cursor:pointer;}

/*start images*/
div#start img{ float:left; margin:0 10px 15px 0;}

/*portofoliu*/
div#portofoliu{font:11px Arial, Helvetica, sans-serif; color:#444;}
div#portofoliu img{ float:left; background:#fff; width:180px; height:90px; border:4px solid #eee; padding:1px; margin:0 0 5px 0;}
div#portofoliu h4 a{font:bold 12px Arial, Helvetica, sans-serif; color:#005296;}
div#portofoliu div{ float:left;width:190px; height:150px; border-bottom:1px dashed #ddd; padding:0 0 5px 0; margin:0 6px 10px 0;}

/*other*/
br.clear, div.clear{clear:both;}
div.clear_l{clear:left;}
img.fl, div.fl{float:left;}
img.fr, div.fr{float:right;}

div#banner_abc{ padding:0 0 10px 40px;}