@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background:#e3f2fe url(../images/bg.jpg) repeat-x left top; font-size:11px; color:#585858; font-family:Arial, Helvetica, sans-serif;}

h1{margin:0 0 15px 0; border-bottom:1px solid #cccccc; padding:10px 0 5px 0; font-size:17px; color:#dd5b0d; text-transform:uppercase;}
h2{margin:0 0 15px 0; border-bottom:1px solid #dd5b0d; padding:0 0 5px 0; font-size:14px; color:#585858; text-transform:uppercase; }
h3{margin:0 0 15px 0; border-bottom:1px solid #cccccc; padding:0 0 5px 0; font-size:12px; color:#1079c4;}
ul, li{margin:0; padding:0;}
ul{list-style:none;}

a img{border:0;}
a:link, a:active, a:visited{color:#e4620a; text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}

.clear{height:0px; line-height:0px; font-size:0px; clear:both;}

#wrapper{width:900px; margin:0 auto 0 auto;}
#header{width:900px; height:245px; background:url(../images/header.jpg) no-repeat left top; margin-bottom:20px;}

#sidebarone{width:316px; float:left; padding:15px; background:#FFFFFF; overflow:hidden;}
#gallery{width:316px; float:left; margin-bottom:5px;}
#gallery img{border:1px solid #cccccc; padding:3px; float:left; margin:0 6px 4px 0;}
#gallery a img{border:1px solid #cccccc;}
#gallery a:hover img{border:1px solid #dd5b0d;}

#adresa{width:200px; float:left; font-size:11px;}
#harta{width:64px; float:right;}

#content{width:530px; float:right;}
#menu-zone{width:506px; padding:9px 12px 3px 12px; float:left; background:#FFFFFF; margin-bottom:20px;}
#menu{width:412px; height:30px; float:left;}
#email{width:66px; height:30px; float:right;}

#menu ul li{float:left;}
#menu ul li a{display:block; text-indent:-9999px; margin-right:5px;}

#menu ul li.despre a{width:88px; height:30px; background:url(../images/matrix_menu.gif) no-repeat left top;}
#menu ul li.despre a:hover{background:url(../images/matrix_menu.gif) no-repeat left -30px;}
#menu ul li.despre a.selected{width:88px; height:30px; background:url(../images/matrix_menu.gif) no-repeat left -60px;}

#menu ul li.servicii a{width:62px; height:30px; background:url(../images/matrix_menu.gif) no-repeat -93px top;}
#menu ul li.servicii a:hover{background:url(../images/matrix_menu.gif) no-repeat -93px -30px;}
#menu ul li.servicii a.selected{width:62px; height:30px; background:url(../images/matrix_menu.gif) no-repeat -93px -60px;}

#menu ul li.magazin a{width:175px; height:30px; background:url(../images/matrix_menu.gif) no-repeat -160px top;}
#menu ul li.magazin a:hover{background:url(../images/matrix_menu.gif) no-repeat -160px -30px;}
#menu ul li.magazin a.selected{width:175px; height:30px; background:url(../images/matrix_menu.gif) no-repeat -160px -60px;}

#menu ul li.contact a{width:72px; height:30px; background:url(../images/matrix_menu.gif) no-repeat -340px top;margin-right:0;}
#menu ul li.contact a:hover{background:url(../images/matrix_menu.gif) no-repeat -340px -30px;}
#menu ul li.contact a.selected{width:72px; height:30px; background:url(../images/matrix_menu.gif) no-repeat -340px -60px; margin-right:0;}

#main{width:506px; padding:12px; float:left; background:#ffffff; overflow:hidden;}
#main ul li{padding:0 0 0 10px;; margin:0 0 5px 0; background:url(../images/arrow.gif) no-repeat left 6px;}
#main #piese{width:140px; float:left;}
#main #piese ul li{clear:left; margin:0; padding:0;}
#main #piese ul li a{width:120px; padding:2px 6px 2px 6px; float:left; margin:0 4px 4px 0; border:1px solid #cccccc; background:#FFFFFF;}
#main #piese ul li a:hover{width:120px;padding:2px 6px 2px 6px; float:left; margin:0 4px 4px 0; border:1px solid #cccccc; background:#dd5b0d; color:#ffffff;}
#main #piese ul li a.selected{width:120px;padding:2px 6px 2px 6px; float:left; margin:0 4px 4px 0; border:1px solid #cccccc; background:#dd5b0d; color:#ffffff;}

#descriere{width:330px; float:right;}
#descriere img{padding:4px; border:1px solid #cccccc; margin:0 0 10px 10px; float:right;}

#galerie{width:506px; float:left; margin-bottom:5px;}
#galerie img{border:1px solid #cccccc; padding:3px; float:left; margin:0 10px 4px 0;}
#galerie a img{border:1px solid #cccccc;}
#galerie a:hover img{border:1px solid #dd5b0d;}