/************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSSMain.css */ /************************************************************************/ * {box-sizing:border-box;} body, html {width:100%; height:100%;} body { background-color:#fff; color: #555555 /*** {font} color schema ***/; padding:0; margin:0; font-family:"Roboto",Arial,Helvetica; font-size:14px; font-weight: 400; position:relative; } h1, h2, h3 {line-height:130%;} .leaf {line-height:150%;padding:0; margin:0; position:relative; display:inline-block; vertical-align:top;} .row, col100 {width:100%; display:block; margin:0;} p {margin:0;padding:1em 0;} h1, h2, h3 {margin:0;padding:.5em 0;} .col1 { width:1%; } .col2 { width:2%; } .col3 { width:3%; } .col4 { width:4%; } .col5 { width:5%; } .col6 { width:6%; } .col7 { width:7%; } .col8 { width:8%; } .col9 { width:9%; } .col10 { width:10%; } .col11 { width:11%; } .col12 { width:12%; } .col13 { width:13%; } .col14 { width:14%; } .col15 { width:15%; } .col16 { width:16%; } .col17 { width:17%; } .col18 { width:18%; } .col19 { width:19%; } .col20 { width:20%; } .col21 { width:21%; } .col22 { width:22%; } .col23 { width:23%; } .col24 { width:24%; } .col25 { width:25%; } .col26 { width:26%; } .col27 { width:27%; } .col28 { width:28%; } .col29 { width:29%; } .col30 { width:30%; } .col31 { width:31%; } .col32 { width:32%; } .col33 { width:33%; } .col34 { width:34%; } .col35 { width:35%; } .col36 { width:36%; } .col37 { width:37%; } .col38 { width:38%; } .col39 { width:39%; } .col40 { width:40%; } .col41 { width:41%; } .col42 { width:42%; } .col43 { width:43%; } .col44 { width:44%; } .col45 { width:45%; } .col46 { width:46%; } .col47 { width:47%; } .col48 { width:48%; } .col49 { width:49%; } .col50 { width:50%; } .col51 { width:51%; } .col52 { width:52%; } .col53 { width:53%; } .col54 { width:54%; } .col55 { width:55%; } .col56 { width:56%; } .col57 { width:57%; } .col58 { width:58%; } .col59 { width:59%; } .col60 { width:60%; } .col61 { width:61%; } .col62 { width:62%; } .col63 { width:63%; } .col64 { width:64%; } .col65 { width:65%; } .col66 { width:66%; } .col67 { width:67%; } .col68 { width:68%; } .col69 { width:69%; } .col70 { width:70%; } .col71 { width:71%; } .col72 { width:72%; } .col73 { width:73%; } .col74 { width:74%; } .col75 { width:75%; } .col76 { width:76%; } .col77 { width:77%; } .col78 { width:78%; } .col79 { width:79%; } .col80 { width:80%; } .col81 { width:81%; } .col82 { width:82%; } .col83 { width:83%; } .col84 { width:84%; } .col85 { width:85%; } .col86 { width:86%; } .col87 { width:87%; } .col88 { width:88%; } .col89 { width:89%; } .col90 { width:90%; } .col91 { width:91%; } .col92 { width:92%; } .col93 { width:93%; } .col94 { width:94%; } .col95 { width:95%; } .col96 { width:96%; } .col97 { width:97%; } .col98 { width:98%; } .col99 { width:99%; } .col100 { width:100%; }.row {width:100%;} .left {margin-left:0; margin-right:auto;} .right {margin-left:auto; margin-right:0;} .center {margin-left:auto; margin-right:auto;} #qmbWrap { max-width:100%; /*padding: 20px;* /*box-shadow: 3px 3px 10px rgba(0,0,0,.4);*/ } .leaf > .innerZone { padding-left:.5em; padding-right:.5em; } /*** CONTAINER ZONES ***/ .node { /* all zones who contains final zones */ } #wrapHeader { } #header { } #wrapContent { } #content { } #wrapFooter { } /*** LEAF ZONES ***/ .leaf { /* all final zones */ } #logo { } #search { } #userMenu { } #topMenu { } #left { } #right { } #content-one { } #content-two { } #footer { } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_MediaQueries.css */ /************************************************************************/ #wrapHeader { display:inline-block; } #wrapHeader > .innerZone { background: none; /** reset bgColor **/} #wrapHeader { max-width:100%; } #header { display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #logo { display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #search { display:inline-block; } #search > .innerZone { background: none; /** reset bgColor **/} #search { max-width:100%; } #userMenu { display:inline-block; } #userMenu > .innerZone { background: none; /** reset bgColor **/} #userMenu { max-width:100%; } #topMenu { display:inline-block; } #topMenu > .innerZone { background: none; /** reset bgColor **/} #topMenu { max-width:100%; } #wrapContent { display:inline-block; } #wrapContent > .innerZone { background: none; /** reset bgColor **/} #wrapContent { max-width:100%; } #content { display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #left { display:inline-block; } #left > .innerZone { background: none; /** reset bgColor **/} #left { max-width:100%; } #right { display:inline-block; } #right > .innerZone { background: none; /** reset bgColor **/} #right { max-width:100%; } #content-one { display:inline-block; } #content-one > .innerZone { background: none; /** reset bgColor **/} #content-one { max-width:100%; } #wrapFooter { display:inline-block; } #wrapFooter > .innerZone { background: none; /** reset bgColor **/} #wrapFooter { max-width:100%; } #footer { display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #content-two { display:inline-block; } #content-two > .innerZone { background: none; /** reset bgColor **/} #content-two { max-width:100%; } @media all and (max-width:1200px) { #qmbWrap { } .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #wrapHeader { max-width:100%; } #wrapHeader { width: 100%; display:inline-block; } #wrapHeader > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 20%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #search { max-width:100%; } #search { width: 60%; display:inline-block; } #search > .innerZone { background: none; /** reset bgColor **/} #userMenu { max-width:100%; } #userMenu { width: 20%; display:inline-block; } #userMenu > .innerZone { background: none; /** reset bgColor **/} #topMenu { max-width:100%; } #topMenu { width: 100%; display:inline-block; } #topMenu > .innerZone { background: none; /** reset bgColor **/} #wrapContent { max-width:100%; } #wrapContent { width: 100%; display:inline-block; } #wrapContent > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #left { max-width:100%; } #left { width: 50%; display:inline-block; } #left > .innerZone { background: none; /** reset bgColor **/} #right { max-width:100%; } #right { width: 50%; display:inline-block; } #right > .innerZone { background: none; /** reset bgColor **/} #content-one { max-width:100%; } #content-one { width: 100%; display:inline-block; } #content-one > .innerZone { background: none; /** reset bgColor **/} #wrapFooter { max-width:100%; } #wrapFooter { width: 100%; display:inline-block; } #wrapFooter > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} #content-two { max-width:100%; } #content-two { width: 100%; display:inline-block; } #content-two > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:960px) { #qmbWrap { width:100%; margin:0;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #wrapHeader { max-width:100%; } #wrapHeader { width: 100%; display:inline-block; } #wrapHeader > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 19%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #search { max-width:100%; } #search { width: 60%; display:inline-block; } #search > .innerZone { background: none; /** reset bgColor **/} #userMenu { max-width:100%; } #userMenu { width: 21%; display:inline-block; } #userMenu > .innerZone { background: none; /** reset bgColor **/} #topMenu { max-width:100%; } #topMenu { width: 100%; display:inline-block; } #topMenu > .innerZone { background: none; /** reset bgColor **/} #wrapContent { max-width:100%; } #wrapContent { width: 100%; display:inline-block; } #wrapContent > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #left { max-width:100%; } #left { width: 100%; display:inline-block; } #left > .innerZone { background: none; /** reset bgColor **/} #right { max-width:100%; } #right { width: 100%; display:inline-block; } #right > .innerZone { background: none; /** reset bgColor **/} #content-one { max-width:100%; } #content-one { width: 100%; display:inline-block; } #content-one > .innerZone { background: none; /** reset bgColor **/} #content-two { max-width:100%; } #content-two { width: 100%; display:inline-block; } #content-two > .innerZone { background: none; /** reset bgColor **/} #wrapFooter { max-width:100%; } #wrapFooter { width: 100%; display:inline-block; } #wrapFooter > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:768px) { #qmbWrap { width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #wrapHeader { max-width:100%; } #wrapHeader { width: 100%; display:inline-block; } #wrapHeader > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 100%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #search { max-width:100%; } #search { width: 100%; display:none; } #search > .innerZone { background: none; /** reset bgColor **/} #userMenu { max-width:100%; } #userMenu { width: 100%; display:inline-block; } #userMenu > .innerZone { background: none; /** reset bgColor **/} #topMenu { max-width:100%; } #topMenu { width: 100%; display:inline-block; } #topMenu > .innerZone { background: none; /** reset bgColor **/} #wrapContent { max-width:100%; } #wrapContent { width: 100%; display:inline-block; } #wrapContent > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #left { max-width:100%; } #left { width: 100%; display:inline-block; } #left > .innerZone { background: none; /** reset bgColor **/} #right { max-width:100%; } #right { width: 100%; display:inline-block; } #right > .innerZone { background: none; /** reset bgColor **/} #content-one { max-width:100%; } #content-one { width: 100%; display:inline-block; } #content-one > .innerZone { background: none; /** reset bgColor **/} #content-two { max-width:100%; } #content-two { width: 100%; display:inline-block; } #content-two > .innerZone { background: none; /** reset bgColor **/} #wrapFooter { max-width:100%; } #wrapFooter { width: 100%; display:inline-block; } #wrapFooter > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:450px) { #qmbWrap { width:100%; margin-left:auto; margin-right:auto;} .leaf > .innerZone{ padding-left: .5em; padding-right: .5em; } #wrapHeader { max-width:100%; } #wrapHeader { width: 100%; display:inline-block; } #wrapHeader > .innerZone { background: none; /** reset bgColor **/} #header { max-width:100%; } #header { width: 100%; display:inline-block; } #header > .innerZone { background: none; /** reset bgColor **/} #logo { max-width:100%; } #logo { width: 100%; display:inline-block; } #logo > .innerZone { background: none; /** reset bgColor **/} #search { max-width:100%; } #search { width: 100%; display:none; } #search > .innerZone { background: none; /** reset bgColor **/} #userMenu { max-width:100%; } #userMenu { width: 100%; display:inline-block; } #userMenu > .innerZone { background: none; /** reset bgColor **/} #topMenu { max-width:100%; } #topMenu { width: 100%; display:inline-block; } #topMenu > .innerZone { background: none; /** reset bgColor **/} #wrapContent { max-width:100%; } #wrapContent { width: 100%; display:inline-block; } #wrapContent > .innerZone { background: none; /** reset bgColor **/} #content { max-width:100%; } #content { width: 100%; display:inline-block; } #content > .innerZone { background: none; /** reset bgColor **/} #left { max-width:100%; } #left { width: 100%; display:inline-block; } #left > .innerZone { background: none; /** reset bgColor **/} #right { max-width:100%; } #right { width: 100%; display:inline-block; } #right > .innerZone { background: none; /** reset bgColor **/} #content-one { max-width:100%; } #content-one { width: 100%; display:inline-block; } #content-one > .innerZone { background: none; /** reset bgColor **/} #content-two { max-width:100%; } #content-two { width: 100%; display:inline-block; } #content-two > .innerZone { background: none; /** reset bgColor **/} #wrapFooter { max-width:100%; } #wrapFooter { width: 100%; display:inline-block; } #wrapFooter > .innerZone { background: none; /** reset bgColor **/} #footer { max-width:100%; } #footer { width: 100%; display:inline-block; } #footer > .innerZone { background: none; /** reset bgColor **/} } @media all and (max-width:1200px) { } @media all and (max-width:960px) { } @media all and (max-width:768px) { } @media all and (max-width:450px) { } /** TEMPLATE RULES **/ /* @media all and (max-width:1200px) { } @media all and (max-width:960px) { } @media all and (max-width:768px) { } @media all and (max-width:450px) { } */ /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_AuthAndUsers.css */ /************************************************************************/ /* AuthAndUsers */ .AuthAutentificare { max-width: 300px; margin: 0 auto; } .AuthAutentificare input[type=text], .AuthAutentificare input[type=password] { width: 100%; } .AuthRecoverPasswordForm { max-width: 300px; margin: 0 auto; } .AuthRecoverPasswordForm input[type=email] { width: 100%; padding: 10px; } .AuthResetPassword { max-width: 300px; margin: 0 auto; } .AuthResetPassword input[type=password] { width: 100%; padding: 10px; } /* Schimbare parola din link email =============================================== */ .Pageaccescontemail .DevizeActivareContByEmail { max-width: 300px; margin: 0 auto; } .Pageaccescontemail .DevizeActivareContByEmail label { width: 100%; display: block; } .Pageaccescontemail .DevizeActivareContByEmail input[type=password] { width: 100%!important; } /* DevizeInregistrareCont =============================================== */ .DevizeInregistrareCont { padding: 20px; } .DevizeInregistrareCont .tipContSelectorWrapper { padding: 15px 0; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_CerereOferta.css */ /************************************************************************/ /* DevizeListaCereriOferta ================================================= */ .DevizeListaCereriOferta { overflow: hidden; margin-top: 10px; } .DevizeListaCereriOferta .cerereOferta { position: relative; overflow: hidden; margin-bottom: 10px; padding: 10px; background: #F5F5F5; min-height: 100px; } .DevizeListaCereriOferta h3 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 0; font-size: 1em; padding-bottom: 0; } .DevizeListaCereriOferta .postatDe { font-size: .7rem; line-height: 1rem; } .DevizeListaCereriOferta .postatDe .dataAdaugare { font-weight: 900; } .DevizeListaCereriOferta .descriere { padding: 10px; background: #e5e5e5; } /* .detaliiCerereOferta =============================================== */ .DevizeDetaliiCerereOferta h2 { padding-left: 5px; } .detaliiCerereOferta { padding: 0px 5px; margin: 0; } .detaliiCerereOferta .titlu h2 { padding-bottom: 0; margin-bottom: 10px; padding-left: 0; } .detaliiCerereOferta .postatDe { font-size: .8rem; line-height: 1rem; } .detaliiCerereOferta .postatDe .dataAdaugare { font-weight: 900; } .detaliiCerereOferta .data { font-size: .7rem; line-height: 1rem; } .detaliiCerereOferta > div:nth-child(5) { font-size: .7rem; line-height: 1rem; border: 1px solid #ccc; display: inline-block; padding: 5px; } .detaliiCerereOferta > .descriere { margin-top: 10px; background: #e5e5e5; padding: 10px; } .detaliiCerereOferta > .descriere p { padding: 0; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul { margin: 0; padding: 0; list-style: none; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul li { display: inline-block; vertical-align: top; width: calc(25% - 10px); margin-right: 10px; position: relative; min-height: 100px; margin-bottom: 10px; padding: 10px; border: 1px solid #ddd; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul li .logo { position: absolute; top: 10px; left: 10px; height: 80px; width: 80px; overflow: hidden; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul li img { vertical-align: top; width: 100%; max-width: 80px; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul li .nume { padding-left: 90px; text-transform: uppercase; font-weight: 900; height: 80px; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul li a:hover { text-decoration: none; } .DevizeDetaliiCerereOferta .listaSocietatiCerere ul li:hover { box-shadow: 1px 1px 6px rgba(0,0,0,.2); } .DevizeDetaliiCerereOferta .raspundeLaCerereLink { padding: 10px; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: .8rem; margin-right: 10px; vertical-align: top; background: #0098d0; color: #fff; margin: 10px 0 0 5px; } /* profilCerereOfertaContainer ============================================== */ .DevizeDetaliiCerereOferta .profilCerereOfertaContainer { padding: 10px 5px; } .DevizeDetaliiCerereOferta .profilCerereOfertaContainer button { padding: 10px 15px; min-width: 100px; background: #0098d0; color: #fff; border: 0; cursor: pointer; } /* DevizeRaspundeLaCerereOferta ==================================================== */ .DevizeRaspundeLaCerereOferta { padding: 10px 5px; } .DevizeRaspundeLaCerereOferta .titlu { padding: .5em 0; padding-bottom: 0; margin-bottom: 10px; padding-left: 0; font-size: 1.5em; font-weight: bold; } .DevizeRaspundeLaCerereOferta .descriere { padding: 10px; background: #e5e5e5; } .DevizeRaspundeLaCerereOferta .raspunsForm { margin: 10px 0; } /* Formular Chat ================================================= */ .DevizeRaspundeLaCerereOferta .raspunsuri { margin: 10px 0; } .DevizeRaspundeLaCerereOferta .raspunsuri .from, .DevizeRaspundeLaCerereOferta .raspunsuri .mesaj { display: inline-block; } .DevizeRaspundeLaCerereOferta .raspunsuri .from { min-width: 280px; text-align: right; padding-right: 20px; position: relative; } .DevizeRaspundeLaCerereOferta .raspunsuri .from:after { position: absolute; width: 0; height: 0; border-width: 12px 12px 12px 14px; border-color: transparent transparent transparent #444; border-style: double; content: ""; top: 5px; right: 0px; } .DevizeRaspundeLaCerereOferta .raspunsuri .from .deLa { display: none; } .DevizeRaspundeLaCerereOferta .raspunsuri .from .zi { position: absolute; top: -1px; left: 10px; font-size: 20px; color: #aaa; } .DevizeRaspundeLaCerereOferta .raspunsuri .from .luna { position: absolute; top: 14px; left: 12px; text-transform: uppercase; color: #aaa; font-size: 12px; } .DevizeRaspundeLaCerereOferta .raspunsuri .from .an { position: absolute; top: 5px; left: -10px; transform: rotate(-90deg); font-size: 11px; color: #aaa; } .DevizeRaspundeLaCerereOferta .raspunsuri .from .ora { position: absolute; top: -7px; right: -38px; font-size: 10px; color: #999; } .DevizeRaspundeLaCerereOferta .raspunsuri .mesaj { padding: 0 10px; vertical-align: top; padding-top: 5px; } .DevizeRaspundeLaCerereOferta .raspunsuri { padding: 10px; } .DevizeRaspundeLaCerereOferta .raspunsuri ul { margin: 0px; padding: 0px; list-style: none; } .DevizeRaspundeLaCerereOferta .raspunsuri .from .nume { padding: 5px 10px; display: inline-block; border: 1px solid #D0CECE; background: #444; color: #fff; max-width: 220px; border-radius: 6px 16px 16px 6px; border-left-color: #9C9C9C; border-left-width: 5px; } .DevizeRaspundeLaCerereOferta .raspunsuri ul li { padding: 5px; border-bottom: 1px solid #ddd; } .DevizeRaspundeLaCerereOferta .raspunsuri ul li:nth-child(2n) { background: #eee; } /* DevizeButonCereOferta ================================================ */ .DevizeButonCereOferta { padding: 20px 0; } .Pagepromotie .DevizeButonCereOferta { width: 100%; margin-top: 10px; margin-bottom: 10px; } .Pagesocietati .cereOfertaButonContainer, .Pagesocietate .cereOfertaButonContainer, .Pagepromotie .cereOfertaButonContainer { text-align: center; padding: 10px; line-height: 30px; background: #0098d0 /*** {popupButon} color schema ***/; display: table; margin: 0 auto; font-weight: 300; } .Pagesocietati .cereOfertaButonContainer a, .Pagesocietate .cereOfertaButonContainer a, .Pagepromotie .cereOfertaButonContainer a { font-weight: bold; color: #fff; display: block; line-height: 20px; font-size: 1.4rem; margin: 0 auto; font-weight: 300; } .Pagesocietati .addEditCerereOfertaContainer, .Pagesocietate .addEditCerereOfertaContainer, .Pagepromotie .addEditCerereOfertaContainer { position: fixed; top: 0px; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); width: 100%; height: 100%; z-index: 10000; overflow: auto; } .Pagesocietati .addEditCerereOfertaContainer .addEditCerereOfertaForm, .Pagesocietate .addEditCerereOfertaContainer .addEditCerereOfertaForm, .Pagepromotie .addEditCerereOfertaContainer .addEditCerereOfertaForm { margin: 5% auto; width: 60%; max-width: 1000px; background: #fff; border: 5px solid #444; padding: 15px; } @media all and (max-width:960px) { .Pagesocietati .addEditCerereOfertaContainer .addEditCerereOfertaForm, .Pagesocietate .addEditCerereOfertaContainer .addEditCerereOfertaForm, .Pagepromotie .addEditCerereOfertaContainer .addEditCerereOfertaForm { width: 90%; } } .Pagesocietati .addEditCerereOfertaContainer .inputCancel, .Pagesocietate .addEditCerereOfertaContainer .inputCancel, .Pagepromotie .addEditCerereOfertaContainer .inputCancel { margin-left: 20px; } .Pagesocietati .thanksMessage, .Pagesocietate .thanksMessage, .Pagepromotie .thanksMessage { background: #B9F7A6; padding: 20px; font-size: 1.2rem; } .Pagesocietati .introMessage, .Pagesocietate .introMessage, .Pagepromotie .introMessage { border-bottom: 1px solid #ccc; width: 100%; display: block; padding-bottom: 10px!important; } .Pagesocietati .addEditCerereOfertaContainer .eobFrmBuilderActionsContainer input[type=submit], .Pagesocietate .addEditCerereOfertaContainer .eobFrmBuilderActionsContainer input[type=submit], .Pagepromotie .addEditCerereOfertaContainer .eobFrmBuilderActionsContainer input[type=submit] { background: #444; border: 0; padding: 10px; color: #fff; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_UITools.css */ /************************************************************************/ /** SLIDER ***/ .ISlider { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .ISlider .sliderContainer { display: inline-table; width: 100%; } .ISlider .sliderContainer .slide { /*display: inline-block;*/ width: 100%; height: 100%; position: absolute; z-index: 0; overflow: hidden; padding: 0; margin: 0; } .ISlider .sliderContainer .slide.active { z-index: 10; } /**END SLIDER ***/ /***** ISPLITTER *****/ /* HORIZONTAL */ .ISplitter { position:relative; height:100%; } .ISplitter .SplitterLeftFluid {position:relative;} .ISplitter .SplitterLeftFixed {position:absolute; left:0; top:0;} .ISplitter .SplitterRightFluid {position:relative;} .ISplitter .SplitterRightFixed {position:absolute; right:0; top:0;} /* VERTICAL */ .ISplitter .SplitterTopFluid {top:0; position:absolute; width:100%; height:auto;} .ISplitter .SplitterTopFixed {top:0; position:absolute; width:100%;} .ISplitter .SplitterBottomFluid {bottom:0; position:absolute; width:100%; height:auto;} .ISplitter .SplitterBottomFixed {bottom:0; position:absolute; width:100%;} .ISplitter .SplitterWrap { overflow-y:auto; -webkit-overflow-scrolling: touch; } /** IPOPUP **/ .IPopup { position:fixed; background-color:rgba(255,255,255,.75); top:0; left:0; width:100%; height:100%; } .IPopup.noMouseInteraction {background:none;} .IPopup .popupWrap { position:fixed; background-color:#fff; box-shadow:3px 3px 5px rgba(0,0,0,.3); /* left:0; right:0; top:0; bottom:0; */ border:1px solid #eee; overflow:hidden; } .IPopup.PopupMenu .IList li { padding:.5em; border-bottom:1px solid #dedede; } .IPopup .popupWrap .popupTitleBar { position:absolute; top:0; width:100%; z-index:2; height:3.5em; line-height:3.5em; overflow:hidden; background-color:#eee; padding:0; } .IPopup .popupWrap .popupContent {position:relative; height:100%; margin:0; overflow:auto;} /*.IPopup .popupWrap.withTitleBar .popupContent {padding:3.5em 0 0 0; }*/ .IPopup .popupWrap.withTitleBar .popupContent {top:3.5em; bottom:0; width:100%; height:auto; position:absolute;margin:0; overflow:auto; } .IPopup .popupWrap .windowTitle {padding:0 .5em; font-weight:bold;} .IPopup .popupWrap .windowCloseButton {padding:0 .5em; font-weight:bold; cursor:pointer;} .IPopup .popupWrap {display:inline-block!important;} .IPopup.succesPopup .popupTitleBar {background-color:#00cc00; color:#fff;} .IPopup.errorPopup .popupTitleBar {background-color:#cc0000; color:#fff;} /************* /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Abonamente.css */ /************************************************************************/ .Pagepromovaresocietateprinevidentiere .FormBuilderForm .eobFrmBuilderActionsContainer { margin: 15px 0; } .Pagepromovaresocietateprinevidentiere .FormBuilderForm .eobFrmBuilderActionsContainer input[type=submit] { padding:10px 20px; border: 0; background: #0098d0; color: #fff; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Profil.css */ /************************************************************************/ /* Sectiuni aplicatie ITool ============================================ */ .AccountNameEdit, .AccountEmlEdit, .CompanyEdit, .AditionalEdit { padding: 15px 0; } .AccountNameEdit h3, .AccountEmlEdit h3, .CompanyEdit h3, .AditionalEdit h3 { padding: 10px!important; background: #eee; margin: 10px 20px; display: inline-block; } .AccountNameEdit ul, .AccountEmlEdit ul, .CompanyEdit ul, .AditionalEdit ul { list-style: decimal; } .AccountNameEdit ul li .listAction, .AccountEmlEdit ul li .listAction, .CompanyEdit ul li .listAction, .AditionalEdit ul li .listAction { margin-left: 20px; display: inline-block; font-size: .7rem; vertical-align: top; color: #cc0000; font-weight: 900; cursor: pointer; padding: 0 5px; } .AccountNameEdit ul li .listAction:hover, .AccountEmlEdit ul li .listAction:hover, .CompanyEdit ul li .listAction:hover, .AditionalEdit ul li .listAction:hover { color: #fff; background: #cc0000; } /* General stuffs ============================================== */ .Pageprofilcont #content-one { border-bottom: none; } .Pageprofilcont .userMessage .staticHtml { color: #cc0000; font-size: .8rem; padding: 5px; display: block; text-align: center; text-transform: uppercase; border: 1px solid #ddd; font-weight: 900; margin: 10px 0; } .Pagepromotiilemele .DevizeListaPromotii .categorie { display: none; } /* ProfilContSelector ============================================== */ .Pageprofilcont .ProfilContSelector h2 { text-align: center; } .Pageprofilcont .accountControls ul { padding: 0; margin: 0; list-style: none; border-bottom: 3px solid #0098d0; } .Pageprofilcont .accountControls ul li { display: inline-block; vertical-align: top; margin: 0; margin-right: 5px; border: 1px solid #ddd; margin-bottom: 5px; } .Pageprofilcont .accountControls ul li a { padding: 10px; display: block; text-decoration: none; text-transform: uppercase; font-size: .8rem; } .Pageprofilcont .accountControls ul li a.selected { background: #0098d0; color: #fff; } .Pageprofilcont .accountControls ul li a:hover { background: #eee; transition: all .3s; } .Pageprofilcont .accountControls ul li a.selected:hover { background: #0098d0; cursor: context-menu; } .Pageprofilcont .profilContWrapper form { padding: 0 20px; } /* Editeaza promotie ===================================== */ .DevizeListaPromotii .PromotieItem.withEdit h3 { padding-bottom: 0; } .DevizeListaPromotii .actions a { padding: 5px; display: inline-block; background: #ddd; line-height: 16px; margin-bottom: 10px; } .DevizeAddEditPromotie { padding: 10px 5px; } .DevizeAddEditPromotie .promotiiAddEditJSApp .stergePromotia, .DevizeAddEditPromotie .promotiiAddEditJSApp .publicaPromotia { margin-bottom: 10px; display: inline-block; vertical-align: top; } .DevizeAddEditPromotie .promotiiAddEditJSApp button { padding: 10px; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: .8rem; margin-right: 10px; vertical-align: top; background: #0098d0; color: #fff; border: 0; cursor: pointer; } .DevizeAddEditPromotie .promotiiAddEditJSApp .stergePromotia button { background: #cc0000; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Societati.css */ /************************************************************************/ /* Liste Societati, Similare, Evidentiat, Cautare ================================================== */ /* Comune ============================ */ .DevizeSocietatiSimilare, .DevizeSocietatiEvidentiate, .DevizeListaSocietati, .DevizeCautareAvansataRezultat { margin-right: -.5em; } .DevizeListaSocietati .societate, .DevizeSocietatiSimilare .societate, .DevizeCautareAvansataRezultat .societate, .DevizeSocietatiEvidentiate .societate { border: 1px solid #ddd; padding: 10px; margin: 0 .5em .5em 0; position: relative; } .DevizeSocietatiSimilare .societate .categorieIcon, .DevizeSocietatiEvidentiate .societate .categorieIcon, .DevizeListaSocietati .societate .categorieIcon, .DevizeCautareAvansataRezultat .societate .categorieIcon { width: 32px; height: 32px; display: inline-block; line-height: 20px; vertical-align: bottom; } .DevizeSocietatiSimilare .societate .categorieIcon.iconSmall, .DevizeSocietatiEvidentiate .societate .categorieIcon.iconSmall, .DevizeListaSocietati .societate .categorieIcon.iconSmall, .DevizeCautareAvansataRezultat .societate .categorieIcon.iconSmall { width: 20px; height: 20px; } /* Lista default ========================================= */ .DevizeListaSocietati .societate { min-height: 148px; width: calc(33.33% - .5em); } .DevizeListaSocietati .societate .imagine { position: absolute; top:36px; left: 10px; } .DevizeListaSocietati .societate .imagine img { max-width: 100px; vertical-align: top; } .DevizeListaSocietati .societate .categorie, .DevizeListaSocietati .societate .judet, .DevizeListaSocietati .societate .descriere { padding-left: 110px; } .DevizeListaSocietati .societate .descriere { overflow: hidden; height: 55px; line-height: 18px; } .DevizeListaSocietati .societate .nume a { font-weight: 900; } @media all and (max-width:960px) { .DevizeListaSocietati .societate { width: calc(50% - .5em); } } @media all and (max-width:768px) { .DevizeListaSocietati .societate { width: calc(100% - .5em); } } @media all and (max-width:450px) { .DevizeListaSocietati .societate { } } /* Similare ================================================== */ .DevizeSocietatiSimilare .societate { width: calc(33.33% - .5em); } .DevizeSocietatiSimilare .societate { min-height: 148px; } .DevizeSocietatiSimilare .societate .imagine { position: absolute; top:36px; left: 10px; } .DevizeSocietatiSimilare .societate .imagine img { max-width: 100px; vertical-align: top; } .DevizeSocietatiSimilare .societate .categorie, .DevizeSocietatiSimilare .societate .judet, .DevizeSocietatiSimilare .societate .descriere { padding-left: 110px; } .DevizeSocietatiSimilare .societate .descriere { overflow: hidden; height: 55px; line-height: 18px; } .DevizeSocietatiSimilare .societate .nume a { font-weight: 900; } @media all and (max-width:960px) { .DevizeSocietatiSimilare .societate { width: calc(50% - .5em); } } @media all and (max-width:768px) { .DevizeSocietatiSimilare .societate { width: calc(100% - .5em); } } @media all and (max-width:450px) { .DevizeSocietatiSimilare .societate { } } /* Evidentaite =============================================== */ .DevizeSocietatiEvidentiate { padding: 20px 0; border-bottom: 3px solid #555555 /*** {color2} color schema ***/; margin-bottom: 20px; background: #f5f5f5; margin-right: 0; } .DevizeSocietatiEvidentiate .societate { min-height: 162px; width: calc(50% - .5em); border: 0; } .DevizeSocietatiEvidentiate .societate:after { clear:both; float: none; display: table; content: ""; } .DevizeSocietatiEvidentiate .societate:before { content: "Societate promovata"; font-size: 10px; color: #333; position: absolute; left: 180px; top: -7px; z-index: 100; } @media all and (max-width: 960px) { .DevizeSocietatiEvidentiate .societate { min-height: 162px; width: calc(100% - .5em); } } .DevizeSocietatiEvidentiate .societate .imagine { position: absolute; top:0; left: 10px; } .DevizeSocietatiEvidentiate .societate .imagine img { box-shadow: 1px 1px 5px rgba(0,0,0,.3); max-width: 160px; } .DevizeSocietatiEvidentiate .societate .categorie, .DevizeSocietatiEvidentiate .societate .judet, .DevizeSocietatiEvidentiate .societate .descriere { padding-left: 170px; } @media all and (max-width: 450px) { .DevizeSocietatiEvidentiate .societate .imagine img { max-width: 90px; } .DevizeSocietatiEvidentiate .societate .imagine { position: relative; top: auto; left: auto; text-align: center; float: left; margin-right: 10px; } .DevizeSocietatiEvidentiate .societate .nume { margin-left: 0px!important; } .DevizeSocietatiEvidentiate .societate .categorie, .DevizeSocietatiEvidentiate .societate .judet, .DevizeSocietatiEvidentiate .societate .descriere { padding-left: 0px; } } .DevizeSocietatiEvidentiate .societate .nume { text-align: left; background: #002844; padding: 5px 0; margin-bottom: 2px; margin-left: 170px; padding-left: 10px; } .DevizeSocietatiEvidentiate .societate .nume a { color: #fff; text-transform: uppercase; font-weight: 300; font-size: 18px; } /* Cautare ================================================= */ .DevizeCautareAvansataRezultat .societate { width: calc(20% - .5em); } .DevizeCautareAvansataRezultat .Imagine { text-align: center; } .DevizeCautareAvansataRezultat .Imagine img { max-width: 100%; vertical-align: top; } .DevizeCautareAvansataRezultat .titlu { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media all and (max-width:960px) { .DevizeCautareAvansataRezultat .societate { width: calc(25% - .5em); } } @media all and (max-width:768px) { .DevizeCautareAvansataRezultat .societate { width: calc(33.33% - .5em); } } @media all and (max-width:450px) { .DevizeCautareAvansataRezultat .societate { width: calc(50% - .5em); } } /* Detalii Societate =============================================== */ .DevizeDetaliiSocietate { } .DevizeDetaliiSocietate .without-logo-contact a { color: #0098d0!important; text-decoration: underline; } .DevizeDetaliiSocietate .imagine, .DevizeDetaliiSocietate .detalii { display: inline-block; vertical-align: top; } .DevizeDetaliiSocietate .imagine.with-logo-contact, .DevizeDetaliiSocietate .detalii.with-logo-contact { width: 100%; display: block; } .DevizeDetaliiSocietate .detalii.with-logo-contact .telefon:empty, .DevizeDetaliiSocietate .detalii.with-logo-contact .web:empty, .DevizeDetaliiSocietate .detalii.with-logo-contact .cerere:empty { display: none; } .DevizeDetaliiSocietate .detalii.with-logo-contact .telefon, .DevizeDetaliiSocietate .detalii.with-logo-contact .web, .DevizeDetaliiSocietate .detalii.with-logo-contact .cerere { text-align: center; padding: 7px 10px; margin: 5px 0; background: #0098d0; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 12px; max-width: 160px; margin: 6px auto; } .DevizeDetaliiSocietate .detalii.with-logo-contact .web a, .DevizeDetaliiSocietate .detalii.with-logo-contact .cerere a { color: #fff!important; text-transform:uppercase; font-weight: 900; font-size: 12px; } .DevizeDetaliiSocietate .detalii.with-logo-contact .telefon { cursor: pointer; } .DevizeDetaliiSocietate .detalii.with-logo-contact .telefon span { display: none; } .DevizeDetaliiSocietate .detalii { width: calc(100% - 180px); } @media all and (min-width:961px) { .DevizeDetaliiSocietate .imagine.without-logo-contact { display: none; } .DevizeDetaliiSocietate .detalii.without-logo-contact { width: 100%; } .DevizeDetaliiSocietate .detalii.without-logo-contact .telefon, .DevizeDetaliiSocietate .detalii.without-logo-contact .web { display: none; } } .DevizeDetaliiSocietate .imagine { min-width: 180px; } .DevizeDetaliiSocietate .imagine img { vertical-align: top; max-width: 160px; margin: 0 auto; display: block; } @media all and (max-width:768px) { .DevizeDetaliiSocietate .detalii { width: calc(100% - 120px); } .DevizeDetaliiSocietate .imagine { min-width: 120px; } .DevizeDetaliiSocietate .imagine img { max-width: 100px; } } @media all and (max-width:450px) { .DevizeDetaliiSocietate h1 { padding-left: 110px; min-height: 100px; } .DevizeDetaliiSocietate .detalii { width: calc(100%); } .DevizeDetaliiSocietate .imagine { min-width: 90px; position: absolute; top: 0; left: 0; } .DevizeDetaliiSocietate .imagine img { max-width: 90px; } } /* DevizeDetaliiSocietateShort =============================================== */ .DevizeDetaliiSocietateShort { position: relative; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort { padding-left: 110px; min-height: 100px; } .DevizeDetaliiSocietateShort .imagine { max-width: 110px; position: absolute; top:0; left: 0; } .DetaliiSocietateShort .imagine, .DetaliiSocietateShort .nume { display: inline-block; vertical-align: top; } .DetaliiSocietateShort .imagine { } .DetaliiSocietateShort .nume { } .DetaliiSocietateShort .imagine img { vertical-align: top; text-align: left; max-width: 100px; } .DevizeDetaliiSocietateShort .categorii .categorie { margin-right: 5px; } .DevizeDetaliiSocietateShort .categorii .categorie img { max-width: 24px; vertical-align: top; } .DevizeDetaliiSocietateShort .localizare { width: 100%; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical { padding-left: 0px; min-height: inherit; background: #f5f5f5; padding-bottom:15px; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .nume { text-align: center; display: block; width: 100%; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .imagine { max-width: inherit; position: relative; top: auto; left: auto; width: 100%; display: block; text-align: center; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii { width: 100%; display: block; text-align: center; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .imagine img { max-width: inherit; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .telefon:empty, .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .web:empty, .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .cerere:empty { display: none; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .telefon, .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .web, .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .cerere { text-align: center; padding: 7px 10px; margin: 5px 0; background: #0098d0; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 12px; max-width: 160px; margin: 6px auto; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .web a, .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .cerere a { color: #fff!important; text-transform:uppercase; font-weight: 900; font-size: 12px; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .telefon { cursor: pointer; } .DevizeDetaliiSocietateShort .DetaliiSocietateShort.vertical .detalii .telefon span { display: none; } .DevizeDetaliiSocietate .categorii .categorie { padding: 0 6px; border-right: 1px solid #ccc; } .DevizeDetaliiSocietate .categorii .categorie:last-child { border-right: none; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_General.css */ /************************************************************************/ @media all and (max-width:768px) { .col50.col-xs-100 { width: 100%; } } @media all and (min-width:961px) { .showSmall { display: none; } } @media all and (max-width:960px) { .showSmall { display: block; } } @media all and (min-width:769px) { .showXSmall { display: none; } } @media all and (max-width:768px) { .showXSmall { display: block; } } a { text-decoration: none; color: #555555 /*** {color2} color schema ***/; } a:hover { color: #555555 /*** {color1} color schema ***/; text-decoration: underline; } .slogan h2 { font-family: Helvetica; text-align :center; text-transform: uppercase; font-size: 1.2rem!important; } .profileLinkGroup p { padding: 0; } .profileLinkGroup a { padding: 10px; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: .8rem; margin-right: 10px; vertical-align: top; background: #0098d0; color: #fff; } .profileTitle h2 { padding: 0; font-size: 1.6em; text-transform: uppercase; line-height: 1.8em; } h1, h2, h3 { margin-bottom: 10px; font-size: 1.4rem; text-transform: uppercase; font-weight: 300; padding: 5px 0px; } /* Call To Action ================================================== */ .callToAction { display: block; padding: 15px 15px 0 15px; text-align: center; margin: 10px 0; } .callToAction a { padding: 20px 40px; display: inline-block; margin: 0 auto; text-align: center; background: #0098d0; color: #fff; font-weight: 900; /*text-transform: uppercase;*/ font-size: 1.5rem; transition: all .2s; border-radius: 5px; } .callToAction span { display: inline-block; padding: 5px 5px; margin: 3px 0px; color: #0098d0; font-size: 12px; } .callToAction span strong { font-size: .9rem; } .callToAction p { padding: 0; } .callToAction a:hover { background: #024E5D; text-decoration: none; transition: all .2s; } h3.highlight { background: #555555 /*** {color1} color schema ***/; padding: 5px 10px; margin-bottom: 10px; color: #fff; font-size: 1.2rem; text-transform: uppercase; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Promotii.css */ /************************************************************************/ .DevizeListaPromotii .PromotieItem { position: relative; overflow: hidden; margin-bottom: 5px!important; /* padding-bottom: 8px!important; */ width: calc(50% - 20px); display: inline-block; margin: 10px; vertical-align: top; /* border-radius: 10px; */ border: 1px solid #eaeaea; cursor: pointer; transition: all .3s; } .DevizeListaPromotii .PromotieItem:hover { box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.5); transition: all .3s; } @media all and (max-width:768px) { .DevizeListaPromotii .PromotieItem { width: calc(100% - 10px); } .DevizeListaPromotii .Imagine { max-width: inherit!important; max-height: inherit!important; } } @media all and (max-width:450px) { .DevizeListaPromotii .PromotieItem { padding-left: 0px!important; } } .DevizeListaPromotii h2, .DevizeCategoriiPromotii h3{ margin-bottom: 10px; font-size: 1.4rem; text-transform: uppercase; font-weight: 300; padding: 5px 0px; } .DevizeListaPromotii .PromotieItem .categorie, .DevizeListaPromotii .societate { display: inline-block; vertical-align: top; } .DevizeListaPromotii h2 a { color: #002844!important; } .DevizeListaPromotii .PromotieItem .categorie img { max-width: 32px; margin-right: 3px; } .DevizeListaPromotii .societate img { display: inline-block; max-width: 32px; vertical-align: top; margin-right: 10px; } .DevizeListaPromotii .societate a { font-size: 17px; padding: 7px 0; display: inline-block; } .DevizeListaPromotii .Imagine { display: block; overflow: hidden; max-height: 250px; overflow: hidden; } .DevizeListaPromotii .Imagine img { width: 100%; vertical-align: top; } .DevizeListaPromotii .Info { vertical-align: top; display: block; padding: 0; width: 100%; } .DevizeListaPromotii .Info .descriere { max-height: 45px; overflow: hidden; } .DevizeListaPromotii .Info h3.titlu { padding-top: 0; font-size: 1em; transition: all .3s; } .DevizeListaPromotii .Info h3.titlu:hover { transition: all .3s; background: rgba(0, 40, 68, 0.8); } .DevizeListaPromotii .Info h3.titlu .price { /* position: absolute; */ /* top: 10px; */ /* right: 10px; */ font-size: 2rem; font-weight: 300; /* background: rgba(0,0,0,.4); */ padding: 0; display: inline-block; text-transform: initial; display: block; line-height: 40px; } .DevizeListaPromotii .Info .pret { display: none; } @media all and (max-width:450px) { .DevizeListaPromotii .Info .categorie { display: none; } .DevizeListaPromotii .PromotieItem { min-height: initial; } } /* Lista minimal ================================================== */ .DevizeListaPromotii ul.listMinimal .PromotieItem .Info .descriere { line-height: 16px; height: 34px; overflow: hidden; } .DevizeListaPromotii ul.listMinimal .PromotieItem .Info .descriere, .DevizeListaPromotii ul.listMinimal .PromotieItem .Info .pret, .DevizeListaPromotii ul.listMinimal .PromotieItem .Info .categorie, .DevizeListaPromotii ul.listMinimal .PromotieItem .Info .societate { display: none; } .DevizeListaPromotii ul .PromotieItem .Info .titlu { padding: 0; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; height: 100%; } .DevizeListaPromotii ul .PromotieItem .Info .titlu a { color: #fff; /* height: 70px!important; */ display: block; padding: 70px 10px!important; background: none; white-space: nowrap; /* overflow: hidden; */ text-overflow: ellipsis; font-weight: 300; font-size: 16px; text-decoration: none; margin-top: 200px; transition: all .3s; margin-top: 200px; } .DevizeListaPromotii ul .PromotieItem:hover .Info .titlu a { transition: all .3s; margin-top: 0px; } .DevizeListaPromotii ul { margin: 0; padding: 0; list-style: none; } /* DevizeDetaliiPromotie ============================================ */ .DevizeDetaliiPromotie .pret { display: none; } .DevizeDetaliiPromotie .imagine, .DevizeDetaliiPromotie .descriere { vertical-align: top; display: inline-block; width: 50%; } .DevizeDetaliiPromotie .descriere { padding-left:20px; } .DevizeDetaliiPromotie img { max-width: 100%; padding: 3px 5px; } @media all and (max-width:450px) { .DevizeDetaliiPromotie .imagine, .DevizeDetaliiPromotie .descriere { width: 100%; padding-left: 0; } } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Devize.css */ /************************************************************************/ /* DevizeListaDevize ========================================== */ .DevizeListaDevize { overflow: hidden; } .DevizeListaDevize h2, .DevizeCategoriiDevize h3 { margin-bottom: 10px; font-size: 1.4rem; text-transform: uppercase; font-weight: 300; padding: 5px 0px; } .DevizeListaDevize .DevizItem { position: relative; overflow: hidden; margin-bottom: 10px; padding: 10px; background: #F5F5F5; min-height: 100px; } .DevizeListaDevize .DevizItem .info-total, .DevizeListaDevize .DevizItem .info-details { line-height: 16px; } .DevizeListaDevize h3.titlu { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 0; font-size: 18px; font-weight: 400; } .DevizeListaDevize .withStatus .vizibilitate { margin-bottom: 10px; font-size: .8rem; line-height: 16px; padding: 3px; background: #ddd; display: inline-block; } .DevizeListaDevize .withStatus h3.titlu { padding-bottom: 0px; } .DevizeListaDevize .DevizItem .societate { display: inline-block; } .DevizeListaDevize .DevizItem .Imagine { display: inline-block; max-width: 32px; vertical-align: top; margin-right: 10px; } .DevizeListaDevize .DevizItem .Imagine img { max-width: 20px; vertical-align: top; } /* Detaliu deviz ============================================= */ .DevizeDetaliuPublic ul li { padding: 0!important; } .DevizeDetaliuPublic ul.listaMateriale > li { position: relative; padding-right: 50%!important; border-bottom: 1px solid #eee; } .DevizeDetaliuPublic .descriere { display: none; } .DevizeDetaliuPublic ul.listaMateriale > li span.cifre { width: 45%; position:absolute; top: 0; right: 0; text-align: right; } @media all and (max-width:768px) { .DevizeDetaliuPublic ul.listaMateriale > li { padding-right: 0!important; border-bottom: 0; } .DevizeDetaliuPublic ul.listaMateriale > li span.cifre { display: block; width: 100%; position:relative; top: auto; right: auto; text-align: left; border-bottom: 1px solid #eee; } } .DevizeDetaliuPublic ul li .pozitiiMateriale { padding-left: 10px; font-size: 10px; font-weight: 900; text-transform: uppercase; } .DevizeDetaliuPublic ul li ul { list-style: decimal!important; padding-left: 30px!important; } .DevizeDetaliuPublic ul li h3 { background: #F5F5F5; border-bottom: 1px solid #ddd; margin-bottom: 2px; padding: 10px; } .DevizeDetaliuPublic ul li .totalMateriale { padding: 10px 30px; border-top: 1px solid #eee; text-align: right; } /* Lista devize homepage ============================================= */ .Pagehome .DevizeListaDevize .DevizItem .categorie { display: none; } .Pagedeviz #left { width: 70%; border-right: 1px solid #ddd; } .Pagedeviz #right { width: 30%; } /* Formular aplicatie deviz nou =============================================== */ .DevizeAppAddNewState { margin: 20px 0; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Banners.css */ /************************************************************************/ .DevizeBanners img { max-width: 100%!important; height: auto!important; } @media all and (min-width:1200px) { .DevizeBanners { width: 80%; margin: 0 auto; } } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Homepage.css */ /************************************************************************/ /**/ .Pagehome #content-one { padding-top: 10px; border: none; display: none; } .Pagehome #content { max-width: 66%; display: none; } .Pagehome #content-one { max-width: 34%; } .Pagehome #content-one .avantajeComune ul { padding: 0; margin: 0; list-style: none; } .Pagehome #content-one .avantajeComune ul li { padding:.35rem 0; } .Pagehome #content-two > .innerZone > div.categoriiHome { width: 40%; float: left; } .Pagehome #content-two > .innerZone > div.DevizeListaPromotii { width: 60%; } .Pagehome #content-two > .innerZone > div.DevizeListaDevize { width: 60%; } .Pagehome .mobileTabs ul { margin: 0; padding: 0; list-style: none; text-align: center; } .Pagehome .mobileTabs .mobileTabs ul li { display: inline-block; vertical-align: top; width: 48%; /*height: 128px;*/ text-align: center; border-bottom: 1px solid #eee; padding: 10px 0; } .Pagehome .mobileTabs .mobileTabs ul li h2 { padding: 0; } .Pagehome .mobileTabs .mobileTabs a.tablinks { padding: 10px; text-align: center; font-size: 1.1rem; font-weight: 300; display: block; } .Pagehome .mobileTabs .mobileTabs a.tablinks.active { background: #eee; } .Pagehome .tabcontent ul { text-align: left; padding: 10px; } .Pagehome .tabcontent ul li strong { color: #444; } @media all and (max-width: 960px) { .Pagehome #left { width: 50%; display: inline-block; } .Pagehome #right { width: 50%; display: inline-block; } .Pagehome #content-two > .innerZone > div.categoriiHome { width: 100%!important; margin-bottom: 20px; } .Pagehome #content-two > .innerZone > div.DevizeListaPromotii, .Pagehome #content-two > .innerZone > div.DevizeListaDevize { width: 50%!important; } } @media all and (max-width: 768px) { .Pagehome #content { max-width: 100%; } .Pagehome #content-one { max-width: 100%; } .Pagehome #content-one h2 { text-align: center; } .Pagehome #content { display: none!important; } .Pagehome #content-one .video img { max-width: 100%; } .Pagehome #content-one .avantajeComune ul { padding-top: 0; padding-bottom: 0; display: block!important; height: inherit!important; } .Pagehome #content-two > .innerZone > div.DevizeListaPromotii, .Pagehome #content-two > .innerZone > div.DevizeListaDevize { width: 100%!important; } .Pagehome #content-two > .innerZone > div.DevizeListaPromotii { margin-bottom: 20px; } .Pagehome #content-two > .innerZone > div.DevizeListaDevize { padding-left: 0; } } @media all and (max-width: 450px) { } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Images.css */ /************************************************************************/ /* Images */ .block1 {width:100%;} .block2 {width:50%;} .block3 {width:33.33%;} .block3-fluid {width:33.33%;} .block4 {width:25%;} .block4-fluid {width:25%;} @media all and (max-width:1200px) { } @media all and (max-width:960px) { .block2 {width:50%;} .block3 {width:100%;} .block3-fluid {width:50%;} .block4 {width:50%;} } @media all and (max-width:768px) { .block2 {width:100%;} .block3 {width:100%;} .block3-fluid {width:100%;} .block4 {width:100%;} .block4-fluid {width:50%;} } @media all and (max-width:450px) { .block2 {width:100%;} .block3 {width:100%;} .block3-fluid {width:100%;} .block4 {width:100%;} .block4-fluid {width:100%;} } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Forms.css */ /************************************************************************/ /* Cautare Formular Header ============================================ */ #search .DevizeCautareAvansataFormWrapper { height: auto!important; } #search .FormBuilderForm { position: relative; } #search .FormBuilderForm input[type=text] { width: 100%; outline: none; } #search .FormBuilderForm input[type=submit] { position: absolute; top: 1px; right: 1px; z-index: 10; width: 36px; padding: 8px; height: 35px; border: 0; background: #0098d0; cursor: pointer; outline: none; min-width: inherit; color: #FFF; border: none; display: block; text-indent: -9999px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADHElEQVRIiaWVTWhcVRiGn3cydxiClCISYiilDFFTkejCUrQVuwoq4s/K+IclFkQsduGcBBddlRKac1txI4g/C6lgsNoiKIGkUhQiuAhF2lKyclFKmUUpQUKdO8zrYib1Mp1JB/Ku7j33+77nvB/nfFd0KAmxAIwBrxn2CyrGRaAmtAKcBf+axenbnbndpPxLsRqHBccQk0AZuAncsF2X9AAwBJSAFWAGuJDFsCmgkNv5TolFxCHgouFVYDfweCOd3gM8AuwDPgPGgZ+Bg0mI93aQhDhs+7ykUcxRxKkshkavpCTEJ4FvsXcZvdlIw5megGKIBcEXwBR2QDqVxdDcdFtAsTr3sKTfgTrwVBbDtW5xBcFjwCTwW7/FARrp9Krtj4ER7Pd7xRUwr2OXgNkshmZSjYVewZ0S+s72qtFU+/R1AYgDSDXby0mIZYvn+gVkaViXtCQxTOtodwFABbjeSKfXgDHB8/0CWvLl9kOlF6Bke+PSDGFeSEK8r3+AbtsGu9wVYFxDGkrCXBG4aXkEeKPv/dsjkrBU6woQWpEZAVUwV4T+Bk4k1Th+r+JJNSLpGaAh+KsrAPMDYhB4O0vDOnAUGASfT6pzk0mIxZ4EMQ7sB5ayGG51DWn3+w9gp/FeoVXDFOaEYBvwJ/L3mKtIlzYuVKulOgueMHq5EcNCVwdZDP9gZoCyrHlgRyOGLyX2ImYQV0APIW0H1tqtKYKOAy+CfpJZ6m2SOyP6MHDS+IbgI6xzWRrqnQlJiI8Cs8BL7aWrtj8VWgPOdOYol1gwHMTMCu4HLiEWbF+WVAd2AM8CB7DLSL8AT4B3tcs0wV+DjmQxrN8F+B80N4o5gngLtN25IENTcMH2J5IWgA8xJ3NVmpjTwLtZ2prGdwFyjkq05n4FU7KoCS5mMdRyMYeAz8n9VwBsnxZ6L0vDek9AP0pCHMR8BZ5Eanm80y6+sf3BwFYAzeXFbGDfxCKwG2kMa6MnAsYlbduSgw0lIZYw84hXOj7d6nv2b6YshjriHeBH7PaqmzbnttSivJrLi/8OPD2xYHhQ0qjNvKTD/wH0OD1XMyc4wAAAAABJRU5ErkJggg==') no-repeat 50% 50% #f8f8f8; } #search .FormBuilderForm select { width: 100%; padding: 8px; border-top: 0; border-bottom: 0; border-right: 0; border-left: 1px solid #ddd; cursor: pointer; outline: none; } #search .FormBuilderForm .eobFrmBuilderActionsContainer { margin: 0; } #search .FormBuilderForm .eobFrmBuilderInputItemContainercautaIn { position: absolute; top: 2px; right: 216px; width: 150px; z-index: 10; } #search .FormBuilderForm .eobFrmBuilderInputItemContainercategorieId { position: absolute; top: 1px; right: 36px; width: 200px; z-index: 10; } @media all and (max-width: 600px) { #search .FormBuilderForm .eobFrmBuilderInputItemContainercategorieId { width: 130px; } } /* Formular pagina contact ===================================================== */ .Pagecontact .eobFrmBuilderInputItemContainernume, .Pagecontact .eobFrmBuilderInputItemContainertelefon, .Pagecontact .eobFrmBuilderInputItemContaineremail, .Pagecontact .eobFrmBuilderInputItemContainercompanie { width: 50%; } .Pagecontact form { position:relative; } .Pagecontact .eobFrmBuilderInputItemContainermesaj { width: 49%; right: 0; top: 0; position: absolute; } .Pagecontact .eobFrmBuilderInputItemContainermesaj textarea { height: 220px!important; width: 100%!important; } .Pagecontact .FormBuilderForm input[type=text], .Pagecontact .FormBuilderForm input[type=email] { width: 100%!important; } .Pagecontact .FormBuilderForm input[type=submit] { background: #444; border: 0; padding: 10px; color: #fff; } .Pagecontact #content-one .FormBuilderForm .eobFrmBuilderActionsContainer, .Pagecontact #content-two .FormBuilderForm .eobFrmBuilderActionsContainer { padding: 10px 0; } /* Formular General ================================================== */ .FormBuilderForm .eobFrmBuilderActionsContainer { margin: 10px 0; } .FormBuilderForm input[type=submit] { padding: 10px 15px; min-width: 100px; background: #555555 /*** {color2} color schema ***/; color: #fff; border: 0; cursor: pointer; } .FormBuilderForm input[type=file] { width: 100%; } .FormBuilderForm input[type=text], .FormBuilderForm input[type=password], .FormBuilderForm input[type=email], .FormBuilderForm textarea, .FormBuilderForm select { background: #f8f8f8; border: 0; border: 1px solid #A9A9A9; outline:none; padding: 10px; width: 100%; } .FormBuilderForm input[type=text]:focus, .FormBuilderForm input[type=password]:focus, .FormBuilderForm input[type=email]:focus, .FormBuilderForm textarea:focus, .FormBuilderForm select:focus { box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8); } .FormBuilderForm .eobRequiredField { color: #cc0000; font-size: .8em; } .FormBuilderForm .eobFrmBuilderInputContainer label { font-weight: 500; margin-left: 5px; line-height: 16px; } .FormBuilderForm .eobFrmBuilderInputItemContainerintroMessage { font-size: 12px; } .FormBuilderForm .inputCancel { margin-left: 20px } /* Formular cerere promovare ============================================== */ .cerereDePromovareForm { padding: 20px; } @media all and (max-width: 768px) { .formularCererePromovare .col33, .formularCererePromovare .col34, .formularCererePromovare .col50 { width: 100%; } } /* Formulare Profil =================================================== */ @media all and (max-width: 768px) { .DevizeProfilCont .col33, .DevizeProfilCont .col34, .DevizeProfilCont .col50 { width: 100%; } } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Zones.css */ /************************************************************************/ .pinned { /* Used for fixed .innerZone */ } .innerZone {/* Overrinde just for tests */ display:inline-block; position:relative; vertical-align:top; width:100%;} .leaf {/* Overrinde just for tests */ display:inline-block;vertical-align:top;} .col { display: inline-block; vertical-align: top; } body { background-color: #EEEEEE /*** {body} color schema ***/; } #qmbWrap { background-color:#fff; /*border-left: 1px solid #ddd;*/ /*border-right: 1px solid #ddd;*/ } .center {text-align:center;} /*** CONTAINER ZONES ***/ .node { /* all zones who contains final zones */ } #wrapHeader { background: #002844; color: #fff; } #header { height: 80px; padding: 0 calc((100% - 1200px) / 2); } @media all and (max-width:968px) { #header { height: inherit; } } #wrapContent { padding: 10px calc((100% - 1200px) / 2); } #content { } #left, #right, #right a, #left a { } #wrapFooter { background: #002844; padding: 0 calc((100% - 1200px) / 2); } #wrapFooter a { color: #FFF; } /*** LEAF ZONES ***/ .leaf { /* all final zones */ } #logo { width: 30%; } #logo > .innerZone { padding: 0; } #search { width: 49%; padding: 22px 4px; } #userMenu { padding: 14px 0; } #topMenu { } #left { } #right { } #content-one { padding: 10px calc((100% - 1200px) / 2); } #footer { } #content-two { padding: 10px calc((100% - 1200px) / 2); } #content-two:after { content: ""; float: none; clear:both; display:table; } rect { fill:#0098d0!important; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Modules.css */ /************************************************************************/ /* Devize judete */ .DevizeJudete { margin: 20px 0; } .DevizeJudete ul { margin: 0; padding: 0; list-style: none; text-align: center; } .DevizeJudete ul li { display: inline-block; vertical-align: top; /*margin: 3px 0;*/ } .DevizeJudete ul li a { padding: 0 5px; display: block; } .DevizeJudete ul li.selected a { font-weight: 900; color: #FFF; background: #333; } /* Devize Paginatie liste */ .DevizePaginatie { position: relative; padding: 20px 0; } .DevizePaginatie ul { padding: 0; margin: 10px 0; list-style: none; text-align: center; } .DevizePaginatie ul li { display: inline-block; min-width: 30px; min-height: 30px; line-height: 30px; background: #ddd; margin: 0 3px; } .DevizePaginatie ul li a { display: block; background: #002844; color: #fff!important; } .DevizePaginatie .results, .DevizePaginatie .pages { position: absolute; top: 25px; } .DevizePaginatie .results { left: 0; } .DevizePaginatie .pages { right: 0; } /* DevizeDescriereCategorie ========================================== */ .DevizeDescriereCategorie h1 { border-bottom: 1px solid #ddd; text-align: center; margin-bottom: 20px; margin-top: 5px; padding: 0px 10px; font-size: 2rem; text-transform: uppercase; font-weight: 300; } @media all and (max-width:1200px) { } @media all and (max-width:960px) { } @media all and (max-width:768px) { #right .PromotieItem .Imagine, #right .PromotieItem .Info {width:100%; } } @media all and (max-width:450px) { } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_NAV.css */ /************************************************************************/ /* Site Nav */ nav a {padding:.5em; display:inline-block; /*color:#fff;*/} #topMenu { text-align: center; border-bottom: 1px solid #ddd; min-height: 36px; padding: 0 calc((100% - 1200px) / 2); background: #fff; } #topMenu nav a { line-height: 30px; color: #333!important; padding-left: 15px; padding-right: 15px; padding-bottom: 0; transition: all .3s; border-bottom: 4px solid #fff; } #topMenu nav a.evidentiat { font-weight: 900; color: #f72f2f!important; } #topMenu nav a:hover { background: #ddd; text-decoration: none; transition: all .3s; border-bottom: 4px solid #002844; } #topMenu .menuMobileIcon { display: none; position: absolute; right: 10px; top: 5px; color: #fff; cursor: pointer; } @media all and (max-width: 960px) { #topMenu { background: none; } #topMenu nav { position: fixed; top: 0; left: -80%; width: 75%; height: 100%; transition: all .3s; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,.4); z-index: 11; padding: 20px; } #topMenu nav a { color: #333; display: block; border-bottom: 1px solid #ddd; text-align: center; } #topMenu nav.open { transition: all .3s; left: 0; } #topMenu .menuMobileIcon { display: block; } } #right, #left {padding:10px;} #right > .innerZone, #left > .innerZone {padding:0;} #right ul, #left ul { list-style:none; margin:0; padding:0; } #right ul li, #left ul li { padding:.35rem 0; } #right ul li a, #left ul li a { text-decoration:none; } #content-one {border-bottom:1px solid #ddd; } /*#content-one img {height:155px;}*/ /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Products.css */ /************************************************************************/ .Product {width:25%; display:inline-block; text-align:center; vertical-align:top; margin:0; border:1px solid #ddd;} .Product .ShortDescription {padding: .5em;} .Product .Title {font-size:1.25em; padding:.5em; font-weight:bold;} .Product .Prices {width:60%; display:inline-block; text-align:right;} .Product .BuyBtn {width:40%; display:inline-block;} .Product .Image a {display:block; margin:0; padding:0; line-height:250px; height:250px; margin:0 auto; width:95%; overflow:hidden;} .Product .Image a img {vertical-align:middle; line-height:250px; transform:scale(1.0); max-width:66.67%;} /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Gallery.css */ /************************************************************************/ /* Gallery */ /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Articles.css */ /************************************************************************/ /* Articles */ /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Pages.css */ /************************************************************************/ /* Pagina societate =============================================== */ .Pagesocietate #left { width:100%; } .Pagesocietate #right { display: none; } .Pagesocietate #left .profilLogo { width: calc(19% - 5px); margin-right: 10px; background: #f5f5f5; padding-top: 6px; position: absolute; height: 100%; left: 0; top: 0; } .Pagesocietate #left .profilContent { padding: 0 15px; } .Pagesocietate .DevizeButonCereOferta .cereOfertaButonContainer { display: none; } .Pagesocietate #content-one .DevizeListaDevize { width: calc(50% - 10px); margin-right: 10px; } @media all and (min-width:961px) { .Pagesocietate #left .profilContent { margin-left: calc(19% - 5px); } } @media all and (max-width:960px) { .Pagesocietate #content-one .DevizeListaDevize { margin-right: 0px; } .Pagesocietate .DevizeButonCereOferta .cereOfertaButonContainer { display: block; } .Pagesocietate #left .profilLogo { display:none; } .Pagesocietate #left .profilMap { width:100%; } .Pagesocietate #left .profilContent { width:100%; padding: 0; } .Pagesocietate #content-one .DevizeListaDevize { width:100%; } .Pagesocietate #content-one .DevizeListaPromotii { width:100%; } } @media all and (max-width:768px) { } @media all and (max-width:450px) { } /* Pagepromotii ========================================= */ .Pagepromotii #left{width:70%;} .Pagepromotii #right{width:30%;} .Pagepromotii #content-one, .Pagepromotii #content-two { display: none; } @media all and (max-width:960px) { .Pagepromotii #right { display: none; } .Pagepromotii #left { width: 100%; } } /* Pagepromotie ========================================== */ .Pagepromotie #content-two { display: none; } .Pagepromotie #left { width: 70%; border-right: 1px solid #ddd; } .Pagepromotie #right { width: 30%; } @media all and (max-width:960px) { .Pagepromotie #left { width: 100%; border-right: 0; } .Pagepromotie #right { width: 100%; } .Pagepromotie #right:after { content: ""; clear: both; float: none; display: table; } .Pagepromotie #right .DevizeDetaliiSocietateShort { width: 50%; float: left; margin-right: 20px; } .Pagepromotie #right .DevizeButonCereOferta { width: calc(50% - 20px); float: left; } .Pagepromotie #right .DevizeCategoriiPromotii { float: left; width: 100%; margin-top: 20px; } } @media all and (max-width:768px) { .Pagepromotie #right .DevizeDetaliiSocietateShort { width: 100%; margin-right: 0; } .Pagepromotie #right .DevizeButonCereOferta { width: 100%; margin-top: 20px; } .Pagepromotie #right .DevizeCategoriiPromotii { margin-top: 20px; } } /* Pagesocietati ==================================================== */ .Pagesocietati #content {display:none;} .Pagesocietati .DevizeJudete.bottom a, .Pagesocietate .DevizeJudete.bottom a { text-decoration: underline; } /* Pagedevize */ .Pagedevize #left{width:70%;} .Pagedevize #right{width:30%;} .Pagedevize #content-two, .Pagedevize #content-one { display: none; } @media all and (max-width:960px) { .Pagedevize #right { display: none; } .Pagedevize #left { width: 100%; } } /* Pagedeviz */ .Pagedeviz #content-two { display: none; } .Pagedeviz .DevizeListaDevize { padding: 10px 4px; } .Pagedeviz .DevizeListaDevize .ListaDevize { margin-right: -10px; } .Pagedeviz .DevizeListaDevize .DevizItem { width: calc(50% - 10px); margin-right: 10px; vertical-align: top; display: inline-block; } @media all and (max-width:960px) { .Pagedeviz #right { width: 100%; } .Pagedeviz #left { width: 100%; } } @media all and (max-width:768px) { .Pagedeviz .DevizeListaDevize .DevizItem { width: calc(100% - 10px); } } /* Pagecontact */ .Pagecontact #content-one, .Pagecontact #content-two { display: none; } /* Pagecatalogsocietati */ .Pagecatalogsocietati #content-two { display: none; } .Pagecatalogsocietati #left h1 { /*background: #333;*/ padding: 5px 10px; /*color: #fff;*/ font-size: 1.2rem; text-transform: uppercase; } /* Pagecautasocietatedevizoferta */ .Pagecautasocietatedevizoferta #content, .Pagecautasocietatedevizoferta #content-two { display: none; } /* Pagedcinregistrarecont */ .Pagedcinregistrarecont #content, .Pagedcinregistrarecont #content-two { display: none; } /* Pagelogin */ .Pagelogin #content, .Pagelogin #content-two { display: none; } /* Pageavantajeaplicatiedevizeconstructii ======================================================== */ .Pageavantajeaplicatiedevizeconstructii #right .ImageShow img { max-width: 100%; vertical-align: top; } .Pageavantajeaplicatiedevizeconstructii #content-one { padding-top: 10px; } .Pageavantajeaplicatiedevizeconstructii #content-one h2 { background: #333; padding: 5px 10px; color: #fff; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 10px; } /* Pageavantajeportalconstructii ======================================================== */ .Pageavantajeportalconstructii #left h2, .Pageavantajeportalconstructii #content-one h2 { background: #333; padding: 5px 10px; color: #fff; font-size: 1.2rem; text-transform: uppercase; } .Pageavantajeportalconstructii #content-one h2 { margin-bottom: 10px; } .Pageavantajeportalconstructii #right .ImageShow img { max-width: 100%; vertical-align: top; } .Pageavantajeportalconstructii #content-one { padding-top: 10px; } /* pagina profil cont utilizator ======================================================== */ .Pageprofilcont #content { display: none; } @media all and (max-width:1200px) { } @media all and (max-width:960px) { .Pagecipripromotii #right, .Pagecipripromotii #left {width:100%;} } @media all and (max-width:768px) { } @media all and (max-width:450px) { } .Pagedcpromoveazacompania #content-one a { color: #2280dd!important; font-weight: 900; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Categories.css */ /************************************************************************/ /* Pagina catalog societati ========================================= */ .Pagecatalogsocietati .DevizeCategorii { padding: 20px; margin: 0; } .Pagecatalogsocietati #content #left { width: 100%; } .Pagecatalogsocietati #content #right { display: none; } /* Categorii Home page =========================================================*/ .categoriiHome { } .categoriiHome h3 { background: #ffffff; padding: 5px 0px; margin-bottom: 10px; color: #002844; font-size: 1.4rem; text-transform: uppercase; font-weight: 300; margin-right: 10px; } .categoriiHome ul li .nume { line-height: 16px; } .categoriiHome ul { list-style:none; padding:0; margin:0; margin-right: 10px; } .categoriiHome ul li { height:25px; overflow:hidden; padding:.3rem; display:block; vertical-align:top; position: relative; } /* .authOn .categoriiHome ul li { width:100%; } */ .categoriiHome ul li .numarSocietati {display:none; } /* cu icoane =============================== */ .categoriiHome ul.cuIcoane li { padding: 0; height: 32px; margin-bottom: 4px; border-bottom: 1px solid #eee; min-height: 37px; } .categoriiHome ul.cuIcoane li a { display: table; padding-right: 10px; height: 32px; overflow: hidden; } .categoriiHome ul.cuIcoane li img { position: absolute; top:0; left: 0; } .categoriiHome ul.cuIcoane li .nume { padding-left: 40px; display: table-cell; vertical-align: middle; } @media all and (max-width: 960px) { .categoriiHome ul, .categoriiHome h3 { margin-right: 0; } } @media all and (max-width: 450px) { .categoriiHome ul li { width: 100%; } } /* Categorii promotii page ======================================================= */ .DevizeCategoriiPromotii .numarPromotii { display: none; } .DevizeCategoriiPromotii ul li { position: relative; } /* cu icoane =============================== */ .DevizeCategoriiPromotii ul.cuIcoane li { padding: 0!important; height: 32px; margin-bottom: 2px; } .DevizeCategoriiPromotii ul.cuIcoane li a { display: block; padding-right: 10px; } .DevizeCategoriiPromotii ul.cuIcoane li img { position: absolute; top:0; left: 0; } .DevizeCategoriiPromotii ul.cuIcoane li .nume { padding-left: 40px; line-height: 16px; } .DevizeCategoriiPromotii.mobile { margin-bottom: 15px; } .DevizeCategoriiPromotii.mobile ul li { display: inline-block; vertical-align: top; width: 33.33%; } @media all and (max-width: 768px) { .DevizeCategoriiPromotii.mobile ul li { width: 50%; } } @media all and (max-width: 450px) { .DevizeCategoriiPromotii.mobile ul li { width: 100%; } } /* Categorii Devize page ======================================================= */ .DevizeCategoriiDevize .numarDevize { display: none; } .DevizeCategoriiDevize ul li { position: relative; } /* cu icoane =============================== */ .DevizeCategoriiDevize ul.cuIcoane li { padding: 0!important; height: 32px; margin-bottom: 2px; } .DevizeCategoriiDevize ul.cuIcoane li a { display: block; padding-right: 10px; } .DevizeCategoriiDevize ul.cuIcoane li img { position: absolute; top:0; left: 0; } .DevizeCategoriiDevize ul.cuIcoane li .nume { padding-left: 40px; line-height: 16px; } .DevizeCategoriiDevize.mobile { margin-bottom: 15px; } .DevizeCategoriiDevize.mobile ul li { display: inline-block; vertical-align: top; width: 33.33%; } @media all and (max-width: 768px) { .DevizeCategoriiDevize.mobile ul li { width: 50%; } } @media all and (max-width: 450px) { .DevizeCategoriiDevize.mobile ul li { width: 100%; } } /* Categorii */ .DevizeCategorii { margin-top: .5em; } .DevizeCategorii ul { padding: 0; margin: 0; list-style:none; } .DevizeCategorii li { display: inline-block; width: 33.33%; position: relative; padding-left: 56px!important; height: 55px; line-height: 18px; vertical-align: middle; } @media all and (max-width:960px) { .DevizeCategorii li { width: 50%; } } @media all and (max-width:768px) { .DevizeCategorii li { width: 100%; } } .DevizeCategorii li a { display: table; } .DevizeCategorii li a .nume { display: table-cell; vertical-align: middle; height: 48px; } .DevizeCategorii li span.numarSocietati { position: absolute; left: 0; top: 0; line-height: 45px; } .DevizeCategorii li .categorieIcon { width: 48px!important; height: 48px!important; position: absolute; top: 0; left: 0; } /* Selector Categorii */ #topMenu .DevizeCategorii { position: absolute; right: 4px; top: 3px; z-index: 10; background: #fff; margin-top: 0; } #topMenu .DevizeCategorii .categoriiAsSelector label { color: #333; } #topMenu .DevizeCategorii .categoriiAsSelector label strong { padding: 2px 0; } #topMenu .DevizeCategorii .categoriiAsSelector label img { margin-top: 4px; margin-left: 5px; } #topMenu .DevizeCategorii .categoriiAsSelector label strong:after { top: 3px; right: 6px; } .Pagecatalogsocietati #topMenu .DevizeCategorii { display: none; } .DevizeCategorii .categoriiAsSelector { width: 300px; color: #fff; } .DevizeCategorii .categoriiAsSelector ul { background: #fff; } .DevizeCategorii .categoriiAsSelector label { cursor: pointer; display: table; position: relative; padding-right: 20px; vertical-align: top; width: 100%; } .DevizeCategorii .categoriiAsSelector label img { margin-right: 5px; vertical-align: top; display: inline-block; } .DevizeCategorii .categoriiAsSelector label strong { vertical-align: top; display: inline-block; height: 20px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .DevizeCategorii .categoriiAsSelector label strong:after { position: absolute; top: 0; right: 0; content: "\25BC"; } .DevizeCategorii .categoriiAsSelector.openSelector label strong:after { content: "\25B2"; } .DevizeCategorii .categoriiAsSelector .categoriiSelectorWrapper ul { padding: 0 5px; padding-top: 5px; } .DevizeCategorii .categoriiAsSelector .categoriiSelectorWrapper { height: 0; transition: all .3s; overflow-y: auto; overflow-x: hidden; margin-top: 5px; } .DevizeCategorii .categoriiAsSelector.openSelector .categoriiSelectorWrapper { height: 300px; box-shadow: 0px 2px 6px rgba(0,0,0,.5); } .DevizeCategorii .categoriiAsSelector .categoriiSelectorWrapper li { width: 100%; height: 32px; margin-bottom: 3px; padding-left: 38px!important; line-height: 14px!important; } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_RichText.css */ /************************************************************************/ /* RichText */ /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_ShoppingCart.css */ /************************************************************************/ /* ShoppingCart */ /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_GlobalZones.css */ /************************************************************************/ /* Global zones ========================================================== */ /* Logo ================================================ */ #logo h1{ padding: 12px 0; text-align: left; } @media all and (min-width: 961px) { #logo h1 img { height: 57px; } } #logo h1 a { color:#fff; text-decoration:none; font-weight: 300; font-size: 30px; line-height: 28px; display: inline-block; } #logo h1 a span { display: inline-block; } @media all and (max-width:960px) { #logo { width: 100%; position: relative; } #logo h1 { padding: 15px; margin-bottom: 0; text-align: center; } #logo h1 a span { display: inline-block; padding-left: 10px; } #userMenu { position: absolute; right: 100px; bottom: -30px; z-index: 10; padding: 0!important; color: #fff; font-size: .8rem; display: inline-block; width: initial; text-align: left!important; } #userMenu a { color: #fff!important; font-weight: 900; display: block; } } @media all and (max-width:768px) { #logo h1 { } } @media all and (max-width:450px) { #userMenu .welcome { display: none; } #userMenu .account, #userMenu .settings { display: block!important; padding: 0!important; } } /* Search ================================================ */ @media all and (max-width: 960px) { #search { width: 100%; display: block; height: 0; padding: 0; overflow: hidden; transition: all .3s; } #search.open { height: 60px; padding: 12px 4px; transition: all .3s; } } /* User - Profile ================================================ */ #userMenu .searchMobilIcon { display: none; position: absolute; right: -28px; top: 0px; width: 24px; height: 24px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACXElEQVRIia2Uz2vPcRzHX69va621lhyWlpaWpB2Wg6PipFmOiyUHycEJSf4BSY6Sk1jLwUGSFC6UJEkpsZaTg5CJxRpm7fFw2Pujb+P7Y/G6fH693s/n6/n8vF6vjBWh1iJic0TsjYhtETEYER3qTGY+i4gbEXE/M3+sPNsygHXqRXVOXVQ/qM+Bp+prdb68f6LuUNsHVwfUFy7HQ3U3sLYCUTvVLeo59Tswrx4A2gJfB0wBC8BJoKNF/lb1VckfawVeUy+Vyk8AtTYVbyoWvlHXN0scVueBB+UHtx3AQXUJON2M4AywqI5UitolULvVaeB9w3PqY/Ut0Kt2qaOrUaGeL/YO/e17LZb7/F2tVvsay/2/a5UEU+V2sBFBp1oNTZ86qva0S5CZP9RQuxoRzGRmX2nNz5nZr+5bhYL+zIzMnGmUcBWYUzcB3eq0OqsOtwEe6p0y3WsaJY0BS+qpuucF4KM6rjYcutLic+qdZlX0lBXxRd1cBu8Q8KlU9gg4po7UD5Taod5SF4CRplKBUWBBfa4OFICN6vGy/C4A40BvHfhZQOBaM5VVNTX1iLoIvFH3AJ0NihkCbhZwgWngsLpP/eNM1pNExAH1TGaujYiXEXFXncrMn+r6zNweETvUrsy8rW7JzA0Vt3o5M49m5rdmdm0EzgOz/hlL6j1gd7HpePUBsOylyZaWFUWdZS3vAfYDO9W+FTmHCmhFUF2vqN0tSdooolu9+jelwATw7yRAL3CjUlBvl3runwkilu2sSOrtUmf/C0Eh6VWvr2iIif9GEPHbromyPibVnl+qjBmrWixJEgAAAABJRU5ErkJggg==') no-repeat 50% 50%; cursor: pointer; } @media all and (max-width: 960px) { #userMenu .searchMobilIcon { display: block; } } @media all and (max-width: 450px) { #userMenu .searchMobilIcon { top: 12px; } } #userMenu { text-align: right; line-height: 16px; } #userMenu .welcome { display: inline-block; padding: 0 10px; } #userMenu .account, #userMenu .settings { display: inline-block; padding: 0 5px; } #userMenu .account a, #userMenu .settings a { color: #fff!important; text-decoration:underline; } #userMenu .account a:hover, #userMenu .settings a:hover { text-decoration:none; } #userMenu .account { } @media all and (max-width:960px) { #userMenu .welcome { display: none; } } @media all and (max-width:450px) { #userMenu .miniProfil .account, #userMenu .miniProfil .settings { display: inline-block!important; vertical-align: top; } #userMenu .miniProfil .account a { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACQElEQVRIiZWVP2iUQRDF31sOOY5DRCSIpBAri1SWVlZa2GpISgt7axtJISJWFjaWNtrYxFYF8Q+CIgaUaKWCilwhGCRIiPOzuN1z7+67u9yDj53dnX0zO9/MrJUBtCVdk7QsqSMp5fWkCrZDzfgBXLF9z/Z//Uwi4Krty5J+SvoNRCaUpEmkxYEkacH2rqQztl+MKrUjYgP4FRFLQCsiEpDKmGVFhIpc7beAS/SxVnO38pgkJWDL9vfsyTTE6Ah8yHKnVhzE17ZsRwnNvACKU0P/rJ4kYB7CoXl16yEHS6aUA1FnwBTyfcAT4HrOPkl6DdwZNVAOdID3wCfgwCwDEdEFNoG/wF3gYOZpA0uNN5gHtlUyS9KKpAfAgu0/tt/Vuq3qQJOnRyXdlNQtOnlsSVqsnDtp+zlw3vbbMaJJIQKWmQ/fgNO1s4N20HSDslbvzZCPAPclrZS9VEKkkfxtCt1eZPXD3i49rFUUJqXnUOOaLfdsX5S0nlIaWJtILumNpIeSutUPlu1WTsd2dfYzsJpSejnGAnQjYjMi9lQHWf9jRBARAK+AxSbd0V40i3sA25G/dUlnbX/NFX680UBTxky5wQ7QA25LWrXdi4iOpFuSLowdiIgSoi97CVGTI8CpXAs36vXyHkx7ChvREM76bRmg1EGo/2ikUYU5UAyMt2tJu8CO+ul4aN7ml3Esj9tNVndsP5Z0QtJTSVv0X7byzUJpftuSHo0ZsK2IWLO9Hzhn+/AkprrqR+Se7TVJz2r9f9bS+B8jtyFhAAAAAElFTkSuQmCC') no-repeat 50% 50%; text-indent: -9999px; height: 36px; width: 36px; } #userMenu .miniProfil .settings a { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACdUlEQVRIiaWVP0iWURTGn/PxIRIfEREh4iASEg5CYNAWNEZYYTRJFDTUliHRUEI0NElTc4U0hFA0SDgEQTREEAQ1hERJpBGFSSpq+fwauq9d31Q+9YHLe9/znvec85w/90pbAHABGAFqgIAB4B6wbSt2l2F7CFgC7tq+BkynVd1K1NW0KrYfUoLtz8CuxKiyGQdnbf+0/c42tgHGgbe2fyXZB9vvgeGNe5B+RMRMRLRHhCTdkbRP0v6IOB8RvyOiVVIz8G0T9iXgcIp0wXZ7Jm+0/Tp9GwQqG2ZguwK0pNdqROQdU5XUkPY7sv2qUS6vkvwSsJDV9QnQAbQAg6mrSM9HsY6DPcCtiJiXdDTlW8BhoC8iJoBTSb4ILEZELf3+VNKcpDe5wWo+IEB30SW2d2fyWtF+tm9nOsUaA5ZTU0k/NQI3JT0GOlOOeyJCKcLe1NuHJL2QdA6oRESzpMWI6JN0PCK+RkSTJJfT0QHMptxNAd9TfxfDg+1PtmeTfAzYDhwDrtiuJka9QH/OIC/o5cJoNkCr7RdsH1mrdmsC6CpN/fMUzUCaygKTeU3qMSzbzcBQFuko0JjptKS0FGwuAjvrdTCep8L2UipmWa+/nC5gxPa6w1qVVJNUdIskGZhfxcFMplPo13LZWgy6bJ8GXmadc6Ok0wCMZpEPAyeBvZQmfT1H3Rn9JeC67S7ggO37tpdSiqaBtvqs/jMu2yf4HwusPHcApmx3btRBaxqkVXysRGLxjDrv3aID5iVNSPoCnJHUA7wq2AEPJB2UdFXSXER8VPk4qINFE39P0OK9Nwu8rXBmuxOorWusHqQCTwGTbObyTvgDRApux4TATSsAAAAASUVORK5CYII=') no-repeat 50% 50%; text-indent: -9999px; height: 36px; width: 36px; } } /* No user - Profil =============================================== */ #userMenu .miniProfil, #userMenu .noUserProfil { padding: 6px 0; } #userMenu .noUserProfil br { display: none; } #userMenu .noUserProfil .newAccount, #userMenu .noUserProfil .login { display: block; color: #fff; text-decoration: underline; } #userMenu .noUserProfil .newAccount:hover, #userMenu .noUserProfil .login:hover { text-decoration: none; } @media all and (max-width: 450px) { #userMenu .noUserProfil br { display: none; } #userMenu .noUserProfil .newAccount { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACeElEQVRIiaWVT0tUYRTGn3MJGUJERKRFizDI2RWuWrRykSF9gD6AFLhq1TdoESEREi7MdYS4imgRZhBtEm0TbRLNoj+WlGWS5szzazHvjEPN3BnrwOW+977v+3vOPefc84baNCCT1AsoIjYiwu3ubQUu2B4DFoHP6VpM7wr/C+8EZmwDlIFX6SoD2J4BOv8VLmAiweeBYnXOdhGYt43tCeDgAgnyDVi13d1gvgdYTWuKjRiSlOVoDEnqkjSVZdnmXxuz7IukqbRm6MACETGQhss5Tiyn8Aw0W9BUAOhI96blCDgicjl5IWppCZ5rLQVaQVpV0KEccKkNwFJEDEt6cWABSW+TUNO/NSJWJK3keZCX5EfADjDcZL7H9jVgzXbZ9hpwHejLE6wHZMAssAucT81OkmS7D3hKxfYSfC89P7fd245Av+3LwK7tbWAS6E9zN1IvwvY9oMP2LPs22TB3QAdwwfZC6kFVCLb3gNNAF/AuhWUOGEt7R4E523u2PwC9klSrQdt9ETEt6ZykT8CziNio098Brko6HBGLkt4DJ7MsK9U7KOmJpEFJxyPiTX1MF4Bt4ArQ0yx0tnuBddu7wDgwkuBngXHbW8BX20eqqgXbD9KGkZbJqYjcrQvdndTap+tCOlsrinQylW3farevAyeAtZTQbeB+umN7HSgCBeCM0hH40/ZgW/R9kaLth3WnWzXpp5LjF22vB7AlqQC8lPSrCoiIWptoMJ6OiNsRUUrFcVSVpH+MiEzSKHBTUimARUnHGoWnmYikkqTHETEhaUmVCitExCBwSZVKzCLiddjuktRdhTQIRe19ky/6Iem7pE6g6w8HN38Dj0Gp4ZFfCy4AAAAASUVORK5CYII=') no-repeat 50% 50%; text-indent: -9999px; height: 36px; width: 36px; display: inline-block; vertical-align: top; } #userMenu .noUserProfil .login { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACFklEQVRIiZ2WP4sUQRDF32sWWRZBMJAFRUQWMTAUP8Bh4hcQQZQT9HIzQcREuUwEkcNIzEzF8AzM5BITEzEwE0RExGg5vPoZbPcwN9uzf3zJ1nZX1auqruoeqwNgJOk+cNP2USBJSmXfdhGja5vxU9IDSa9th7u7wD1JjyX9Bv7YDqBxDhz6LeSt9RO2k6Qrtt/P0QN7ABFxPiISoELQ0lFEKO8lIEVEyvq3mWFbkgYVgqFt2f5iu1qGVpnmSgV8zdkMm/Q6xklS9DlfBblUgypBrRzrItukKkHbKTAGvgHXcjetjbkzsL0NHM9/R7bHkl4CZyLiSUppf1n07e5aCGCSOwrgAHhRarvAZiPr7zQZAJeBu5KGmTlJSnnoChKwZfsUcMv2j2WZNIiIZ6yHPWBScxwRG1lnp12n2jwski9J2gUudO3KlBebVFtc4rwg1QLropxBtKdzBfmjpOu2P9ectm0GeeGtpHPAEUmDPM1J0khStwzvgBsppe99UbdadTEiYhIRTZtGxKscRC9Km0bEoUNuK1yNiK3CYTts70t6ZPtOlhciX5a9UX8CDrJcrorNVa+K1qA9l3q6oGmxWZ1PruK410d3Y2F6KyLbR5UAiPJK/S9B7qK/VQJJ06x0dt23IOufzvJUql/XbyRdlPRBs4c/VP+CSD3y2PYU2K0SAE9tH5O0KWlci7KcUY/8C3hYvij+AdWzzxNIVZSYAAAAAElFTkSuQmCC') no-repeat 50% 50%; text-indent: -9999px; height: 36px; width: 36px; display: inline-block; vertical-align: top; } } /************************************************************************/ /* FROM CSS FILE: DEVCON---Cipri_2_CSS_Newsletter.css */ /************************************************************************/ .Pagenewsletter #wrapContent { background: #eee; padding: 10px; } .Pagenewsletter a { color: #43b1c3!important; } .Pagenewsletter ul li a { font-weight: 900; } .Pagenewsletter #content, .Pagenewsletter #content-one, .Pagenewsletter #content-two { display: inline-block; vertical-align: top; } .Pagenewsletter #content-one { max-width: 600px; margin: 0 auto; display: block; padding: 0 20px; background: #fff; } .Pagenewsletter #left, .Pagenewsletter #content-two { display: none; } .Pagenewsletter #right { max-width: 600px; margin: 0 auto; display: block; background: #fff; border-bottom: 1px solid #ddd; text-align: center; padding: 0 10px; } .Pagenewsletter #right a { line-height: 30px; color: #333!important; padding-left: 15px; padding-right: 15px; padding-bottom: 0; transition: all .3s; border-bottom: 4px solid #fff; } .Pagenewsletter #search, .Pagenewsletter #userMenu, .Pagenewsletter #left { display: none; } .Pagenewsletter #logo { width: 100%; } .Pagenewsletter #header { height: inherit; min-height: inherit; padding: 0; } .Pagenewsletter #footer { text-align: center; } .Pagenewsletter #footer p { color: #fff; font-weight: 900; } .Pagenewsletter #footer p a { font-weight: 300; } .Pagenewsletter #topMenu { display: none; } .Pagenewsletter #header, .Pagenewsletter #header h1 { text-align: center; } .Pagenewsletter #header h1 { font-size: 32px; font-weight: 300; padding-bottom: 0px; } .Pagenewsletter #header p { padding-top: 0px; padding-bottom: 5px; } .Pagenewsletter #header p.tel { font-size: 24px; padding-bottom: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACcElEQVRIia2Wz0tUYRSG33sZhmEQGURCXISIiIiEtBCJGKKFiKtwUS3EIFy2jJCQIFpIRLQIERFxIVKDSLgQMYloaav2UX9Bf0CLeJ8Wnhujc2euwRy4XGY453vOj+97vyuF2U6BVdsbQEldslSSgLKkF5KUJMlvYKFTEJDFFFs4PwN+2J4DarZPgNEOMWVgw/YmUAc6AmaAbdt9wBdgGBizfWK7tyCxSWDd9j4w3M7xHTAuSbbrQAOo2F4CXgFpTkzJ9iPbddsV29NR9XQLIDKtZlnZfgI8BUrAFnAnB5AC12NDNIBBYMT2p5ZK4s9y0+8ysAMM2J6yfZoHsD0W73q0dhCYBvbPzQQ4BGoXFqgAQ8AxMJXXIuB5JNIfg25E3DpQb3Zea7PIOjDT0tPzPvcDkmYLx+C3Mp9UUkPSg5zgq8DXToAkSd5L+ilpFNiUdE3SN+CP7XJzuR+AsQuAA6C/E6ApPo2nJP2b4zmnOrDbHGj7JTBbBLiUBf0NsJCRgVHgwHalW5Ae28e2JyXJtmwvx7noCkO2J+JEDgS0Gtvvbjcht20fZToUe7sRlbS0Kw7XKTCfJystFiI2D+zZrjVVshw7a9b2lVDdOeAoZGMztKtWxMhAi8AekFUiYARYDdCh7bdxXgZDAB8CHaX+ImTe9lE2kzY+FWDH9ortauy+E2CJopsxsr4Vg59sN+g4WI+jrcO2e6Nda5etZDyEb7EgmZvAZ2DOdmp74lKAWKAHeA3sEhdUG78+4HuegBZafHnUQ/PX4r6ocXZHV6PSbWAl63/y35SzLEuSbki6J2lIUgVwkiS/JG1L+pgkZ0v/BYi8JpNUmdeEAAAAAElFTkSuQmCC') no-repeat 0 0; padding-left: 30px; display: inline-block; margin: 0 auto; line-height: 24px; vertical-align: top; margin: 10px auto; } .Pagenewsletter #wrapFooter { padding: 0; }