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


/* se definesc instructiunile generale pentru html si body pentru a se evita interpretarea diferita a browserelor */
body,html {margin: 0px; padding: 0px; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:12px; background:#000;}
a, p,ul,li,h1 {margin:0; padding:0;}
img {margin:0; border:0; padding:0;}
.clear {clear:both;}
/********************************************************************/

/*acesta contine  elementele sitului */
#container {width:639px; margin:105px auto;}

/* aici se afla meniul de sus al paginii*/
#menu { margin-bottom:10px;}
#menu b { background:url(img/border-men.jpg); width:3px; height:15px; float:left; overflow:hidden; display:block; margin:0 24px;}
#menu a {display:block; height:13px; float:left; position:relative;}
#menu a:hover {background-position:0 -13px;}
#menu a img {position:absolute; top:-20px;}
.home {width:45px; background:url(img/home.jpg);}
.home img {left:14px !important;}
.portofolio {width:80px; background:url(img/portofoliu.jpg);}
.portofolio img {left:30px !important;}
.exhibitions {background:url(img/exhibitions.jpg); width:89px;}
.exhibitions img {left:36px !important;}
.monuments {background:url(img/monuments.jpg); width:94px;}
.monuments img {left:38px;} 
.cv {background:url(img/cv.jpg); width:23px;}
.cv img {left:2px !important;}
.links {background:url(img/links.jpg); width:43px;}
.links img {left:12px;}

/*********************************** end menu ***********************************/

/************************ primul box ***********************************/
.panel1 {border:1px solid #292b2a; background:#0d0d0d; width:630px; position:relative;}
.padd {padding:23px 25px 13px 76px}
/***********************************************************************/


/******************************** al doilea box - latest work ****************************/
.panel-work {width:380px; padding:20px; background:url(img/bg-down.jpg) repeat-x;  height:165px; float:left; border:solid 1px #1a1a1a; margin-top:2px;}

.latest-work {background:url(img/latest-work.jpg) no-repeat; display:block; width:90px; height:13px; }
.latest-work:hover {background-position:0 -13px;}
/**** thumb-urile imaginilor *****/
.box {width:75px; float:left; color:#fff;}
.box img { margin:14px 0 14px 0 !important;}
.box .titlu-l {color:#fff; margin-bottom:10px; text-decoration:none;}
.box .titlu-l:hover {text-decoration:underline;} 
.box .detalii {color:#00baff; font-size:10px; text-decoration:none; display:block; margin:10px 0 0 0;}
.box .detalii:hover {text-decoration:underline; color:#fff;}
/*********** instructiune folositoare la spatiul dintre cele 3 imagini *********************/
.block {margin-left:70px; margin-right:70px;}
/********************************end al doilea box - latest work ****************************/



/************* al treilea box ***********************/
.panel-colection {width:170px; padding:20px; background:url(img/bg-down.jpg) repeat-x;  height:165px; float:left;  border:solid 1px #1a1a1a; margin:2px 0 0 5px;}
.colect-tag {margin-left:30px;}
/****** lista cu lucrari ************************/
.list {color:#fff; margin:10px 0 0 10px;}
.list a {color:#fff; text-decoration:none; font-size:10px; padding:0 0 0 20px;}
.list a:hover {text-decoration:underline; color:#00baff;}
.versiune {background:url(img/lb-romana.jpg); width:104px; height:17px; display:block; float:right; margin:5px 20px 0 0;}
.versiune:hover {background-position:0 -17px;}
/*********** end al treilea box ***********/

/************ Portofoliu ********************/
/********* menu stanga ******************/
.men-left {width:155px; border-right:solid 1px #292b2a; border-bottom:solid 1px #292b2a; padding:10px 0; float:left;} 
.men-left a {display:block; padding:0 0 0 10px; width:145px; text-decoration:none; font-size:14px; color:#97aad6; margin:56px 0 0 0;}
.men-left a:hover {text-decoration:underline; color:#fff;}

/************** galerie **********************/
.thumb {float:right; width:445px; padding:23px 0 0 10px;}
.thumb .row-t { margin:20px 0 0 0;}
.thumb .row-t a {display:block; width:51px; height:50px; text-align:center; background:#fff; float:left;/* margin:45px 19px 0 29px;*/ border:solid 1px #0d0d0d; margin:0 23px 3px 23px;}
.thumb .row-t a:hover {border-color:#ff2b2b;}

/************* galerie interior ******************/
.selected {color:#ff2b2b !important;}
.selected:hover {color:#fff !important;}
.content {float:left; width:445px; text-align:left;}
h1 {display:block; text-align:center; color:#fff; font-size:20px; margin:15px 0;}
.box-produs {text-align:left; width:445px; padding:20px 0 0 0;}
.box-produs img {float:none !important;}
.box-produs .img-prod { border:solid 1px #0d0d0d; float:left; margin:10px 30px 0 50px;}
.box-produs .img-prod:hover {border-color:#ff2b2b;} 
.box-produs .descriere { color:#b8eefe; text-align:left; padding:10px 0 0 0px; line-height:18px; text-decoration:none;}
.box-produs .descriere:hover {text-decoration:underline;} 

/**************** exhibitions ******************/
#exhibition {}
#exhibition .title, #exhibition .title:visited {color:#8d9fc8; padding-left:65px; margin:30px 0; display:block; text-decoration:none;}
#exhibition .title:hover {color:#fff;}
#exhibition .link-img {height:125px; float:left; margin:0 40px;}
.space {height:10px; width:1px;}
.subttile {display:block; text-align:center; color:#8d9fc8; margin:0 0 40px 0;}
.row {margin:10px 0; height:250px; line-height:250px; padding:0 10px;}
.row a {margin:0 40px 0 0;}
/***************** prima imagine din rand !!!! atentie aceasta va fi afisata la dreapta randului *********************/
.row .img-dr {float:right;}

/************************** CV ********************/
.cv-cont {padding:20px; width:400px;}
.cv-cont p {color:#ccc; padding:0 0 0 10px; font-size:10px; text-indent:20px; margin:0; padding:0;}
.cv-cont h1 {text-align:left !important; padding-left:30px;}
.cv-cont .cv-title {font-weight:bold; color:#fff; margin:10px 0 5px 10px;}
.cv-cont p span {color:#97aad6;}
.cv-cont a {color:#00baff;}
.cv-cont a:hover {text-decoration:none;} 
.cv-img {width:160px; float:right; padding:20px 10px 0 0;}
.cv-img img {margin-bottom:10px;}

/*************************************************/

/**************** Links ****************************/
.links-cont {padding:20px 0 0 20px;}
.descriere-link {width:400px; padding:5px 30px; color:#d6d5d3; font-size:10px; margin-bottom:15px;}
.links-cont a {color:#97aad6; text-decoration:none; margin:10px; font-size:12px; font-weight:bold;}
.links-cont a:hover {text-decoration:underline;} 



/*************************************************/



/* Coding by Morda Florian - www.teserakt.ro */