@import 'header.css';

*{margin:0;padding:0;border:0;}
a{text-decoration:none; outline:none;}
ul, li{list-style:none;}
input, select, textarea{margin:1px 0;}
h1,h2,h3,h4,h5{cursor:default;}
body{ background:#fff;}

/**/
div#container{ width:800px;background:#fff; margin:0 auto;}
div#top{ float:left; background:url(../imagini/amenajari_birouri_logo.png) right bottom no-repeat; width:390px; height:120px; position:relative;}
a#logo{ width:200px; height:140px; font:bold 13px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; text-indent:-9999px; position:absolute; bottom:-20px; right:0;}

div#anim{ float:left; width:800px; height:260px; background:url(../imagini/amenajari_birouri_header.jpg) -3px 0 no-repeat; text-align:center;}
div#anim object{ display:none;}

/**/
div#content{float:left; padding:0 10px; width:550px; position:relative;}

/**/
ul#bullet{ float:left; padding:10px 0;}
ul#bullet li{ float:left; width:560px; font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; display:inline; position:relative;}
ul#bullet li a{ float:left; color:#777; color:#0094A5; height:80px;line-height:80px;display:block; cursor:pointer;}
ul#bullet li a span{ float:left;background:url(../imagini/bullet.gif) center no-repeat; width:60px;font-size:25px;font-weight:bold; color:#fff; text-align:center; margin-right:5px;display:inline;}

ul#bullet li a:hover,ul#bullet li#on a{font-size:24px;color:#0094A5;height:80px;line-height:80px;}
ul#bullet li a:hover span, ul#bullet li#on a span{background:url(../imagini/bullet_.gif) center no-repeat; font-size:35px; color:#fff;}

ul#bullet li code, ul#bullet li div{ width:490px;font:12px Arial, Helvetica, sans-serif; color:#666; line-height:17px; cursor:default; z-index:33; background:#fff;}
/*ul#bullet li code{ position:absolute; top:50px; left:79px; height:30px; overflow:hidden;}*/
ul#bullet li code{ float:left; position:relative; top:-20px; left:0; left:60px; padding:0 0 10px 4px; margin:0 0 -25px 0;}
ul#bullet li div{ float:left; position:relative; top:-20px; left:0; left:60px; padding:0 0 10px 4px; margin:0 0 -25px 0; display:none;}
ul#bullet li div.testimoniale{ display:block;}
ul#bullet li div.testimoniale h2{ font:bold 13px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;}

/**/
div#contact{ float:left; width:115px; height:38px; position:relative; margin:10px 0 0 65px; z-index:100; display:inline;}
div#contact img{ cursor:pointer;}
div#contact div{ width:190px; background:#eee; border:1px solid #ddd; padding:15px 15px 5px 10px; position:absolute; top:-195px; left:-10px;}
div#contact label{ font:italic 12px Arial, Helvetica, sans-serif; color:#555; padding:0 0 0 6px; display:block;}
div#contact input.tf{ width:180px; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #ddd; padding:3px 5px; margin-bottom:5px;}
div#contact textarea{ width:180px; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#666; border:1px solid #ddd; padding:3px 5px;}
div#contact input.ok{ font:bold italic 12px Arial, Helvetica, sans-serif;color:#fff;background:#0094A5;;padding:4px 8px;margin:5px 0;display:block; cursor:pointer; width:auto; visibility:visible;}

/**/
div#right{float:right;width:200px;background:url(../imagini/right_top.png) top no-repeat #eee;margin:30px 0 0 0;padding:20px 0 0 0;}
div#right div#in{float:left;width:180px; background:url(../imagini/right_bottom.png) bottom no-repeat; padding:0 10px 20px 10px;}

/**/
div#footer{ float:left;width:760px;background:url(../imagini/footer.png) top repeat-x #eee; padding:60px 20px 10px 20px; margin:10px 0 0 0;}
div#footer a img{filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
div#footer a:hover img{filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}

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