/* BASIC HTML
----------------------------------------------------------------------------------------------------*/
/*html {
background: #535353;
}*/
/*Video page styling*/
h1.videos_title {
font-weight: 800;
font-size: 20px;
color: #000;
text-align: center;
display: block;
width: 100%;
padding-bottom: 20px;
clear: both;
margin-top: 0 !important;
}
h1.videos_title.playlist {
margin-top: 70px !important;
float: left;
}
.most_important_videos ul {
list-style-type: none;
}
.most_important_videos ul li {
display: inline-block;
width: 32%;
float: left;
margin-right: 2%;
}
.most_important_videos ul li:last-child {
margin-right: 0;
}
body.video #header div.container_12, body.video div.container_12 {
background: none !important;
}
ul#video-first-playing, #video_playlist {
list-style-type: none;
clear: both;
}
.most_important_videos {
display: block;
float: left;
width: 100%;
margin-top: 15px;
}
#video-first-playing li a img {
width: 450px;
height: 315px;
}
.main_video_container {
display: flex;
align-items: center;
justify-content: center;
float: left;
width: 100%;
}
#video_playlist iframe, #video_playlist img {
border: none !important;
}
#video_playlist {
display: block;
margin: 40px 0 40px 0;
float: left;
}
#video_playlist li a img {
width: 100%;
height: auto;
}
.video-list-images {
position: relative;
}
img.youtube-play {
width: auto !important;
position: absolute;
top: 38%;
left: 42%;
}
#video_playlist .owl-item li {
margin: 10px;
min-height: 227px;
}
h2.playlist_video_title, .iframe_title {
margin: 0;
font-size: 16px;
padding: 10px 0;
color: #000;
font-weight: 500;
}
.footer-details span {
display: block;
}
.iframe_title {
padding-top: 0;
}
#video_playlist .owl-buttons .owl-prev, #video_playlist .owl-buttons .owl-next {
height: 30px;
width: 30px;
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
#video_playlist .owl-buttons .owl-prev {
left: -40px;
position: absolute;
}
#video_playlist .owl-buttons .owl-next {
right: -40px;
position: absolute;
}
.most_important_videos ul li iframe {
height: 172px;
width: 100%;
}
#video_playlist .owl-controls {
position: absolute;
top: 40%;
width: 100%;
}
#video_playlist .owl-buttons {
width: 100%;
}
/*End video page styling*/
body {
background: #f5f6f7 url(/images/bkg_noise_gradient_light.jpg) repeat-x top left;
color: #333;
font: 13px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}
body.home {
background: #000 url(/images/bkg_noise_gradient_home2.jpg) repeat-x top left;
}
#buttonFB .outside, #buttonFB .outside3 {
cursor: pointer;
}
body.layout1 .fb-comments {
display: none;
}
#photoCaramizi img {
cursor: pointer;
}
div#newsletter_popup_container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 9999999;
display: flex;
align-items: center;
justify-content: center;
}
.newsletter_popup_inner span {
color: #000;
font-size: 24px;
text-align: center;
display: block;
padding: 30px 50px;
line-height: 1;
}
#bck_homepage .afisare {
border: 1px solid #808080;
}
#bk_gratar_nume:after, #bk_coltar_nume:after, #bk_caramida_aparenta_nume:after, #bk_mortar_nume:after, #bk_placaj_ceramic_nume:after, #bk_dale_nume:after {
border-right-color: #808080 !important;
}
#bk_horn_nume:before, #bk_tigla_ceramica_nume:before, #bk_glaf_nume:before, #bk_capat_stalp_nume:before, #bk_pavaj_nume:before, #bk_garden_2_nume:before, #bk_trepte_nume:before, #bk_raft_de_sticle_nume:before {
border-bottom-color: #808080 !important;
}
#bk_blocuri_ceramice_nume:after, #bk_blocuri_ceramice_nume:after, #bk_caramida_gard_nume:after {
border-left-color: #808080 !important;
}
.newsletter_close {
position: absolute;
right: -36px;
top: -36px;
width: 33px;
height: 32px;
background: #b92446;
border-radius: 50%;
text-align: center;
line-height: 33px;
color: #fff;
font-weight: bold;
cursor: pointer;
}
.newsletter_popup_inner {
box-sizing: border-box;
width: 100%;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}
a.newsletter_button {
padding: 8px 19px;
display: block;
background: #b92446;
color: #fff;
text-align: center;
max-width: 400px;
text-transform: uppercase;
margin: 0 auto;
display: block;
font-weight: bold;
font-size: 16px;
padding: 12px;
}
.newsletter_popup_inner_container {
background: #ebebeb;
padding: 20px;
}
.newsletter_popup_inner_container {
max-width: 900px;
width: 100%;
}
.text_benefits_title {
font-size: 20px !important;
padding-bottom: 15px !important;
}
span.text_title {
padding: 0 !important;
font-size: 21px;
font-weight: bold;
line-height: 24px;
}
.newsletter_popup_inner .content {
padding: 0 !important;
margin-top: 30px;
display: block;
}
.newsletter_popup_inner .image_slider {
padding: 0 !important;
display: block;
}
span.text_benefits {
padding: 0 !important;
text-align: center;
font-size: 16px;
line-height: 22px;
display: block;
margin-top: 36px;
}
.newsletter_popup_inner .content .newsletter_email {
border-bottom: 1px solid #000;
border-radius: 0 !important;
line-height: 15px !important;
}
.newsletter_popup_inner ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #000;
text-transform: uppercase;
text-align: center;
}
.newsletter_popup_inner :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
text-transform: uppercase;
text-align: center;
}
.newsletter_popup_inner ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
text-transform: uppercase;
text-align: center;
}
.newsletter_popup_inner :-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
text-transform: uppercase;
text-align: center;
}
.newsletter_popup_inner .content .newsletter_submit {
margin-top: 25px;
margin-left: 0;
}
.newsletter_popup_inner .content form {
margin-top: 30px;
}
#newsletter_div {
background: #c31b3f;
margin: 20px auto 0 auto;
width: 942px;
border-radius: 8px;
}
.newsletter_text {
text-align: center;
font-size: 20px;
color: #FFF;
padding: 20px 0px;
}
.newsletter_form {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 20px;
}
.newsletter_email {
border-radius: 6px;
line-height: 30px;
border: 0px;
padding: 5px 10px;
width: 300px;
}
.newsletter_submit {
border-radius: 6px;
line-height: 30px;
border: 0px;
padding: 5px 10px;
background: #111;
color: #FFF;
text-align: center;
width: 120px;
margin-left: 20px;
cursor: pointer;
font-weight: bold;
}
.newsletter_submit:hover {
background: #AAA;
color: #111;
}
.hidden {
display: none !important;
}
.hidden2 {
visibility: hidden;
}
.proiecte_case_item {
width: 170px;
height: 110px;
border-radius: 5px;
box-shadow: 0px 0px 5px #333;
float: left;
margin-right: 30px;
}
div.proiecte_case_item a {
width: 170px;
height: 110px;
display: block;
}
h2.white {
padding: 0px;
margin: 0px 0px 15px 0px;
font-size: 30px;
color: #FFF;
}
h2.pink {
padding: 0px;
margin: 0px 0px 15px 0px;
font-size: 30px;
color: #d31d45;
padding-top: 20px;
padding-left: 30px;
}
#proiecte_case {
height: 202px;
background: #c31b3f url(/images/bkg_proiecte_case.jpg) top right no-repeat;
margin: -5px 10px 0px 10px;
width: 942px;
border-radius: 8px;
box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .30);
}
/* HEADER
----------------------------------------------------------------------------------------------------*/
#header {
position: relative;
z-index: 999;
}
#header .container_12 {
position: relative;
}
body.home #header .container_12 {
height: 97px;
}
body.layout1 #header .container_12,
body.layout1b #header .container_12,
body.layout2 #header .container_12{
background: url(/images/sprite_bkg_content.png) no-repeat 10px bottom;
height: 164px;
}
body.layout2 #header .container_12,
body.layout3 #header .container_12,
body.layout3b #header .container_12,
body.layout4 #header .container_12 {
height: 155px;
}
.title_aplicatii a {
display: block;
width: 198px;
height: 50px;
color: #111;
background: #e6e6e8;
border-radius: 4px;
padding-top: 10px;
border: 1px solid #CCC;
}
.title_aplicatii a:hover {
color: #FFF;
background: #d31d45;
border: 1px solid #d31d45;
}
.aqua {
background: url("/images/aqua.png") center no-repeat;
border-radius: 4px;
width: 280px;
height: 250px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.mauro {
background: url("/images/mauro.png") center no-repeat;
border-radius: 4px;
width: 280px;
height: 250px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.quattro {
background: url("/images/Quatro.png") center no-repeat;
border-radius: 4px;
width: 280px;
height: 250px;
float: left;
position: relative;
border: 2px solid #CCC;
margin: 0px 44px;
}
.raft1 {
background: url("/images/raft-pentru-sticle-2.jpg") center no-repeat;
border-radius: 4px;
width: 280px;
height: 250px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.raft2 {
background: url("/images/raft pentru sticle 1.jpg") center no-repeat;
border-radius: 4px;
width: 280px;
height: 250px;
float: left;
position: relative;
border: 2px solid #CCC;
margin: 0px 44px;
}
.raft3 {
background: url("/images/raft-pentru-sticle-3.jpg") center no-repeat;
border-radius: 4px;
width: 280px;
height: 250px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.fatade {
background: url("/images/fatade.jpg") center no-repeat;
border-radius: 4px;
width: 218px;
height: 162px;
margin-right: 20px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.fatade:hover {
border: 2px solid #d31d45;
}
.fatade a {
display: block;
width: 218px;
height: 162px;
}
.glafuri {
background: url("/images/glafuri.jpg") center no-repeat;
border-radius: 4px;
width: 218px;
height: 162px;
margin-right: 20px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.glafuri:hover {
border: 2px solid #d31d45;
}
.glafuri a {
display: block;
width: 218px;
height: 162px;
}
.garduri {
background: url("/images/garduri.jpg") center no-repeat;
border-radius: 4px;
width: 218px;
height: 162px;
margin-right: 20px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.garduri:hover {
border: 2px solid #d31d45;
}
.garduri a {
display: block;
width: 218px;
height: 162px;
}
.scari {
background: url("/images/scari.jpg") center no-repeat;
border-radius: 4px;
width: 218px;
height: 162px;
float: left;
position: relative;
border: 2px solid #CCC;
}
.scari:hover {
border: 2px solid #d31d45;
}
.scari a {
display: block;
width: 218px;
height: 162px;
}
.culoare_klinker {
border-radius: 4px;
width: 170px;
height: 110px;
}
.culoare_klinker_holder {
float: left;
width: 170px;
text-align:center;
margin-right: 60px;
}
.culoare1 {
background: url("/images/culori/visiniu.jpg") center no-repeat;
border-radius: 4px;
width: 220px;
height: 162px;
margin-right: 20px;
float: left;
position: relative;
}
.culoare2 {
background: url("/images/culori/galben.jpg") center no-repeat;
border-radius: 4px;
width: 220px;
height: 162px;
margin-right: 20px;
float: left;
position: relative;
}
.culoare3 {
background: url("/images/culori/maro.jpg") center no-repeat;
border-radius: 4px;
width: 220px;
height: 162px;
margin-right: 20px;
float: left;
position: relative;
}
.culoare4 {
background: url("/images/culori/natural.jpg") center no-repeat;
border-radius: 4px;
width: 220px;
height: 162px;
margin-right: 0px;
float: left;
position: relative;
}
.alpha_overlay {
background: #FFF;
opacity: 0.8;
width: 220px;
height: 50px;
margin-top: 100px;
}
/* BACKGROUND HOMEPAGE
----------------------------------------------------------------------------------------------------*/
#bck_homepage
{
height:750px;
background:#FFFFFF;
margin-top:-97px;
}
#bck_homepage_container{
position:relative;
width:1250px;
height:750px;
margin-left:auto;
margin-right:auto;
background:url("/images/casa-cu-elemente-final-3.jpg") no-repeat;
background-size: 100% 100%;
}
.bck_homepage_name
{
position:relative;
}
.bck_homepage_name > div
{
position: absolute;
text-align: center;
color: black;
font-size: 12px;
background: rgba(255,255,255,0.9);
width: 127px;
border-radius: 10px;
padding: 4px 5px;
font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
line-height: 14px;
}
#bck_homepage_container div img{
opacity:0.8;
}
#bk_gratar
{
position:absolute;
top:233px;
left:84px;
}
#bk_gratar_nume
{
/* display:none;*/
top: 56px;
left: 105px;
}
#bk_gratar a:hover img
{
opacity:0.9;
}
#bk_glaf
{
position:absolute;
top:363px;
left:403px;
}
#bk_glaf_nume
{
/* display:none;*/
top:25px;
left:-30px;
}
#bk_glaf a:hover img
{
opacity:0.9;
}
#bk_caramida_aparenta
{
position:absolute;
top:254px;
left:581px;
}
#bk_caramida_aparenta_nume
{
/* display:none;*/
top: 4px;
left: 88px;
}
#bk_caramida_aparenta a:hover img
{
opacity:0.9;
}
#bk_placaj_ceramic
{
position:absolute;
top:320px;
left:581px;
}
#bk_placaj_ceramic_nume
{
/*display:none;*/
top: 53px;
left: 136px;
}
#bk_placaj_ceramic a:hover img
{
opacity:0.9;
}
#bk_mortar
{
position:absolute;
top:384px;
left:581px;
}
#bk_mortar_nume
{
/* display:none;*/
top: -60px;
left: 104px;
}
#bk_mortar a:hover img
{
opacity:0.9;
}
#bk_capat_stalp
{
position:absolute;
top:454px;
left:669px;
}
#bk_capat_stalp a:hover img
{
opacity:0.9;
}
#bk_capat_stalp_nume
{
/*display:none;*/
top: 71px;
left: 28px;
}
#bk_caramida_gard
{
position:absolute;
top:512px;
left:463px;
}
#bk_caramida_gard_nume
{
/* display:none;*/
top: 60px;
left: -172px;
}
#bk_caramida_gard a:hover img
{
opacity:0.9;
}
#bk_pavaj
{
position:absolute;
top:509px;
left:899px;
}
#bk_pavaj_nume
{
/* display:none;*/
top: 69px;
left: 126px;
}
#bk_pavaj a:hover img
{
opacity:0.9;
}
#bk_trepte
{
position:absolute;
top:441px;
left:574px;
}
#bk_trepte_nume
{
/* display:none;*/
top: 37px;
left: -59px;
}
#bk_trepte a:hover img
{
opacity:0.9;
}
#bk_blocuri_ceramice
{
position:absolute;
top:234px;
right:0;
}
#bk_blocuri_ceramice_nume
{
/*display:none;*/
top:18px;
left:-130px;
}
#bk_blocuri_ceramice a:hover img
{
opacity:0.9;
}
#bk_tigla_ceramica
{
position:absolute;
top:102px;
right:0;
}
#bk_tigla_ceramica_nume
{
/* display:none;*/
top:65px;
left:70px;
}
#bk_tigla_ceramica a:hover img
{
opacity:0.9;
}
#bk_raft_de_sticle
{
position:absolute;
top:358px;
right:225px;
}
#bk_raft_de_sticle_nume
{
/*display:none;*/
top: 30px;
left: -54px;
}
#bk_raft_de_sticle a:hover img
{
opacity:0.9;
}
#bk_coltar
{
position:absolute;
top:263px;
left:368px;
}
#bk_coltar_nume
{
/*display:none;*/
top: 29px;
left: 42px;
}
#bk_coltar a:hover img
{
opacity:0.9;
}
#bk_dale
{
position:absolute;
top:417px;
left:613px;
}
#bk_dale_nume
{
/* display:none;*/
top: -3px;
left: 143px;
}
#bk_dale a:hover img
{
opacity:0.9;
}
#bk_pavaj
{
position:absolute;
top:509px;
left:890px;
}
#bk_pavaj a:hover img
{
opacity:0.9;
}
#bk_garden_1
{
position:absolute;
top:453px;
left:255px;
}
#bk_garden_1_nume
{
/* display:none;*/
top:25px;
}
#bk_garden_1 a:hover img
{
opacity:0.9;
}
#bk_garden_2
{
position:absolute;
top:453px;
left:322px;
}
#bk_garden_2_nume
{
/* display:none;*/
top:25px;
left:-67px;
}
#bk_garden_2 a:hover img
{
opacity:0.9;
}
#bk_horn
{
position:absolute;
top:55px;
left:1175px;
z-index:10000;
}
#bk_horn_nume
{
/* display:none;*/
top: 57px;
left: -65px;
}
#bk_horn a:hover img
{
opacity:0.9;
}
.afisare {
border: 1px solid #000;
}
.afisare:after, .arrow_box:before {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#bk_gratar_nume:after, #bk_coltar_nume:after,#bk_caramida_aparenta_nume:after, #bk_mortar_nume:after, #bk_placaj_ceramic_nume:after, #bk_dale_nume:after {
border-color: rgba(255,255,255,0);
border-right-color: #000;
border-width: 8px;
margin-top: -8px;
}
.afisare:before {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 36px;
margin-top: -36px;
}
.afisare a {
color:#000;
}
.afisare a:hover {
color:#d31d45
}
#bk_horn_nume:after, #bk_horn_nume:before, #bk_tigla_ceramica_nume:after, #bk_tigla_ceramica_nume:before, #bk_glaf_nume:after, #bk_glaf_nume:before, #bk_capat_stalp_nume:after, #bk_capat_stalp_nume:before, #bk_pavaj_nume:after, #bk_pavaj_nume:before, #bk_garden_2_nume:after, #bk_garden_2_nume:before, #bk_trepte_nume:before, #bk_trepte_nume:after, #bk_raft_de_sticle_nume:before, #bk_raft_de_sticle_nume:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#bk_blocuri_ceramice_nume:after, #bk_blocuri_ceramice_nume:before, #bk_blocuri_ceramice_nume:after, #bk_blocuri_ceramice_nume:before,#bk_caramida_gard_nume:after, #bk_caramida_gard_nume:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#bk_garden_2_nume.afisare:after {
display: none;
}
#bk_blocuri_ceramice_nume:after,#bk_blocuri_ceramice_nume:after, #bk_caramida_gard_nume:after {
border-color: rgba(194,225,245,0);
border-left-color: #000;
border-width: 9px;
margin-left: 1px;
margin-top: -8px;
}
#bk_horn_nume:before, #bk_tigla_ceramica_nume:before, #bk_glaf_nume:before, #bk_capat_stalp_nume:before, #bk_pavaj_nume:before, #bk_garden_2_nume:before, #bk_trepte_nume:before, #bk_raft_de_sticle_nume:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #000;
border-width: 9px;
margin-left: -9px;
}
/* BILLBOARD
----------------------------------------------------------------------------------------------------*/
#billboard {
margin-top: -110px;
}
#billboard .container_12 {
/* background: url(/images/billboard.png) no-repeat 10px top;*/
position: relative;
height: 420px;
z-index: 888;
}
/* PRODUCT HEADER
----------------------------------------------------------------------------------------------------*/
#productHeader {
}
/* CONTENT
----------------------------------------------------------------------------------------------------*/
#content {
position: relative;
}
#content .container_12 {
position: relative;
}
body.layout1 #content .container_12,
body.layout1b #content .container_12,
body.layout2 #content .container_12{
background: url(/images/sprite_bkg_content.png) repeat-y -940px top;
}
/* SIDEBAR
----------------------------------------------------------------------------------------------------*/
#sidebar {
color: #666;
min-height: 580px;
position: relative;
}
/* MAIN
----------------------------------------------------------------------------------------------------*/
body.layout2 #main,
body.layout3 #main,
body.layout3b #main ,
body.layout4 #main {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
width: 938px;
}
body.layout2 #main {
min-height: 620px;
}
body.layout3 #main,
body.layout3b #main,
body.layout4 #main {
background-image: none;
position: relative;
}
body.layout4 #main .grid_6 {
width: 459px;
}
.download_item {
/* background: url(/images/download_items_separator.png) no-repeat 533px bottom;*/
margin-bottom: 20px;
padding-bottom: 14px;
}
.download_item:first-of-type {
padding-top: 20px;
}
.download_item:last-of-type {
background: none;
padding-bottom: 50px;
}
.download_item .coperta {
text-align: center;
}
.download_item div.description {
position: relative;
}
.letter_section {
margin: 0 40px 0 20px;
padding-bottom: 15px;
}
.letter_section:last-of-type {
padding-bottom: 70px;
}
.letter_section:first-of-type,
.letter_section.first {
margin-top: 42px;
}
.letter_section.active {
background: url(/images/download_items_separator.png) no-repeat 297px bottom;
padding-bottom: 50px;
}
.letter_section .definition {
padding-bottom: 17px;
}
.presa_item:last-child {
padding-bottom: 30px;
margin-bottom: 30px;
}
.presa_item:first-child {
background: url(/images/download_items_separator.png) no-repeat 297px bottom;
}
.upload {
background-color: #f5f6f7;
border: 1px solid #e6e7e8;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
padding: 15px 20px 5px;
}
.blog_entry,
.comments,
.post_comment {
margin: 0 40px;
min-height: 180px;
padding-bottom: 15px;
position: relative;
}
.comments {
min-height: 57px;
padding-bottom: 0;
}
.post_comment {
min-height: 0;
}
.comments.first {
min-height: 105px;
padding: 30px 0 0;
}
.blog_entry:last-child,
.comments:last-child {
padding-bottom: 50px;
}
.post_comment {
border-top: 1px solid #e6e7e8;
padding: 10px 0 80px;
}
body.layout1 .post_comment {
border: none;
}
.blog_entry .intro,
.comments .intro,
.post_comment .intro {
padding-left: 299px;
width: 559px;
}
.blog_entry .meta,
.comments .meta {
position: absolute;
top: 48px;
width: 299px;
}
.blog_entry .meta.double_header {
top: 72px;
}
.blog_entry .meta.double_header2 {
top: 73px;
}
.comments .meta {
top: 0;
}
.comments.first .meta {
top: 78px;
}
#main .form_info {
width: 259px;
}
#main .form_message {
padding-left: 20px;
width: 559px;
}
#beneficii {
text-align: center;
margin: -14px 0 64px;
}
#map {
margin: 140px 40px 0 2px;
padding-bottom: 70px;
position: relative;
cursor: pointer;
}
#map object {
position: relative;
z-index: 2;
}
#map img {
position: absolute;
top: -119px; right: 0;
z-index: 1;
}
.job {
margin: 0 40px 40px 20px;
}
/* FOOTER
----------------------------------------------------------------------------------------------------*/
body.layout1 #footer,
body.layout1b #footer {
background: #000 url(/images/bkg_footer.jpg) repeat-x left top;
color: #808080;
}
body.layout2 #footer,
body.layout3 #footer,
body.layout3b #footer,
body.layout4 #footer {
background: #000 url(/images/bkg_footer.jpg) repeat-x left -9px;
color: #808080;
}
body.home #footer .container_12 {
background: none;
/*background: url(/images/bkg_footer_home.jpg) no-repeat 7px top;*/
color: #808080;
margin-top: -29px;
min-height: 597px;
padding-top: 40px;
position: relative;
}
body.layout1 #footer .container_12,
body.layout1b #footer .container_12 {
background: url(/images/bkg_footer_center.jpg) no-repeat 10px top;
height: 324px;
padding-top: 114px;
position: relative;
}
body.layout2 #footer .container_12,
body.layout3 #footer .container_12,
body.layout3b #footer .container_12,
body.layout4 #footer .container_12 {
background: url(/images/bkg_footer_center.jpg) no-repeat 10px -9px;
height: 324px;
padding-top: 105px;
position: relative;
}
/* PROMOS
----------------------------------------------------------------------------------------------------*/
.promos {
height: 290px;
}
/* COPYRIGHT
----------------------------------------------------------------------------------------------------*/
#copyright {
margin-top: 49px;
}
#copyright #bweb {
position: absolute;
left: 20px;
font-size: 11px;
}
#copyright #bweb a {
}
/*--------------------------------------------------------------------------------------------------*/
/* HEADINGS
----------------------------------------------------------------------------------------------------*/
h1 {
color: #000;
font-size: 30px;
line-height: 1;
margin: 31px 40px 0 20px;
text-transform: uppercase;
}
h1.category {
float: left;
margin-right: 45px;
}
body.layout1b h1 {
margin-left: 260px;
}
body.layout2 h1 {
margin-left: 440px;
}
body.layout3 h1 {
margin-left: 40px;
}
body.layout3b h1,
body.layout4 h2 {
font-size: 22px;
letter-spacing: -0.5px;
line-height: 48px;
margin: 35px 0 0;
text-transform: none;
}
body.layout3b h1 {
line-height: 1.1;
padding: 12px 0;
}
body.layout4 h1 {
background: url(/images/shadow_h1.png) no-repeat bottom;
margin: 12px 35px 0 0;
padding-bottom: 20px;
text-align: center;
}
h2 {
font-size: 22px;
letter-spacing: -0.5px;
line-height: 1.1;
margin: 30px 40px 15px 20px;
}
.download_item h2 {
border-bottom: 1px solid #e6e7e8;
letter-spacing: -0.5px;
padding: 5px 0;
margin: 0 160px 8px 20px;
}
.blog_entry .intro h2 {
line-height: 1.1;
margin: 0;
padding: 12px 0;
}
.comments .intro h2,
.post_comment .intro h2 {
line-height: 48px;
margin: 0;
}
.comments .intro h2,
.post_comment .intro h2 {
color: #666;
font-size: 16px;
}
body.layout4 h2 {
margin: 45px 0 0 40px;
}
body.layout4 h2.next_p {
border-bottom: 1px solid #e6e7e8;
margin-bottom: 40px;
padding-bottom: 5px;
}
#sidebar h3 {
border-bottom: 1px solid #ccc;
font-size: 24px;
font-weight: bold;
margin: 34px 20px 0;
padding-bottom: 8px;
}
#main h3 {
font-size: 24px;
margin-bottom: 15px;
}
/* @group FOOTER */
#footer h3 {
font-size: 16px;
padding-bottom: 0px;
margin: 20px 0 14px;
text-transform: uppercase;
}
#footer .grid_2 h3 {
margin-left: 20px;
}
#footer .grid_6 h3 {
margin-right: 20px;
}
/* @end */
h4 {
font-size: 16px;
margin: 0 40px 5px 20px;
}
.job h4 {
margin: 15px 0 5px;
}
/* PARAGRAPHS
----------------------------------------------------------------------------------------------------*/
#sidebar p.filling_text {
color: #b2b2b2;
font-size: 24px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2;
margin: 0 20px;
position: absolute;
text-align: center;
text-shadow: 0px 1px 0 rgba(255,255,255,1);
top: 230px;
}
p#mesajTrimis {
background-color: #89d556;
color: #fff;
font-weight: bold;
line-height: 34px;
position: absolute;
top: 0; left: 0;
text-align: center;
width: 100%; height: 34px;
z-index: 9999;
}
#main p.description {
color: #666;
font-weight: bold;
line-height: 1.23;
margin: 8px 40px 0 20px;
}
#main p.description img {
padding: 12px 0 16px;
}
#main p#pret {
position: relative;
z-index: 999;
}
#main p#pret img {
margin-left: -4px;
}
body.layout1b #main p.description {
margin-left: 260px;
}
body.layout2 #main p.description {
margin-left: 440px;
}
body.layout2 #main p.note {
color: #999;
font-size: 12px;
font-style: italic;
margin: -2px 40px 0 440px;
padding-bottom: 10px;
}
body.layout2 #main p.note-img {
border-top: 1px solid #f5f6f7;
color: #aaa;
font-size: 10px;
font-style: normal;
margin: -24px 40px 0 40px;
padding: 5px 0 20px;
}
body.layout3 #main p.description {
margin: 8px 80px 30px 40px;
}
#main p.body_copy {
font-size: 14px;
line-height: 1.4;
margin: 0 40px 15px 20px;
}
#main .body_content p {
font-size: 14px;
line-height: 1.4;
margin: 0 40px 15px 20px;
}
#main .body_content p:first-of-type {
margin-top: 25px;
}
#main .blog_entry .intro p.body_copy {
line-height: 1.5;
margin: 0 0 15px;
}
#main .blog_entry .intro p.body_copy:first-of-type {
border-top: 1px solid #e6e7e8;
padding-top: 9px;
}
body.layout4 #main p.body_copy {
margin: 0 0 15px 40px;
}
body.layout4 #main p.body_copy img {
padding: 10px 0;
}
body.layout4 #main p.body_copy img.last {
margin-left: 8px;
}
body.layout4 #main p.body_copy img.float {
float: right;
margin-top: -30px;
padding: 0;
}
body.layout4 #main p.body_copy img.float.top0 {
border: 1px solid #e6e7e8;
margin: -10px 0 10px 15px;
padding: 4px;
}
body.layout4 #main .grid_6 p.body_copy:last-child {
margin-bottom: 45px;
}
p.image_description {
color: #999;
font-style: italic;
margin: -10px 0 15px;
}
p.beneficii {
padding: 51px 0 39px 29px;
}
p.beneficii.next_download {
padding-bottom: 29px;
}
#main .comments p {
color: #666;
margin: 0 0 15px;
}
#main .comments p:first-of-type {
border-top: 1px solid #e6e7e8;
padding-top: 9px;
}
#main .download_item p {
color: #666;
margin: 0 160px 10px 20px;
}
#main .letter_section p {
font-size: 14px;
margin-bottom: 10px;
}
#main .letter_section p:last-of-type {
margin-bottom: 0;
}
#main .letter_section p.letter {
color: #d31d45;
font-size: 22px;
font-weight: bold;
margin: 0 10px 15px 0;
text-align: center;
}
p.published {
background: #f5f6f7;
font-size: 12px;
font-style: italic;
margin: -5px 40px 8px 20px;
padding: 3px 5px;
}
h1 + p.published {
margin: 15px 40px 15px 20px;
}
#main .job p {
margin-bottom: 15px;
}
/* @group FOOTER */
#footer p {
font-size: 12px;
line-height: 1.4;
}
#footer p.last {
border-top: 1px solid #2c2c2c;
line-height: 24px;
font-weight: bold;
padding-top: 5px;
}
#footer p.last span {
float: left;
width: auto;
}
#footer .container_12 .grid_6 p.last {
/* background: url(/images/social_buttons.png) no-repeat right 3px;*/
margin-right: 20px;
}
#copyright p {
color: #4c4c4c;
font-size: 11px;
position: absolute;
right: 20px;
text-align: right;
}
#footer .promos p {
color: #ccc;
line-height: 1.5;
padding: 20px 0 0 2px;
text-shadow: 1px 1px 1px #000;
}
#footer .promos a:hover p {
color: #fff;
}
/* @end */
/* LISTS
----------------------------------------------------------------------------------------------------*/
#main ul {
list-style-position: inside;
margin: 0 40px 15px 20px;
}
#sidebar ul {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #ccc;
list-style: none;
margin: 0 20px;
padding: 11px 0;
position: relative;
z-index: 999;
}
#sidebar ul:last-of-type {
border-bottom: none;
}
#sidebar ul li {
background: url(/images/checkmark.png) no-repeat left -21px;
font-weight: bold;
margin: 0 0 3px -3px;
}
/*#sidebar ul.filters li {
max-height: 22px;
}*/
#sidebar ul li:last-child {
margin-bottom: 0;
}
#sidebar ul li.selected {
background-position: left -1px;
}
#sidebar ul li.next_large {
margin-bottom: 5px;
}
ul#tableSwitch {
list-style: none;
margin: 35px 0 0 100px;
}
ul#tableSwitch.onetab {
background: url(/images/tabel_detalii_header_1tab.png) no-repeat left top;
height: 30px;
padding-top: 5px;
}
ul#tableSwitch li {
background: url(/images/sprite_tabel_detalii_header_tabs.png) no-repeat -459px top;
float: left; display: inline;
padding: 5px 2px 0 20px;
text-align: center;
text-transform: uppercase;
width: 208px; height: 30px;
}
ul#tableSwitch li.active {
background-position: left top;
}
ul#tableSwitch li:last-child {
background-position: -230px top;
padding: 5px 20px 0 2px;
width: 207px;
}
ul#tableSwitch.onetab li:last-child {
display: block;
background: none;
float: none;
padding: 0 0 0 20px;
}
ul#tableSwitch li.active:last-child {
background-position: -689px top;
}
#main .letter_section ul,
#main .blog_entry .intro ul {
font-size: 14px;
list-style-position: inside;
margin-bottom: 10px;
}
#main .blog_entry .intro ol li {
font-size: 14px;
margin-bottom: 10px;
}
/*.presa_item ul {
background-color: #f5f6f7;
list-style: none;
margin: 0 40px 0 20px;
padding: 2px 0;
}
.presa_item ul li {
float: left; display: inline;
padding: 0 10px;
width: auto;
}*/
.meta ul {
border-top: 1px solid #e6e7e8;
list-style: none;
}
.meta ul li {
border-top: 1px solid #e6e7e8;
line-height: 39px;
padding-left: 10px;
margin-right: 35px;
}
.meta ul li:first-child {
border: none;
}
.meta ul li:last-child {
border-bottom: 1px solid #e6e7e8;
}
#main .comments .meta p {
color: #666;
line-height: 1.3;
padding: 10px 0 0 10px;
}
#main .comments .meta p span {
color: #999;
font-size: 11px;
}
ul#jobList {
background-color: #f5f6f7;
color: #aaa;
margin-bottom: 25px;
padding: 5px 10px;
}
#main .job ul {
margin: 0 0 15px 0;
}
/* @group JOB DESCRIPTION */
.job dl dt {
clear: left;
float: left; display: inline;
font-weight: bold;
width: 200px;
}
.job dl dd {
float: left; display: inline;
margin-left: 10px;
width: auto;
}
/* @end */
/* FOOTER */
#footer ul {
font-size: 12px;
list-style: none;
}
#footer .container_12 .grid_2 ul {
margin-left: 20px;
}
#footer .container_12 .grid_4 ul {
border-bottom: 1px solid #000;
padding-bottom: 8px;
}
/* BLOCKQUOTES
----------------------------------------------------------------------------------------------------*/
#footer blockquote {
border-bottom: 1px solid #000;
background: url(/images/quotes.png) no-repeat top left;
font-style: italic;
height: 89px;
padding: 0 25px 9px 45px;
}
#footer .container_12 .grid_6 blockquote {
margin-right: 20px;
}
#footer blockquote p:first-child {
line-height: 1.3;
padding-top: 1px;
}
#footer blockquote > p:last-of-type {
margin-top: 9px;
}
/* LINKS
----------------------------------------------------------------------------------------------------*/
a {
color: #d31d45;
outline: 0;
text-decoration: none;
}
#main a:hover {
text-decoration: underline;
}
.promos a {
display: block;
}
.promos a img {
border: 2px solid #ededed;
-moz-box-shadow: 0px 1px 3px #000; /* FF3.5 - 3.6 */
-webkit-box-shadow: 0px 1px 3px #000; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 3px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}
.promos a:hover img {
border-color: #fff;
}
#sidebar ul li a {
color: #666;
padding-left: 25px;
}
#sidebar ul li a:hover {
color: #d31d45;
}
#sidebar ul li.inactive a {
color: #aaa;
cursor: default;
text-decoration: line-through;
}
#sidebar p.filling_text a {
color: #999;
border-bottom: 1px solid #b2b2b2;
}
#sidebar p.filling_text a:hover {
color: #666;
border-bottom: 1px solid #808080;
}
ul#tableSwitch li a {
color: #333;
}
ul#jobList a {
font-weight: bold;
}
#main .download_item .coperta a img {
-moz-box-shadow: 0px 1px 5px #666; /* FF3.5 - 3.6 */
-webkit-box-shadow: 0px 1px 5px #666; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 5px rgba(0,0,0,0.6); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}
.body_copy a:hover,
.image_description a:hover,
.published a:hover {
text-decoration: underline;
}
h1 a,
h2 a {
color: #333;
}
h2 a:hover {
text-decoration: underline;
}
a.read_more {
background: url(/images/arrow_readmore.png) no-repeat right 5px;
padding-right: 10px;
}
#footer ul li a {
color: #808080;
}
#footer ul li a:hover {
color: #d31d45;
text-decoration: underline;
}
#footer p.last a {
background: url(/images/download_arrow.png) no-repeat left 1px;
color: #808080;
padding-left: 15px;
}
#footer p.last a:hover {
background-position: left -16px;
color: #d31d45;
text-decoration: underline;
}
blockquote a {
color: #808080;
display: block;
}
blockquote a:hover {
color: #d31d45;
text-decoration: underline;
}
#footer p.last a#buttonFacebook {
background: url(/images/button_facebook.png);
float: right; display: inline;
margin-top: 2px;
padding-left: 0;
text-indent: -9999px;
width: 21px; height: 21px;
}
#footer p.last a#buttonFacebook:hover {
background-position: left -21px;
}
#footer p.last a#buttonTestimonial {
background: url(/images/button_testimoniale.png);
float: right; display: inline;
margin-top: 2px;
padding-left: 0;
text-indent: -9999px;
width: 97px; height: 21px;
}
#footer p.last a#buttonTestimonial:hover {
background-position: left -21px;
}
#copyright p a {
color: #808080;
}
#copyright p a:hover {
color: #d31d45;
text-decoration: underline;
}
/* SPANS + STRONG + EM + ABBR
----------------------------------------------------------------------------------------------------*/
#sidebar ul li span {
float: left;
/*padding-left: 25px;*/
}
table.produse tr td a span {
color: #888;
}
table.produse tr td a:hover span {
color: #d31d45;
}
#footer blockquote p span {
color: #4c4c4c;
}
#main .letter_section p strong {
color: #d31d45;
text-transform: uppercase;
}
.post_comment label em {
color: #999;
font-weight: normal;
}
abbr {
border-bottom: 1px dotted;
cursor: help;
}
/* OBJECT + EMBED
----------------------------------------------------------------------------------------------------*/
object, embed {
outline: 0;
}
/* FORM ELEMENTS
----------------------------------------------------------------------------------------------------*/
.upload input {
margin: 0 5px 10px 0;
}
.post_comment form {
margin-top: 22px;
}
body.layout1 .post_comment form {
margin-top: 35px;
}
.post_comment input,
.post_comment textarea {
border: 1px solid #e6e7e8;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
margin: 4px 0 12px;
padding: 1px 3px;
width: 252px; height: 20px;
}
.post_comment textarea {
margin-bottom: 16px;
padding: 5px;
width: 541px; height: 131px;
}
.post_comment label {
color: #666;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------*/
/* BUTTONS
----------------------------------------------------------------------------------------------------*/
.buttonCalculator {
width: 10%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-left: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: fixed;
top: 156px; left: 0;
box-shadow: 1px 0px 5px #ccc;
}
.buttonCalculator, .buttonSim, #buttonCerere2, #buttonNewsletter {
z-index: 99999;
}
#buttonCerere2 a, #buttonNewsletter a {
background: none !important;
text-indent: 0 !important;
}
#buttonCerere2 {
width: 7% !important;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: fixed;
top: 156px; right: 0;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
}
#buttonNewsletter
{
width: 7% !important;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: fixed;
top: 220px; right: 0;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
cursor: pointer;
}
.buttonNewsletterContent {
width: 324px !important;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-radius: 0;
position: fixed;
top: 220px; right: -360px;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
z-index: 999999;
}
.buttonNewsletterContent #mc_embed_signup h2 {
font-size: 1.2em;
text-align: center;
}
.buttonNewsletterContent #mc_embed_signup .button {
display: block;
margin: 0 auto;
background-color: #d31d45;
height: 36px;
}
.buttonNewsletterContent #mc_embed_signup .mc-field-group {
padding-bottom: 7%;
}
#buttonNewsletter:hover > a {
color: #fff;
}
#buttonCerere2:hover > a {
color: #fff;
}
.buttonCalculator:hover, #buttonCerere2:hover, #buttonNewsletter:hover {
background: #D31D45;
border: none;
}
.buttonCalculator:hover, .buttonSim:hover, #buttonCerere2:hover, #buttonNewsletter:hover {
color: #fff;
}
.buttonCalculator, .buttonSim, #buttonCerere2, #buttonNewsletter {
text-transform: uppercase;
font-weight: 800;
font-size: 12px;
font-family: 'Helvetica', sans-serif;
}
.buttonSim {
color: #000;
}
.buttonSim {
width: 10%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-left: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: fixed;
top: 220px; left: 0;
box-shadow: 1px 0px 5px #ccc;
}
.buttonSim:hover {
background: #000;
border: none;
}
#buttonCalculator {
position: fixed;
top: 120px; left: 0;
width: 46px; height: 164px;
z-index: 999;
}
#buttonCalculator a {
background: url(/images/button_calculator_big.png) no-repeat left;
display: block;
height: 100%;
text-indent: -9999px;
}
body.home #buttonCalculator a {
background-position: right center;
}
#buttonCerere {
position: fixed;
top: 120px; right: 0;
width: 46px; height: 164px;
z-index: 999;
}
#buttonNewsletterPre {
cursor: pointer;
position: fixed;
top: 367px;
right: -61px;
width: 150px;
height: 50px;
z-index: 999;
text-transform: uppercase;
font-weight: 800;
font-size: 12px;
font-family: 'Helvetica',sans-serif;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 6px #777;
text-align: center;
z-index: 999;
transform: rotate(90deg);
line-height: 55px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#buttonCerere a {
background: url(/images/button_cerere_big.png) no-repeat right;
display: block;
height: 100%;
text-indent: -9999px;
}
body.home #buttonCerere a {
background-position: left center;
}
#buttonBlackFriday {
position: fixed;
top: 300px;
right: 0;
width: 100px;
height: 343px;
z-index: 999;
}
#buttonBlackFriday a {
background: url(/images/BF18_banner_lateral.jpg) no-repeat right !important;
display: block;
height: 100%;
text-indent: -9999px;
background-size: 100%;
}
body.home #buttonBlackFriday a {
background-position: left center;
}
#buttonSim {
position: fixed;
top: 300px; left: 0;
width: 46px; height: 190px;
z-index: 999;
}
#buttonSim a {
background: url(/images/button_sim_big.png) no-repeat left;
display: block;
height: 100%;
text-indent: -9999px;
}
body.home #buttonSim a {
background-position: right center;
}
#downloadCalculator {
position: relative;
}
#downloadCalculator h1 {
background: none;
margin: 0;
padding: 0;
}
#downloadCalculator #ctaCalculator {
position: absolute;
top: 262px; left: 449px;
width: 201px; height: 72px;
}
#downloadCalculator #ctaCalculator a {
background: url(/images/cta_button_descarca_calculator.png) no-repeat;
display: block;
height: 100%;
text-indent: -9999px;
}
#downloadCalculator #ctaCalculator a:hover {
background-position: 0 -72px;
}
.call2action {
position: absolute;
top: 266px; left: 9px;
width: 181px; height: 42px;
}
.call2action a {
background: url(/images/call2action.png) no-repeat left top;
display: block;
height: 100%;
text-indent: -9999px;
}
.call2action a:hover {
background-position: left -42px;
}
.call2action.special_bg_call a {
background-position: left -42px;
}
.tableMore {
background: url(/images/sprite_table_more.png) no-repeat left top;
margin: -1px 0 64px 100px;
position: relative;
width: 459px; height: 29px;
}
.tableMore a {
background: url(/images/sprite_table_more.png) no-repeat -135px -4px;
display: block;
position: absolute;
text-indent: -9999px;
top: 4px; left: 135px;
width: 189px; height: 25px;
}
.tableMore a:hover {
background-position: -594px -4px;
}
.tableMore.less a {
background-position: -135px -33px;
}
.tableMore.less a:hover {
background-position: -594px -33px;
}
.asterix {
position: absolute;
top:720px; left: 450px;
}
.download2 {
position: absolute;
top: 500px; left: 50px;
}
.download3 {
background: #f5f6f7;
border: 1px solid #e6e7e8;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
font-size: 12px;
line-height: 1.2;
padding: 10px 45px 0px 26px;
margin-bottom: 10px;
width:200px;
}
.download3:nth-child(1)
{
margin-left:320px;
margin-bottom:30px;
}
.download3:nth-child(2)
{
margin-left:170px;
}
.download3:nth-child(3)
{
margin-left:40px;
}
.download {
background: #f5f6f7;
border: 1px solid #e6e7e8;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
font-size: 12px;
line-height: 1.2;
position: absolute;
top: 500px; left: 50px;
padding: 15px 45px 15px 26px;
}
.brac .download {
top: 540px;
}
.layout4 .download {
float: left; display: inline;
margin: 10px 0 50px 40px;
position: static;
}
.layout4 .grid_6 .download {
margin: 6px 0 55px 30px;
}
.download a {
background: url(/images/download_arrow2.png) no-repeat left -35px;
color: #666;
display: block;
padding-left: 40px;
}
.download a:hover,
.download a:active {
color: #d31d45;
text-decoration: underline;
}
.download3 a {
background: url(/images/download_arrow2.png) no-repeat left -35px;
color: #666;
display: block;
padding: 7px 0px 15px 40px;
}
.download3 a:hover,
.download3 a:active {
color: #d31d45;
text-decoration: underline;
}
.brac .download a {
background-position: left 5px;
}
.brac .download a:hover,
.brac .download a:active {
color: #9564a3;
}
.floatLeft
{
float:left;
}
.floatRight
{
float:right;
}
.cosmin
{
float:left;
}
.clear
{
clear:both;
}
#publish {
width: 121px; height: 32px;
}
#publish a {
background: url(/images/button_publica.png) no-repeat left top;
display: block;
height: 100%;
text-indent: -9999px;
}
#publish.trimite a {
background-image: url(/images/button_trimite.png);
}
#publish a:hover {
background-position: left -32px;
}
#trimite_cerere {
width: 121px; height: 32px;
}
#trimite_cerere a {
background: url(/images/button_trimite_cerere.png) no-repeat left top;
display: block;
height: 100%;
text-indent: -9999px;
}
#trimite_cerere a:hover {
background-position: left -32px;
}
.download_item a.download_button {
background: url(/images/button_download.png) no-repeat left top;
display: block;
position: absolute;
text-indent: -9999px;
top: 20px; right: 80px;
width: 60px; height: 77px;
}
.download_item a.download_button:hover {
background-position: -60px top;
}
.button_reject,
.button_accept { float: left; height: 32px; text-indent: -9999px; width: 121px; }
.button_reject { background: url(/images/button_reject.png) no-repeat left top; margin: 0 10px 0 0; }
.button_accept { background: url(/images/button_accept.png) no-repeat left top; margin: 0 0 0 10px; }
a.button_reject:hover,
a.button_accept:hover { background-position: left bottom; }
/* DROPDOWNS
----------------------------------------------------------------------------------------------------*/
#letterSelect {
background-color: transparent;
background-color: rgba(255,255,255,0.95);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF); /* IE6–IE9 */
zoom: 1;
border: 1px solid #ccc;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
float: right;
margin-top: -2px;
width: 38px;
}
#letterSelect.category {
float: none;
padding: 0 10px;
position: absolute;
top: 38px; left: 305px;
width: 174px;
}
#letterSelect ul,
#sidebar #letterSelect ul {
border: none;
margin: 0;
padding: 0 7px 5px;
}
#letterSelect.category ul {
list-style: none;
padding: 0 0 5px;
}
#letterSelect ul li,
#sidebar #letterSelect ul li {
background: none;
margin: 0;
text-align: center;
}
#letterSelect.category ul li {
text-align: left;
}
#letterSelect ul li:first-child,
#sidebar #letterSelect ul li:first-child {
border-top: 1px solid #d3d4d4;
padding-top: 4px;
}
#letterSelect span,
#sidebar ul li #letterSelect span {
background: url(/images/arrow_letter_select.png) no-repeat 23px 9px;
color: #d31d45;
cursor: pointer;
display: block;
float: none;
line-height: 21px;
padding: 0 7px;
width: 24px; height: 21px;
}
#letterSelect span {
background-position: 166px 9px;
padding: 0;
width: 100%;
}
#letterSelect ul li a,
#sidebar #letterSelect ul li a {
padding: 0;
}
#letterSelect.category ul li a {
color: #666;
}
#letterSelect.category ul li a:hover {
color: #d31d45;
text-decoration: underline;
}
/* LOGO
----------------------------------------------------------------------------------------------------*/
#header #logo {
position: absolute;
top: 44px; left: -66px !important;
width: 337px; height: 53px;
display: flex;
}
body.home #header #logo {
width: 337px;
display:flex;
}
#header #logo a {
width: 50%;
display: block;
text-indent: -9999px;
height: 100%;
}
body.home #header #logo a {
width:50%;
}
#header #logo #brikston_logo {
background: url(/images/brikston_logo.png);
display: block;
text-indent: -9999px;
height: 100%;
background-size:contain;
}
body.home #header #logo #brikston_logo {
background: url(/images/brikston_logo.png);
width:100%;
background-size:contain;
}
#header #logo #leier_logo {
background: url(/images/leier_logo.png);
display: block;
text-indent: -9999px;
height: 100%;
background-size:contain;
margin-right: 1px;
}
body.home #header #logo #leier_logo {
background: url(/images/leier_logo.png);
width:100%;
background-size:contain;
margin-right: 1px;
}
/* TXTBAR
----------------------------------------------------------------------------------------------------*/
#txtBar {
position: absolute;
top: 106px; right: 9px;
width: 479px; height: 26px;
}
#txtBar a {
background: url(/images/textbar_undernav2.png) no-repeat left top;
display: block;
text-indent: -9999px;
height: 100%;
}
body.home #txtBar a {
background-position: left bottom;
}
/* PRODUCT IMAGE
----------------------------------------------------------------------------------------------------*/
#prodImg {
position: absolute;
top: 12px; left: 11px;
}
/* LANGUAGE SELECTION
----------------------------------------------------------------------------------------------------*/
ul#langSel {
list-style: none;
position: absolute;
top: 17px; right: 188px;
}
ul#langSel li {
background: url(/images/lang_sel_sep.png) no-repeat center right;
color: #aaa;
font-size: 11px;
font-weight: bold;
float: left; display: inline;
line-height: 1.1;
margin-right: 6px;
padding-right: 10px;
}
ul#langSel li:last-child {
background-image: none;
}
body.home ul#langSel li {
color: #9c1133;
}
ul#langSel li:last-child {
margin-right: 0;
padding-right: 0;
}
ul#langSel li a {
color: #666;
}
ul#langSel li.current a {
color: #aaa;
}
body.home ul#langSel li a {
color: #660e21;
}
ul#langSel li a:hover {
text-decoration: underline;
}
.rezultat {
border-bottom: 1px solid #DDD;
padding: 15px 0px;
}
.sectiune {
font-size: 11px;
padding: 7px 0px;
}
ul#new_nav {
list-style: none;
position: absolute;
top: 44px; right: 9px;
width: 622px; height: 62px;
background: url(/images/new_nav.png) top center no-repeat;
font-family: 'Raleway', sans-serif;
text-transform:uppercase;
font-size: 14px;
}
ul#new_nav > li {
float: left; display: inline;
height: 56px;
position: relative;
}
ul#new_nav li a {
color: #cccccc;
display: block;
padding: 16px 10px;
}
ul#new_nav li a:hover {
color: #FFF;
}
ul#new_nav li a.active {
color: #d31d45;
}
ul#new_nav li.nav1 {
background: url(/images/home.png) 0px -53px no-repeat;
width: 39px;
height: 53px;
text-indent: -9999px;
margin-left: 10px;
}
ul#new_nav li.nav1:hover {
background: url(/images/home.png) 0px 0px no-repeat;
}
ul#new_nav li.nav6 a {
padding-right: 0px !important;
}
ul.subnewnav {
position: absolute;
top: 53px;
left: 10px;
list-style: none;
width: 240px;
background: #d31d45;
border-radius: 0px 0px 5px 5px;
z-index: 999;
display: none;
}
ul.subnewnav2 {
width: 335px !important;
}
ul.subsubnav, ul.subsubnav2{
position: absolute;
top: 50px;
left: 240px;
list-style: none;
width: 100px;
background: #FFF;
border-radius: 0px 5px 5px 0px;
z-index: 1000;
display: none;
box-shadow: 0px 0px 5px #AAA;
}
ul.subsubnav2{
top: 74px;
}
a.pinky {
color: #555;
}
ul.lastsubnav li a, ul.lastsubnav2 li a {
color: #FFF !important;
}
ul.subsubnav li a:hover, ul.subsubnav2 li a:hover {
color: #d31d45 !important;
}
ul.lastsubnav, ul.lastsubnav2 {
position: absolute;
top: 25px;
left: 100px;
list-style: none;
width: 100px;
background: #111;
border-radius: 0px 5px 5px 5px;
z-index: 1000;
display: none;
}
body.home ul.subnewnav {
background: url("/images/menu_home.png") repeat !important;
}
ul.subnewnav4 {
width: 255px !important;
}
ul.subnewnav li a {
display: block;
height: 20px;
padding: 2px 0px !important;
margin: 0px 15px;
text-transform: none;
border-bottom: 1px solid #da3f61;
color: #f2bcc8;
}
body.home ul.subnewnav li a {
border-bottom: 1px solid #343434;
}
ul.subnewnav li:last-child a {
border-bottom: 0px;
}
ul.subnewnav li:last-child {
padding-bottom: 4px;
}
body.home ul.subnewnav li:last-child a {
border-bottom: 0px;
}
body.home ul.subnewnav li:last-child {
padding-bottom: 4px;
}
/* NAVIGATION
----------------------------------------------------------------------------------------------------*/
ul#nav {
list-style: none;
position: absolute;
top: 44px; right: 9px;
width: 622px; height: 62px;
}
ul#nav > li {
background-image: url(/images/nav.png);
float: left; display: inline;
height: 56px;
}
/* NORMAL State */
ul#nav li.nav1 {
background-position: 0 0;
padding-left: 1px;
width: 58px;
}
ul#nav li.nav2 {
background-position: -59px 0;
width: 118px;
}
ul#nav li.nav3 {
background-position: -177px 0;
width: 109px;
}
ul#nav li.nav4 {
background-position: -286px 0;
width: 74px;
}
ul#nav li.nav5 {
background-position: -360px 0;
width: 145px;
}
ul#nav li.nav6 {
background-position: -505px 0;
padding-right: 1px;
width: 116px;
}
ul#nav > li.active {
background-image: url(/images/nav.png);
height: 100%;
}
ul#nav > li.subnav:hover {
height: 56px;
position: relative;
z-index: 100;
}
/* ACTIVE State */
ul#nav li.nav2.active {
background-position: -681px 0;
}
ul#nav li.nav3.active {
background-position: -799px 0;
}
ul#nav li.nav4.active {
background-position: -908px 0;
}
ul#nav li.nav5.active {
background-position: -982px 0;
}
ul#nav li.nav6.active {
background-position: -1127px 0;
}
/* HOVER State */
ul#nav li.nav1:hover {
background-position: -1244px 0;
}
ul#nav li.nav2:hover {
background-position: -1303px 0;
}
ul#nav li.nav3:hover {
background-position: -1421px 0;
}
ul#nav li.nav4:hover {
background-position: -1530px 0;
}
ul#nav li.nav5:hover {
background-position: -1604px 0;
}
ul#nav li.nav6:hover {
background-position: -1749px 0;
}
/* ACTIVE + HOVER State */
ul#nav li.nav3.active:hover {
background-position: -799px 0;
}
ul#nav li.nav5.active:hover {
background-position: -982px 0;
}
ul#nav li.nav6.active:hover {
background-position: -1127px 0;
}
/* HOVER State Homepage*/
body.home ul#nav li.nav1:hover {
background-position: -1866px 0;
}
body.home ul#nav li.nav2:hover {
background-position: -1925px 0;
}
body.home ul#nav li.nav3:hover {
background-position: -2043px 0;
}
body.home ul#nav li.nav4:hover {
background-position: -2152px 0;
}
body.home ul#nav li.nav5:hover {
background-position: -2226px 0;
}
body.home ul#nav li.nav6:hover {
background-position: -2371px 0;
}
ul#nav > li > a {
display: block;
height: 53px;
text-indent: -9999px;
}
ul#nav li.nav3.active a:hover,
ul#nav li.nav5.active a:hover,
ul#nav li.nav6.active a:hover {
cursor: default;
}
/* SUBNAV
----------------------------------------------------------------------------------------------------*/
li.subnav:hover ul.subnav {
visibility: visible;
}
ul.subnav {
background-image: url(/images/nav.png);
list-style: none;
margin-top: 3px;
}
ul.subnav li {
height: 25px;
padding: 0 3px;
}
ul.subnav li:first-child {
padding-top: 9px;
}
ul.subnav li:last-child {
height: 31px;
}
ul.subnav li a {
display: block;
height: 100%;
text-indent: -9999px;
}
ul.subnav li a:hover {
background-image: url(/images/nav.png);
}
/* SUBNAV on nav2 */
li.nav2 ul.subnav {
background-position: -1303px -56px;
width: 179px; height: 119px;
}
body.home li.nav2 ul.subnav {
background-position: -1925px -56px;
}
li.nav2 ul.subnav li.subnav1 a {
background-position: -1306px -193px;
}
li.nav2 ul.subnav li.subnav2 a {
background-position: -1306px -218px;
}
li.nav2 ul.subnav li.subnav3 a {
background-position: -1306px -243px;
}
li.nav2 ul.subnav li.subnav4 a {
background-position: -1306px -268px;
}
body.home li.nav2 ul.subnav li.subnav1 a {
background-position: -1928px -193px;
}
body.home li.nav2 ul.subnav li.subnav2 a {
background-position: -1928px -218px;
}
body.home li.nav2 ul.subnav li.subnav3 a {
background-position: -1928px -243px;
}
body.home li.nav2 ul.subnav li.subnav4 a {
background-position: -1928px -268px;
}
/* SUBNAV on nav4 */
li.nav4 ul.subnav {
background-position: -1530px -56px;
width: 176px; height: 94px;
}
body.home li.nav4 ul.subnav {
background-position: -2152px -56px;
width: 176px; height: 94px;
}
li.nav4 ul.subnav li.subnav1 a {
background-position: -1533px -168px;
}
li.nav4 ul.subnav li.subnav2 a {
background-position: -1533px -193px;
}
li.nav4 ul.subnav li.subnav3 a {
background-position: -1533px -218px;
}
body.home li.nav4 ul.subnav li.subnav1 a {
background-position: -2155px -168px;
}
body.home li.nav4 ul.subnav li.subnav2 a {
background-position: -2155px -193px;
}
body.home li.nav4 ul.subnav li.subnav3 a {
background-position: -2155px -218px;
}
/* SEARCH FIELD
----------------------------------------------------------------------------------------------------*/
#search {
position: absolute;
top: 12px; right: 10px;
width: 157px; height: 21px;
}
#search input {
background: transparent url(/images/search_box.png) no-repeat;
border: none;
color: #666;
font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
font-style: italic;
line-height: 14px;
padding: 4px 6px 3px 27px;
width: 124px; height: 14px;
}
body.home #search input {
background-position: bottom;
color: #660e21;
}
/* SIDENAV
----------------------------------------------------------------------------------------------------*/
#sidebar ul.sidenav {
border-top: 1px solid #ccc;
border-bottom: 1px solid #f0f0f0;
margin: 77px 1px 0;
padding: 0;
}
#sidebar ul.sidenav li {
background: none;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #ccc;
line-height: 30px; height: 30px;
margin: 0;
position: relative;
}
#sidebar ul.sidenav li a {
margin-left: 40px;
padding: 0;
}
#sidebar ul.sidenav li.active span {
background: url(/images/sidenav_active.png);
display: block;
margin-left: -2px;
padding: 0;
width: 234px; height: 32px;
}
#sidebar ul.sidenav li.active a {
color: #fff;
margin-left: 42px;
text-shadow: 0px 1px 2px rgba(0,0,0,0.75);
}
/* INPAGE NAV (BRAC)
----------------------------------------------------------------------------------------------------*/
#inpageNav {
list-style: none;
position: absolute;
top: 34px; right: 50px;
width: 228px; height: 29px;
}
#inpageNav li {
float: left; display: inline;
width: 50%; height: 100%;
}
#inpageNav li a {
background: url(/images/brac_nav.png);
display: block;
height: 100%;
text-indent: -9999px;
}
#inpageNav li:first-child a {
background-position: left center;
}
#inpageNav li:first-child a:hover,
#inpageNav li:first-child a:active {
background-position: left bottom;
}
#inpageNav li.active:first-child a,
#inpageNav li.active:first-child a:hover,
#inpageNav li.active:first-child a:active {
background-position: left top;
cursor: default;
}
#inpageNav li:last-child a {
background-position: right center;
}
#inpageNav li:last-child a:hover,
#inpageNav li:last-child a:active {
background-position: right bottom;
}
#inpageNav li.active:last-child a,
#inpageNav li.active:last-child a:hover,
#inpageNav li.active:last-child a:active {
background-position: right top;
cursor: default;
}
/* SECTION NAV (APLICATII)
----------------------------------------------------------------------------------------------------*/
#sectionNav {
/* background-color: #e6e7e8;*/
border: 1px solid #ccc;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
float: right;
margin: 35px 38px 0 0;
padding: 6px 0;
width: auto;
}
#sectionNav ul {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0 13px;
}
#sectionNav ul li {
border-right: 1px solid #e0e0e0;
float: left; display: inline;
font-size: 12px;
line-height: 1;
margin-right: 13px;
padding-right: 13px;
width: auto;
}
#sectionNav ul li:last-child {
border-right: none;
margin-right: 0;
padding-right: 0;
}
#sectionNav ul li a {
color: #333;
}
#sectionNav ul li.active a {
color: #bbb;
}
#sectionNav ul li a:hover {
color: #d31d45;
text-decoration: none;
}
#sectionNav ul li.active a:hover {
color: #bbb;
cursor: default;
}
/* TABEL PRODUSE
----------------------------------------------------------------------------------------------------*/
table.produse {
margin: 35px 40px 50px 20px;
}
table.produse tr {
height: 81px;
}
table.produse tr:first-child {
height: 82px;
}
table.produse tr th {
background: url(/images/sprite_bkg_table.png) no-repeat;
line-height: 14px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
table.produse tr th:nth-child(1) {
background-position: 0 top;
width: 179px;
}
table.produse tr th:nth-child(2) {
background-position: -179px top;
width: 187px;
}
table.produse tr th:nth-child(3) {
background-position: -366px top;
width: 135px;
}
table.produse tr th:nth-child(4) {
background-position: -501px top;
width: 137px;
}
table.produse tr td {
background: url(/images/sprite_bkg_table.png) no-repeat;
font-size: 12px;
line-height: 1.2;
text-align: center;
vertical-align: middle;
}
table.produse tr td:nth-child(1) {
background-position: -638px top;
}
table.produse tr td:nth-child(2) {
background-position: -817px top;
}
table.produse tr td:nth-child(3) {
background-position: -1004px top;
}
table.produse tr td:nth-child(4) {
background-position: -1139px top;
}
table.produse tr:last-child td:nth-child(1) {
background-position: -1276px top;
}
table.produse tr:last-child td:nth-child(2) {
background-position: -1455px top;
}
table.produse tr:last-child td:nth-child(3) {
background-position: -1642px top;
}
table.produse tr:last-child td:nth-child(4) {
background-position: -1777px top;
}
table.produse tr td.denumire {
padding-left: 21px;
text-align: left;
}
table.produse tr td a {
color: #333;
}
table.produse tr td a:hover {
color: #d31d45;
}
/* TABEL DETALII & BENEFICII
----------------------------------------------------------------------------------------------------*/
div.detalii {
margin-left: 100px;
}
div.detalii table {
background-color: #f5f6f7;
border-left: 1px solid #e6e7e8;
border-right: 1px solid #e6e7e8;
clear: both;
margin: 0;
width: 459px;
}
div.detalii table tr td {
border-bottom: 1px solid #e6e7e8;
font-size: 12px;
height: 43px;
vertical-align: middle;
}
div.detalii table tr td:first-child {
color: #333;
font-weight: bold;
padding-left: 30px;
}
div.detalii table tr td:last-child {
text-align: center;
width: 168px;
}
div.beneficii {
margin-bottom: 64px;
}
div.beneficii table {
border-bottom: 1px solid #e6e7e8;
border-collapse: separate;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
div.beneficii table tr td {
height: 53px;
}
div.beneficii table tr td:first-child {
padding-left: 50px;
}
div.beneficii table tr td:last-child {
width: 130px;
}
div.beneficii table tr:last-child td {
border: none;
}
div.beneficii table tr td span {
background: url(/images/checkmark2.png) no-repeat left;
display: block;
height: 27px;
text-indent: -9999px;
}
/* DE CE BRAC
----------------------------------------------------------------------------------------------------*/
#dcBrac {
background-color: #9564a3;
border: 1px solid #674571;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
margin-bottom: 20px;
position: relative;
margin-top:30px;
}
#dcBrac h2 {
background: url(/images/heading_dcbrikston.png) no-repeat left 22px;
height: 24px;
margin: 0 80px;
padding: 22px 0 21px;
text-indent: -9999px;
}
#dcBrac #buttonAscundeBrac {
position: absolute;
top: 28px; right: 81px;
width: 66px; height: 13px;
}
#dcBrac #buttonAscundeBrac a {
background: url(/images/button_ascunde_brac.png) no-repeat;
display: block;
height: 100%;
text-indent: -9999px;
}
#dcBrac #buttonAscundeBrac a:hover {
background-position: left -13px;
}
#dcBrac #buttonAscundeBrac a.afiseaza {
background-position: left -26px;
}
#dcBrac #buttonAscundeBrac a.afiseaza:hover {
background-position: left -39px;
}
#dcBrac p {
padding-bottom: 29px;
text-align: center;
}
#dcBrac .wrapper {
background: url(/images/h_line_brac.png) repeat-x top;
margin: 0 40px;
padding-bottom: 29px;
position: relative;
}
#dcBrac .wrapper #dcBrac-logo {
margin-top:25px;
}
#dcBrac .wrapper #dcBrac-video {
color: #bfa2c8;
font-size: 11px;
line-height: 1.2;
text-align: center;
width: 160px;
margin-top:20px;
}
#dcBrac .wrapper #dcBrac-video a.cta-video {
display: block;
margin-bottom: 10px;
position: relative;
}
#dcBrac .wrapper #dcBrac-video a.cta-video:before {
background: url(/images/button_play.png) no-repeat left top;
content: "";
display: block;
top: 19px; left: 54px;
position: absolute;
width: 52px; height: 52px;
}
#dcBrac .wrapper #dcBrac-video a.cta-video:hover:before,
#dcBrac .wrapper #dcBrac-video a.cta-video:active:before {
background-position: left bottom;
}
#dcBrac .wrapper #dcBrac-video a.cta-video img {
margin-bottom: 3px;
}
#dcBrac .wrapper #dcBrac-video a {
color: #e4d8e8;
}
#dcBrac .wrapper #dcBrac-video a:hover,
#dcBrac .wrapper #dcBrac-video a:active {
color: #fff;
text-decoration: underline;
}
#dcBrac .wrapper #dcBrac-motive {
padding-top: 20px;
}
#dcBrac .wrapper #dcBrac-motive dl dt {
background: url(/images/checkmark_brac.png) no-repeat 468px center;
color: #fff;
cursor: pointer;
font-size: 24px;
font-weight: bold;
letter-spacing: -0.5px;
line-height: 41px;
padding-left: 15px;
}
#dcBrac .wrapper #dcBrac-motive dl dd {
margin-bottom: 5px;
padding: 5px 0 15px 15px;
}
#dcBrac .wrapper #dcBrac-motive dl dt:nth-of-type(even),
#dcBrac .wrapper #dcBrac-motive dl dd:nth-of-type(even) {
background-color: #855a92;
}
/* FANCYBOX INLINE
----------------------------------------------------------------------------------------------------*/
#testimoniale {
padding: 20px;
width: 600px;
}
#testimoniale p {
font-style: italic;
line-height: 1.2;
}
#testimoniale p:last-child {
margin-top: 5px;
}
.testimonial {
margin-bottom: 20px;
}
#acceptDialog { padding: 10px; width: 440px; }
#acceptDialog p { font-size: 14px; margin: 0 0 15px 0; text-align: center; }
#acceptDialog p a:hover { text-decoration: underline; }
#acceptDialog .button_reject { margin-left: 89px; }
/* GALLERY
----------------------------------------------------------------------------------------------------*/
.gallery {
padding: 30px 20px 50px;
}
.gallery p {
margin-bottom: 20px;
}
.gallery p a {
margin-left: 22px;
}
.gallery p a:first-child {
margin: 0;
}
.gallery p a img {
background-color: #f5f6f7;
border: 1px solid #fff;
-moz-border-radius: 2px; /* FF1-3.6 */
-webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
-moz-box-shadow: 0px 1px 3px #808080; /* FF3.5 - 3.6 */
-webkit-box-shadow: 0px 1px 3px #808080; /* Saf3.0+, Chrome */
box-shadow: 0px 1px 3px rgba(0,0,0,0.5); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
padding: 7px;
}
.gallery p a:hover img {
background-color: #d31d45;
border-color: #d31d45;
}
.blog_entry .gallery {
padding: 10px 0;
}
.blog_entry .gallery p a {
margin-left: 21px;
}
.blog_entry .gallery p a:first-child {
margin: 0;
}
#slider_new_slider {
width: 670px;
height: 335px;
margin: 0px !important;
}
#slider_new_slider img {
width: 670px;
height: 335px;
}
#slider_new_slider .nivo-controlNav {
display: none;
}
/* SLIDER
----------------------------------------------------------------------------------------------------*/
#slider {
height: 362px;
margin-bottom: 168px;
}
#slider img {
border: 1px solid #ccc;
-moz-border-radius: 4px; /* FF1-3.6 */
-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
box-shadow: 0px 1px 0 rgba(0,0,0,0.15); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}
#slider .nivo-controlNav {
padding-bottom: 20px;
position: absolute;
bottom: -168px; /* Put the nav below the slider */
right: -8px;
width: 948px;
}
#slider .nivo-controlNav img {
border: 4px solid #fff;
box-shadow: 0px 1px 3px rgba(0,0,0,0.45); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
display: inline; /* Unhide the thumbnails */
position: relative;
margin: 0 10px;
}
#slider .nivo-controlNav a:first-of-type img,
#slider .nivo-controlNav a.first img {
margin-left: 0;
}
#slider .nivo-controlNav a:last-of-type img,
#slider .nivo-controlNav a.last img {
margin-right: 0;
}
#slider .nivo-controlNav a.active img {
/*border-color: #d31d45;*/
border-color: #FFF;
box-shadow: 0px 2px 5px rgba(0,0,0,0.75); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}
/* SLIDER HOME
----------------------------------------------------------------------------------------------------*/
#sliderHome
{
background : url("/images/bk_slider_background.png") repeat-x top left;
border-radius: 7px;
}
#sliderHome ul {
list-style: none;
}
#sliderHome ul li {
position: relative;
}
ol#controls {
list-style: none;
position: absolute;
top: 306px;
/*left: 214px;
left: 10px;*/
right: 19px;
}
ol#controls li {
float: left; display: inline;
margin-right: 8px;
width: 16px;
/*height: 12px;*/
}
ol#controls li:last-child {
margin-right: 0;
}
ol#controls li a {
background: url(/images/slider_nav_button_v22.png) no-repeat right;
display: block;
height: 100%;
text-indent: -9999px;
}
ol#controls li.current a {
background-position: left top;
cursor: default;
}
#prevBtn,
#nextBtn {
display: none;
}
/* CONTACT INFO
----------------------------------------------------------------------------------------------------*/
dl.contact-info {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #ccc;
margin: 0 20px;
padding: 15px 0 30px;
}
dl.contact-info:first-of-type {
border-top: none;
}
dl.contact-info:last-child {
border-bottom: none;
}
dl.contact-info dd {
font-weight: bold;
margin-top: 15px;
}
dl.contact-info dt {
font-size: 12px;
}
dl.contact-info dt em {
color: #999;
}
dl.contact-info dt a {
color: #666;
}
dl.contact-info dt a:hover {
color: #333;
text-decoration: underline;
}
/* CALCULATOR
----------------------------------------------------------------------------------------------------*/
body#layoutCalculator {
background: #fff;
min-width: 0;
/*width: 865px;*/
}
#wrap {
overflow: hidden;
padding: 30px 0;
width: 100%;
}
.header {
overflow: hidden;
margin-bottom: 30px;
}
.prodBasics,
#infoSummary {
float: left; display: inline;
width: 440px;
}
#cosRight {
float: left; display: inline;
width: 400px;
}
.prodBasics h1 {
background: #f5f6f7;
border: 1px solid #e6e7e8;
margin: 0 25px;
padding: 15px 25px;
}
.prodBasics h1.dummy {
color: #999;
}
#infoSummary {
background: #f5f6f7;
border: 1px solid #e6e7e8;
padding: 32px 25px;
width: 348px;
}
#cosCumparaturi {
background: #f5f6f7;
border: 1px solid #e6e7e8;
width: 310px;
padding: 32px 25px;
margin-left: 25px;
}
.info_block {
clear: both;
}
form#entryData .info_block {
border-bottom: 1px solid #e6e7e8;
margin-bottom: 20px;
padding-bottom: 20px;
}
#infoSummary h2, #cosCumparaturi h2 {
font-size: 14px;
margin: 0 0 10px 0;
}
#infoSummary a#calculeaza {
background: url(/images/cta-calculeaza.png) no-repeat top;
display: block;
margin: 40px auto 30px;
text-align: center;
text-indent: -9999px;
width: 241px; height: 72px;
}
#infoSummary a#calculeaza:hover {
background-position: bottom;
}
#infoSummary dt {
clear: left;
float: left;
margin-bottom: 5px;
}
#infoSummary dd {
clear: right;
float: right;
}
#infoSummary dd input {
text-align: right;
width: 100px;
}
.content h2 {
font-size: 16px;
margin: 10px 25px 12px;
}
table.calculatie {
background: #f5f6f7;
border: 1px solid #e6e7e8;
margin: 0 25px 15px;
width: 815px;
}
table.calculatie th,
table.calculatie td {
border: 1px solid #e6e7e8;
padding: 4px 7px;
}
table.specific tr.total td {
background: #d31d45;
color: #fff;
}
table.calculatie th {
font-weight: bold;
line-height: 1.1;
padding: 7px;
text-align: center;
vertical-align: middle;
}
table.calculatie td {
text-align: right;
}
table.calculatie td.h_header {
text-align: left;
}
table.calculatie td.unknown {
text-align: center;
}
.footer {
padding: 0px 0px 0px 240px;
}
a#print {
margin-left: 66px !important;
}
a#print, a#reset {
background: url(/images/printeaza.jpg) no-repeat;
float: left;
display: inline;
margin: 20px 10px;
text-indent: -9999px;
width: 100px; height: 70px;
}
a#reset {
background-image: url(/images/reseteaza.jpg);
}
a#sendemail {
background: url(/images/sendemail.jpg) no-repeat;
float: left;
display: inline;
margin: 20px 10px;
text-indent: -9999px;
width: 125px; height: 70px;
cursor: pointer;
}
a#addnew {
background: url(/images/addproduct.png) no-repeat;
float: left;
display: inline;
margin: 20px 10px;
text-indent: -9999px;
width: 110px; height: 70px;
margin-left: 125px;
}
/*a#print:hover, a#reset:hover {
background-position: left bottom;
}*/
#footer_jos {
width: 940px;
height: 9px;
background-image: url(/images/footer_jos.jpg);
margin: 0 auto;
}
#magon {
width: 940px;
height: 280px;
background: #FFF;
border: 1px solid #CCC;
border-radius: 8px;
margin: 20px auto 0px auto;
}
#despre-noi {
width: 940px;
background: #FFF;
border: 1px solid #CCC;
border-radius: 8px;
margin: 0px 10px 40px 10px !important;
}
.despre-noi-content {
padding: 0px 30px 20px 30px;
color: #111;
}
#magon ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#magon ul li {
float: left;
width: 215px;
padding: 15px 10px;
text-align: center;
}
.buy_button {
margin-top: 10px;
}
.buy_button a {
width: 100px;
padding: 5px 12px;
background: #d31d45;
color: #FFF;
font-weight: bold;
border-radius: 6px;
box-shadow: 0px 0px 5px #AAA;
}
.buy_button a:hover {
background: #252525;
}
#fb {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 405px;
}
#fb a {
background: url(/images/fb.png) 0px 0px no-repeat;
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
}
#fb a:hover {
background: url(/images/fb.png) 0px -24px no-repeat;
}
#g {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 430px;
}
#g a {
background: url(/images/g_plus.png) 0px 0px no-repeat;
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
}
#g a:hover {
background: url(/images/g_plus.png) 0px -24px no-repeat;
}
#b {
width: 24px;
height: 24px;
position: absolute;
top: 10px;
left: 455px;
}
#b a {
background: url(/images/b.png) 0px 0px no-repeat;
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
}
#b a:hover {
background: url(/images/b.png) 0px -24px no-repeat;
}
#yt {
width: 24px;
height: 24px;
position: absolute;
top: 11px;
left: 480px;
}
#yt a {
background: url(/images/yt.png) 0px 0px no-repeat;
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
}
#yt a:hover {
background: url(/images/yt.png) 0px -24px no-repeat;
}
#w {
width: 24px;
height: 24px;
position: absolute;
top: 11px;
left: 505px;
}
#w a {
background: url(/images/share.png) 0px 0px no-repeat;
width: 24px;
height: 24px;
display: block;
text-indent: -9999px;
}
#w a:hover {
background: url(/images/share.png) 0px -24px no-repeat;
}
#new_content {
width: 940px;
margin: 0 auto;
}
#new_left {
float: left;
width: 234px;
margin-right: 36px;
position: relative;
}
#new_right {
float: left;
width: 670px;
}
#new_content h1 {
text-align: left !important;
background: none;
}
#new_left_menu {
position: absolute;
top: 0px;
left: 0px;
background: #d31d45;
border-radius: 8px;
width: 234px;
}
#new_left_menu ul {
padding: 0px;
margin: 10px 0px 10px 0px;
list-style-type: none;
}
#new_left_menu ul li a {
font-size: 18px;
color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
width: 200px;
margin-left: 15px;
padding: 3px 0px 4px 0px;
border-bottom: 1px solid #e63f5d;
}
#new_left_menu ul li a:hover {
background: url(/images/arrow_right.png) center right no-repeat;
}
#slider_new {
width: 670px;
height: 335px;
border-radius: 8px;
-moz-border-radius: 8px; /* FF1-3.6 */
-webkit-border-radius: 8px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
border-radius: 8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
box-shadow: 0px 0px 5px rgba(0,0,0,0.15); /* Opera 10.5, IE9, FF4+, Chrome 10+ */
}
#info_tehnice {
background: #EFEFEF url(/images/back_info_tehnice.png) top right no-repeat;
border: 1px solid #d7d8da;
margin-top: 20px;
border-radius: 8px;
min-height: 140px;
color: #60676d;
padding-bottom: 25px;
}
#info_tehnice h2 {
padding: 0px !important;
margin: 15px 0px 10px 0px !important;
color: #d31d45 !important;
}
#detalii_produs {
background: #FFF;
border: 1px solid #d7d8da;
margin-top: 20px;
border-radius: 8px;
min-height: 300px;
color: #111;
}
#detalii_produs h2 {
padding: 0px !important;
margin: 10px 0px 0px 0px !important;
color: #d31d45 !important;
}
#galerie_foto {
background: #FFF;
border: 1px solid #d7d8da;
margin-top: 20px;
border-radius: 8px;
min-height: 300px;
color: #111;
padding-bottom: 25px;
}
#galerie_foto h2 {
padding: 0px !important;
margin: 10px 0px 0px 0px !important;
color: #d31d45 !important;
}
#documentatie {
background: #EFEFEF url(/images/back_documentatie.png) center repeat-y;
border: 1px solid #d7d8da;
margin-top: 20px;
border-radius: 8px;
min-height: 150px;
color: #60676d;
}
#documentatie h2 {
padding: 0px !important;
margin: 10px 0px 0px 0px !important;
color: #d31d45 !important;
}
#info_tehnice a {
display: block;
padding: 7px 14px;
background: #d31d45;
color: #FFF;
text-decoration: none;
border-radius: 5px;
}
#info_tehnice a:hover {
background: #111;
}
div.title_info_t {
font-weight: bold;
color: #111;
}
.ui-accordion-header-active {
color: #d31d45 !important;
}
div.content_info_t ul {
padding: 0px 10px;
margin: 0px 10px;
}
#galerie_foto ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#galerie_foto ul li {
float: left;
text-align: center;
width: 205px;
padding: 20px 0px 0px 0px;
}
#detalii_produs ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#detalii_produs ul li {
float: left;
text-align: center;
width: 205px;
}
div.detalii_img a {
display: block;
width: 175px;
height: 100px;
border-radius: 6px;
}
div.detalii_img a:hover {
box-shadow: 0px 0px 5px #333;
}
#logo h1 {
margin: 0px;
padding: 0px;
height: 53px;
background: none;
}
.sitemap_column {
float: left;
margin-right: 0px;
width: 340px;
}
div.sitemap_column ul {
padding: 0px !important;
margin: 0px !important;
list-style-type:none;
list-style-position:outside !important;
}
div.sitemap_column h3 {
margin-bottom: 5px !important;
text-transform:uppercase;
}
body.elemente_gard #slider .nivo-controlNav {
bottom: -55px;
left: 0px;
padding-bottom: 20px;
position: absolute;
width: auto;
}
.thumb .thumb-detail a.nopad {
text-transform: none;
padding-top: 0px;
}
#cycle-2 .cycle-slide-active img {
border: 4px solid #d31d45 !important;
}
#slideshow-1 {
position: relative;
}
#slideshow-1 .cycle-prev {
width: 15px;
height: 16px;
background: url(/images/slider_left.png) top center no-repeat;
display: block;
position: absolute;
top: 73px;
left: -15px;
}
#slideshow-1 .cycle-prev:hover {
background: url(/images/slider_left.png) bottom center no-repeat;
}
#slideshow-1 .cycle-next {
width: 15px;
height: 16px;
background: url(/images/slider_right.png) top center no-repeat;
display: block;
position: absolute;
top: 73px;
right: -15px;
}
#slideshow-1 .cycle-next:hover {
background: url(/images/slider_right.png) bottom center no-repeat;
}
#detalii_tehnice {
border-collapse: collapse !important;
width: 100%;
}
#detalii_tehnice td {
padding: 3px 8px !important;
border: 1px solid #DDD;
}
#login {
width: 100%;
background: #AAA;
color: #FFF;
box-shadow: 0px 0px 8px #BBB;
}
#login_container {
/*padding: 5px 25px 9px;*/
}
#login_container span {
color: #d31d45;
}
#login_container input, #login_container select {
border: 1px solid #111;
padding: 3px 8px;
}
#login_menu {
width: 24px;
height: 24px;
background: url(/images/login_menu.png) center no-repeat;
float: left;
cursor: pointer;
}
#show_menu a {
color: #FFF;
}
#show_menu ul {
margin-top: 15px;
}
#show_menu ul li {
padding: 5px 25px;
}
#show_menu {
display: none;
width: 180px;
background: #111;
height: 150px;
color: #FFF;
position: absolute;
left: 20px;
top: 35px;
z-index: 5;
}
.img_cos {
width: 80px;
height: 50px;
border: 1px solid #BBB;
float: left;
}
.produs_cos {
float: left;
margin-left: 15px;
width: 70px;
}
.bucati_cos {
float: left;
margin-left: 15px;
}
.pret_cos {
float: right;
font-weight: bold;
}
#cos_total {
border-top: 3px solid #d31d45;
padding-top: 7px;
text-align: right;
}
.content_title {
background: #1f1f1f;
padding: 10px 25px;
color: #FFF;
font-size: 20px;
font-weight: bold;
}
.content_product {
margin-left: 25px;
border: 1px solid #1f1f1f;
width: 865px;
margin-top: 1px;
}
.plus_minus {
width: 32px;
height: 32px;
background: url(/images/minus.png) center no-repeat;
float: right;
cursor: pointer;
margin-top: -38px;
}
.plushidden {
background: url(/images/plus.png) center no-repeat;
}
.contenthidden {
display: none;
}
.dateIntrare {
font-size: 12px;
font-weight: normal;
}
div.dateIntrare span.pad {
padding-left: 15px;
}
.del_prod {
position: absolute;
top: 28px;
left: -21px;
background: url(/images/x.png);
width: 16px;
height: 16px;
cursor: pointer;
}
.mod_prod {
position: absolute;
top: 7px;
left: -21px;
background: url(/images/ed.png);
width: 16px;
height: 16px;
cursor: pointer;
}
#cosRight .footer {
padding: 0px !important;
width: 450px;
display: none;
margin-left: -38px;
}
#loader {
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index:999;
background: #FFF url(/images/ajax-loader_calc.gif) center no-repeat;
opacity: 0.9;
display: none;
}
.gratar {
float: left;
}
.camarad {
background: url(/images/camarad.jpg) center 85px no-repeat;
height: 450px;
width: 440px;
}
.tovaras {
background: url(/images/tovaras.jpg) bottom center no-repeat;
height: 650px;
width: 440px;
}
#beneficii_gratare {
width: 440px;
height: 260px;
background: url(/images/beneficii_gratare.png) center no-repeat;
margin-top: -175px;
}
#gratare_button {
background: #d31d45;
padding: 10px 25px;
margin: 20px;
width: 290px;
border-radius: 6px;
font-weight:bold;
}
#gratare_button2 {
background: #d31d45;
padding: 10px 25px;
margin: 20px;
width: 290px;
border-radius: 6px;
font-weight:bold;
}
#gratare_button2 a {
color: #fff
}
#gratare_button a {
color: #FFF;
}
div.nume_detaliu span {
font-size: 10px !important;
}
#show_cur {
display: none;
}
#newCurrency {
color: #FFF !important;
}
#refa_calcul {
border: 0px;
background: #d31d45;
color: #FFF;
margin-left: 10px;
padding: 4px 7px;
border-radius: 2px;
cursor: pointer;
}
.modul {
border: 0px;
background: #d31d45;
color: #FFF;
margin-left: 10px;
padding: 4px 7px;
border-radius: 2px;
cursor: pointer;
}
#aplicatii_div table {
width: 100%;
}
#aplicatii_div table td {
border: 1px solid #DDD;
padding: 3px 7px;
}
.blog_content {
border-bottom: 1px solid #DDD;
padding-bottom: 30px;
}
.blog_content:last-child {
border-bottom: 0px;
}
div.blog h3 {
padding-top: 15px;
}
a.blog_link {
background: url("../images/arrow_blog.png") no-repeat 135px 7px #d31d45;
border-radius: 6px;
font-weight: bold;
padding: 10px 25px;
width: 120px;
margin-top: 20px;
color: #FFF;
display: block;
}
a.blog_link2 {
background: url("../images/arrow_blog2.png") no-repeat 15px 7px #d31d45;
border-radius: 6px;
font-weight: bold;
padding: 10px 25px 10px 50px;
width: 90px;
margin-top: 20px;
color: #FFF;
display: block;
}
#blog_container {
margin-top: 35px;
position: relative;
}
.brikston_blog {
float: left;
width: 400px;
margin-left: 25px;
}
.brikston_blog_right {
margin-left: 95px;
}
div.brikston_blog h5 {
font-size: 18px;
color: #FFF;
margin-bottom: 10px;
}
#blog_slider {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#slider1next {
background: url("../images/arrow_right_slider.png") center no-repeat;
width: 64px;
height: 64px;
position: absolute;
top: -150px;
right: -50px;
display: block;
}
#slider1prev {
background: url("../images/arrow_left_slider.png") center no-repeat;
width: 64px;
height: 64px;
position: absolute;
top: -150px;
left: -50px;
display: block;
}
#slider1next a, #slider1prev a {
width: 64px;
height: 64px;
display: block;
text-indent: -9999px;
}
.brikston_blog a {
color: #d31d45 !important;
}
a.blog_link3 {
background: url("../images/arrow_blog.png") no-repeat 115px 2px #d31d45;
border-radius: 6px;
font-weight: bold;
padding: 5px 10px;
width: 120px;
margin-top: 20px;
color: #FFF !important;
display: block;
}
.map_granite {
position: relative;
}
img.mm {
left: 214px;
top: -29px !important;
overflow: hidden;
}
img.sm {
top: -38px !important;
left: 162px;
overflow: hidden;
}
img.sv {
left: 336px;
top: -26px !important;
overflow: hidden;
z-index: 12 !important;
}
img.bt {
right: 173px !important;
top: -52px !important;
overflow: hidden;
z-index: 11 !important;
}
img.is {
top: 7px !important;
right: 125px !important;
overflow: hidden;
z-index: 12 !important;
}
img.vs {
right: 116px !important;
top: 64px !important;
overflow: hidden;
}
img.bh {
left: 113px;
top: 6px !important;
overflow: hidden;
}
img.bc {
top: 81px !important;
right: 163px !important;
overflow: hidden;
}
img.nt {
right: 181px !important;
top: 31px !important;
overflow: hidden;
}
img.ar {
left: 66px;
top: 88px !important;
overflow: hidden;
}
img.tm {
top: 130px !important;
left: 36px;
overflow: hidden;
}
img.sj {
top: 24px !important;
left: 185px;
overflow: hidden;
z-index: 2 !important;
}
img.cj {
left: 191px;
top: 30px !important;
overflow: hidden;
}
img.ab {
top: 94px !important;
left: 191px;
overflow: hidden;
}
img.bn {
top: 10px !important;
left: 271px;
overflow: hidden;
}
img.ag {
top: 191px !important;
left: 300px;
overflow: hidden;
}
img.br {
top: 197px !important;
right: 115px !important;
overflow: hidden;
}
img.bv {
top: 137px !important;
right: 251px !important;
overflow: hidden;
}
img.bz {
top: 173px !important;
right: 168px !important;
overflow: hidden;
}
img.cl {
top: 289px !important;
right: 125px !important;
overflow: hidden;
}
img.cs {
top: 180px !important;
left: 100px;
overflow: hidden;
}
img.ct {
top: 264px !important;
right: 64px !important;
overflow: hidden;
}
img.cv {
top: 131px !important;
right: 230px !important;
overflow: hidden;
}
img.db {
top: 203px !important;
right: 257px !important;
overflow: hidden;
}
img.dj {
top: 271px !important;
left: 192px;
overflow: hidden;
}
img.gl {
top: 139px !important;
right: 115px !important;
overflow: hidden;
}
img.gr {
top: 287px !important;
right: 224px !important;
overflow: hidden;
}
img.gj {
top: 211px !important;
left: 183px !important;
overflow: hidden;
}
img.hr {
top: 45px !important;
right: 242px !important;
overflow: hidden;
}
img.hd {
top: 122px !important;
left: 168px !important;
overflow: hidden;
}
img.il {
top: 261px !important;
right: 118px !important;
overflow: hidden;
}
img.if {
top: 272px !important;
right: 228px !important;
overflow: hidden;
}
img.mh {
top: 232px !important;
left: 140px;
overflow: hidden;
}
img.moldN {
top: -73px !important;
right: 49px !important;
overflow: hidden;
z-index: 10 !important;
}
img.moldS {
top: 22px !important;
overflow: hidden;
right: 1px !important;
z-index: 2 !important;
}
img.ms {
top: 51px !important;
left: 271px !important;
overflow: hidden;
}
img.ot {
top: 254px !important;
left: 262px;
overflow: hidden;
}
img.ph {
top: 198px !important;
right: 215px !important;
overflow: hidden;
}
img.tr {
top: 289px !important;
right: 275px !important;
overflow: hidden;
}
img.tl {
top: 202px !important;
right: 18px !important;
overflow: hidden;
}
img.vl {
top: 193px !important;
left: 251px !important;
overflow: hidden;
}
img.sb {
top: 129px !important;
left: 253px;
overflow: hidden;
}
img.vn {
top: 138px !important;
right: 159px !important;
overflow: hidden;
}
img.ucrN {
top: -117px !important;
right: -1px !important;
overflow: hidden;
z-index: 0 !important;
}
img.ucrS {
top: -61px !important;
right: 1px !important;
overflow: hidden;
}
span.den_judet {
font-weight: bold;
font-size: 10.5px;
z-index: 99;
display: block;
}
span.lbl_mm {
position: absolute;
left: 250px;
top: -10px;
}
span.lbl_sm {
position: absolute;
left: 185px;
top: -5px;
display: block;
line-height: 11px;
}
span.lbl_sv {
position: absolute;
right: 251px;
top: 7px;
}
span.lbl_bt {
position: absolute;
right: 193px;
top: -30px;
}
span.lbl_is {
position: absolute;
right: 173px;
top: 34px;
}
span.lbl_nt {
position: absolute;
right: 221px;
top: 56px;
}
span.lbl_vs {
position: absolute;
right: 128px;
top: 100px;
}
span.lbl_bc {
position: absolute;
right: 193px;
top: 109px;
}
span.lbl_bh {
position: absolute;
left: 147px;
top: 52px;
}
span.lbl_ar {
position: absolute;
top: 116px;
left: 119px;
}
span.lbl_tm {
position: absolute;
top: 171px;
left: 84px;
}
span.lbl_sj {
position: absolute;
top: 39px;
left: 208px;
}
span.lbl_cj {
position: absolute;
left: 232px;
top: 77px;
}
span.lbl_ab {
position: absolute;
top: 127px;
left: 230px;
}
span.lbl_bn {
display: block;
line-height: 11px;
position: absolute;
left: 287px;
top: 30px;
}
span.lbl_ag {
position: absolute;
top: 233px;
left: 309px;
}
span.lbl_br {
position: absolute;
top: 230px;
right: 134px;
}
span.lbl_bv {
position: absolute;
top: 166px;
right: 290px;
}
span.lbl_bz {
position: absolute;
top: 215px;
right: 193px;
}
span.lbl_cl {
position: absolute;
right: 160px;
top: 300px;
}
span.lbl_cs {
position: absolute;
top: 223px;
left: 111px;
}
span.lbl_ct {
position: absolute;
top: 320px;
right: 89px;
}
span.lbl_cv {
position: absolute;
right: 235px;
top: 164px;
}
span.lbl_db {
position: absolute;
top: 257px;
left: 344px;
}
span.lbl_dj {
position: absolute;
top: 318px;
left: 233px;
}
span.lbl_gl {
position: absolute;
top: 168px;
right: 131px;
}
span.lbl_gr {
position: absolute;
top: 322px;
right: 237px;
}
span.lbl_gj {
position: absolute;
top: 241px;
left: 220px;
}
span.lbl_hr {
position: absolute;
top: 102px;
left: 349px;
}
span.lbl_hd {
position: absolute;
top: 172px;
left: 183px;
}
span.lbl_il {
position: absolute;
top: 273px;
right: 158px;
}
span.lbl_if {
position: absolute;
top: 284px;
right: 236px;
}
span.lbl_mh {
position: absolute;
top: 293px;
left: 174px;
}
span.lbl_mold {
position: absolute;
top: 21px;
right: 47px;
font-size: 19px;
font-weight: 600;
}
span.lbl_ms {
position: absolute;
top: 93px;
left: 298px;
}
span.lbl_ot {
position: absolute;
top: 314px;
left: 294px;
}
span.lbl_ph {
position: absolute;
top: 233px;
left: 384px;
}
span.lbl_sb {
position: absolute;
top: 158px;
left: 277px;
}
span.lbl_tr {
position: absolute;
top: 338px;
left: 322px;
}
span.lbl_tl {
position: absolute;
top: 227px;
right: 74px;
}
span.lbl_vl {
position: absolute;
top: 225px;
left: 268px;
}
span.lbl_vn {
position: absolute;
top: 172px;
right: 176px;
}
span.lbl_ucr {
font-size: 19px;
font-weight: 600;
position: absolute;
top: -89px;
left: 282px;
}
.map_judete img:hover
{
z-index: 99 !important;
}
.reprez_info {
position: relative;
height: auto;
width: 300px;
padding-top: 400px;
}
.den_judet_reprez {
font-size: 20px;
color: #d31d45;
padding-bottom: 10px;
border-bottom: 1px solid #d31d45;
}
.date_reprez {
font-size: 14px;
height: auto;
}
.cerc_culoare {
float: left;
width: 40px;
height: 40px;
background: #FFF;
margin-left: 20px;
border-radius: 50%;
text-align: center;
position: relative;
}
.cerc_culoare_text {
text-align: center;
width: 40px;
top: -17px;
position: absolute;
font-size: 10px;
color: #FFF;
}
.alege_culoarea {
float: left;
margin-left: 20px;
color: #FFF;
margin-top: 10px;
}
.alege_culoarea_negru {
color: #111;
}
.cerc_culoare_text_negru {
color: #111;
}
.container_culori {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #777;
cursor: pointer;
}
.cerc_culoare_border {
border: 1px solid #DDD;
}
.culoare_alb {
background: #FFF;
background-image: url('../images/check_black.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_gri {
background: #d2d2d2;
background-image: url('../images/check_black.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_crem {
background: #ffe0b2;
background-image: url('../images/check_black.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_galben {
background: #f3da4e;
background-image: url('../images/check_black.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_rosu {
background: #963729;
background-image: url('../images/check_white.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_maro {
background: #4e311d;
background-image: url('../images/check_white.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_negru {
background: #231f20;
background-image: url('../images/check_white.png');
background-position: center center;
background-repeat: no-repeat;
}
div.not-selected.culoare_multicolor {
background-image: url('../images/check_multi.png');
background-position: center center;
background-repeat: no-repeat;
}
.culoare_multicolor {
background-image: url('../images/check_white_multi.png');
background-position: center center;
background-repeat: no-repeat;
}
.not-selected {
background-image: none;
}
#bara_link ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#bara_link li {
display: inline-block;
}
#description th, #description td {
border: 2px solid #ccc;
padding: 4px 10px;
}
.type_pl {
width: 95% !important;
margin-top: -42px;
z-index: 99;
position: relative;
padding-top: 5px !important;
padding-bottom: 5px !important;
color: #fff;
background: rgba(0,0,0,0.7);
}
.expl {
width: 83.6% !important;
background: #e6e7e8 !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
height: 44px !important;
}
#downloadPDF {
margin-top: 20px !important;
}
.subnewnav6 {
position: absolute !important;
top: 53px !important;
left: -65px !important;
list-style: none !important;
width: 164px !important;
background: #d31d45 !important;
border-radius: 0 0 5px 5px !important;
z-index: 999 !important;
display: none;
text-align: right;
}
#sliderNewsletter {
width:500px;
top:100px;
position:absolute
}
#headerNewsletter {
width:260px;
height:520px;
position:absolute;
right:0;
border:1px solid #d8d8d8;
margin-left:40px;
padding:20px 40px;
border-radius:3px;
box-shadow:0 0 8px gray
}
#sidebarNewsletter {
position:absolute;
top:180px;
left:113px;
box-shadow:0 0 8px gray
}
#sidebar1Newsletter {
position:absolute;
top:180px;
left:113px;
box-shadow:0 0 8px gray
}
.addthis_inline_share_toolbox .fb_iframe_widget {
position: relative !important;
top: 0 !important;
left: 0 !important;
float: left !important;
z-index: 1;
}
#atstbx {
float:left;
}
/*Buttons media queries*/
@media only screen and (min-width: 1530px) {
#buttonCerere2, #buttonNewsletter {
width: 7% !important;
}
}
@media only screen and (min-width: 1400px) {
.buttonCalculator {
width: 12%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-left: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: fixed;
top: 156px; left: 0;
box-shadow: 1px 0px 5px #ccc;
}
#buttonCerere2 a, #buttonNewsletter a {
background: none !important;
text-indent: 0 !important;
}
#buttonCerere2 {
width: 8%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: fixed;
top: 156px; right: 0;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
}
#buttonNewsletter
{
width: 5%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: fixed;
top: 220px; right: 0;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
}
#buttonCerere2:hover > a, #buttonNewsletter:hover > a {
color: #fff;
}
.buttonCalculator:hover, #buttonCerere2:hover, #buttonNewsletter:hover {
background: #D31D45;
border: none;
}
.buttonCalculator:hover, .buttonSim:hover, #buttonCerere2:hover, #buttonNewsletter:hover {
color: #fff;
}
.buttonCalculator, .buttonSim, #buttonCerere2, #buttonNewsletter {
text-transform: uppercase;
font-weight: 800;
font-size: 12px;
font-family: 'Helvetica', sans-serif;
}
.buttonSim {
color: #000;
}
.buttonSim {
width: 12%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-left: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: fixed;
top: 220px; left: 0;
box-shadow: 1px 0px 5px #ccc;
}
.buttonSim:hover {
background: #000;
border: none;
}
#buttonFB .outside, #buttonFB .outside3 {
width: 12% !important;
}
}
@media only screen and (max-width: 1366px) {
.buttonCalculator {
width: 12%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-left: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: fixed;
top: 156px; left: 0;
box-shadow: 1px 0px 5px #ccc;
text-align: center;
z-index: 999;
}
#buttonCerere2 a, #buttonNewsletter a {
background: none !important;
text-indent: 0 !important;
}
#buttonCerere2 {
width: 7%;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: fixed;
top: 156px; right: 0;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
text-align: center;
z-index: 999;
}
#buttonNewsletter
{
width: 7% !important;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-right: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
position: fixed;
top: 220px; right: 0;
box-shadow: 1px 0px 5px #ccc;
height: auto !important;
text-align: center;
z-index: 999;
}
#buttonCerere2:hover > a, #buttonNewsletter:hover > a {
color: #fff;
}
.buttonCalculator:hover, #buttonCerere2:hover, #buttonNewsletter:hover {
background: #D31D45;
border: none;
}
.buttonCalculator:hover, .buttonSim:hover, #buttonCerere2:hover, #buttonNewsletter:hover {
color: #fff;
}
.buttonCalculator, .buttonSim, #buttonCerere2, #buttonNewsletter {
text-transform: uppercase;
font-weight: 800;
font-size: 11px;
font-family: 'Helvetica', sans-serif;
}
.buttonSim {
color: #000;
}
.buttonSim {
width: 12%;
text-align: center;
padding: 13px;
background: #fff;
border: 1px solid #ccc;
border-left: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: fixed;
top: 220px; left: 0;
box-shadow: 1px 0px 5px #ccc;
z-index: 999;
}
.buttonSim:hover {
background: #000;
border: none;
}
}
div#sync1 .owl-item a.fancybox {
height: 326px;
display: block;
}
div#sync1 .owl-item a.fancybox img {
width: 100%;
height: 100%;
object-fit: cover;
}
#nuante .pattern img:hover {
border:2px solid #d31d45;
box-sizing: border-box;
}
.mortar_thumb_img {
width:100%;
border-radius:5px;
box-sizing:border-box;
}
.mortar_thumb_img:hover {
border-radius: 5px;
box-shadow: 0 0 0px 3px #d22d52;
}
.mortar_thumb {
width: 22%;
float: left;
margin-left: 1.5%;
margin-right: 1.5%;
text-align: center;
color: #000;
margin-bottom: 2%;
font-weight: 600;
font-size: 13px;
}
.vezi_alte_nuante {
font-size: 20px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 24px;
color: rgba(210,45,82,1);
}
#fancybox-title-float-main {
font-size:20px !important;
}
.desktop_tovaras {
display: block;
}
.mobil_tovaras {
display: none;
}
#description cufon.cufon.cufon-canvas {
margin: 10px 0;
}
.buttonSim {
display: none !important;
}
.subnewnav4 .subnav9 {
display: none;
}