/*Tis is a document made by Creative Eye World Wide- A Web Design Company*/
@import "reset.css";
@import "fonturi.css";
@import "contact.css";

body { width:100%; }
/*the "body" element can have different classes aplied , for diffrent backgrounds from page to page of the website*/
.body-01 {  background:url(../images/structura/body-repeat.jpg) top repeat-x;background-color:#000;}
.body-02 {}
.body-03 {}
.body-popups {width:580px; height:480px; background-color:#FFF;}
/*this element is the wrapper of the layout and  establish the layout width using the "w-" classes [classes used for width, in pixells or in percents] */
#structure {margin:0 auto;}
/*this is a container for background composition, it uses the below classes*/
#sub-struct { position:relative; width:100%; overflow:auto;}
.sub-struct-01 {}
.sub-struct-02 {}
.sub-struct-03 {}
/*this are flags*/
.flags { list-style-type:none;}
.ro { background:url(../images/structura/ro_flag.png) top no-repeat; width:33px; height:17px; margin-left:22px; cursor:pointer; text-indent:-9999px; }
.ro:hover {background:url(../images/structura/ro_flag_mo.png) top no-repeat; width:33px; height:17px; margin-left:22px; cursor:pointer; text-indent:-9999px;}

.en { background:url(../images/structura/en_flag.png) top no-repeat; width:33px; height:17px; margin-left:0.4em; cursor:pointer;text-indent:-9999px;}
.en:hover { background:url(../images/structura/en_flag_mo.png) top no-repeat; width:33px; height:17px; margin-left:0.4em; cursor:pointer;text-indent:-9999px;}

.it { background:url(../images/structura/it_flag.png) top no-repeat; width:33px; height:17px; margin-left:0.4em; cursor:pointer;text-indent:-9999px;}
.it:hover { background:url(../images/structura/it_flag_mo.png) top no-repeat; width:33px; height:17px; margin-left:0.4em; cursor:pointer;text-indent:-9999px;}
/*"header"  id sets the branding area, uses classes such "h-" [classes used for height atribute] by case*/
#header { width:100%;}
.gallery { background:url(../images/structura/antet-galerie.png) top no-repeat;}
.left-header { background:url(../images/header/left.png)top left no-repeat;}
.rep-header { background:url(../images/header/repeat-horizontal.png) repeat-x;}
.right-header { background:url(../images/header/right.png) top right no-repeat;}
#slide{}
.slide-default { background:url(../images/header/slide.png)top right no-repeat;}
/*this is the container of the menu itself, html or flash menu*/
#adress{text-indent:-9999px;}
/*left side default*/
.phones { background:url(../images/structura/phones.png) top no-repeat;height:100px;width:333px;}
.emaill { background:url(../images/structura/email.png) top no-repeat;width:100px;height:100px; cursor:pointer;}
.emaill:hover { background:url(../images/structura/email_mo.png)top no-repeat;}
.adress { background:url(../images/structura/adress.png) top no-repeat; width:433px;height:100px;cursor:pointer;}
.adress:hover { background:url(../images/structura/adress_mo.png) top no-repeat;}
#activitati ul,li { font-size:80%; /*text-transform:uppercase;*/}
#menu{}
#content {}
.gallery-content { min-height:450px;}
/*page basement, can contain the footer-links , copyright element, partners container etc.*/
.coloana_dreapta { padding:0.4em;}
.movilift{ background:url(../images/structura/MoviliftJad-h1.png) top no-repeat;text-indent:-9999px;width:215px; height:60px;}
.movilift-p{ background:url(../images/structura/phones-p.png) top no-repeat;text-indent:-9999px;width:175px; height:79px;}
.logo{ background:url(../images/structura/logo_nou.jpg) top no-repeat;text-indent:-9999px;height:163px; cursor:pointer;}
#basement { width:100%;}
.basement-01 {}
/*"footer" id is  the "links" container, can have backgrounds...*/
#footer {}
.links li { display:inline; margin:0em 0.6em;}
.left-footer { background:url(../images/footer/left.png) repeat-x;}
.rep-footer { background:url(../images/footer/repeat-horizontal.png) repeat-x;text-align:center;}
.right-footer { background:url(../images/footer/right.png) repeat-x;}
/*"partners" id can contain trafic ranking, bussines partners, seo partners, etc.*/
#partners {}
.partners-01{}
/*the copyright*/
#copyright {}
.copyright-01 { text-align:center; font-size:70%;}
.copyright-02 {}

/*ATENTION:CLASSES SUCH "p-" CAN NOT BE APLIED DIRECT ON DIVS WITH "left" or "right" CLASSES APLIED, ONLY ON DIVS THAT CAME INSIDE THE DIVS "left" OR "right" CLASSES APPLIED*/ 
/*the "h-" classes sets the height of the element applied on it*/
.h-100px { height:100px;}.h-115px { height:115px;}.h-120px { height:120px;}
.h-125px { height:125px;}.h-130px { height:130px;}.h-135px { height:135px;}
.h-140px { height:140px;}.h-145px { height:145px;}.h-150px { height:150px;}
.h-155px { height:155px;}.h-160px { height:160px;}.h-165px { height:165px;}
.h-170px { height:170px;}.h-175px { height:175px;}.h-180px { height:180px;}
.h-185px { height:185px;}.h-190px { height:190px;}.h-195px { height:195px;}
.h-200px { height:200px;}.h-205px { height:205px;}.h-210px { height:210px;}
.h-215px { height:215px;}.h-220px { height:220px;}.h-225px { height:225px;}
.h-230px { height:230px;}.h-235px { height:235px;}.h-240px { height:240px;}
.h-245px { height:245px;}.h-250px { height:250px;}.h-255px { height:255px;}
.h-260px { height:260px;}.h-260px { height:260px;}.h-265px { height:265px;}
.h-270px { height:270px;}.h-275px { height:275px;}.h-280px { height:280px;}
.h-285px { height:285px;}.h-290px { height:290px;}.h-295px { height:295px;}
.h-300px { height:300px;}.h-305px { height:305px;}.h-315px { height:315px;}
.h-320px { height:320px;}.h-325px { height:325px;}.h-330px { height:330px;}
.h-335px { height:335px;}.h-340px { height:340px;}.h-345px { height:345px;}
.h-350px { height:350px;}.h-355px { height:355px;}.h-360px { height:360px;}
.h-365px { height:365px;}.h-370px { height:370px;}.h-375px { height:375px;}
.h-380px { height:380px;}.h-385px { height:385px;}.h-390px { height:390px;}
.h-395px { height:395px;}.h-400px { height:400px;}.h-405px { height:405px;}
.h-415px { height:415px;}.h-420px { height:420px;}.h-425px { height:425px;}
.h-430px { height:430px;}.h-435px { height:435px;}.h-440px { height:440px;}
.h-445px { height:445px;}.h-450px { height:450px;}.h-455px { height:455px;}
.h-460px { height:460px;}.h-465px { height:465px;}.h-470px { height:470px;}
.h-475px { height:475px;}.h-480px { height:480px;}.h-485px { height:485px;}
.h-490px { height:490px;}.h-495px { height:495px;}.h-500px { height:500px;}
/*the "p-" classes [in px or em temination] define the padding of an element*/
.p-02em { padding:0.2em;}.p-03em { padding:0.3em;}.p-04em { padding:0.4em;}
.p-05em { padding:0.5em;}.p-06em { padding:0.6em;}.p-08em { padding:0.8em;}
.p-1em { padding:1em;}.p-2em { padding:2em;}
.p-3em { padding:3em;}.p-4em { padding:4em;}
.p-6em { padding:6em;}.p-8em { padding:8em;}
.p-10em { padding:10em;}.p-12em { padding:12em;}
/*pixells units*/
.p-1px { padding:1px;}.p-2px { padding:2px;}.p-3px { padding:3px;}
.p-4px { padding:4px;}.p-5px { padding:5px;}.p-6px { padding:6px;}
.p-8px { padding:8px;}.p-9px { padding:9px;}.p-10px { padding:10px;}
.p-12px { padding:12px;}.p-14px { padding:14px;}.p-15px { padding:15px;}
.p-16px { padding:16px;}.p-18px { padding:18px;}.p-20px { padding:20px;}
.p-22px { padding:22px;}.p-24px { padding:24px;}.p-25px { padding:25px;}
.p-26px { padding:26px;}.p-28px { padding:28px;}.p-30px { padding:30px;}
/*coloana stanga si dreapta*/
.left { float:left;}.right { float:right;}
/*the "w-" classes aplied on element defines the width of it [in percents by its parent container, or in pixells for fix dimensions], also this classes can be used making columns -remeber that oance you have chosen lets say a class like "w-30"[that means that the element has a width of 30%] on the first element[div] plus the"left" or "right" class , ON THE SECOND DIV YOU NEED A COMPLEMENTARY DIMENSION LIKE 70% -"w-70" */ 
.w-10 { width:10%;}.w-15 { width:15%;}
.w-20 { width:20%;}.w-25 { width:25%;}
.w-30 { width:30%;}.w-35 { width:35%;}
.w-40 { width:40%;}.w-45 { width:45%;}
.w-50 { width:50%;}.w-55 { width:55%;}
.w-60 { width:60%;}.w-65 { width:65%;}.w-69 { width:69%;}
.w-70 { width:70%;}.w-75 { width:75%;}
.w-80 { width:80%;}.w-85 { width:85%;}
.w-90 { width:90%;}.w-95 { width:95%;}
.w-100 { width:100%;}
/*pixells units*/
.w-10px { width:10px;}.w-15px { width:15px;}
.w-20px { width:20px;}.w-25px { width:25px;}
.w-30px { width:30px;}.w-35px { width:35px;}
.w-40px { width:40px;}.w-45px { width:45px;}
.w-50px { width:50px;}.w-55px { width:55px;}
.w-60px { width:60px;}.w-65px { width:65px;}
.w-70px { width:70px;}.w-75px { width:75px;}
.w-80px { width:80px;}.w-85px { width:85px;}
.w-90px { width:90px;}.w-95px { width:95px;}
.w-100px { width:100px;}.w-120px { width:120px;}
.w-140px { width:140px;}.w-150px { width:150px;}
.w-160px { width:160px;}.w-180px { width:180px;}
.w-200px { width:200px;}.w-220px { width:220px;}
.w-240px { width:240px;}.w-250px { width:250px;}
.w-260px { width:260px;} .w-270px { width:270px;}.w-280px { width:280px;}
.w-300px { width:300px;}.w-310px { width:310px;}.w-320px { width:320px;}
.w-340px { width:340px;}.w-350px { width:350px;}
.w-360px { width:360px;}.w-380px { width:380px;}
.w-400px { width:400px;}.w-420px { width:420px;}
.w-440px { width:440px;}.w-450px { width:450px;}
.w-460px { width:460px;}.w-480px { width:480px;}
.w-500px { width:500px;}.w-520px { width:520px;}
.w-540px { width:540px;}.w-550px { width:550px;}
.w-560px { width:560px;}.w-580px { width:580px;}
.w-600px { width:600px;}.w-620px { width:620px;}
.w-640px { width:640px;}.w-650px { width:650px;}
.w-660px { width:660px;}.w-680px { width:680px;}
.w-700px { width:700px;}.w-720px { width:720px;}
.w-700px { width:700px;}.w-720px { width:720px;}
.w-740px { width:740px;}.w-750px { width:750px;}
.w-760px { width:760px;}.w-780px { width:780px;}
.w-800px { width:800px;}.w-820px { width:820px;}
.w-840px { width:840px;}.w-850px { width:850px;}
.w-860px { width:860px;}.w-870px { width:870px;}
/*the "w-" classes special dedicated to the "structure" id for designing the layout*/
.w-880px { width:880px;}.w-885px { width:885px;}.w-890px { width:890px;}
.w-895px { width:895px;}.w-900px { width:900px;}.w-905px { width:905px;}
.w-910px { width:910px;}.w-915px { width:915px;}.w-920px { width:920px;}
.w-925px { width:925px;}.w-930px { width:930px;}.w-935px { width:935px;}
.w-940px { width:940px;}.w-945px { width:945px;}.w-950px { width:950px;}
.w-955px { width:955px;}.w-960px { width:960px;}.w-965px { width:965px;}
.w-970px { width:970px;}.w-975px { width:975px;}.w-980px { width:980px;}
.w-985px { width:985px;}.w-990px { width:990px;}.w-995px { width:995px;}
.w-1000px { width:1000px;}


/*ie 6 hack*/
* .ie6hack {height:1%;margin-left:-3%;}