@import "lib/reset.css";
@import "lib/nav.css";

/* =body 
   (1em = default browser 16px of font-size)
   for 12px (0.75em = 1/16px * 12px)
 */
body { background: #f6f6f6; font-size: 0.75em; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #333333; }

/*div.firstheading { height: 53px; }
div.secondheading { height: 28px; }
div.thirdheading { height: 25px; }*/
/* =hx 
h2, h3, h4, h5, h6 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; }

h2 { font-size: 1em; }
h3 { font-size: 1.4em; margin: 0 0 10px 10px }
h4 { font-size: 1.1em; margin: 0 0 10px 10px; color: #0f479e }
h5 { font-size: 1em; }
h6 { font-size: 1em; }*/

/* =txt p/abr/acronym/address/del/blockquote/strong/em/dfn/pre/code/tt  */
p { margin: 0 0 1.2em; }
object { outline: none }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 0; padding: 0 0 0 35px; color: #2f3f1f; background: url(../images/utils/quote_green.gif) no-repeat left top; }
blockquote span { display: block; font-style: italic; text-align: right; padding: 5px 0 0 0; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

span { font-weight: normal; }

/* =table caption/tr/th/td/thead/tbody/tfoot */
table { border-collapse: collapse; }
th, td { border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 4px 7px; }
td { color: #7f7e89; }
td.first, th.first { padding: 3px 7px 3px 0; }
td.last, th.last { padding: 3px 0 3px 7px; border-right: none; }
.last_row td { border-bottom: none; font-size: 9px }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* =ul li */
ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: circle; }

/* =ol li */
ol { margin: 0 1.5em 1.5em 2em; list-style: none; }
ol li { background: url(../images/utils/white_list_bullet.gif) no-repeat left 7px; padding: 0 0 0 15px; margin: 0 0 0.4em 0 }

/* =dl dt/dd */
dl { margin: 0 0 5px 0; padding: 0; }
dl dt { font-weight: normal; }
dl dd { margin-left: 1.5em; }
dl dt { margin: 0 0 5px 0; padding: 2px 0 0 0; }

/* =a */
a { color: #ee2e2f; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

/* =form */
form { margin: 0; padding: 0; }

/* general */
.floatleft { float: left; width: 47%; margin: 0 0 10px 0 }
.floatright { float: right; width: 47%; margin: 0 0 10px 0 }

div.hr { margin: 7px 0px; border: none; border-top: 1px solid #e26767; }
div.hr hr { display: none; }

.grey{border-top: 1px solid #D8D8D8!important;}


/* layout */
#wrapper {  }
#container
{ width: 960px; margin: 0 auto; text-align: left; }

/* branding */
h1 { width: 198px; height: 128px; }
h1 img { margin: 80px 0 0 32px; }

/* header */
#header { position: relative; width: 960px; height: 175px; margin: 0 0 0 0; }
#header .x3doneazatimp { position: absolute; left: 250px; top: 75px; width: 380px; color: white }
h2 a{color:white}
#header .x3doneazatimp h2{ font: 1.83em "Arial Black", Arial;}
#header .x3doneazatimp p { font-size: 1.17em; line-height: 1em }
#header .oreramase { position: absolute; right: 0; top: 70px; }

/* content */
#content { width: 960px;}
#content #menu {float: left; width: 232px; margin: 80px 0 0 0; }
#content #sidebar{float: left; width: 152px; margin: 90px 0 0 0; padding-left:80px;}
#content #menu #nav { margin: 0 0 0 60px; }

.titleindex { font: 2.08em "Arial Black", Arial; color: #d62a2a; border-bottom: 1px solid #c2c2c2; margin-bottom: 20px }

/* home */
body#home { background: #f6f6f6 url(../images/utils/bg.jpg) no-repeat center top; }
body#home #content .threecollumns { width: 930px }
body#home #content .siteinfo { float: right; text-align: right; margin: -15px auto 0 0; width: 685px; height: 383px; }
body#home #content .siteinfo h2 { margin: 95px 0 0.7em 0; font: 2.08em "Arial Black", Arial; color: #333333; line-height: 0.8em }
body#home #content .siteinfo p { font-size: 1.17em; line-height: 1em; margin: 0 0 0.5em 0; }
body#home #content .siteinfo ul { margin: 0; padding: 0; list-style: none; }

body#home #content .cuiseadreseaza { float: left; width: 190px; padding: 0 0 0 70px; text-align: left; }
body#home #content .cuiseadreseaza ul li { width: 190px; border-bottom: 1px solid #e6e6e6; margin: 0 0 1.3em 0; padding: 0 0 5px 0 }
body#home #content .cumfunctioneaza { float: right; width: 280px; padding: 0 40px 0 0; text-align: left; }
body#home #content .cumfunctioneaza ul { margin: 0 0 0 10px }
body#home #content .cumfunctioneaza ul li { margin: 0 0 0.8em 0; background: url(../images/utils/gray_list_bullet.gif) no-repeat left 5px; padding-left: 15px; }

body#home #content .sitecontent { padding: 0 0 0 50px; color: #797979 }
body#home #content .sitecontent .floatleft { width: 490px; }
body#home #content .sitecontent .floatright { width: 350px; }
body#home #content .sitecontent p b { font-size: 1.5em; font-weight: bold; }
body#home #content .sitecontent h3 { font-size: 1.33em; font-weight: bold; color: #333333 }
body#home #content .sitecontent .floatleft h3 { margin: 0 0 0.5em 0 }
body#home #content .sitecontent .sustinere { position: relative; width: 245px; }
div#neSustin{
	float:left; width:490px
}
body#home #content .sitecontent .floatleft .sustinere p { line-height: 1.0em }
body#home #content .sitecontent .floatleft .sustinere .absleft { position: absolute; right: 0; top: 0; width: 250px; }
body#home #content .sitecontent .floatright h3 { line-height: 1em }
body#home #content .sitecontent .date { font-size: 0.92em; color: #333333 }
body#home #content .sitecontent .floatright .news { border-bottom: 1px solid #ececec; margin: 0 0 25px 0; padding: 0 0 5px 0 }
body#home #content .sitecontent .floatright .news p { margin: 0.2em 0 0.5em 0 }

body#home #content .headings { position: relative; border-bottom: 1px solid #c2c2c2; width: 100%; margin: 10px 0 15px 0; }
body#home #content .headings h2 { font: 2.08em "Arial Black", Arial; color: #d62a2a; }
body#home #content .headings .vezilista { position: absolute; left: 255px; top: 10px; color: #d62a2a; font-weight: normal; }
body#home #content .headings h2.title_new { position: absolute; right: 102px; top: 0; }

body#home #content .linkLista{}

.p360creative{display:block;margin:0 10px 0 0;float:left;text-indent:-9999px;width:135px;height:45px;background:url(../images/parteneri/360creative.gif) no-repeat top left;}


.p24fun{display:block;margin:0 10px 0 0;float:left;text-indent:-9999px;width:90px;height:45px;background:url(../images/parteneri/24fun.gif) no-repeat top left;}


.pportfolios{display:block;margin:0 10px 0 0;float:left;text-indent:-9999px;width:110px;height:45px;background:url(../images/parteneri/portfolios.gif) no-repeat top left;}


.pvisualart{display:block;margin:0 10px 0 0;float:left;text-indent:-9999px;width:115px;height:45px;background:url(../images/parteneri/visualart.gif) no-repeat top left;}

.pstandard{display:block;margin:10px 10px 0 0;float:left;text-indent:-9999px;width:122px;height:45px;background:url(../images/parteneri/business_standard.gif) no-repeat top left;}

.pcomunicate{display:block;margin:10px 10px 0 0;float:left;text-indent:-9999px;width:122px;height:45px;background:url(../images/parteneri/comunicate.gif) no-repeat top left;}

/* inside pages */
body#home #content #inside .siteinfo { margin-top: 19px; height: auto; min-height: 400px; padding-bottom: 30px; background: #f6f6f6 url(../images/utils/bg_inside.gif) no-repeat left top; width: 689px; text-align: left }
body#home #content #inside .siteinfo p { font-size: 1em; line-height: 1.4em; margin: 0 0 0.7em 0 }
#content #inside .siteinfo .siteinfocontent { padding: 0 0 0 60px; width: 620px; }
#content #inside .siteinfo .siteinfocontent h2 { margin: 20px 0 0 0; }
#content #sidebar h2 { font: 2.08em "Arial Black", Arial; color: #D62A2A; border-bottom: 1px solid #dedede; margin:0 0 10px 0;}
#content #inside .siteinfo .siteinfocontent .proiect_3col { margin: 20px 0 0 0 }
#content #inside .siteinfo .siteinfocontent .proiect_3col li { float: left; width: 180px; margin: 0 30px 0 0; }
#content #inside .siteinfo .siteinfocontent .proiect_3col li a { white-space: nowrap }
#content #inside .siteinfo .siteinfocontent .proiect_3col li.last { margin: 0;}
#content #inside .siteinfo .siteinfocontent .proiect_3col li h3 { color: #d62a2a; font-size: 1.50em; margin-bottom:0.3em; }
#content #inside .siteinfo .proiect_se_adreseaza { clear: both; width: 620px; position: relative; border-top: 1px solid #d62a2a; border-bottom: 1px solid #d62a2a; padding: 10px 0; margin: 15px 0 15px 0 }
#content #inside .siteinfo .proiect_se_adreseaza h3 { position: absolute; left: 0; top: 8px; font: 1.3em "Arial Black", Arial; font-weight: normal; color: #d62a2a }
body.proiecterealizate #content #inside .siteinfo .proiect_se_adreseaza { margin-bottom: 0; border-bottom: none }
body#home #content #inside .siteinfo .proiect_se_adreseaza p { margin: 0 0 0 255px; font-size: 1.17em!important; color: #d62a2a }
#content #inside .siteinfo .proiect_se_adreseaza p b { font: 1em "Arial Black", Arial; }
body#home #content #inside .siteinfo .cerereproiect { float:left;border-top: 1px solid #dedede; margin: 1.5em 0 0.5em 0; padding: 10px 0 0 0; font-size:1.17em; color: #797979; }
body.proiecterealizate #content #inside .siteinfo .cerereproiect { margin: 0 0 0.5em 0!important; width: 620px  }


.title { font-size: 1.5em; line-height: 1.2em; margin: 1em 0 0.5em 0; font-weight: normal; color: #d62a2a }

body#home #content #inside .siteinfo .numberedlist { padding: 10px 0 0 0 }
body#home #content #inside .siteinfo .numberedlist li { margin: 0 0 0 20px; clear: both }
body#home #content #inside .siteinfo .numberedlist .head span { font-size: 1.17em; margin: 0 0 0.2em 0; color: #d62a2a }
body#home #content #inside .siteinfo .numberedlist li em { float: left; font: 1.3em "Arial Black", Arial; font-style: normal; line-height: 1em; color: #d62a2a }
body#home #content #inside .siteinfo .numberedlist li p { float: left; padding: 0 0 0 20px; margin: 0 0 1.7em 0; width: 540px; }
body#home #content #inside .siteinfo .pagesustine h2 { margin-bottom: 0.5em  }
body#home #content #inside .siteinfo .twocollumns .floatleft p { margin: 0 0 0.5em 0 }

/* proiecte realizate */
.proiecte-realizate { position: relative; margin: 20px 0 80px 0; width: 620px; }
.proiecte-realizate h3 { color: #d62a2a; font-size: 1.50em; margin-bottom:0.3em; line-height:1.20em; }
.proiecte-realizate p { color: #454444; padding: 0 30px 0 0 }
.proiecte-realizate p span { font-weight: bold; }
.proiecte-realizate .picture { position: relative; width: 280px; margin: 10px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #c2c2c2; }
.proiecte-realizate .timespent { position: absolute; right: -2px; bottom: -22px; width: 44px; padding: 12px 0 13px 0;  text-align: center; background: url(../images/utils/red_bullet.png) no-repeat center top; font-family: "Arial Black", sans-serif; color: white; line-height: 0.7em; font-size: 1.2em }
.proiecte-realizate .timespent small { display: block; font-size: 0.7em; text-transform: uppercase }
.proiecte-realizate .links { margin: 0 0 30px 0 }
.proiecte-realizate .links p { margin: 0 0 0.2em 0!important; }
.projecttitle { width: 620px; position:relative; margin: 0 0 15px 0 }
.projecttitle h3 { border-bottom: 1px solid #c2c2c2; padding: 0 0 5px 0; margin: 0 }

.weblink { position: absolute; top: 350px; right: 0 }

body.acasa .proiecte-realizate { width: 465px; margin: 10px 0 0 }
body.acasa .proiecte-realizate .picture { width: 220px }


/* sustine-ne */
body#home #content #inside .sustineContent .banner { margin: 15px 0 5px 0; padding: 0 0 10px 0; color: #454444; border-bottom: 1px solid #d8d8d8; }
body#home #content #inside .sustineContent .banner img { float: left; margin: 0 7px 0 0; border: 4px solid #d7d7d7; color: #454444 }
body#home #content #inside .sustineContent .banner input {font-family:Arial, Helvetica, sans-serif;border: 1px solid #d7d7d7; background: white; font-size: 1.2em; padding: 0 5px; margin: 5px 0 0 0;width:300px;height:20px; font-size:12px;}

div.multumim-content{width:600px;float:left;}
div.multumim{width: 300px;}
div.floatleft {float:left;position:relative;}
div.floatright {float:right;position:relative;}

.sustineContent .floatleft{width:600px;}
/* inscriere */
form { margin: 10px 0 0 0; clear: both }
form h3 { margin-bottom: 0.5em!important; }
form .message { color: #d62a2a }
form .forminscriere li { clear: both; margin: 0 0 0.7em 0; }
form .forminscriere label { float: left; width: 180px; padding: 2px 0 5px 10px; background: url(../images/form/label.gif) no-repeat left top; }
form .forminscriere b { float: left; height: 23px; width: 14px; background: url(../images/form/label-right.gif); }
form .forminscriere em { color: #d62a2a }
form .forminscriere span { float: left; padding: 2px 10px 5px 0; background: url(../images/form/input.gif) no-repeat right top; }
form .forminscriere input { float: left; background: none; border: none; }
form .forminscriere textarea { float: left; background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: auto }
form .forminscriere .formtextarea span { background: url(../images/form/textarea.gif) no-repeat left top; width: 415px; height: 215px }
form .forminscriere .formtextarea textarea { margin: 10px 0 0 10px; height: 190px; width: 390px }

form .mandatory { margin: 0 0 0 200px!important; padding: 0 }
form .mandatory em { color: #d62a2a }
form .submit span { float: left }
form .submit span.acord { margin: 20px 10px 0 200px; }

/* inside navigation */
#insidenav ul { height: 30px; padding: 25px 0 0 0!important; background: url(../images/utils/dot_list_gray.gif) repeat-x left bottom; }
#insidenav li { float: left; margin: 0 60px 0 0; padding: 0 0 5px 0 }
#insidenav li.last { margin-right: 0; }
#insidenav li.active { border-bottom: 7px solid #d62a2a; }

/* site navigation */
.sitenavigation { position: relative; border-top: 1px solid #c2c2c2; width: 960px; padding: 10px 0 0 0; margin:20px 0 0 0; }
.sitenavigation .navi { width: 400px; margin: 0 0 0 80px; text-align:left;}
.sitenavigation .navi ul, .sitenavigation .navi ul li { list-style: none; margin: 0 40px 0 0; padding: 0; white-space: nowrap }
.sitenavigation .navi ul li { display: inline; font-size: 0.92em; width: 80px; float: left }
.sitenavigation .navi ul li a { color: #333333 }
.sitenavigation .createdby { position: absolute; right: 0; top: 20px; width: 270px }
.sitenavigation .createdby span { float: left; padding: 6px 0 0 0 }
.sitenavigation .createdby a { float: right; }

/* footer */
#footer { width: 100%; height: 145px; background: url(../images/utils/bg_footer.jpg) repeat-x center bottom; clear: both }