@import 'lightbox.css';

*{margin:0;padding:0;border:0;}
a{text-decoration:none;}
ul, li{list-style:none;}
input, select, textarea{margin:1px 0;}
h1,h2,h3,h4,h5{cursor:default;}
code{font:11px Arial, Helvetica, sans-serif; color:#999;}
body{ background:url(../imagini/top.png) center top no-repeat #fff;}

/**/
div#container{ width:900px; margin:0 auto;}

/**/
div#limba{ float:right; margin:-200px 25px 180px 0; display:inline; position:relative; z-index:11;}
div#limba img{ float:left; margin:10px 4px; border:1px solid #ccc;}

/**/
div#top{ float:left; width:900px; height:260px; position:relative;}
div#top div{ width:200px; height:75px; cursor:pointer; position:absolute; top:80px; left:40px;}
div#top ul{ position:absolute; top:16px; left:50px;}
div#top li{ float:left;font:18px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; display:inline;}
div#top li a{ float:left; color:#444; text-transform:uppercase; padding:0 23px; display:block;}
div#top li a:hover{ color:#c40000;}

/**/
div#content{ float:left; width:860px; padding:20px; font:12px Arial, Helvetica, sans-serif; color:#555;}
div#content a{color:#c40000;}
div#content h1{ font:18px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#00285A; margin:10px 0 5px 0;}
div#content h1#titlu{ color:#c40000; margin:10px 0 0 0;}
div#content h1 a{color:#00285A; text-decoration:underline;}
div#content h1 a:hover{color:#c40000;}
div#content h2{ font:bold 14px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#c40000; padding:5px 0 0 0;}
div#content h2 a{ color:#080;}
div#content h2 em{ padding-top:2px;}
div#content p{margin-bottom:10px;}

/**/
div.box{ float:left; width:430px; margin:0 0 20px;font:12px Arial, Helvetica, sans-serif; color:#555; position:relative;}
div.box div.zoom{ position:absolute; top:106px; left:169px; background:url(../imagini/plus.png); width:21px; height:21px; border:1px solid #ddd; border-bottom:0; border-right:0; cursor:pointer;}
div.box img{ float:left; background:url(../imagini/box.png) no-repeat; width:180px; height:118px; padding:10px 41px 10px 9px;}
div.box em{ float:left; width:70px; font:bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#296FB0; margin-top:-2px;}
div.contact em{ width:120px;}

/**/
div#left{ float:left; width:590px;}
div#left div.box{ float:left; width:560px;}
div#left div.box em{ width:130px; font:bold 12px Arial, Helvetica, sans-serif; color:#296FB0;margin-top:-0;}
div#left div.box div.fl{width:330px;margin-top:10px;}

/**/
div#contact{ float:left; width:800px;}
div#contact div.box{ width:750px;}

/**/
ul#detalii{ float:left; width:590px;}
ul#detalii li{ float:left;background:url(../imagini/not_active.gif) left center no-repeat; width:260px; margin-right:15px; padding:2px 0 2px 20px;}
ul#detalii li.on{ background:url(../imagini/active.gif) left center no-repeat;}

/**/
div#preturi{ width:564px; height:73px; background:url(../imagini/table.png) left top no-repeat;font:13px Arial, Helvetica, sans-serif; color:#555; padding:6px 10px 0 10px;}
td{padding:7px 5px 4px 5px;}
td.title{border-right:1px solid #d0d0d0; font-weight:bold;color:#296FB0;}
div#content table h2{ padding:0;}

/**/
div#formular{ float:right; background:url(../imagini/contact.png) -10px 50px no-repeat #fff; padding-left:17px; width:250px;}
div#formular span{ color:#c40000; margin-left:5px; display:inline;}
div.col{ float:left; width:250px; padding-right:40px;}
div.col3{ float:left; width:250px;}
div#formular h1{ text-transform:uppercase;}
div#formular div#telefon{ float:left; background:url(../imagini/telefon.png) top left no-repeat; width:229px; height:32px;  font:bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; text-align:center;margin-top:15px; padding:34px 0 0 0;}

/**/
label{ float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#666;padding:3px 0;}
.lll label{ width:105px;}
select{font:bold 12px Arial, Helvetica, sans-serif; color:#296FB0; border:1px solid #999;}
input.tf{ float:left; width:130px; background:url(../imagini/tf.png) bottom repeat-x #fff; font:italic 13px Arial, Helvetica, sans-serif; color:#296FB0; border:1px solid #ccc; padding:3px 5px;}
textarea{ width:238px; background:url(../imagini/tf.png) bottom repeat-x #fff; font:italic 13px Arial, Helvetica, sans-serif; color:#296FB0; border:1px solid #ccc; padding:3px 5px;}

input.ck{ float:left;font:bold 12px Arial, Helvetica, sans-serif; color:#666; margin-right:5px;}
div#formular .ok{ float:left;background:url(../imagini/ok.png) top left no-repeat #080; width:229px; height:43px; line-height:43px; font:bold 16px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; text-align:center; margin:10px 0 0 0;  cursor:pointer;}
div#formular a.ok{height:33px; padding:10px 0 0 0;}

/**/
div#footer{ float:left; width:900px; border-top:1px solid #ccc; text-align:center; padding:10px 0;margin:10px 0 0 0;}
div#footer ul{ float:left; margin-left:15px; display:inline;}
div#footer li{ float:left;font:bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; display:inline;}
div#footer li a{ float:left; color:#777; padding:0 25px; margin-left:20px; display:inline;}
div#footer li a:hover{ color:#000;}

div#footer p{font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#666; padding:5px 18px 10px 0;}
div#footer p a{ font-weight:bold; color:#c40000; padding:0 0 0 5px;}
div#footer p a:hover{ color:#000;}

/**/
.clear{clear:both; display:inline;}
div.fl{ float:left;}
div.fr{ float:right;}