/* General */ img.wall {min-height: 100%;min-width: 1024px;z-index:-1;width: 100%;height: auto;position: fixed;top: 0;left: 0;} .right {float:right;} .left {float:left;} img.alignright { display:inline-block; float:right; margin:0 0 5px 5px;} img.alignleft { display:inline-block; float:left; margin:0 5px 5px 0;} .text-center {text-align:center!important;} .text-left {text-align:left!important;} .text-right {text-align:right!important;} .text-blue {color:#275477!important;} .text-black { color:#111!important;} img.rounded { border-radius:5px;} img.roundedtr { border-top-left-radius:5px;border-top-right-radius:5px;} a.read-more, a.detalii {font-size:12px; font-weight:bold; display:inline-block; text-decoration:none;} a.read-more:after {content:''; display:inline-block; float:right; background: url(../images/general.png) no-repeat -55px -61px; width: 9px; height: 10px; margin:4px 0 0 2px;} a.detalii {color:#093448; font-weight:normal;border-bottom:1px dotted transparent;} a.detalii:hover {border-bottom:1px dotted #FFF;} a.detalii:before { content:'›'; display:inline-block; float:left; font-size:18px; margin:-6px 4px 0 0;} a.but {border-radius:7px; box-shadow:0 1px 1px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.5); color:#fff; margin:6px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); font-size:15px; font-weight:bold; text-decoration:none; padding:8px 15px 8px 15px; text-align:center; background:#eb4f2b; background: linear-gradient(top, rgba(244,89,53,1) 0%,rgba(220,65,29,1) 100%); border:1px solid #df431f;} a.but:hover {background:#eb4f2b; text-shadow:0 1px 1px rgba(0,0,0,1);} a.but:active { text-shadow:0 -1px 1px rgba(0,0,0,1);} a.but.grey, a.but.grey:hover, a.but.grey:active {background:#878787;border:1px solid #978287;} a.but-small, a.but.yellow {border-radius:5px; box-shadow:0 1px 1px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.5); color:#fff; margin:6px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); font-size:13px; font-weight:bold; text-decoration:none; padding:6px 10px 6px 10px; text-align:center; background:#f1b420; background: linear-gradient(top, rgba(241,187,54,1) 0%,rgba(217,163,30,1) 100%); border:1px solid #f1b420;} a.but-small:hover, a.but.yellow:hover {background-color:#E0A10E; border:1px solid #AD7C0B; text-shadow:0 1px 1px rgba(0,0,0,0.2);} a.but-small:active, a.but.yellow:active { text-shadow:0 -1px 1px rgba(0,0,0,0.2);} a.but.yellow {padding:8px 15px 8px 15px; font-size:15px;} .confirm-box a {cursor: pointer;} .but-small input[type=submit] {border-radius:5px; box-shadow:0 1px 1px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.5); color:#fff; margin:6px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); font-size:13px; font-weight:bold; text-decoration:none; padding:6px 10px 6px 10px; text-align:center; background:#f1b420; background: linear-gradient(top, rgba(241,187,54,1) 0%,rgba(217,163,30,1) 100%); border:1px solid #f1b420;} .but-small:hover input[type=submit] {background:#f1b420; text-shadow:0 1px 1px rgba(0,0,0,0.2);} .but-small:active input[type=submit] { text-shadow:0 -1px 1px rgba(0,0,0,0.2);} /* body { font: normal 12px/18px Helvetica, Arial, sans-serif; } */ /* Header */ header, footer {background:#03192a; background: linear-gradient(top, rgba(22,42,58,1) 0%,rgba(3,25,42,1) 100%); box-shadow:2px 0 1px rgba(0,0,0,0.5); padding:18px 0 18px 0; height:25px; } #header-wrap {width:960px; margin:0 auto; position:relative;} header h1 {margin:0; padding:0;} a.logo { display:block; background: url(../images/general.png) no-repeat -7px -8px; width: 185px; height: 26px; float:left; text-indent:-99999px; margin-top:-1px; padding-top:1px;margin-left:4px;} a.logo:active {margin-top:0;} a.header-abonare {display:block; position:absolute; top:44px; right:0; padding:4px 10px; background:#eee; background:rgba(196,233,241,1); text-shadow:1px 1px 1px rgba(0,0,0,0.2); border-bottom-left-radius:5px; border-bottom-right-radius:5px; color:#275477; text-decoration:none; font-size:12px;} a.header-rate {display:block; position:absolute; background: url(../images/plata-rate.png) no-repeat 0px 0px; top:43px; right:277px; padding:0px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} a.header-abonare:after {content:''; background: url(../images/general.png) no-repeat -9px -41px; width: 16px; height: 16px; float:right; display:block; margin:0 -2px 0 4px;} a.header-abonare:hover {background:rgba(196,233,241,1); text-shadow:1px 1px 1px rgba(0,0,0,0.4);} /* Header Menu */ header .right {margin-top:15px;margin-right: 16px;} a.fb-connect {display:inline-block; float:left; text-indent:-99999px; background: url(../images/general.png) no-repeat -7px -62px; width: 19px; height: 18px; position:relative; top: -1px;} a.fb-connect:active {margin-top:1px;} header ul {margin:0; padding:0; list-style:none; float:right;} header ul li {float:left; margin:0; padding:0;} header ul li a, header ul li a:visited {float:left; display:inline-block; margin:0 0 0 20px; text-decoration:none; color:#FFF; font-size:12px; font-weight:bold; text-shadow:1px 0 0 #000;} header ul li a:hover {color:#65c3dc; text-shadow:1px 1px 0 rgba(0,0,0,0.3);} header ul li a:active { color:#3c798b;} .slide-info2 { float:left; width:660px; display:inline-block;} .slide-info2 p {margin:0px 0 0px 0; font-size:12px; color:#111; line-height:16px;} .team-pics2 { overflow: hidden; display: block; height: 420px; position: relative; width: 660px; } .team-pics2-soldout { overflow: hidden; display: block; height: 420px; position: relative; width: 660px; } .slfloatleft{ float:left; height:85px; margin-top:7px; padding:0px; } .slide-info2 p.tabcol {width:33%; float:left; text-align:center; color:#111; font-size:14px; text-shadow:1px 1px 1px rgba(0,0,0,0.2)} .slide-info2 p.tabcol strong {color:#df4420; line-height:10px; position:relative;} .slide-info2 p.tabcol strong small {font-size:10px; text-transform:lowercase; position:absolute; top:0; right:-17px;} .slide-info2 p.tabcol.wide {margin-left:33%;} .maringlft { margin-left:5px; } .price2 strong {position:relative;font-weight:normal;} .price2 small { font-size:10px; text-transform:lowercase; position:absolute; top:-10px; right:-17px;} .price2 { font-family:OpenSansSemiBold,'Helvetica Neue',Arial,Helvetica,FreeSans,sans-serif; font-size:48px; line-height:48px;} .cumparanou { -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c; -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c; box-shadow:inset 0px 1px 0px 0px #c1ed9c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) ); background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b'); background-color:#9dce2c; -webkit-border-top-left-radius:31px; -moz-border-radius-topleft:31px; border-top-left-radius:31px; -webkit-border-top-right-radius:31px; -moz-border-radius-topright:31px; border-top-right-radius:31px; -webkit-border-bottom-right-radius:31px; -moz-border-radius-bottomright:31px; border-bottom-right-radius:31px; -webkit-border-bottom-left-radius:31px; -moz-border-radius-bottomleft:31px; border-bottom-left-radius:31px; text-indent:0; border:1px solid #83c41a; display:inline-block; color:#ffffff; font-family:Arial; font-size:26px; font-weight:normal; font-style:normal; height:57px; line-height:57px; width:200px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #689324; } .cumparanou:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) ); background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c'); background-color:#8cb82b;color:#ffffff; }.cumparanou:active { position:relative; top:1px; } .cumparanougrey { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:31px; -moz-border-radius-topleft:31px; border-top-left-radius:31px; -webkit-border-top-right-radius:31px; -moz-border-radius-topright:31px; border-top-right-radius:31px; -webkit-border-bottom-right-radius:31px; -moz-border-radius-bottomright:31px; border-bottom-right-radius:31px; -webkit-border-bottom-left-radius:31px; -moz-border-radius-bottomleft:31px; border-bottom-left-radius:31px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:Arial; font-size:26px; font-weight:normal; font-style:normal; height:57px; line-height:57px; width:200px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .cumparanougrey:hover { color:#777777; } /* Container */ #container { width: 960px; padding: 0px; margin: 0px auto 10px auto; position: relative; } /* Sidebar */ #sidebar {float:left; width:250px;clear:left;} /* Sidebar Header and Drop-Down */ #nav-header {position:relative;} span.nav-oras {background:#03192A; background: linear-gradient(top, rgba(23,44,60,1) 0%,rgba(9,31,48,1) 100%); color:#c8d8e5; display:inline-block; float:left; padding:3px 6px; width:90px;font-size:12px;border-top-left-radius:0px; border-top-right-radius:0px; } #nav-select {float:left;clear:left; margin:-3px 0 0 0; position:relative; z-index: 9999;} #nav-select span { background:#f6f6f6; display:inline-block; cursor:pointer; border-bottom-left-radius:5px;border-bottom-right-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px; color:#727272; font-size:11px; font-style:italic; padding:3px 6px; text-shadow:1px 1px 1px rgba(0,0,0,0.2);width: 90px; } #nav-select span:hover {text-shadow:-1px -1px 1px rgba(255,255,255,0.5);} #nav-select span:after {content:''; display:inline-block; background: url(../images/general.png) no-repeat -39px -45px; width: 13px; height: 8px; margin:0 0 0 5px;} #nav-select span:hover:after, #nav-select:hover span:after {background-position:-53px -45px;} #nav-select ul { margin:0; display:none; position:absolute; z-index:7; box-shadow:1px 1px 1px rgba(0,0,0,0.5); background:#eaeaea; list-style:none; min-width:140px; padding:0 10px 0 0; max-height:300px; overflow:hidden; border-radius:5px; border-top-left-radius:0;} #nav-select ul:hover {overflow:auto;} #nav-select ul li {margin-right:-10px;} #nav-select ul li:hover {background:#f6f6f6;} #nav-select ul li:active a{background:#666; color:#000;} #nav-select ul li:first-child {border-top-right-radius:5px;} #nav-select ul li:last-child {border-bottom-left-radius:5px; border-bottom-right-radius:5px;} #nav-select ul li a {color:#2d77b0; font-size:12px; text-decoration:none; display:block; padding:3px 0 3px 5px; } #nav-select ul li a:hover {text-shadow:1px 1px 1px rgba(0,0,0,0.2);} #nav-select:hover span {background:#eaeaea; text-shadow:-1px -1px 1px rgba(255,255,255,0.5); box-shadow:1px 1px 1px rgba(0,0,0,0.5);} #nav-select:active span {background:#fff;} #nav-select:active ul {background:#fff;} /* #nav-select:hover ul { display:block;}*/ /* Sidebar Navigation */ nav { display:block; float:right; width:858px; box-shadow:0 1px 1px rgba(0,0,0,0.2);background-color:#03192A;} nav ul {margin:0; padding:0; list-style:none;} nav ul li {} nav ul li:first-child a {border-bottom-left-radius:0px;} nav ul li:last-child a {border-bottom-left-radius:0px; border-bottom-right-radius:5px;padding-right:15px;} nav ul li a, nav ul li a:visited {display:block; float:left;font-size:14px; color:#587994; text-decoration:none; padding:11px 0 11px 0; background:#03192A; background: linear-gradient(top, rgba(23,44,60,1) 0%,rgba(9,31,48,1) 100%);} nav ul li a:hover, nav ul li.active a {background: linear-gradient(top, rgba(26,51,68,1) 0%,rgba(11,38,58,1) 100%);} nav ul li.active a, nav ul li a:hover {color:#acd8fb; } nav ul li a:before {content:''; display:inline-block; float:left; background: url(../images/general.png) no-repeat -9px -185px; width: 22px; height: 20px; margin:1px 10px 0 15px;} nav ul li:hover a:before {background-position:-32px -185px;} nav ul li.toate a:before {background-position:-9px -90px;} nav ul li.toate:hover a:before, nav ul li.toate.active a:before {background-position:-32px -90px;} nav ul li.vacante a:before {background-position:-8px -237px;margin-left:63px;} nav ul li.vacante:hover a:before, nav ul li.vacante.active a:before {background-position:-31px -237px;margin-left:63px;} nav ul li.frumusete a:before {background-position:-9px -140px;} nav ul li.frumusete:hover a:before, nav ul li.frumusete.active a:before {background-position:-32px -140px;} nav ul li.produse a:before {background-position:-10px -162px;} nav ul li.produse:hover a:before, nav ul li.produse.active a:before {background-position:-33px -162px;} nav ul li.medical a:before {background-position:-9px -185px;} nav ul li.medical:hover a:before, nav ul li.medical.active a:before {background-position:-32px -185px;} nav ul li.restaurante a:before {background-position:-8px -212px;} nav ul li.restaurante:hover a:before, nav ul li.restaurante.active a:before {background-position:-31px -212px;} nav ul li.artasicultura a:before {background-position:-130px -197px;} nav ul li.artasicultura:hover a:before, nav ul li.artasicultura.active a:before {background-position:-155px -197px;} nav ul li.timpliber a:before {background-position:-9px -115px;} nav ul li.timpliber:hover a:before, nav ul li.timpliber.active a:before {background-position:-32px -115px;} /* Sidebar Abonare Newsletter */ .sabonare { background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); width:240px; color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:15px 5px 15px 10px; box-sizing:border-box; margin:10px 0 0 0; color:#fff; text-decoration:none; display: block;font-size:12px; line-height:10px; } .sabonare-mae { background:#007D99; width:240px; color:#fff; border-radius:5px; border:1px solid #085F72; box-shadow:0 1px 1px #063F42, inset 0 1px 1px rgba(255,255,255,0.5); padding:15px 5px 15px 10px; box-sizing:border-box; margin:10px 0 0 0; color:#fff; text-decoration:none; display: block;font-size:12px; line-height:10px; } .sabonare:before {content:''; display:inline-block; float:right; background: url(../images/general.png) no-repeat -60px -147px; width: 60px; height: 60px; margin-top: -5px;} .sabonare-mae:before {content:''; display:inline-block; float:right; background: url(../images/maestro-block.png) no-repeat; width: 84px; height: 84px; margin-top: -10px; margin-left: -4px; margin-right: -7px;} .sabonare small {display: block;margin-top: 7px;} .sabonare-mae strong {font-size:14px;color:#ffffff;} .sabonare-mae .smalls {display: block;margin-top: 8px; letter-spacing:0.3px; font-weight:normal; font-size:12px; line-height:13px;} .sabonare-mae .smalls2 {display: block;margin-top: 5px; letter-spacing:0.3px; font-weight:normal; font-size:12px; line-height:13px;} .sabonare:hover {color: #fff;} .sabonare-mae:hover {color: #fff;} /* Sidebar White Boxes */ div.sbox { background: rgba(255,255,255,1);color:#275477; width:240px; border-radius:5px; font-size:12px; overflow:auto; padding:10px 11px; box-sizing:border-box; margin:10px 0 0 0; box-shadow:0 1px 1px rgba(0,0,0,0.3);} div.sbox7 { background: rgba(255,255,255,0.7);} div.sbox2 {background:#fff; color:#275477; width:240px; border-radius:5px; overflow:hidden; height:120px; padding:10px 5px; box-sizing:border-box; margin:10px 0 0 0; box-shadow:0 1px 1px rgba(0,0,0,0.3);} .sbox h4 {color:#275477; font-size:24px; line-height:24px; margin:0 0 10px 0; padding:0; text-align:center; letter-spacing:-1px;} .sbox h5 {color:#275477; font-size:20px; margin:0; padding:0; font-weight:normal;letter-spacing:-1px; text-align:center;} .sbox .first .sbox2 {margin-top: 5px;} .sbox a {text-decoration:none;} .sbox h3 { font: normal 14px arial, helvetica, sans-serif; font-weight:bold; color: #ffffff; margin: 0 !important; padding: 10px; width: 220px; position: relative; top: -10px; left: -11px; text-align: center; /* text-shadow: 0 -1px 0 #B4B4B4; */ background: #142939; border-bottom: 1px solid #e0e0e0; border-radius:5px 5px 0 0; } .sbox2 h3 { font: normal 14px arial, helvetica, sans-serif; font-weight:bold; color: #ffffff; margin: 0 !important; padding: 5px; width: 240px; position: relative; top: -10px; left: -11px; text-align: center; /* text-shadow: 0 -1px 0 #B4B4B4; */ background: #142939; border-bottom: 1px solid #e0e0e0; border-radius:5px 5px 0 0; } /*Content */ #content {float:right; width:700px; position:relative;} /* Home Slider */ #home-slider {background:#fff; color:#275477; border-radius:5px; font-size:12px; overflow:auto; margin:10px 0 10px 0; box-shadow:0 1px 1px rgba(0,0,0,0.3); height:440px; overflow:hidden;} #home-slider-nav {position:absolute; top:20px; right:-22px; background:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; padding:4px 2px 4px 0; box-shadow:inset 1px 0 1px rgba(0,0,0,0.5);} #home-slider-nav a {display:block; color:#112636; font-size:12px; padding:4px 7px 4px 7px; text-decoration:none;} #home-slider-nav a.activeSlide {background:#275477; color:#fff; border-top-right-radius:5px; border-bottom-right-radius:5px; box-shadow:inset 1px 0 1px rgba(0,0,0,0.7);} /* Actual Slide Design*/ .hslide {padding:15px 20px 5px 20px; background:#fff;border-radius:5px;} .hslide.single {padding:10px 20px 5px 20px; background:#fff; border-radius:5px; overflow:auto; margin:0 0 10px 0; box-shadow:0 1px 1px rgba(0,0,0,0.3);} .slide-header { overflow:auto; clear:both; height: 122px;} .slide-header h2, .slide-header h2 a {color:#114b75; text-decoration:none; font-size:26px; margin:0; text-shadow:1px 1px 1px rgba(0,0,0,0.3); font: bold 22px/28px Helvetica, sans-serif;} .slide-header h1 { font: bold 30px/30px Helvetica, sans-serif; color:#114b75; margin: 10px 0 15px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .slide-header h1 a { text-decoration:none; color:#114b75; } .slide-header p {font-size:16px; line-height:21px; color:#303030; margin:0; text-shadow:1px 1px 1px rgba(0,0,0,0.2); overflow:hidden;font: normal 18px/20px Helvetica, sans-serif;} .slider-content {clear:both; margin:10px 0 0 0;position:relative;} a.slider-image {position:relative; float:right; display:inline-block; text-decoration:none;} .slider-content span.brom {display:block; position:absolute; top:-12px; right:-12px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/brom/timbru.png) 0 0 no-repeat; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.ramburs {display:block; position:absolute; top:-20px; right:-18px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/ramburs.png) 0 0 no-repeat; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.inapoi {display:block; position:absolute; top:385px; left:0px; width:124px; height:35px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/inapoi.png) 0 0 no-repeat; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.deschidere {display:block; position:absolute; top:385px; left:124px; width:124px; height:35px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/deschidere.png) 0 0 no-repeat; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.otp {display:block; position:absolute; top:-12px; right:-12px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/otp/timbru.png) 0 0 no-repeat; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.elvoucher {display:block; position:absolute; top:-22px; right:-20px; width:75px; height:85px; padding:0 0 0 0; font-size:12px; background:url(//www.bestdealz.ro/static/new/images/el_voucher.png) 0 0 no-repeat; z-index:99; color:#000; text-align:center; text-decoration:none;} .elvoucher, .elvoucher-turism, .elvoucher-lst, .hiperlink, .hiperlink2, .hiperlink3 { /* border-bottom: 1px dotted #000000; color: #000000; outline: none; */ cursor: help; text-decoration: none; position: relative; } .elvoucher span, .elvoucher-turism span, .elvoucher-lst span, .hiperlink span, .hiperlink2 span, .hiperlink3 span { margin-left: -999em; position: absolute; } .elvoucher:hover span, .elvoucher-turism:hover span, .elvoucher-lst:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: -250px; width: 250px; } .elvoucher:hover em, .elvoucher-turism:hover em, .elvoucher-lst:hover em, .hiperlink:hover, .hiperlink2:hover, .hiperlink3:hover em { display: block; } .hiperlink:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 5px; width: 250px; } .hiperlink2:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 5px; width: 150px; } .hiperlink3:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 1em; top: -11em; z-index: 99; margin-left: -29px; width: 150px; } .hiperlink_up:hover span { margin-top: -160px; } .hiperlink_up_left:hover span { margin-top: -160px; margin-left:-300px; } .classic { padding: 0.4em 0.4em; } .classic {background: #FFFFAA; border: 1px solid #92C02B; } .slider-content span.bfri {display:block; position:absolute; top:-12px; left:-12px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/bfri/bf-timbru.png) 0 0 no-repeat; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.valent {display:block; position:absolute; top:-12px; left:-12px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/valentines/val-timbru.png) 0 0 no-repeat; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.bromleft {display:block; position:absolute; top:-12px; right:323px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/brom/timbru.png) 0 0 no-repeat; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .post-thumbnail span.bromlst {display:block; position:absolute; top:-5px; right:-5px; width:65px; height:65px; padding:65px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/brom/timbrulst.png) 0 0 no-repeat; border-radius:60px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .post-thumbnail span.ramburs-lst {display:block; position:absolute; top:-8px; right:-5px; width:65px; height:65px; padding:65px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/ramburs-lst.png) 0 0 no-repeat; border-radius:60px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .post-thumbnail span.elvoucher-lst {display:block; position:absolute; top:-8px; right:-5px; width:57px; height:65px; padding:65px 0 0 0; background:url(//www.bestdealz.ro/static/new/images/el_voucher-lst.png) 0 0 no-repeat; z-index:199;font-size:12px; text-align:center; text-decoration:none;} .post-thumbnail span.otplst {display:block; position:absolute; top:-5px; right:-5px; width:65px; height:65px; padding:65px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/otp/timbrulst.png) 0 0 no-repeat; border-radius:60px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .post-thumbnail span.bfrilst {display:block; position:absolute; top:-7px; left:-3px; width:65px; height:65px; padding:65px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/bfri/bf-timbrulst.png) 0 0 no-repeat; border-radius:60px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .post-thumbnail span.valentlst {display:block; position:absolute; top:-7px; left:-3px; width:65px; height:65px; padding:65px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/valentines/val-timbru-lst.png) 0 0 no-repeat; border-radius:60px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content span.bromno {display:block; position:absolute; top:-12px; right:-12px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; border-radius:100px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .slider-content img {border-radius:5px;} .slide-info { float:left; width:245px; display:inline-block;} .slide-info p {margin:0px 0 0px 0; font-size:12px; color:#111; line-height:16px;} .slide-info .summary {height:80px; margin: 5px 0 0; overflow:hidden;} .slide-info .summary.big {height:115px; overflow:hidden;} .slide-info .summary.otp {height:20px; overflow:hidden;} .slide-info .summary a {color: #EE6647; text-decoration:none;} .slide-info .price { overflow:auto; clear:both; padding:0 2px 0 0;} .slide-info .price strong {font-size:26px; letter-spacing:-2px; color:#111; display:inline-block; float:left; text-shadow:1px 1px 1px rgba(0,0,0,0.2); height:56px; padding-top:8px;} .slide-info .price strong small {font-size:10px; font-weight:normal; float:right; margin:4px 0 0 0; letter-spacing:0;} .slide-info a.but {float:right; margin:10px 0 0 0;} .slide-info .table {text-align:center;} .box-gray {background:#f8f8f8; border-radius:5px; border:1px solid #e1eef7; padding:5px 3px 5px 3px;} .box-gray img {margin:0 auto; display:block;} .box-call {background: url(../images/comanda-tel.png); border-radius:5px; border:0px solid #ffffff; padding:0px 0px 0px 0px; width:244px; height:32px;} .box-call img {margin:0 auto; display:block;} .box-call:hover {background: url(../images/comanda-tel-hov.png);} .box-call-off {background: url(../images/comanda-tel.png); border-radius:5px; border:0px solid #ffffff; padding:0px 0px 0px 0px; width:244px; height:32px;} .box-call-off img {margin:0 auto; display:block;} .box-call-off:hover {background: url(../images/comanda-tel-offline.png); cursor: pointer;} .slide-info .table p {color:#ed1c24; font-size:14px;} .box-gray hr {clear:both; border-color:#e2e8ec;} .slide-info p.tabcol {width:33%; float:left; text-align:center; color:#111; font-size:14px; text-shadow:1px 1px 1px rgba(0,0,0,0.2)} .slide-info p.tabcol strong {color:#df4420; line-height:10px; position:relative;} .slide-info p.tabcol strong small {font-size:10px; text-transform:lowercase; position:absolute; top:0; right:-17px;} .slide-info p.tabcol.wide {margin-left:33%;} p.expiration {text-align:center; letter-spacing:-1px; font-size:14px; line-height:18px;} p.expiration strong {color:#ee6647;} .slide-footer { overflow:auto; clear:both; margin:5px 0 0 0; font-size:12px; line-height: 1.1; padding:1px;} .hslide .share {float:right; margin-top:10px; width:380px;} /* Header Offer Turism */ .hslide.turism {padding:0px;} span.brom-turism {display:block; position:absolute; top:5px; right:5px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/brom/timbru.png) 0 0 no-repeat; border-radius:90px; z-index:99; color:#fff; text-align:center; text-decoration:none;} span.otp-turism {display:block; position:absolute; top:5px; right:5px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/otp/timbru.png) 0 0 no-repeat; border-radius:90px; z-index:99; color:#fff; text-align:center; text-decoration:none;} span.elvoucher-turism {display:block; position:absolute; top:5px; right:5px; width:75px; height:85px; padding:0; font-size:12px; background:url(//www.bestdealz.ro/static/new/images/el_voucher.png) 0 0 no-repeat; z-index:99; color:#000; text-align:center; text-decoration:none;} span.bfri-turism {display:block; position:absolute; top:5px; left:5px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/bfri/bf-timbru.png) 0 0 no-repeat; border-radius:90px; z-index:99; color:#fff; text-align:center; text-decoration:none;} span.valent-turism {display:block; position:absolute; top:5px; left:5px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(//www.bestdealz.ro/static/new/images/promo/valentines/val-timbru.png) 0 0 no-repeat; border-radius:90px; z-index:99; color:#fff; text-align:center; text-decoration:none;} span.bromno-turism {display:block; position:absolute; top:5px; right:5px; width:90px; height:90px; padding:95px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; border-radius:90px; z-index:99; color:#fff; text-align:center; text-decoration:none;} .hslide.turismlg {padding:15px 10px 5px 20px;} .hslide.turism .slide-info {width:100%;} .hslide.turism .price {float:left; clear:none; margin:-10px 0 0 0;} .hslide.turism .box-gray {float:left; overflow:auto; margin:0 0 0 10px;} .hslide.turism p.tabcol {width:84px!important;} .hslide.turism div.right p {float:left; margin:15px 10px 0 0; font-weight:bold;} .hslide.turism a.but {margin:3px;} .hslide.turism a.slider-image {display:block; width:660px; height:300px; overflow:hidden;} .hslide.turism a.slider-imagelg {display:block; width:700px; height:300px; overflow:visible;} .hslide.turism a.slider-image span.maestro {top:0; right:0;} .hslide.turism .slide-info .price strong {padding-top:18px; height:46px;} /* LOOP OFFERS */ .loop {background:#f4f4f4; width:700px; margin:0 0 0 0; padding:0 0 10px 0; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3);} .loop > h2 {font-size:22px; color:#0c2232; margin:15px 0 0 20px; text-shadow:1px 1px 1px rgba(0,0,0,0.1); font-weight:normal;} .loop > h3 { color:#0c2232; margin:15px 0 15px 20px; text-shadow:1px 1px 1px rgba(0,0,0,0.1); font: bold 16px arial, helvetica, sans-serif; } /* LOOP TURISM */ .loopturism {overflow:auto; clear:both;} .loopturism .post {background:#fff; width:320px; float:left; border-radius:5px; box-shadow:0 1px 1px rgba(0,0,0,0.3); margin:0 20px 10px 0; overflow:auto; clear:none;} .loopturism .post:nth-child(even) {margin:0 0 10px 0;} .loopturism .post-thumbnail {display:block; height:144px; width:320px; overflow:hidden;} .loopturism .post-thumbnail img { width:320px; height:136px;border-top-left-radius:5px;border-top-right-radius:5px; margin:0;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .loopturism .post-thumbnail img:hover { width:352px; height:149px; } .loopturism .post .post-content {margin:0 3px 0; width:300px;} .loopturism .post .post-content h4 {line-height:18px; margin:5px 0 0 0; height:74px; overflow:hidden;} .loopturism .post .post-info {margin:0 0 -7px 0;} .loopturism .post .post-link {margin:5px 3px 5px 5px;} .loopturism .post .price {margin:0; padding:0;font-size:10px; } .loopturism .post .price.old {position:relative; margin:0 10px 0 0; padding:0 0 0 15px;} .loopturism .post .price.old:after {content:''; display:block; width:100%; border:1px solid #f99; margin:-15px 2px 0 -2px;} .loopn {overflow:auto; clear:both;} .loopn .post {background:#fff; width:320px; float:left; border-radius:5px; box-shadow:0 1px 1px rgba(0,0,0,0.3); margin:0 20px 10px 0; overflow:auto; clear:none;} .loopn .post:nth-child(even) {margin:0 0 10px 0;} .loopn .post-thumbnail {display:block; height:204px; width:320px; overflow:hidden;} .loopn .post-thumbnail img {height:204px; width:320px; border-top-left-radius:5px;border-top-right-radius:5px; margin:0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} .loopn .post-thumbnail img:hover { width: 352px; height: 224px; } .loopn .post .post-content {margin:0 3px 0; width:320px;} .loopn .post .post-content h4 {line-height:18px; margin:5px 0 0 0; height:74px; overflow:hidden;} .loopn .post .post-info {margin:0; width:320px;overflow-y: hidden;} .loopn .post .post-link {margin:0;} .loopn .post .price {margin:0; padding:0;font-size:10px; } .loopn .post .price.old {position:relative; margin:0 10px 0 0; padding:0 0 0 15px;} .loopn .post .price.old:after {content:''; display:block; width:100%; border:1px solid #f99; margin:-15px 2px 0 -2px;} ol.breadcrumbs {margin:0 0 0 20px; height:30px;list-style:none; padding:0; clear:both; display:block;} ol.breadcrumbs li, ol.breadcrumbs li a {float:left; font-size:12px; color:#0c2232; text-decoration:none; margin:0 3px 0 0;} ol.breadcrumbs li a:after {content:'›'; font-size:15px; display:inline-block; float:right; margin:-3px 0 0 3px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} .post {background:#fff; border-radius:5px; padding:10px; box-shadow:0 1px 1px rgba(0,0,0,0.3); margin:0 20px 10px 20px; overflow:auto; position:relative; clear:both;} .post p {margin:0; padding:0;} .post-thumbnail {position:relative; float:left; margin:0 10px 0 0;} .post-thumbnail.featured:before {content:''; display:block; position:absolute; top:-2px; left:-2px; background: url(../images/general.png) no-repeat -76px -56px; width: 85px; height: 85px;} .post-thumbnail img {border-radius:5px; box-shadow:0 1px 1px rgba(153,153,153,0.6)} .post-content {float:left; width:450px;} .post-content h4, .post-content h4 a {text-decoration:none; color:#275477; font-size:12px; line-height:18px; margin:0; padding:0; font-weight:normal; text-shadow:1px 1px 1px rgba(102,102,102,0.1);} .post-content h4 {height: 54px; overflow: hidden;} .post-content h3, .post-content h3 a {font-weight:bold; text-decoration:none; color:#275477; font-size:14px; line-height:18px; margin:0; padding:0; text-shadow:1px 1px 1px rgba(102,102,102,0.1);} .post-content h3 {height: 18px; overflow: hidden;} .post-contentb {float:left; width:300px;clear:left; margin:5px 0 0 0;} .post-contentb h4, .post-contentb h4 a {text-decoration:none; color:#275477; font-size:12px; line-height:18px; margin:0; padding:0; font-weight:normal; text-shadow:1px 1px 1px rgba(102,102,102,0.1);} .post-contentb h4 {height: 54px; overflow: hidden;} .post-contentb h3, .post-contentb h3 a {font-weight:bold; text-decoration:none; color:#275477; font-size:14px; line-height:18px; margin:0; padding:0; text-shadow:1px 1px 1px rgba(102,102,102,0.1);} .post-contentb h3 {height: 18px; overflow: hidden;} .post-info { margin:5px 0 0 0; overflow:auto;} .post p.price {float:left;} .post p.price strong {letter-spacing:-2px; font-size:30px; color:#000; text-shadow:1px 1px 1px rgba(0,0,0,0.3); display:inline-block;} .post p.price.old strong {letter-spacing:-2px; font-size:20px; color:#f33; text-shadow:1px 1px 1px rgba(0,0,0,0.3); display:inline-block;} .post p.price small {display:inline-block; margin-top:4px; float:right; font-size:10px; text-transform:lowercase;} .post p.price.oldsm small {display:inline-block; margin-top:4px; margin-left:-6px; float:right; color:#f11; font-size:7px; text-transform:lowercase;} .post .table {float:left; overflow:auto; margin:3px 0 0 10px;} .post .table p.tabcol {float:left; margin:0 0 0 10px; text-align:center; display:block; font-size:13px; line-height:18px; } .post .table p.tabcol b {display:block;} .post .table p.tabcol strong {color:#d92f08;} .post .table p.tabcol .blk span {color:#000000;} .post .table p.tabcol strong small {text-transform:lowercase;} .post-link {float:right; text-align:center;} .post-link small {font-size:10px; color:#2e2e2e; line-height:10px; display:block; margin:0 0 4px 0;} .post-link a.but-small {margin:2px;} /* Info Boxes */ #info-boxes {margin:10px 0 0 0; overflow:auto;} #info-boxes .box {background:#55c1e8; width:210px; overflow:auto; border-radius:5px; float:left; margin:1px 18px 2px 1px; box-shadow:0 1px 1px rgba(0,0,0,0.2); padding:0 10px 10px 0; cursor: pointer;} #info-boxes .box:last-child { margin:1px 0 2px 1px;} #info-boxes .box:hover {background:#5cccf4;} #info-boxes .box h4, #info-boxes .box h4 a {color:#fff; font-size:16px; line-height:16px; text-decoration:none; margin:20px 0 10px 0;} #info-boxes .box h4:before {content:''; display:block; float:left; background: url(../images/general.png) no-repeat -60px -301px; width: 51px; height: 60px; margin:0 10px 0 20px;} #info-boxes .box.mobile h4:before { background-position:-126px -299px; height: 62px;} #info-boxes .box.face h4:before { background-position:-193px -301px; height: 61px;} /* Offer Page */ div.simpleTabs { margin:-16px auto 0; font: normal 12px/18px Helvetica, sans-serif; clear:both;} ul.simpleTabsNavigation { margin:0; padding:0; text-align:left; } ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; } ul.simpleTabsNavigation li a { padding:8px 12px 3px 12px; color:#000; border:1px solid transparent; font-size:14px; text-decoration:none; border-top-left-radius:5px; border-top-right-radius:5px;} ul.simpleTabsNavigation li a:hover { background-color:#eee; padding-bottom: 1px; } ul.simpleTabsNavigation li a.current { background:#f9f9f9; color:#222; padding-bottom: 3px !important; border:1px solid #a2c2c9; border-bottom:1px solid #f9f9f9;} div.simpleTabsContent { border-top:1px solid #a2c2c9; padding:10px 0 20px 0; margin-top:1px; display:none; overflow:auto;} div.simpleTabsContent.current { display:block; } .tab-detalii {float:left; width:415px; padding:0 10px 0 0; overflow:auto; border-right:1px solid #a2c2c9;} .tab-sidebar {float:right; margin:-10px 0 0 0; display:block; width:220px; overflow:auto; padding:10px 0px 10px 0px;} .tab-sidebar iframe {margin:10px auto; display:block;} .tab-sidebar a.but {margin:10px; display:block;} /* FOOTER */ footer {clear:both; display:block; height:auto; min-height:155px; margin: 0 0 -23px;} span.footer { display:block; clear:both; width:100%; height:40px;} #footer-wrap {width:960px; margin:20px auto 0 auto; position:relative; display:block;} a#backtotop {position:absolute; display:block; right:0; top:-50px; background: url(../images/general.png) no-repeat -56px -220px; width: 66px; height: 66px; text-align:center; color:#183d5a; font-weight:bold; font-size:11px; text-decoration:none;} a#backtotop:hover {background-position:-127px -220px;} a#backtotop span {display:block; margin:35px auto 0 auto; width:30px; line-height:9px;} ul.footer-col { margin:0 0 0 0; padding:0; list-style:none; display:block; float:left; width:185px;} ul.footer-col a {text-decoration:none; font-size:12px; color:#d1d1d1;} ul.footer-col > li > a {color:#6891b1; font-size:14px; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.5); margin:0 0 0 0; display:block;} ul.footer-col li ul {margin:0; padding:0; list-style:none;} ul.footer-col li ul li a {color:#fff; font-size:12px; line-height:16px;} ul.footer-col li.ico a:before {content:''; display:inline-block; float:left; background: url(../images/general.png) no-repeat -8px -265px; width: 18px; height: 18px; margin:4px 4px 0 0;} ul.footer-col li.ico.facebook a:before {background-position:-8px -291px;} ul.footer-col li.ico.flickr a:before {background-position:-8px -317px;} ul.footer-col li.ico.rss a:before {background-position:-8px -343px;} .src {width:200px; border:0; background:#fff; border-radius:5px; padding:7px 2px 7px 6px; font-size:12px; box-sizing:content-box; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.4), 1px 1px 1px rgba(255,255,255,0.2); border:1px solid #000; } .colsrc {float:left; width:230px; margin:0 10px 0 60px;} .colsrc2 form input {width:26px; height:26px; margin:3px 0px 0 -60px;} .acolsrc {width:490px; margin:0 5px 0 5px; background:#fff; text-decoration:none; color:#275477; font-size:12px; line-height:18px; padding:0; font-weight:normal; text-shadow:1px 1px 1px rgba(102,102,102,0.1)} .livesearch {width:490px; margin:0 0px 0 0px; padding:0; background:#fff; z-index:1000; position:absolute;} .footer-newsletter {float:right; width:400px; margin:0 0 0 0;} .footer-newsletter h6 {color:#63afeb; font-size:16px; margin:0;} .footer-newsletter p {color:#d1d1d1; font-size:14px; line-height:18px; margin:25px 0 5px 0;} .footer-newsletter h2 {color:#fff; font-size:12px; margin:0; font-weight: normal;} .footer-newsletter form { margin:10px 0 0 0;} .footer-newsletter form label {color:#d1d1d1; font-size:14px;} .footer-newsletter form input.text {width:150px; border:0; background:#fff; border-radius:5px; padding:7px 2px 7px 6px; font-size:12px; box-sizing:content-box; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.4), 1px 1px 1px rgba(255,255,255,0.2); border:1px solid #000;} .footer-newsletter form input#f-submit {display:inline-block; float:right; margin:23px 0 0 0; box-shadow:1px 1px 1px rgba(0,0,0,0.4); border:0; border-radius:5px; padding:8px 11px 7px 11px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; background:#6dbd18; background: linear-gradient(top, rgba(147,206,84,1) 0%,rgba(82,141,19,1) 100%); text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .footer-newsletter form input#f-submit:hover {background: linear-gradient(top, rgba(82,141,19,1) 0%,rgba(147,206,84,1) 100%);} .footer-newsletter form input#f-submit:active { margin:24px 0 0 0;} .footer-newsletter .col {float:left; width:150px; margin:0 10px 0 0;} .selectoras {display:block; cursor:pointer; width:155px; height:30px; position:relative; background:#fff; background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(190,190,190,1) 100%); border-radius:5px; z-index: 9999;} .selectoras:hover {background: linear-gradient(top, rgba(190,190,190,1) 0%,rgba(255,255,255,1) 100%);} .selectoras p {color:#333; font-weight:bold; text-shadow:1px 1px 1px rgba(255,255,255,0.1); font-size:12px; margin:0; padding:5px 0 0 10px;} .selectoras span {color:#333; font-weight:bold; text-shadow:1px 1px 1px rgba(255,255,255,0.1); font-size:12px; margin:0; padding:0 0 0 10px; display: block; line-height: 30px;} .selectoras p.selected { text-shadow:1px 1px 1px rgba(0,0,0,0.2); color:#000;} .selectoras span.selected { text-shadow:1px 1px 1px rgba(0,0,0,0.2); color:#000;} .selectoras p:after {content:''; display:inline-block; float:right; background: url(../images/general.png) no-repeat -41px -62px; width: 10px; height: 9px; margin:4px 10px 0 0;} .selectoras span:after {content:''; display:inline-block; float:right; background: url(../images/general.png) no-repeat -41px -62px; width: 10px; height: 9px; margin:10px 10px 0 0;} .selectoras:active p:after {margin:5px 10px 0 0;} .selectoras:active span:after {margin:11px 10px 0 0;} .selectoras ul { display:none; position:absolute; bottom:27px; max-height:300px; overflow:auto; background:#eee; list-style:none; margin:0; padding:0; width:155px; border-top-left-radius:5px; border-top-right-radius:5px;} /* .selectoras:hover ul {display:block;}*/ .selectoras ul li {margin:0; padding:0;} .selectoras ul li a {color:#333; text-decoration:none; font-size:12px; display:block; padding:3px 0 3px 10px;} .selectoras ul li a:hover {background:#fff;} /* INFO BOXES */ div.info {clear:both; position:relative; margin:5px auto 0px auto; padding:5px; border-radius:5px; border:1px solid #83D13D; background:#F2FFE1; background: linear-gradient(left, rgba(242,255,225,1) 0%,rgba(232,251,225,1) 100%);} div.info p.text {font-size:14px; margin:15px 10px 15px 5px; display:inline-block; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#164c78; text-shadow:1px 1px 1px rgba(0,0,0,0.2); line-height:16px;} div.info.newsletter p.text {width:400px;} div.info-err {clear:both; position:relative; margin:5px auto 0px auto; padding:5px; border-radius:5px; border:1px solid #D01E5E; background:#FFDCD7; background: linear-gradient(left, rgba(255,220,215,1) 0%,rgba(245,218,215,1) 100%);} div.info-err p.text {font-size:14px; margin:15px 10px 15px 5px; display:inline-block; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#164c78; text-shadow:1px 1px 1px rgba(0,0,0,0.2); line-height:16px;} div.info-err.newsletter p.text {width:400px;} form#info-newsletter {float:right; width:480px; margin:15px 0 0 0;} form#info-newsletter input.text {float:left; font-size:12px;border-radius:5px; margin:0 10px 0 0; border:1px solid #ccc; padding:8px; background:#fff; background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);} input.text.error {border:1px solid #FF3300!important;} form#info-newsletter .selectoras { float:left; border:1px solid #bacdce; border-radius:5px; background:#fff; background: linear-gradient(top, rgba(246,253,255,1) 0%,rgba(234,251,255,1) 100%); height:31px; margin:0 10px 0 0;} form#info-newsletter .selectoras p {padding:7px 0 0 10px;} form#info-newsletter .selectoras ul { bottom:auto; top:0; z-index:88; } form#info-newsletter #f-submit {display:block; float:left; width:126px; height:34px; background:#244258; background: linear-gradient(top, rgba(82,127,161,1) 0%,rgba(31,60,81,1) 100%); color:#fff; font-size:12px; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border:1px solid #516779; box-shadow:inset 1px 1px 1px rgba(255,255,255,0.2); border-radius:5px;} .infoclose {display:block; position:absolute; top:40%; right:10px; background: url(../images/general.png) no-repeat -69px -41px; width: 12px; height: 12px; text-indent:-9999px; margin:0;} /* TEXT PAGES */ .content-wrap input[type=text], .content-wrap form input[type=password] {height: 20px; width: 208px; padding: 0 2px; border: 1px solid #9e9e9e;} .content-wrap select {padding: 1px 1px 1px 1px; width: 214px; margin-bottom: 10px; border: 1px solid #9e9e9e;} .content-wrap textarea {width: 208px; border: 1px solid #9e9e9e;} .content-wrap label {width: 140px; float: left; font-size: 14px;} .content-wrap .tip, form .hint {display: block; margin-left: 140px; color: #666;} .content-wrap label.error {display: block; margin-left: 130px; color: red; float: none !important; width: auto !important; font-size: 13px !important;} .content-wrap input[type=submit] {display:block;margin-left: 140px;} .content-wrap .field {margin-bottom: 10px;} #comanda-login-box .field { width: 230px; float: left; } #comanda-login-box .lostpassword { display: block; margin-top: 5px; } #comanda-login-box .act { padding-top: 4px; } .content-wrap {background:#f9f9f9; margin:10px 0 10px 0; padding:15px 20px; width: 660px !important; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); font-size: 13px; position: relative; float:right;} .content-wrap-white {background:#ffffff; margin:0 0 10px 0; padding:15px 20px; width: 660px !important; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); font-size: 13px; position: relative; float:right;} .logf {background:#f9f9f9; margin:0 0 10px 0; padding:15px 10px; width: 240px !important; border-radius:0px;box-shadow:0 0 0 0; font-size: 13px; position: relative;top:-395px;left:690px; _position:relative; _top:expression(eval(document.body.scrollTop));} .logfmae {background:#f9f9f9; margin:0 0 10px 0; padding:15px 10px; width: 240px !important; border-radius:0px;box-shadow:0 0 0 0; font-size: 13px; position: absolute;top:438px;right:9px;} .content-wrap h2 {color:#275477;} .content-wrap-all {position:relative;} #dashboard {background:#f9f9f9; margin:10px 0 0 0; padding:0 5px; width: 690px !important; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); font-size: 15px; float: right; margin-bottom: 20px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#e1e1e1 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#e1e1e1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#e1e1e1 100%); background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );} #dashboard ul {list-style-type: none; margin:0; padding:0;} #dashboard ul li {float: left; margin: 0;} #dashboard ul li a, #dashboard ul li a:visited { display:block; font-size:14px; color:#151515; text-decoration:none; padding: 10px 20px; border-left: 1px solid #dfdfdf; border-right: 1px solid #ffffff; } #dashboard ul li:first-child a {border-left:none; padding-left: 15px;} #dashboard ul li:last-child a {border-right:none;} #dashboard ul li a:hover{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #d8d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#d8d8d8)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#d8d8d8 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#d8d8d8 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#d8d8d8 100%); background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#d8d8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); } #dashboard ul li.active a, #dashboard ul li.active a:visited{ background: #FDFDFD; background: -moz-linear-gradient(top, #FDFDFD 0%, #f6f6f6 47%, #F7B827 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(47%,#f6f6f6), color-stop(100%,#F7B827)); background: -webkit-linear-gradient(top, #FDFDFD 0%,#f6f6f6 47%,#F7B827 100%); background: -o-linear-gradient(top, #FDFDFD 0%,#f6f6f6 47%,#F7B827 100%); background: -ms-linear-gradient(top, #FDFDFD 0%,#f6f6f6 47%,#F7B827 100%); background: linear-gradient(top, #FDFDFD 0%,#f6f6f6 47%,#F7B827 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F7B827',GradientType=0 ); } #deal-buy-form-signup .field, #deal-buy-login-form p {margin-bottom: 10px; line-height: 28px;} #deal-buy-form-signup .field label {width: 130px; float: left; font-size: 14px;} #deal-buy-form-signup .field input[type=text], #deal-buy-form-signup .field input[type=password] {height: 20px;} #deal-buy-form-signup .field select {padding: 1px 1px 1px 1px; width: 214px; margin-bottom: 10px;} #deal-buy-form-signup .field .hint {display: block; margin-left: 130px; color: #666;} #deal-buy-login-form p span {width: 60px; float: left; font-size: 14px;} #deal-buy-login-form p input[type=text], #deal-buy-login-form p input[type=password] {height: 20px; width: 155px;} .floating-login {width: 220px; float: right; margin-top: 50px;} #login-user-form label {width: 130px; float: left; font-size: 14px;} #login-user-form input[type=text], #login-user-form input[type=password] {height: 20px;} #login-user-form .field {margin-bottom: 10px; line-height: 28px;} #settings-form label {width: 130px; float: left; font-size: 14px;} #settings-form input[type=text], #settings-form input[type=password] {height: 20px; width: 210px;} #settings-form textarea {width: 308px; border: 1px solid #9e9e9e; color: #888;} #settings-form select {padding: 1px 1px 1px 1px; width: 214px; margin-bottom: 10px;} #settings-form.varsta select {height: 20px; width: 40px;} #settings-form .field {margin-bottom: 10px; line-height: 28px;} #settings-form .hint {display: block; margin-left: 130px; color: #666;} .box .head, .content-wrap .head {margin-bottom: 20px;} .box .head h2, .content-wrap .head h2 {display: inline; margin-right: 10px;} .box .head span {display: inline; position:relative; top: -2px;} .form-submit {margin-top: 10px;} #status-comanda-table td, #status-comanda-table th, .order-table td, .order-table th, #orders-list td, #orders-list th, #order-list td, #order-list th {padding: 6px;} #status-comanda-table td a, #status-comanda-table th a, .order-table td a, .order-table th a, #orders-list td a, #orders-list th a, #order-list td a, #order-list th a {text-decoration: none;} #status-comanda-table th, .order-table th, #orders-list th, #order-list th {text-align: left;} #status-comanda-table {margin-bottom: 10px;} .filter {list-style-type:none; margin:10px 0; padding:0; height: 23px; color: #666; border-bottom: 1px solid #d0d0d0;} .filter li {float: left; margin: 0 10px 0 0;} .filter li a {color: #666; height: 22px; line-height: 22px; padding: 3px 15px 6px; border: 1px solid transparent; border-bottom: none; text-decoration:none;} .filter .active a {cursor: default; border-color: #d0d0d0; background: #fff;} .filter .label {padding: 2px 0 0 0; margin-right: 20px;} .content-wrap table .alt {background:#eee;} .content-wrap table .alt td {border-bottom: 1px solid #e0e0e0;} .paginator {margin:0;padding:0;list-style-type: none;} .paginator li {float:left; margin: 0 10px 0 0;} .paginator li a {padding: 4px 8px; background: #efefef; border: 1px solid #e0e0e0;color: #222;} .paginator li a:hover {background: #e0e0e0;} .loop, #info-boxes {float:right;} .block {display:block;} #deal-intro .main {width: 220px; float: left;} #deal-intro .side {width: 430px; float: right;} .share {width: 400px; float:right;} .hesk table {margin: 0 0 10px 0; line-height: normal;} .hesk table td {padding: 0 !important; vertical-align: top !important;} .hesk .roundcornerstop {background-position: 0 6px;} .hesk .roundcornersleft, .hesk .roundcornersright {background: none;} .hesk .content-wrap input[type=submit] {margin: 10px auto; height: auto !important;} .hesk .content-wrap a {color: #2D77B0 !important;} .hesk .headersm {color:#587994; text-decoration:none; padding:4px 11px !important; background:#091f30; background: linear-gradient(top, rgba(23,44,60,1) 0%,rgba(9,31,48,1) 100%);} .side-special .deal-box-modbgd-side { margin: 5px 0 15px; padding: 0px; box-shadow: 0 1px 4px #94b3ba; border-radius: 4px; overflow: hidden; background: #f9f9f9; cursor: pointer; } .side-special .deal-box-modbgd-side:hover{ background: #EAEAEA; } .side-special .deal-box-modbgd-side img { border: 1px solid #A2C2C9; border-radius: 5px 5px 0 0 ; width:216px; height:120px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .side-special .deal-box-modbgd-side img:hover { width:237px; height:132px; } .side-special .deal-box-modbgd-side p { width:237px; height:120px; margin: 0px 0 0; overflow:hidden; } .deal-box-modbgd-side h4, .deal-box-modbgd-side h4 a {text-decoration:none; color:#275477; font-size:12px; line-height:18px; margin:3px; padding:0; font-weight:normal; text-shadow:1px 1px 1px rgba(102,102,102,0.1); letter-spacing: normal; text-align: left; } .credit-title {font-weight: normal;} #enter-address-form .mail {margin-bottom:10px;} #enter-address-form input[type=text] {height: 20px; width: 208px; padding: 0 2px; border: 1px solid #9e9e9e;} #enter-address-form select {padding: 1px 1px 1px 1px; width: 214px; margin-bottom: 10px; border: 1px solid #9e9e9e;} #enter-address-form label {width: 140px; float: left; font-size: 14px;} #enter-address-form .tip {display: block; margin-left: 140px; color: #666;} #enter-address-form input[type=submit] {display:block;margin-left: 140px;} .content-wrap input[type=submit] {background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:10px 0 0 0;} #settings-form input[type="button"] { background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:10px 0 0 0; } .metoda-plata { margin-top:20px; padding:15px 20px 30px; background:#FDFEEE;border:1px solid #F3D3C4; width:280px; float:left; min-height: 510px; } .invite-today {background:#eee; border-radius:5px; padding:10px; box-shadow:0 1px 1px rgba(0,0,0,0.3); margin:0 0 10px; overflow:auto; position:relative; clear:both;} .invite-today p {margin:0; padding:0;} .invite-today .post-thumbnail {position:relative; float:left; margin:0 10px 0 0;} .invite-today .post-thumbnail.featured:before {content:''; display:block; position:absolute; top:-2px; left:-2px; background: url(../images/general.png) no-repeat -76px -56px; width: 85px; height: 85px;} .invite-today .post-thumbnail img {border-radius:5px; box-shadow:0 1px 1px rgba(153,153,153,0.6)} .invite-today .post-content {float:left; width:450px;} .invite-today .post-content h4, .post-content h4 a {text-decoration:none; color:#275477; font-size:12px; line-height:18px; margin:0; padding:0; font-weight:normal; text-shadow:1px 1px 1px rgba(102,102,102,0.1)} .share-links ul {list-style-type: none; margin: 20px 0; padding: 0;} .share-list p {font-weight: bold;} #share-copy-text {height: 23px; width: 410px; margin: 10px 0 0 0; display: block;} .share-list .icon {width: 32px; height: 32px; float:left; margin-right: 20px;} #social-share li p {height: 32px; height: 32px; margin: 0;} #social-share li {margin-bottom: 10px;} .site .icon {margin-top:3px;} .twocol-loop {background:#f4f4f4; margin:0 0 0 0; padding:20px; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3);} .twocol-loop > h3 {font-size:18px; color:#0c2232; margin:0 0 15px 0; text-shadow:1px 1px 1px rgba(0,0,0,0.1); font-weight:normal;} .twocol-loop .post {background:#fff; border-radius:5px; padding:10px; box-shadow:0 1px 1px rgba(0,0,0,0.3); margin:0 0 20px 0; position:relative; float: left; width: 300px; height: 329px; clear:none;} .twocol-loop .post:nth-child(2n+1) {margin-left: 20px;} .twocol-loop .post p {margin:0; padding:0;} .twocol-loop .post-thumbnail {position:relative; float:left; margin:0 10px 0 0;} .twocol-loop .post-thumbnail.featured:before {content:''; display:block; position:absolute; top:-2px; left:-2px; background: url(../images/general.png) no-repeat -76px -56px; width: 85px; height: 85px;} .twocol-loop .post-thumbnail img {border-radius:5px; width: 300px; height: 192px; box-shadow:0 1px 1px rgba(153,153,153,0.6)} .twocol-loop .post .table {margin: 0;} .twocol-loop .post .table .tabcol {margin: 0 10px 0 0;} .twocol-loop .post .table .tabcol:last-child {margin: 0;} .twocol-loop .post-content h4, .post-content h4 a {text-decoration:none; color:#275477; font-size:12px; line-height:18px; margin:0; padding:0; font-weight:normal; text-shadow:1px 1px 1px rgba(102,102,102,0.1)} .twocol-loop .post-content h4 {margin-top:5px; height: 72px; overflow: hidden;} .twocol-loop .post-content {width: 300px;} .style1 {padding: 10px 10px 10px 8px !important;} .style1 a {border-bottom: 1px dashed #63AFEB;} .style1 p {line-height: 1.6em;} .style1 img {margin: 15px 8px 0 0;} #detalii-comanda-table th, #multi-order-table th { border-bottom: 1px solid #ccc; } #detalii-comanda-table td, #multi-order-table td { padding: 15px 10px 10px 10px; border-bottom: 1px solid #cfcfcf; } #txtTotal { width: 40px; border: none; background: #c4f1fc; } .order-form-submit { margin: 20px 0 0 0 !important; font-size: 15px; } .deal-buy-select { width: 60px !important; } .deal-buy-select2 { width: 80px !important; } #nlbox, #email-box, #yh { padding: 20px; position: relative; z-index: 999; background:#fff; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); } #cadoupopup, #reviewpopup { /* padding: 20px; */ position: relative; z-index: 999; background:#fff; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); } #nlbox h2, #email-box h2, #yh h2, #cadoupopup h2 { margin-top: 0; } #reviewpopup h2 { margin-top: 10px; } #anmelden_rechts { width: 173px; float: right; } #nlboxformdiv { width: 560px; float: left; } #nlbox .anmeldebutton , #yh .anmeldebutton, #cadoupopup .anmeldebutton { margin: 0; } #nlbox #enter-address-commit, #yh #enter-address-commit, #cadoupopup #enter-address-commit, #reviewpopup #enter-address-commit{background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:20px 0 0 0; font-size: 20px;} .enter-address-commit {background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:20px 0 0 0; font-size: 15px;} #nlbox #enter-address-form, #yh #enter-address-form, #cadoupopup #enter-address-form, #reviewpopup #enter-address-form, .enter-address-form { padding: 25px; border-radius: 5px; background:#091f30; background: linear-gradient(top, rgba(23,44,60,1) 0%,rgba(9,31,48,1) 100%); color: #fff; } #nlbox #enter-address-form ul, #yh #enter-address-form ul, #cadoupopup #enter-address-form ul, #reviewpopup #enter-address-form ul, .enter-address-form ul { list-style: none; margin: 0; padding: 0; } #nlbox #enter-address-form ul li, #yh #enter-address-form ul li, #cadoupopup #enter-address-form ul li,#reviewpopup #enter-address-form ul li, .enter-address-form ul li { line-height: 35px; margin-bottom: 10px; } #nlbox #enter-address-form li.text,#yh #enter-address-form li.text, #cadoupopup #enter-address-form li.text,#reviewpopup #enter-address-form li.text, .enter-address-form li.text { float: left; width: 120px; } #nlbox #enter-address-form li.text label, #yh #enter-address-form li.text label, #cadoupopup #enter-address-form li.text label, #reviewpopup #enter-address-form li.text label, .enter-address-form .text label { font-size: 16px; } #nlbox #enter-address-form ul input[type=text], #yh #enter-address-form ul input[type=text], #cadoupopup #enter-address-form ul input[type=text], #reviewpopup #enter-address-form ul input[type=text], .enter-address-form ul input[type=text] { width: 200px; height: 30px; border: 1px solid #0b1c28; background: #8a9ead; border-radius: 3px; } #nlbox #enter-address-form ul select,#yh #enter-address-form ul select,#cadoupopup #enter-address-form ul select,#reviewpopup #enter-address-form ul select, .enter-address-form ul select { width: 200px; height: 30px; border: 1px solid #0b1c28; background: #8a9ead; border-radius: 3px; } #otpbox, #email-box { padding: 20px; position: relative; z-index: 999; background:#fff; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); } #otpbox h2, #email-box h2 { margin-top: 0; } #anmelden_rechts { width: 173px; float: right; } #otpboxformdiv { width: 560px; float: left; } #otpbox .anmeldebutton { margin: 0; } #otpbox #enter-address-commit {background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:20px 0 0 0; font-size: 20px;} .enter-address-commit {background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:20px 0 0 0; font-size: 15px;} #otpbox #enter-address-form, .enter-address-form { padding: 25px; border-radius: 5px; background:#091f30; background: linear-gradient(top, rgba(23,44,60,1) 0%,rgba(9,31,48,1) 100%); color: #fff; } #otpbox #enter-address-form ul, .enter-address-form ul { list-style: none; margin: 0; padding: 0; } #otpbox #enter-address-form ul li, .enter-address-form ul li { line-height: 35px; margin-bottom: 10px; } #otpbox #enter-address-form li.text, .enter-address-form li.text { float: left; width: 120px; } #otpbox #enter-address-form li.text label, .enter-address-form .text label { font-size: 16px; } #otpbox #enter-address-form ul input[type=text], .enter-address-form ul input[type=text] { width: 200px; height: 30px; border: 1px solid #0b1c28; background: #8a9ead; border-radius: 3px; } #otpbox #enter-address-form ul select, .enter-address-form ul select { width: 200px; height: 30px; border: 1px solid #0b1c28; background: #8a9ead; border-radius: 3px; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #cboxOverlay{background:#ccc;} #plata-checkboxes .field { margin-bottom: 15px; } #plata-checkboxes .field label { width: 100%; font-weight: bold; margin-top: -1px; } #plata-checkboxes .field .details { padding-left: 15px; display: none; } .order-total-tr td { background: #c4f1fc; border-bottom: 1px solid #a6e5f4 !important; } #detalii-comanda-post { margin-left: 0; margin-right: 0; } .errorInput { background: #fc4444 !important; outline: none; border-color: #ff0000 !important; } #cloak { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9998; display: none; } .center-error {background:#f9f9f9; margin:0; padding: 0; width: 600px !important; border-radius:5px; overflow:auto; box-shadow:0 1px 1px rgba(0,0,0,0.3); font-size: 13px; text-align: center; position: absolute; top:50%; left:50%; margin-left: -300px; height: 300px; margin-top: -150px;} .center-error h2 {color:#275477;} .center-error .logo-wrap { background: #03192A; background: -webkit-linear-gradient(top, rgba(22, 42, 58, 1) 0%,rgba(3, 25, 42, 1) 100%); box-shadow: 2px 0 1px rgba(0, 0, 0, 0.5); padding: 18px 15px; margin: 0; height: 25px; border-radius:5px 5px 0 0; } .center-error h1, .center-error h2, .center-error h3, .center-error p { padding: 10px 15px; } #cboxClose { position: absolute; top: -16px; right: -16px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; text-indent: -9999px; background-image: url('../images/fancybox_sprite.png'); } .share-box > span { float: left; width: 120px; } .share-box ul { list-style-type: none; margin: 0; padding: 0; } .share-box ul li { float: left; margin-right: 15px; } .share-box ul li a { text-decoration: none; } .share-box ul li img { margin: -2px 5px 0 0; } .pikachoose > ul { list-style-type: none; margin: 0; padding: 0; } .pikachoose { overflow: hidden; margin-bottom: 10px; visibility: none; } .pika-stage, .pikachoose, .pika-stage img { width: 660px; height: 280px; position:relative; } .pika-thumbs { list-style-type: none; margin: 0; position: absolute; top: 233px; background: rgba(0, 0, 0, .5); padding: 7px 10px 10px 10px !important; width: 640px; height: 30px; } .pika-thumbs li { width: 50px; height: 30px; position: relative; float: right; overflow: hidden; margin-left: 10px; cursor: pointer; border: 1px solid #888; } .pika-thumbs li img { width: 50px; height: 30px; } .pika-textnav, .pika-imgnav, .pika-counter { display: none; } .team-pics { overflow: hidden; display: block; height: 420px; position: relative; width: 660px; } .team-pics-soldout { overflow: hidden; display: block; height: 420px; position: relative; width: 660px; } span.soldout {display:block; position:absolute; top:0px; left:0px; width:400px; height:255px; padding:0px 0 0 0; font-size:20px; text-shadow:0 1px 0 #333; background:url(../images/sold-out.png) 0 0 no-repeat; z-index:5; color:#fff; text-align:center; text-decoration:none;} .pagination, .pagination a { text-decoration:none; color:#000000; font-size:12px; } .hidden { display: none; } /* IE FIXES */ .lt-ie8 div.sabonare, .lt-ie8 div.sbox {width:220px;} .lt-ie8 header .right {margin-top:5px; max-width:200px;} .lt-ie8 nav ul li a {padding:7px 0 7px 20px;} .lt-ie8 #nav-select span {height:27px; margin:3px 0 0 0; padding:0 5px 0 5px; display:inline-block;} .lt-ie8 #nav-select ul {margin:0; padding:0; left:0; top:20px;} .lt-ie8 .slide-info {width:240px; margin:0; clear:left;} .lt-ie8 .slide-info .price {height:50px; overflow:hidden;} .lt-ie8 .slide-info strong {width:100px;} .lt-ie8 .slide-info a.but {padding:3px; font-size:14px;} .lt-ie9 #nav-select ul:hover {overflow:auto; width:150px;} .lt-ie9 nav ul li a {border-bottom:1px solid #1c374c;} .no-display {display:none;} .clear {clear:both;} div#commentForm { margin: 0px 20px 0px 20px; display: none; } div[id*='commentForm-']{ margin: 0px 20px 0px 20px; display: none; } .myButton { background-color:#44c767; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; border:1px solid #18ab29; display:inline-block; cursor:pointer; color:#ffffff; font-family:arial; font-size:14px; padding:8px 8px; text-decoration:none; text-shadow:0px 1px 0px #2f6627; } .myButton:hover { background-color:#5cbf2a; } .myButton:active { position:relative; top:1px; } .myButtony { background-color:#d4db00; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; border:1px solid #f7eb08; display:inline-block; cursor:pointer; color:#000000; font-family:arial; font-size:14px; padding:8px 8px; text-decoration:none; text-shadow:0px 1px 0px #adb300; } .myButtony:hover { background-color:#f0f04d; } .myButtony:active { position:relative; top:1px; } .myButtonya a { background-color:#D1D1D1; border:1px solid #9C9C9C; display:inline-block; cursor:pointer; color:#000; text-decoration:none; } .myButtonya a:hover { background-color:#E8E8E8; } .aratatot a { background-color:#F9F9F9; } .myButtonya a:active { position:relative; top:1px; } .transition200{ transition:200ms; -webkit-transition:200ms; -o-transition:200ms; } #contact-wrapper{ position: fixed; right: 0px; height:400px; min-width: 22px; overflow:hidden; z-index:99999; top:250px; } .widthb { width: 285px; } #contact-wrapper label.error { color: #F00; text-shadow: 1px 1px 1px #1F1F1F; width: 300px; text-align: right; } #contact-wrapper .floating-contact-inner { position: absolute; width: 264px; background: #091F30; padding: 0px 0 20px 0; font: 12px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #3C3C3C; color: #FFF; border-radius: 10px 0px 0px 10px; right: -264px; } #contact-wrapper .floating-contact-inner h1>span { display: block; font-size: 11px; } #contact-wrapper .floating-contact-inner label { display: block; margin: 0px 0px 10px; } #contact-wrapper .floating-contact-inner label>span { float: left; width: 80px; text-align: right; padding-right: 10px; margin-top: 10px; } #contact-wrapper .floating-contact-inner .button { background: #3B8096; border: none; padding: 5px 25px 5px 25px; color: #FFF; border-radius: 5px; text-shadow: 1px 1px 1px #223944; box-shadow: 1px 1px 1px #1D1D1D; } #contact-wrapper .floating-contact-inner .button:hover { background: #479AB6 } #contact-wrapper .floating-contact-inner a { color: #fff; font-size: 14px; line-height: 22px; text-decoration: none; margin-left: 40px; } #contact-wrapper #contact-btn { background: url(/static/new/images/contact-btn.png) no-repeat; height: 71px; width: 22px; float: left; cursor: pointer; margin: 80px 0px 0px -22px; } #contact-wrapper #contact-btn:hover { background: url(/static/new/images/contact-btn.png) no-repeat -22px 0px; } #contact-wrapper .success{ padding: 0px 20px 20px; } #contact-wrapper .success h2{ font-size: 20px; border-bottom: 1px dotted #686868; padding: 0px; margin: 10px 0px 10px 0px; } #contact-wrapper #result .error{ text-align: center; color: #FF0000; text-shadow: 1px 1px 1px #1F1F1F; } .buttonb a, .act a {display:inline-block; float:right; margin:23px 0 0 0; box-shadow:1px 1px 1px rgba(0,0,0,0.4); border:0; border-radius:5px; padding:5px 11px 4px 11px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; background:#82B21C; background: linear-gradient(top, rgba(147,206,84,1) 0%,rgba(82,141,19,1) 100%); text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .buttonb a:hover, .act a:hover {background: linear-gradient(top, rgba(82,141,19,1) 0%,rgba(147,206,84,1) 100%);} .buttonb a:active, .act a:active { margin:24px 0 0 0;} .buttonbd a { display:block;float:none;text-align:center;margin-left:10px !important;margin-right:10px !important; } .greenb form input#f-submit {display:inline-block; float:right; margin:23px 0 0 0; box-shadow:1px 1px 1px rgba(0,0,0,0.4); border:0; border-radius:5px; padding:8px 11px 7px 11px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; background:#6dbd18; background: linear-gradient(top, rgba(147,206,84,1) 0%,rgba(82,141,19,1) 100%); text-shadow:1px 1px 1px rgba(0,0,0,0.3);} .greenb form inpu#f-submit t:hover {background: linear-gradient(top, rgba(82,141,19,1) 0%,rgba(147,206,84,1) 100%);} .greenb form input#f-submit :active { margin:24px 0 0 0;} .telb a { display: none; } /* .contactb a:hover { display: none !important; } */ .telb a:hover { display: inline !important; } .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 600px; position: relative; margin: 50px auto; padding: 5px 20px 13px 20px; border-radius: 10px; border: 4px solid rgba(3, 25, 42, .8); background: #F9F9F9; } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } .modalDialog input[type=text], .modalDialog form input[type=password] {height: 20px; width: 208px; padding: 0 2px; border: 1px solid #9e9e9e;clear:left} .modalDialog select {padding: 0 2px; width: 212px; margin-bottom: 10px; border: 1px solid #9e9e9e;} #openModal label {width: 130px; float: left; font-size: 14px;} #openModal p input[type=text], #openModal p input[type=password] {height: 20px; width: 155px;} #openModal h2 {font-size:14px;font-weight:bold;line-height:1;} .modalDialog input[type=submit], .act2 a {background:#e0340c;background: linear-gradient(top, rgba(226,71,36,1) 0%,rgba(200,46,11,1) 100%); color:#fff; border-radius:5px; border:1px solid #df431f; box-shadow:0 1px 1px #dc2900, inset 0 1px 1px rgba(255,255,255,0.5); padding:5px 15px; box-sizing:border-box; margin:0;text-decoration:none;} .modalDialog .field {margin-bottom: 6px;} #openModal form .hint {display: inline-block; margin-left: 10px; color: #444;font-size: 12px;} #openModal hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } .cookieNoticeBar { width: 100%; height: 30px; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); opacity: .8; position: fixed; bottom: 0; left: 0; z-index: 556; color: #fff; text-align: center; font-size: 13px; padding-top: 3px; display:none; } .cookieNoticeBar .button { float: none; display: inline-block; font-size: 12px; } .cookieNoticeBar a { color: #fff; } .buttonsml{ background: #9c2aa0; border: none; color: #fff; float: none; display: inline-block; font-size: 12px; font-weight: 700; margin: 1px 10px 1px 1px; outline: none; overflow: visible; padding: 3px 8px; text-decoration: none; cursor: pointer; box-shadow: 0 1px 3px rgba(50,50,50,0.75); text-shadow: 0 -1px #222; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; } #footerSlideContainer { position: fixed; bottom:0; width: 100%; z-index:1001; } #footerSlideButton { background: url(../images/sliderButton.png) top left no-repeat transparent; position: absolute; top: -31px; left: 20px; width:50px; height:50px; border: none; cursor: pointer; animation-name: spin-animation; animation-duration: 1500ms; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes spin-animation { 0% { transform: rotate(0deg); } 25% { transform: rotate(0deg); } 75% { transform: rotate(360deg); } 100%{ transform: rotate(360deg); } } #footerSlideContent { width: 100%; height: 0px; background: #03192a; color: #CCCCCC; font-size: 0.8em; border: none; font-family: DejaVuSansBook, Sans-Serif; -webkit-transition: height 300ms ease-in; -moz-transition: height 300ms ease-in; -ms-transition: height 300ms ease-in; -o-transition: height 300ms ease-in; transition: height 300ms ease-in; } #footerSlideContent.open { height: 158px; padding-top: 1px; } #footerSlideContent h3 { font-size: 36px; color: #9AC941; margin: 10px 0 10px 0; } #footerSlideContent ul { color: #EE8D40; list-style-type: none; line-height: 2em; } #footerSlideText { padding: 15px 10px 25px 25px; } table.footer { width: 960px; margin: 0 auto; } table.footer td { width:185px; } a.footh { color: #6891b1; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin: 0 0 0 0; text-decoration: none; } a.foott { color: #fff; font-size: 12px; line-height: 15px; text-decoration: none; } #intrebare-discount input[type=text] { background-color: #fff; height: 21px; max-width: 300px; font-size:12px; padding: 3px 7px; line-height: normal; border: 1px solid #a6a6a6; border-top-color: #949494; border-radius: 3px; box-shadow: 0 1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.07) inset; outline: 0; } button#aplicadisc { background: #9c2aa0; border: none; color: #fff; float: none; display: inline-block; font-weight: 700; outline: none; overflow: visible; padding: 6px 12px; text-decoration: none; cursor: pointer; box-shadow: 0 1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.07) inset; text-shadow: 0 -1px #222; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; height:29px; margin-left:3px; } button#dacadou { background: #F8C44D; border: none; color: #000; float: right; display: inline-block; font-weight: 700; outline: none; overflow: visible; padding: 6px 12px; text-decoration: none; cursor: pointer; box-shadow: 0 1px 0 rgba(255,255,255,.5),0 1px 0 rgba(0,0,0,.07) inset; /* text-shadow: 0 -1px #222; */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; height:40px; margin-right:20px; margin-top: 30px; } .modal-box { display: none; position: absolute; z-index: 1000; width: 98%; background: white; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; } @media (min-width: 32em) { .modal-box { width: 30%; } } .modal-box header, .modal-box .modal-header { padding: 1.25em 1.5em; border-bottom: 1px solid #ddd; } .modal-box header h3, .modal-box header h4, .modal-box .modal-header h3, .modal-box .modal-header h4 { margin: 0; color:white} .modal-box .modal-body { padding: 2em 1.5em; } .modal-box footer, .modal-box .modal-footer { padding: 1em; border-top: 1px solid #ddd; background: rgba(0, 0, 0, 0.02); text-align: right; min-height: 45px; } .modal-overlay { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) !important; } a.close { line-height: 1; font-size: 1.5em; position: absolute; top: 5%; right: 2%; text-decoration: none; color: #bbb; } a.close:hover { color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } .btn { font-size: 3vmin; padding: 0.75em 1.5em; background-color: #4CAF50; border: 1px solid #bbb; color: #333; text-decoration: none; display: inline; border-radius: 4px; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; transition: background-color 1s ease; } .btn:hover { background-color: #0CAF50; -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; transition: background-color 1s ease; } .btn-small { padding: .75em 1em; font-size: 0.8em; } .trimitemail { background-color: #f44336; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } .trimitemail:hover { background-color: #FF7F55; color:black; } label { display: inline; } .regular-checkbox { display: none; } .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 11px; border-radius: 3px; display: inline-block; position: relative; } .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #79BA49; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #79BA49; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 18px; position: absolute; top: 0px; left: 3px; color: #79BA49; } .gift-input input[type=text] { border: 0; display: inline-block; margin: 0; padding: 0; width: 70%; height: 19px; vertical-align: top; font-size: 14px; outline: none; } .errormsg {color: #ff0000; font: 12px source_sans_proregular; margin: 5px 0; text-align: center; width: 100%;} .phoneview {position:relative;text-align:left;min-width:100px;white-space: nowrap; color: #5A80BC;} .searchStar { float: right; background: url(../images/large-star-white.png) no-repeat right center; height: 20px; padding-right: 104px; margin: 0 0 5px; font: 13px montserratregular; color: #6b6a6a; text-decoration: underline; text-align: right; } .orangeStar { float: left; background: url(../images/large-star-yellow.png) no-repeat left center; height: 20px; position: absolute; left: 0; top: 0; } .relate { position: relative; width: 100px; margin: 0; display: inline-block; } .specials-price { display:block; margin-top: -22px; height: 16px; background-color: #dc3b44; z-index: 1000; color: white; float: right; position: relative; padding: 3px 4px 3px 4px; } #dataw { border: solid 2px blue; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #dataw:hover{ overflow: visible; white-space: normal; width: auto; } /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8)); background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8)); } /* :not(:required) hides these rules from IE9 and below */ .loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .err.capter { display:none; color: red; font-weight: bold; }