/* BODY */ /******************************************************/ body { padding: 0; margin: 0; background: #D6D6D6 url('http://www.echipamentemilitare.ro/img/bg_main.jpg') 0 0 repeat-x; font-family: Tahoma; font-size: 11px; line-height: 20px; text-align: center;color: #333; } * { padding: 0; margin: 0; text-align: left; } a { outline: none; } img { border: none; } .clear { height: 0; font-size: 0; line-height: 0px; clear: both; } /* LINKS */ /******************************************************/ a:link, a:visited { color: #C1001F; text-decoration: none; } a:hover, a:active { color: #605C40; text-decoration: none; } /* HEADING-uri */ /******************************************************/ #adina { font-size:0.1em; text-indent:-8000px; } #adina a { display:block; color:#FFF; width:152px; height:83px; background:url('http://www.echipamentemilitare.ro/img/adina_logo.png') top left no-repeat; text-decoration:none; cursor:pointer; position: absolute; top: 14px; left: 35px; } #adina a:hover { text-decoration:none; } #adina_en { font-size:0.1em; text-indent:-8000px; } #adina_en a { display:block; color:#FFF; width:152px; height:82px; background:url('http://www.echipamentemilitare.ro/img/adina_logo_en.png') top left no-repeat; text-decoration:none; cursor:pointer; position: absolute; top: 14px; left: 35px; } #adina_en a:hover { text-decoration:none; } h2 { font-family: Arial; font-size: 16px; color: #122240; padding: 0 0 8px 10px; } h3 { font-family: Arial; font-size: 14px; color: #122240; padding: 0 0 5px 0; } .titluSec { font-family: Arial; font-size: 16px; color: #213F75; } /* MAIN */ /******************************************************/ #main { width: 970px; margin: 0 auto; } /* HEADERE */ /******************************************************/ #topHeader { width: 970px; height: 109px; position: relative; } #topHeader h1 { position: absolute; top: 10px; right: 10px; font-family: Arial; font-size: 11px; color: #858585; font-weight: normal; } #searchHeader { width: 690px; height: 50px; margin: 40px 0 -1px 0; background: url('http://www.echipamentemilitare.ro/img/bg_header.jpg') 0 0 repeat-x; float: right; position: relative; color: #FFF; padding: 20px 10px 0 10px; } #mainHeader { width: 950px; height: 160px; background: #122240; border-bottom: 3px solid #60759C; padding: 10px; position: relative; } #headerCategorii { width: 950px; height: 112px; background: #203E74 url('http://www.echipamentemilitare.ro/img/bg_header_categorii.jpg') bottom right no-repeat; position: relative; } /* HEADER¤ - SLIDER */ /******************************************************/ .curbura { position: absolute; top: 0px; left: -54px; width: 56px; height: 69px; background: url('http://www.echipamentemilitare.ro/img/curbura.gif') 0 0 no-repeat; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0;padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-tango .jcarousel-container { } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 950px; padding: 0; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 950px; height: 112px; } .jcarousel-skin-tango .jcarousel-item { width: 190px; height: 112px; position: relative; text-align: right; } .jcarousel-skin-tango .jcarousel-item img { position: absolute; bottom: 0; right: 10px; } .jcarousel-skin-tango .jcarousel-item h2 { font-family: Arial; font-size: 13px; position: absolute; top: 35px; left: 5px; color: #FFF; width: 110px; } .jcarousel-skin-tango .jcarousel-item h2:hover { color: #A8B4C9; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 15px; right: 0; width: 14px; height: 19px; cursor: pointer; background: transparent url(http://www.echipamentemilitare.ro/img/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -14px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -28px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 15px; left: 0; width: 14px; height: 19px; cursor: pointer; background: transparent url(http://www.echipamentemilitare.ro/img/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -14px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -28px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -42px 0; } /* CAUTARE */ /******************************************************/ #cautare { width: 342px; height: 30px; background: #FFF url('http://www.echipamentemilitare.ro/img/bg_cautare.gif') 0 0 no-repeat; position: relative; float: left; margin-top: 5px; } #cautare input { width: 278px; margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #60759C; padding: 7px 3px 6px 7px; background: none; border: none; } #cautare #btnCautare { display: block; width: 50px; height: 24px; text-align: center; color: #FFF; font-weight: bold; background: url('http://www.echipamentemilitare.ro/img/btn_cautare.jpg') 0 0 no-repeat; position: absolute; top: 2px; right: 2px; padding: 2px 0 0 0; } #cautare #btnCautare:hover { background-position: 0 -26px; } #cosCumparaturi { float: right; background: url('http://www.echipamentemilitare.ro/img/ico_cos.gif') 0 0 no-repeat; padding: 0 20px 0 55px; height: 50px; } #cosLinks { float: right; padding: 0 10px 0 0; } #cosLinks a { color: #99A7BF; text-decoration: underline; } #cosLinks a:hover { color: #FFF; text-decoration: underline; } /* MENIU */ /******************************************************/ #meniu { width: 944px; height: 44px; padding: 0 3px 0 3px; background: url('http://www.echipamentemilitare.ro/img/bg_meniu.jpg') 0 0 repeat-x; border-bottom: 3px solid #60759C; position: relative; z-index: 1; font-family: Arial; font-weight: bold; font-size: 11px; text-transform: uppercase; } #meniu ul { list-style-type: none; } #meniu li { list-style-type: none; display: inline; } #meniu li a { width: 116px; height: 32px; float: left; display: block; text-align: center; color: #6B6740; padding: 12px 2px 0 0; background: url('http://www.echipamentemilitare.ro/img/linie_meniu.jpg') right bottom no-repeat; } #meniu li a:hover { color: #C1001F; } #meniu li a#pagSel { color: #62779C; padding: 12px 2px 0 0; cursor: default; } /* MENIU EXPANDABIL */ /******************************************************/ a.meniuExpand { display:block; width:166px; height:25px; background: url('http://www.echipamentemilitare.ro/img/bg_meniu_cat.png') no-repeat; margin-bottom: 1px; color: #FFF; padding: 4px 0 0 24px; } * html a.meniuExpand { background: url('http://www.echipamentemilitare.ro/img/bg_meniu_cat.gif') no-repeat } a.meniuExpand:visited { color: #FFF; } a.meniuExpand:hover { color: #99A7BF; } a.meniuExpand:active { color: #99A7BF; } .meniu ul { list-style-type: none; } .meniu li a { display:block; width:166px; height: 25px; padding: 4px 0 0 24px; background: url('http://www.echipamentemilitare.ro/img/bg_meniu_subcat.png') 0 0 no-repeat; margin-bottom: 1px; color: #213F75; } * html .meniu li a { background: url('http://www.echipamentemilitare.ro/img/bg_meniu_subcat.gif') 0 0 no-repeat; } .meniu li a:visited { color: #213F75; } .meniu li a:hover { color: #C1001F; } .meniu li a:active { color: #C1001F; } /* CONTINUT */ /******************************************************/ #continut { width: 970px; background: #E8E8E8 url('http://www.echipamentemilitare.ro/img/bg_continut.jpg') 0 0 repeat-y; } #continutSt { width: 190px; float: left; background: url('http://www.echipamentemilitare.ro/img/bg_continut_stanga.jpg') top left no-repeat; padding: 8px 0 0 10px; position: relative; } #continutCn { width: 550px; float: left; padding: 10px; overflow: hidden; background: url('http://www.echipamentemilitare.ro/img/colt_st_centru.jpg') left bottom no-repeat; } #continutDr { width: 190px; float: right; padding: 10px 10px 0 0; } /* LISTARE PRODUSE */ /******************************************************/ #produseSt { width: 275px; float: left; } #produseDr { width: 274px; float: left; border-left: 1px solid #D6D6D6; } #produseSt .produs { width: 255px; height: 180px; overflow: hidden; padding: 20px 10px 20px 10px; } #produseDr .produs { width: 254px; height: 180px; overflow: hidden; padding: 20px 0 20px 20px; } .produs { position: relative; border-bottom: 1px solid #D6D6D6; clear: both; line-height: 17px; } .prodImg { float: left; } .prodDet { width: 140px; float: right; } .prodNou { position: absolute; bottom: 0; left: 0; width: 66px; height: 62px; background: url('http://www.echipamentemilitare.ro/img/prod_nou.gif') 0 0 no-repeat; } .prodPromo { position: absolute; bottom: 0; left: 0; width: 66px; height: 62px; background: url('http://www.echipamentemilitare.ro/img/prod_promo.gif') 0 0 no-repeat; } .prodAdina { position: absolute; bottom: 0; left: 0; width: 66px; height: 62px; background: url('http://www.echipamentemilitare.ro/img/prod_adina.gif') 0 0 no-repeat; } .prodTva { padding: 5px 0 5px 0; } .produs p { padding-bottom: 3px; } .titlu-produs { font-family: Arial; font-size: 15px; font-weight: bold; padding-bottom: 10px; } .titlu-produs a:link { color: #605C40; } .titlu-produs a:visited { color: #605C40; } .titlu-produs a:hover { color: #C1001F; } .titlu-produs a:active { color: #C1001F; } /* DETALII PRODUS */ /******************************************************/ #boxDetalii { width: 510px; padding: 19px; border: 1px solid #D6D6D6; background: url('http://www.echipamentemilitare.ro/img/bg_camuflaj.jpg') 0 0; margin: 10px 0; } #sideImg { float: left; } #sideDet { float: right; width: 300px; } #sideDet p { padding-bottom: 5px; } .bgPoza { background: url('http://www.echipamentemilitare.ro/img/bg_poza.gif') 0 0 no-repeat; width: 160px; height: 150px; padding: 10px; margin-bottom: 10px; } .bgPozaMic { background: url('http://www.echipamentemilitare.ro/img/bg_poza_mic.gif') 0 0 no-repeat; width: 75px; height: 55px; float: left; padding: 5px; margin: 0 10px 0 0; } .detSt { float: left; width: 150px; } .detDr { float: right; width: 135px; } .lipsaStoc { width: 270px; background: #EDD6DA; border: 1px solid: #CB344C; padding: 14px; font-family: Arial; font-size: 13px; font-weight: bold; margin-bottom: 10px; } /* CALCULATOR DE MARIMI */ /******************************************************/ #masuri { width: 173px; height: 280px; background: url('http://www.echipamentemilitare.ro/img/masuri.gif') 0 0 no-repeat; } /* SIDEBAR BOX */ /******************************************************/ .boxLateral { width: 170px; padding: 10px 9px; border: 1px solid #D6D6D6; background: #F2F2F2 url('http://www.echipamentemilitare.ro/img/bg_box.jpg') top left repeat-x; text-align: left; position: relative; margin-bottom: 11px; } .boxLateral h2 { padding: 0 0 5px 0; } .boxLateral form { padding: 5px 0 0 0; } #telverde { width: 85px; height: 37px; padding: 0 0 0 85px; background: url('http://www.echipamentemilitare.ro/img/telverde.gif') 0 3px no-repeat; line-height: 18px; } /*.nr-telverde { color: #007700; font-size: 24px; font-family: Arial; padding: 5px 0; font-weight: bold; width: 170px; text-align: center; }*/ .nr-telverde { color: #007700; font-size: 24px; font-family: Arial; padding: 5px 0; font-weight: bold; width: 170px; text-align: left; } .nr-gratuit { color: #007700; } #chestionar { width: 165px; height: 100px; background: url('http://www.echipamentemilitare.ro/img/bg_chestionar.png') 0 0 no-repeat; padding: 20px 10px 0 15px; } #chestionar h2 { padding: 0 0 5px 0; } /* BUTOANE */ /******************************************************/ a.adaugaCos { display: block; width: 98px; height: 23px; padding: 5px 0 0 32px; background: url('http://www.echipamentemilitare.ro/img/btn_cos.jpg') 0 0 no-repeat; color: #FFF; font-weight:bold; text-align: center; margin: 5px 0; } a.adaugaCos:visited { color: #FFF; } a.adaugaCos:hover { background-position: 0 -28px; color: #FFF; } a.adaugaCos:active { color: #FFF; } a.adaugaCosDet { display: block; width: 98px; height: 25px; padding: 3px 0 0 32px; background: url('http://www.echipamentemilitare.ro/img/btn_cos_det.jpg') 0 0 no-repeat; color: #FFF; font-weight:bold; text-align: center; margin: 5px 0; } a.adaugaCosDet:visited { color: #FFF; } a.adaugaCosDet:hover { background-position: 0 -28px; color: #FFF; } a.adaugaCosDet:active { color: #FFF; } a.btnBox { display: block; width: 80px; height: 24px; padding: 2px 0 0 0; background: url('http://www.echipamentemilitare.ro/img/btn_box.jpg') 0 0 no-repeat; color: #FFF; font-weight:bold; text-align: center; border-bottom: 5px solid #F2F2F2; } a.btnBox:visited { color: #FFF; } a.btnBox:hover { background-position: 0 -26px; color: #FFF; } a.btnBox:active { color: #FFF; } a.btnUniv { display: block; width: 120px; height: 24px; padding: 2px 0 0 0; background: url('http://www.echipamentemilitare.ro/img/btn_universal.jpg') 0 0 no-repeat; color: #FFF; font-weight:bold; text-align: center; font-size: 11px; } a.btnUniv:visited { color: #FFF; } a.btnUniv:hover { background-position: 0 -26px; color: #FFF; } a.btnUniv:active { color: #FFF; } a.btnUniv2 { display: block; width: 120px; height: 21px; padding: 5px 0 0 0; background: url('http://www.echipamentemilitare.ro/img/btn_universal.jpg') 0 0 no-repeat; color: #FFF; font-weight:bold; text-align: center; font-size: 11px; } a.btnUniv2:visited { color: #FFF; } a.btnUniv2:hover { background-position: 0 -26px; color: #FFF; } a.btnUniv2:active { color: #FFF; } /* COMPONENTE */ /******************************************************/ .bannerSlider { width: 550px; height: 200px; } .pret { font-family: Arial; font-size: 22px; font-weight: bold; color: #122240; padding: 5px 0 0 0; } .pret_ { color: #122240; } .moneda { font-size: 16px; } .umbra { width: 190px; height: 75px; background: url('http://www.echipamentemilitare.ro/img/bg_umbra.jpg') right top no-repeat; margin: -1px 0 0 0; } .descriereTxt { font-size: 13px; padding: 0 10px 15px 10px; } .titluPag { width: 550px; height: 40px; background: url('http://www.echipamentemilitare.ro/img/bg_paginare.jpg') 0 0 repeat-x; } .titluPagInt { width: 530px; height: 20px; background: url('http://www.echipamentemilitare.ro/img/colturi_paginare.gif') 0 0 no-repeat; padding: 10px; position: relative; } .titluPagInt h1 { font-family: Arial; font-size: 16px; color: #213F75; padding: 0; margin: 0; } .titluPagInt ul { list-style-type: none; position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; } .titluPagInt li { display: inline; float: left; padding: 5px; } .titluPagInt li a { float: left; display: block; } .linie { width: 188px; height: 2px; background: url('http://www.echipamentemilitare.ro/img/bg_linie.gif') 0 0 repeat-x; margin: 5px -9px; } * html .linie { margin: 5px -9px -5px -9px; } .linieDet { width: 300px; height: 2px; background: url('http://www.echipamentemilitare.ro/img/bg_linie.gif') 0 0 repeat-x; margin: 5px 0; } * html .linieDet { margin: 5px 0 -5px 0; } #txtContinut { width: 530px; padding: 10px; text-align: left; font-size: 12px; } #txtContinut ul { list-style-type: none; } #txtContinut li { list-style-type: none; } #txtContinut p { padding-bottom: 10px; } .stire { padding-bottom: 5px; text-align: left; border-bottom: 1px solid #D6D6D6; margin-bottom: 10px; } .mesajSucces { padding: 5px 0 5px 25px; background: url('http://www.echipamentemilitare.ro/img/ico_succes.gif') 0 7px no-repeat; color: #347F30; font-weight: bold; font-size: 12px; } .mesajEroare { padding: 5px 0 5px 25px; background: url('http://www.echipamentemilitare.ro/img/ico_eroare.gif') 0 7px no-repeat; color: #CC0000; font-weight: bold; font-size: 12px; } .mesajEroare_ { color: #CC0000; font-weight: bold; } /* COSUL DE CUMPARATURI */ /*********************************************************************/ #pasiComanda { position: relative; width: 550px; padding-top: 5px; text-align: left; background: #D6D6D6; border-top: 10px solid #FFF; margin-bottom: 15px; } #pasiComanda .pasSel { width: 176px; height: 25px; color: #62779C; border-bottom: 1px solid #FFF; margin-left: 5px; padding-top: 4px; background: #FFF; text-align: center; float: left; } #pasiComanda .pas { width: 177px; height: 25px; border-bottom: 1px solid #CCC; margin-left: 5px; padding-top: 4px; background: #E9E9E9; text-align: center; float: left; } .actiuni { float: left; padding: 10px 0; width: 375px; } .pretFinal { float: right; padding: 10px 0; width: 175px; text-align: right; } .pretTotal { font-family: Arial; font-size: 20px; color: #122240; font-weight: bold; } /* TABLE */ /******************************************************/ table { border-collapse:collapse; border-spacing:0; border:none; width:100%; } table.branduriTbl { margin-top: 15px; } table.branduriTbl td { border: 1px solid #D6D6D6; padding: 0; text-align: center; vertical-align: middle; } table.chTbl td { border: 1px solid #D6D6D6; padding: 5px 0; text-align: center; vertical-align: middle; } table.contactTbl { margin-bottom: 10px; } table.contactTbl td { padding: 5px 0; text-align: left; vertical-align: top; s} table.cosCumparaturi td { padding: 5px 10px; text-align: left; vertical-align: middle; border: 1px solid #D6D6D6; } table.cosCumparaturi tr.titluCos { background: #E9E9E9; } /* ICONS*/ /******************************************************/ .icoCont { background: url('http://www.echipamentemilitare.ro/img/ico_cont.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoParola { background: url('http://www.echipamentemilitare.ro/img/ico_parola.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoPrieten { background: url('http://www.echipamentemilitare.ro/img/ico_prieten.gif') 0 0 no-repeat; font-weight: bold; padding: 0 0 5px 22px; } .icoCalculator { background: url('http://www.echipamentemilitare.ro/img/ico_calculator.gif') 0 0 no-repeat; font-weight: bold; padding: 0 0 5px 22px; } .icoActualizare { background: url('http://www.echipamentemilitare.ro/img/ico_actualizare.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoCumparaturi { background: url('http://www.echipamentemilitare.ro/img/ico_cumparaturi.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoIstoric { background: url('http://www.echipamentemilitare.ro/img/ico_istoric.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoDate { background: url('http://www.echipamentemilitare.ro/img/ico_date.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoSParola { background: url('http://www.echipamentemilitare.ro/img/ico_schimbaparola.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoIesire{ background: url('http://www.echipamentemilitare.ro/img/ico_delogare.gif') 0 0 no-repeat; padding: 0 0 5px 22px; } .icoAdaugaA { display: block; width: 98px; height: 23px; padding: 5px 0 0 20px; background: url('http://www.echipamentemilitare.ro/img/indicator.gif') 0 6px no-repeat; color: #FFF; font-weight:bold; text-align: center; margin: 5px 0; } /* FORMS */ /******************************************************/ input, select, textarea { background: #FFF url('http://www.echipamentemilitare.ro/img/bg_form.jpg') 0 0 repeat-x; padding: 5px; font-family: Tahoma; border: 1px solid #CFCFCF; border-top: 1px solid #A6A6A6; font-size: 11px; color: #333; } .form40 { width: 28px; text-align: center; } .form170 { width: 158px; margin-bottom: 10px; } .form150 { width: 138px; margin-bottom: 3px; } input.form150 { padding: 6px 5px 6px 5px; width: 128px; } .form230 { width: 218px; margin-bottom: 10px; } .form270 { width: 258px; margin-bottom: 10px; } .form530 { width: 518px; margin-bottom: 10px; } .form530s { width: 530px; margin-bottom: 10px; } .form270e { width: 258px; border: 1px solid #CC0000; border-top: 1px solid #CC0000; margin-bottom: 10px; } .form530e { width: 518px; border: 1px solid #CC0000; border-top: 1px solid #CC0000; margin-bottom: 10px; } .form230e { width: 218px; border: 1px solid #CC0000; border-top: 1px solid #CC0000; margin-bottom: 10px; } .form100_ { width: 90%; } /* FOOTER */ /******************************************************/ #footer { width: 760px; padding: 15px 10px 17px 200px; background: #E8E8E8 url('http://www.echipamentemilitare.ro/img/colturi_footer.gif') left bottom no-repeat; } #footerSecundar { width: 810px; height: 50px; padding: 10px 150px 0 10px; text-align: left; background: #E8E8E8 url('http://www.echipamentemilitare.ro/img/colturi_footer_secundar.gif') left bottom no-repeat; margin: 10px 0 50px 0; position: relative; } #footerSecundar p { line-height: 18px; } /* POZITII */ /******************************************************/ .susDr { position: absolute; top: 0; right: 0; } .susSt { position: absolute; top: 0; left: 0; z-index: 5; } .josStM { position: absolute; bottom: 0; left: 200px; z-index: 5; } .coltSusSt { position: absolute; top: -1px; left: -1px; } .coltJosSt { position: absolute; bottom: -2px; left: -1px; } .uis { position: absolute; top: 18px; right: 10px; }