/*=========================================================================================================================*/ /* culori txt folosite */ /* body: #1B1B1B /* txt total cos: #A78BA5 /* altele */ /* unele elemente float au display: inline pentru a trece peste bug-ul ie6 de dublare a marginii corespondente cu float-ul /* problema in ie cu elementele inline care au padding (verificare cu bg si border)... padding-ul bottom este ignorat... functioneaza doar daca containerul are padding sus si jos /* problema in ie cu ul cu float si display inline (mai sus detalii)... se creeaza un padding al li-urilor care nu poate fi sters... merge rezolvat cu float:left si clear both pe li /* problema in ie : daca am doua divuri alaturate cu width, float, clear si hover pe oricare element dintr-unul din cele doua divuri, se adaugata o margine sub cel mai inalt div dintre cele doua... rezolvat cu clear: none pe amandoua sau scos width / sau scos margin la parent /*=========================================================================================================================*/ body { margin: 0px; background-image: url(../img/bg.png); background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; behavior: url("resurse/css/hover.htc") } html { overflow-x: hidden; overflow-y: auto; cursor: default; margin: 0px; padding: 0px } /*#popup { position: absolute; width: 560px; height: 550px; overflow: auto; top: 50%; left: 50%; margin: -280px auto auto -280px; background-color: #1D1D1D; border:5px solid #D9261C; padding:10px; float:left; clear:right; } #popup p { width:540px; } #popup p.close { background-color:#3B3B3B; border:1px solid #6F6F6F; padding:1px 0px 1px 5px; width:67px; } #popup h2 { font-size:16px; padding-top:5px; }*/ div#dotted { display:block; text-align:center; margin:10px auto 10px auto; } .imagineOferte { display:inline; width:115px; text-align:center; height:140px; } #popup {position:absolute; left:50%; width:938px; margin-left:-469px; top:-100px; cursor:pointer; z-index:100;} * html #popup {margin-left:-460px;} /*=========================================================================================================================*/ /* clearfix */ /*=========================================================================================================================*/ div:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px; } *html div { height: 1% } div { display: inline-block } div { display: block } /*=========================================================================================================================*/ /* clearfix */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* taguri generale */ /*=========================================================================================================================*/ a { color: #fff; font-weight: bold; text-decoration: none; outline: none } a:hover { text-decoration: underline } a img, img { border: none; outline: none } form { margin: 0px; padding: 0px } input, select, textarea { float: left; clear: none; margin: 0px 0px 0px 0px; width: 150px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; background-color: #343434; border: 1px solid #4B4B4B; color: #B2B2B2 } textarea { overflow: auto; width: 392px; height: 45px } select { padding: 0px } fieldset { display: block; margin: 7px 0px 7px 0px; padding: 0px; border: none } label { float: left; clear: none; margin: 0px 10px 0px 0px; color: #767676; text-align: right; width: 70px; font-weight: bold } p { padding: 7px 0px 7px 0px; margin: 0px } ul, ol { margin: 0px; padding: 0px } li { padding: 0px; margin: 5px 0px 0px 15px } h1, h2, h3, h4, h4 { margin: 0px; padding: 0px } #promotii h2 { font-family:"Times New Roman", Times, serif; font-size: 19px; height:46px; font-weight:normal; margin: 0px 0px 10px 0px; padding:0px; } #promotii h2, #promotii-10 h2 { font-family:"Times New Roman", Times, serif; font-size: 19px } area { cursor: pointer } /*=========================================================================================================================*/ /* taguri generale */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* clase utile */ /*=========================================================================================================================*/ .stg { float: left; clear: none } .dr { float: right; clear: none } form input.buton { width: auto; height: auto; border: none; background-color: transparent } /*=========================================================================================================================*/ /* clase utile */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* continut site */ /*=========================================================================================================================*/ #header { margin: 0px; padding: 0px; width: 100%; height: auto; text-align: center; background-image: url(../img/bg-sus.jpg); background-repeat: repeat-x; font-size: 1px } #header ul#limbi { margin: 0px 0px 25px 0px; padding: 10px 0px 10px 0px; width: 100%; background-color: #D9261C; border-bottom: 1px solid #fff; list-style: none; font-size: 12px } #header ul#limbi li { display: inline; margin: 0px 10px 0px 10px; padding: 0px } #header ul#limbi li a { padding: 3px 10px 3px 10px; border: 1px solid #D9261C } #header ul#limbi li a:hover, #header ul#limbi li a.curent { padding: 3px 10px 3px 10px; background-color: #E36159; border: 1px solid #ED9692; text-decoration: none } #header ul#meniu { margin: 0px auto 0px auto; list-style: none; width: 890px; height: 19px; padding: 23px 45px 13px 45px; background: url(../img/bg-meniu.gif) no-repeat; font-size: 16px; font-family: "Times New Roman", Times, serif; text-transform: uppercase } #header ul#meniu li { position: relative; display: inline; margin: 0px 0px 0px 3px; padding: 0px } #header ul#meniu li a { padding: 13px 10px 13px 10px; color: #000000 } #header ul#meniu li a:hover, #header ul#meniu li a.curent, #home #header ul#meniu li a#m-home, #companie #header ul#meniu li a#m-companie, #portofoliu #header ul#meniu li a#m-portofoliu, #lucrare #header ul#meniu li a#m-portofoliu, #servicii #header ul#meniu li a#m-avantaje, #pizzeri #header ul#meniu li a#m-pizzeri, #pizzer #header ul#meniu li a#m-pizzeri, #promotii #header ul#meniu li a#m-promotii, #promotii-10 #header ul#meniu li a#m-promotii, #evenimente #header ul#meniu li a#m-evenimente, #contact #header ul#meniu li a#m-contact { background-color: #D9261C; color: #FFFFFF; text-decoration: none } #header ul#meniu li ul { display: none } #header ul#meniu li:hover ul { position: absolute; top: 31px; left: 0px; background-color: #515151; border: 1px solid #FFFFFF; display: block; list-style: none; text-align: left } *:first-child+html #header ul#meniu li:hover ul { top: 45px; } * html #header ul#meniu li:hover ul { top: 45px; left: 3px } #header ul#meniu li ul li { display: block; text-transform: none; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #header ul#meniu li ul li a { display: block; width: 150px; padding: 5px 10px 5px 10px; color: #FFFFFF } #header form { float: right; clear: both; display: inline; margin: 90px 65px 0px 0px } #header form input { border-right: none } #header form div { margin: 5px 0px 0px 0px; width: 180px; height: 15px } #header form div input.radio { float: none; clear: both; display: inline; width: auto; height: auto; border: none; background-color: transparent } #header form div label { width: auto; float: none; clear: both; display: inline; font-size: 10px } #header form span#raspuns-abonare { display: block; margin: 0px 0px 0px 0px; font-size: 10px } #header form span#raspuns-abonare p.mesaj { margin: 2px 0px 0px 0px; font-size: 10px; width: 180px; padding: 5px } #header #head-ro { margin: 0px auto 0px auto; padding: 0px; background-repeat: no-repeat; width: 980px; height: 168px; background-image: url(../img/header-ro.png); } #header #head-en { margin: 0px auto 0px auto; padding: 0px; background-repeat: no-repeat; width: 980px; height: 168px; background-image: url(../img/header-en.png); } #header #head-it { margin: 0px auto 0px auto; padding: 0px; background-repeat: no-repeat; width: 980px; height: 168px; background-image: url(../img/header-it.png); } #casuta-continut-site { margin: 0px auto 0px auto; border: 10px solid #CDCDCD; border-top: none; border-bottom: none; padding: 20px 45px 45px 45px; width: 870px; height: auto; background-color: #FFFFFF } /*----------------------------------------------------------------*/ /*-----> meniu categorii <-----*/ /*----------------------------------------------------------------*/ #coloana-stg { float: left; clear: none; width: 200px; height: auto; } #coloana-stg form { margin: 0px 0px 0px 0px; height: 40px } #coloana-stg form input { background-color: #E8E8E8; border: 1px solid #333333; border-right: none; color: #333333; width: 155px; margin: 0px } #coloana-stg form a img { float: left; clear: none; margin: 0px } #coloana-stg ul#categorii { width: 200px; height: auto; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } #coloana-stg ul#categorii li { margin: 0px 0px 5px 0px; padding: 0px } #coloana-stg ul#categorii li p { background-image: url(../img/bg-meniu-categorii.gif); background-repeat: no-repeat; height: 15px; padding: 10px 20px 10px 10px; margin: 0px; color: #FFFFFF; font-weight: bold; text-align: right } #coloana-stg ul#categorii li p a { display: block } #coloana-stg ul#categorii li p a { text-decoration: none } #coloana-stg ul#categorii li p:hover, #coloana-stg ul#categorii li p.curenta { background-image: url(../img/bg-meniu-categorii-on.gif) } #coloana-stg ul#categorii li ul { list-style: none; margin: 0px 0px 15px 0px; padding: 0px } #coloana-stg ul#categorii li ul.ascuns { display: none } #coloana-stg ul#categorii li ul li { margin: 3px 0px 3px 0px; text-align: right } #coloana-stg ul#categorii li ul li a { display: block; padding: 3px 5px 3px 5px; width: 94%; border: 1px solid #FFFFFF; border-bottom: 1px dotted #D8D8D8; color: #000000; font-weight: normal } #coloana-stg ul#categorii li ul li a:hover, #coloana-stg ul#categorii li ul li a.curenta { background-color: #EFEFEF; border: 1px solid #D8D8D8; text-decoration: none } #coloana-stg ul#categorii li ul li ul { margin: 3px 0px 0px 0px; text-align: right } #coloana-stg ul#categorii li ul li ul li { margin: 0px 0px 0px 0px; } #coloana-stg ul#categorii li ul li ul li a { display: block; width: 85%; padding: 2px 15px 2px 5px; border: 1px solid #FFFFFF; border-bottom: 1px dotted #EBEBEB; color: #6C6C6C; font-weight: normal; font-size: 11px; font-style: italic } #coloana-stg ul#categorii li ul li ul li a:hover { background-color: #F7F7F7; border: 1px solid #E8E8E8; text-decoration: none } /*----------------------------------------------------------------*/ /*-----> meniu categorii <-----*/ /*----------------------------------------------------------------*/ /*----------------------------------------------------------------*/ /*-----> meniu categorii 2 <-----*/ /*----------------------------------------------------------------*/ #coloana-stg { float: left; clear: none; width: 200px; height: auto; } #coloana-stg form { margin: 0px 0px 0px 0px; height: 40px } #coloana-stg form input { background-color: #E8E8E8; border: 1px solid #333333; border-right: none; color: #333333; width: 155px; margin: 0px } #coloana-stg form a img { float: left; clear: none; margin: 0px } #coloana-stg ul#categorii-2 { width: 200px; height: auto; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } #coloana-stg ul#categorii-2 li { margin: 0px 0px 5px 0px; padding: 0px } #coloana-stg ul#categorii-2 li p { background-image: url(../img/bg-meniu-categorii-2.gif); background-repeat: no-repeat; height: 15px; padding: 10px 20px 10px 10px; margin: 0px; color: #FFFFFF; font-weight: bold; text-align: right } #coloana-stg ul#categorii-2 li p a { display: block } #coloana-stg ul#categorii-2 li p a { text-decoration: none } #coloana-stg ul#categorii-2 li p:hover, #coloana-stg ul#categorii-2 li p.curenta-2 { background-image: url(../img/bg-meniu-categorii-2-on.gif) } #coloana-stg ul#categorii-2 li ul { list-style: none; margin: 0px 0px 15px 0px; padding: 0px } #coloana-stg ul#categorii-2 li ul.ascuns-2 { display: none } #coloana-stg ul#categorii-2 li ul li { margin: 3px 0px 3px 0px; text-align: right } #coloana-stg ul#categorii-2 li ul li a { display: block; padding: 3px 5px 3px 5px; width: 94%; border: 1px solid #FFFFFF; border-bottom: 1px dotted #D8D8D8; color: #000000; font-weight: normal } #coloana-stg ul#categorii-2 li ul li a:hover, #coloana-stg ul#categorii-2 li ul li a.curenta-2 { background-color: #EFEFEF; border: 1px solid #D8D8D8; text-decoration: none } #coloana-stg ul#categorii-2 li ul li ul { margin: 3px 0px 0px 0px; text-align: right } #coloana-stg ul#categorii-2 li ul li ul li { margin: 0px 0px 0px 0px; } #coloana-stg ul#categorii-2 li ul li ul li a { display: block; width: 85%; padding: 2px 15px 2px 5px; border: 1px solid #FFFFFF; border-bottom: 1px dotted #EBEBEB; color: #6C6C6C; font-weight: normal; font-size: 11px; font-style: italic } #coloana-stg ul#categorii-2 li ul li ul li a:hover { background-color: #F7F7F7; border: 1px solid #E8E8E8; text-decoration: none } /*----------------------------------------------------------------*/ /*-----> meniu categorii 2 <-----*/ /*----------------------------------------------------------------*/ h1 { float: right; clear: none; margin: 0px 0px 0px 45px; padding: 25px 25px 25px 25px; width: 575px; background-color: #1d1d1d; background-image: url(../img/continut-bg-sus.gif); background-repeat: no-repeat; font-family: "Times New Roman", Times, serif; font-size: 25px; font-weight: normal } #continut { float: right; clear: none; margin: 0px 0px 0px 45px; padding: 0px 25px 25px 25px; width: 575px; background-color: #1D1D1D; background-image: url(../img/continut-bg-jos.gif); background-repeat: no-repeat; background-position: bottom } #nou { position: relative; top: -110px; left: 265px; width: 106px; height:105px; margin: 0px 0px -100px 0px; z-index:1000; text-align:right; } #nou a { display:block; width:106px; height:105px; font-size:1px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resurse/img/nou.png', sizingMethod='scale'); cursor:pointer; } #nou[id] a { background-image:url(../img/nou.png); background-repeat:no-repeat; } #home h1 { float: left; clear: none; margin: 35px 0px 0px 45px; padding: 25px 25px 25px 25px; width: 325px; background-color: #1d1d1d; background-image: url(../img/continut-bg-sus-home.gif); background-repeat: no-repeat; font-family: "Times New Roman", Times, serif; font-size: 25px; font-weight: normal;} #partners { position: relative; top: -42px; left: 680px; width: 131px; height: auto; margin-bottom: -40px; z-index:1004; text-align:center; text-align: left; background-color:#000} #partners a { color:#D9261C; } #home #continut { float: left; clear: none; margin: 0px 0px 0px 45px; padding: 0px 25px 25px 25px; width: 325px; height: auto; background-color: #1D1D1D; background-image: url(../img/continut-bg-jos-home.gif); background-repeat: no-repeat; background-position: bottom } #home #continut-dr { float: right; clear: none; margin: -177px 0px -77px 45px; padding: 0px; width: 200px } #home #continut-dr h2 { background-image: url(../img/bg-meniu-categorii.gif); background-repeat: no-repeat; height: 15px; padding: 10px 20px 10px 10px; margin: 0px; color: #FFFFFF; font-weight: bold; text-align: left } #home #continut-dr h2 span {color: #000000; font-weight: normal; font-style:italic;} #home #continut-dr h2 a:hover {text-decoration:none;} #home #continut-dr h2.negru { background-image: url(../img/bg-meniu-categorii-on.gif); background-repeat: no-repeat; height: 15px; padding: 10px 20px 10px 10px; margin: 0px; color: #FFFFFF; font-weight: bold; text-align: right } #home #continut-dr .film { padding: 20px 0px 20px 0px; border-bottom: 1px dotted #D8D8D8 } #home #continut-dr .film img { float: left; clear: none } #home #continut-dr .film p { float: left; clear: none; width: 75px; margin: 0px 0px 0px 15px; color: #333333 } #home #continut-dr .film p strong { display: block } #home #continut-stg .film { padding: 20px 0px 20px 0px; border-bottom: 1px dotted #D8D8D8 } #home #continut-stg .film img { float: left; clear: none } #home #continut-stg .film p { float: left; clear: none; width: 75px; margin: 0px 0px 0px 15px; color: #333333 } #home #continut-stg .film p strong { display: block } /*----------------------------------------------------------------*/ /*-----> footer <-----*/ /*----------------------------------------------------------------*/ #footer { margin: 0px auto 0px auto; width: 840px; padding: 30px 70px 20px 70px; background-image: url(../img/bg-footer.png); background-repeat: no-repeat } #footer ul { float: left; clear: none; list-style: none; } #footer ul li { display: inline; margin: 0px 25px 0px 0px; } #footer ul li a {color:#000000;} #footer p { float: right; clear: right; margin: 0px; padding: 0px; color:#000000; } #footer div {float: none; clear: both; padding: 15px 0px 0px 0px; text-align: right} #footer img {vertical-align: middle; margin: 10px 0px 0px 0px; padding: 0px } /*----------------------------------------------------------------*/ /*-----> footer <-----*/ /*----------------------------------------------------------------*/ /*=========================================================================================================================*/ /* TITLURI */ /*=========================================================================================================================*/ h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; line-height: normal } h3 { margin: 5px 0px 5px 0px; padding: 0px; font-size: 12px; line-height: normal } /*=========================================================================================================================*/ /* TITLURI */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* PAGINARE */ /*=========================================================================================================================*/ ol#paginare { display: block; float: none; clear: both; padding: 40px 0px 0px 0px; margin: 0px 35px 20px 0px; list-style: none; text-align: right } ol#paginare li { display: inline; margin: 0px 5px 0px 5px } ol#paginare li a { padding: 3px 5px 3px 5px; border: 1px solid #1D1D1D } ol#paginare li a:hover, ol#paginare li a.curenta { background-color: #D9261C; border: 1px solid #fff; text-decoration: none } /*=========================================================================================================================*/ /* PAGINARE */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* PRODUSE */ /*=========================================================================================================================*/ .produs { float: left; clear: none; display: inline; width: 235px; height: 118px; margin: 20px 0px 20px 30px; padding: 0px } .produs a img { float: left; clear: none; margin: 0px 20px 0px 0px; background-image: none; padding: 0px } .produs div { float: left; clear: none; margin: 0px 0px 0px 0px; width: 120px; } .produs div h2 { margin: 0px 0px 15px 0px; height: 34px; overflow: hidden; padding: 0px; font-size: 15px; font-family: "Times New Roman", Times, serif; font-weight: bold } .produs div p { margin: 0px 0px 15px 0px; height: 30px; overflow: hidden; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: normal } .produs div p small { font-size: 11px } .produs div a { float: left; clear: none; margin: 0px 0px -13px 0px; background: url(../img/bg-buton-detalii.gif) no-repeat; width: 73px; padding: 3px 10px 4px 10px; text-align: center; color: #000000; height: 15px } .produs div a:hover { background: url(../img/bg-buton-detalii-on.gif) no-repeat; color: #fff; text-decoration: none } #produs #continut p.pret { margin: 0px 0px 10px 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: normal } #produs #continut p.pret small { font-size: 11px } #produs #continut a img { margin: 22px 11px 11px 11px; } /*=========================================================================================================================*/ /* PRODUSE */ /*=========================================================================================================================*/ p.mesaj { padding: 25px; margin: 10px 0px 0px 0px; background-color: #464646; border: 1px solid #fff } a.buton { padding: 3px 10px 3px 10px; background-color: #D9261C; border: 1px solid #fff } a.buton:hover { background-color: #fff; border: 1px solid #fff; color: #333333; text-decoration: none } /*=========================================================================================================================*/ /* PORTOFOLIU */ /*=========================================================================================================================*/ #portofoliu #continut ul#regiuni, #lucrare #continut ul#regiuni { display: block; width: 575px; height: auto; text-align: left; list-style: none; padding: 10px 0px 10px 0px } #portofoliu #continut ul#regiuni li, #lucrare #continut ul#regiuni li { display: inline } #portofoliu #continut ul#regiuni li a, #lucrare #continut ul#regiuni li a { padding: 3px 10px 3px 10px; border: 1px solid #1d1d1d } #portofoliu #continut ul#regiuni li a:hover, #portofoliu #continut ul#regiuni li a.curenta, #lucrare #continut ul#regiuni li a:hover, #lucrare #continut ul#regiuni li a.curenta { background-color: #383838; border: 1px solid #5C5C5C; text-decoration: none } #portofoliu #continut div.lucrare { margin: 20px 0px 20px 40px; float: left; clear: none; display: inline; width: 93px; background-image: url(../img/bg-titlu-listare-portofoliu.gif); background-repeat: no-repeat } #portofoliu #continut div.lucrare h2 { margin: 0px 0px 10px 0px; font-weight: bold; width: 79px; height: 22px; padding: 9px 7px 9px 7px; overflow: hidden; font-size: 11px; text-align: center } #portofoliu #continut div.lucrare p { margin: 10px 0px 0px 0px; text-align: left; font-style: italic; font-size: 11px; padding: 0px } #lucrare #continut a img { margin: 20px 0px 20px 40px; float: left; clear: none; display: inline; width: 93px } /*=========================================================================================================================*/ /* PORTOFOLIU */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* CONTACT */ /*=========================================================================================================================*/ #contact #continut form { margin: 0px 0px 0px 0px } #contact #continut input { width: 185px } #contact #continut textarea { width: 462px } #contact #continut input.buton { float: right; clear: none; padding: 3px 15px 3px 15px; background-color: #D9261C; border: 1px solid #fff; color: #FFFFFF; width: auto; margin: 10px 20px 0px 0px } #contact #continut input.buton:hover { background-color: #ffffff; border: 1px solid #fff; color: #000000 } #contact #continut img { display: block; float: none; clear: both; margin: 0px 0px 0px 25px } #contact #continut div { margin: 25px 0px 0px 25px; width: 520px } #contact #continut div div.stg { background-color: #D9261C; border: 1px solid #fff; padding: 15px; margin: 0px 0px 20px 0px; width: 200px } #contact #continut div div.dr { background-color: #343434; border: 1px solid #fff; padding: 15px; margin: 0px 0px 20px 0px; width: 200px } #contact #continut div div p { margin: 0px } #contact #continut div.stg { display: inline; width: 250px; margin: 0px 0px 0px 25px } #contact #continut div.dr { display: inline; width: 250px; margin: 0px 0px 0px 25px } #contact #continut div p { margin: 0px 0px 0px 0px } #contact #continut ul { display: block; float: left; clear: none; list-style: none; margin: 20px 0px 0px 0px; width: 270px } #contact #continut ul li { font-weight: bold } #contact #continut ul li ul { float: none; clear: both; margin: 0px } #contact #continut ul li ul li { font-weight: normal } /*=========================================================================================================================*/ /* CONTACT */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* PIZZERI */ /*=========================================================================================================================*/ #formular-pizzeri #continut form { margin: 10px 0px 0px 0px } #formular-pizzeri #continut form fieldset { margin: 10px 0px 10px 0px } #formular-pizzeri #continut form label { width: 90px; font-size: 11px; line-height: 11px; } #formular-pizzeri #continut form input { width: 170px } #formular-pizzeri #continut form select { width: 182px } #formular-pizzeri #continut form select#ziNastereI { width: 39px } #formular-pizzeri #continut form select#lunaNastereI, #formular-pizzeri #continut form select#lunaPerioadaStartI, #formular-pizzeri #continut form select#lunaPerioadaFinalI { width: 89px } #formular-pizzeri #continut form select#anNastereI, #formular-pizzeri #continut form select#anPerioadaStartI, #formular-pizzeri #continut form select#anPerioadaFinalI { width: 54px } #formular-pizzeri #continut form input#salariulDoritI { width: 112px; } #formular-pizzeri #continut form select#salariulDoritMonedaI { width: 50px; margin-left:8px; } #formular-pizzeri #continut form select#anPerioadaStartI { margin-right: 20px } #formular-pizzeri #continut form p { margin: 10px 0px 10px 15px; text-transform: uppercase; font-weight: bold } #formular-pizzeri #continut form p a { text-transform: uppercase; font-size: 10px } #formular-pizzeri #continut form fieldset#experientaProfesionala a, #formular-pizzeri #continut form fieldset#recomandari a { float: right; clear: both; margin-right: 11px; width: 30px; background-color: #D9261C; border: 1px solid #FFFFFF; text-align: center; padding: 3px } #formular-pizzeri #continut form textarea { width: 452px } #formular-pizzeri #continut form input.buton { float: right; clear: none; padding: 3px 15px 3px 15px; background-color: #D9261C; border: 1px solid #fff; color: #FFFFFF; width: auto; margin: 10px 10px 0px 0px } #formular-pizzeri #continut form input.buton:hover { background-color: #ffffff; border: 1px solid #fff; color: #000000 } p.raspundere { float: none; clear: both; width: 100%; margin-top: 30px; font-size:11px; color:#CCCCCC; font-style:italic; } p.data-eveniment { float: none; clear: both; width: 100%; margin-top: -15px; font-size:11px; color:#CCCCCC; font-style:italic; } p.data-parteneri { float: none; clear: both; width: 100%; margin-top: -15px; font-size:11px; color:#CCCCCC; font-style:italic; font-weight:normal; } /*------------------------------------------------------------------------------*/ /* input file */ /*------------------------------------------------------------------------------*/ #formular-pizzeri #continut form fieldset div.file-input { position: relative; margin: 0px; height: 30px; width: 350px } #formular-pizzeri #continut form fieldset div.file-input label { width: 90px; } #formular-pizzeri #continut form fieldset div.file-input input.hidden { float: left; clear: none; position: absolute; top: 0px; left: 100px; width: 245px; height: 20px; margin: 0px; padding: 0px; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2 } #formular-pizzeri #continut form fieldset div.file-input div.fakefile { position: absolute; top: 0px; left: 100px; width: 280px; height: 19px; margin: 0px; padding: 0px; z-index: 1; } #formular-pizzeri #continut form fieldset div.file-input div.fakefile input { float: left; clear: none; width: 170px; margin: 0px; border-right: none } #formular-pizzeri #continut form fieldset div.file-input div.fakefile p { float: left; clear: none; padding: 2px 10px 3px 10px; margin: 0px; background-color: #5B5B5B; border: 1px solid #7C7C7C; font-size: 11px; text-transform: lowercase } /*------------------------------------------------------------------------------*/ /* input file */ /*------------------------------------------------------------------------------*/ .pizzer { float: left; clear: none; display: inline; width: 235px; height: 118px; margin: 20px 0px 20px 30px; padding: 0px } .pizzer a img { float: left; clear: none; margin: 0px 20px 0px 0px; background-image: none; padding: 0px } .pizzer div { float: left; clear: none; margin: 0px 0px 0px 0px; width: 120px; } .pizzer div h2 { margin: 0px 0px 15px 0px; height: 34px; overflow: hidden; padding: 0px; font-size: 15px; font-family: "Times New Roman", Times, serif; font-weight: bold } .pizzer div p { margin: 0px 0px 15px 0px; height: 33px; overflow: hidden; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: normal } .pizzer div a { float: left; clear: none; margin: 0px 0px -13px 0px; background: url(../img/bg-buton-detalii.gif) no-repeat; width: 73px; padding: 3px 10px 4px 10px; text-align: center; color: #000000; height: 15px } .pizzer div a:hover { background: url(../img/bg-buton-detalii-on.gif) no-repeat; color: #fff; text-decoration: none } #pizzer #continut img { float: left; clear: none; margin: 0px 35px 0px 25px } #pizzer #continut div { float: left; clear: none; margin: 0px 0px 0px 0px; width: 310px } #pizzer #continut div h2 { font-size: 23px; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #ccc; margin: 0px 0px 20px 0px } #pizzer #continut div p em { margin: 0px 15px 0px 0px; color: #7D7D7D; } #pizzer #continut div p { padding: 0px; margin: 5px 0px 7px 0px } #pizzer #continut div h3 { font-size: 17px; font-family: "Times New Roman", Times, serif; color: #ccc; margin: 20px 0px 20px 0px } #pizzer #continut div div { float: none; clear: both; margin: 10px 0px 10px 0px } /*=========================================================================================================================*/ /* PIZZERI */ /*=========================================================================================================================*/ /*=========================================================================================================================*/ /* COMPANIE */ /*=========================================================================================================================*/ #companie #continut p { margin: 10px 0px 10px 0px; padding: 0px; width: 100% } #companie #continut ul, #companie #continut ul { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 25px; width: 500px; list-style: disc; font-size: 11px } /*=========================================================================================================================*/ /* COMPANIE */ /*=========================================================================================================================*/ #pizzer #continut form { margin: 20px 0px 0px 0px } #pizzer #continut form fieldset { margin: 10px 0px 0px 0px } #pizzer #continut form fieldset label { width: 90px; float: left; clear: left } #pizzer #continut form fieldset input { float: left; clear: right } #pizzer #continut form fieldset input.buton { padding: 3px 15px 3px 15px; background-color: #D9261C; border: 1px solid #fff; color: #FFFFFF; width: auto; margin: 10px 0px 0px 100px } /*=========================================================================================================================*/ /* CLASURI FORMATARE DATE DIN ADMIN */ /*=========================================================================================================================*/ table { margin: 10px 0px 10px 0px; width: 575px !important } table tr td { padding: 5px; color: #fff } /*-------> clase pagina <-------*/ .header-tabel { background-color: #D9261C; border: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; text-align: center; padding: 10px } .rand-alb-tabel { background-color: #fff; color: #1D1D1D; padding: 5px 10px 5px 10px } .rand-img-tabel { background-color: #1D1D1D; padding: 5px 10px 5px 10px; width:100px; border: 1px solid #FFFFFF; text-align:center; } .casuta-img-descriere { float: left; clear: none; display: inline; margin: 15px 15px 10px 15px; width: 158px; text-align: center } .casuta-img-descriere p { display: block; width: 100%; padding: 5px 0px 0px 0px; margin: 0px; text-align: center; font-size: 11px } .casuta-img-descriere img { border:4px solid #FFFFFF } .casuta-img-descriere0 img { border:4px solid #FFFFFF } .casuta-img-descriere-home img { border:4px solid #FFFFFF } .casuta-img-descriere2 { float: left; clear: none; display: inline; margin: 15px 15px 10px 15px; width: 120px; text-align: center } .casuta-img-descriere0 { float: left; clear: none; display: inline; margin: 7px 25px 0px 0px; width: 233px; text-align: center } .casuta-img-descriere-home { float: left; clear: none; display: inline; margin: 15px 25px 0px 0px; width: auto; text-align: center } #home .casuta-img-descriere { display: block; float: none; clear: both; width: 320px; margin: 15px 0px 10px 0px; text-align: center } #banner-cuptoare { display: block; float: none; clear: both; width: 515px; text-align: center; margin: 15px 0px 5px 30px; padding: 0px; border: 1px solid #fff } .imagineDescriere { float: left; clear: none; width: 115px; height:160px; text-align:center; text-transform:capitalize; } .imagineEvenimente { float: left; clear: none; width: 115px; height:140px; text-align:center; }