/*
Date: 12.05.2010
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Fox Cleaning
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
background : transparent;
}
a {
text-decoration : none;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
.clear {
clear : both;
display : block;
line-height : 0;
}
.clear2 {
clear : both;
display : block;
line-height : 0;
height : 20px;
}
.clear3 {
clear : both;
display : block;
line-height : 0;
height : 10px;
}
html, body {
height : 100%;
}
.nomargin {
margin : 0 !important ;
}
body {
background : #fff url(images/background.jpg) repeat-x;
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
color : #000000;
}
body#popup {
background : #f5f5f5;
background-image : none;
height : 200px;
padding : 20px;
width : 360px;
border : 4px solid #444444;
}
body#popuplarge {
background : #f5f5f5;
background-image : none;
height : 420px;
padding : 20px;
width : 360px;
border : 4px solid #444444;
}
#page {
float : left;
clear : both;
width : 100%;
background : url(images/page.jpg) no-repeat center top;
min-height : 767px;
}
#page_center {
width : 925px;
margin : 0 auto;
}
#head {
float : left;
clear : both;
padding-top : 2px;
width : 100%;
}
#head h1 {
float : left;
clear : left;
width : auto;
padding : 11px 0 0 19px;
font-size : 11px;
color : #fff;
font-weight : normal;
}
#head ul {
float : right;
}
#head ul li {
float : left;
margin : 0 24px 0 0;
}
#head ul li a {
float : left;
color : #fff;
font-size : 12px;
height : 24px;
line-height : 24px;
padding-left : 32px;
}
#head ul li a#recomanda {
background : url(images/recomanda.png) no-repeat left center;
}
#head ul li a#bookmark {
background : url(images/bookmark.png) no-repeat left center;
}
#header {
float : left;
clear : both;
width : 925px;
height : 262px;
background : url(images/header.jpg) no-repeat;
margin-top : 9px;
}
#header ul {
float : left;
clear : both;
padding : 7px 0 0 10px;
}
#header ul li {
float : left;
margin-right : 16px;
}
#header ul li#nomargin {
margin-right : 0;
}
#header ul li a {
float : left;
width : 85px;
height : 35px;
background-repeat : no-repeat;
text-indent : -9999px;
}
#header ul li a.home {
background : url(images/menu.gif) 0% 0%;
}
#header ul li a.home:hover, #header ul li a.home#current {
background : url(images/menu.gif) 0% -35px;
}
#header ul li a.echipa {
background : url(images/menu.gif) -96px 0%;
}
#header ul li a.echipa:hover, #header ul li a.echipa#current {
background : url(images/menu.gif) -96px -35px;
}
#header ul li a.despre {
background : url(images/menu.gif) -187px 0%;
}
#header ul li a.despre:hover, #header ul li a.despre#current {
background : url(images/menu.gif) -187px -35px;
}
#header ul li a.servicii {
background : url(images/menu.gif) -292px 0%;
}
#header ul li a.servicii:hover, #header ul li a.servicii#current {
background : url(images/menu.gif) -292px -35px;
}
#header ul li a.stiatica {
background : url(images/menu.gif) -389px 0%;
}
#header ul li a.stiatica:hover, #header ul li a.stiatica#current {
background : url(images/menu.gif) -389px -35px;
}
#header ul li a.promotii {
background : url(images/menu.gif) -489px 0%;
}
#header ul li a.promotii:hover, #header ul li a.promotii#current {
background : url(images/menu.gif) -489px -35px;
}
#header ul li a.oferta {
background : url(images/menu.gif) -590px 0%;
}
#header ul li a.oferta:hover, #header ul li a.oferta#current {
background : url(images/menu.gif) -590px -35px;
}
#header ul li a.configurator {
background : url(images/menu.gif) -692px 0%;
width : 97px;
}
#header ul li a.configurator:hover, #header ul li a.configurator#current {
background : url(images/menu.gif) -692px -35px;
}
#header ul li a.contact {
background : url(images/menu.gif) -806px 0%;
}
#header ul li a.contact:hover, #header ul li a.contact#current {
background : url(images/menu.gif) -806px -35px;
}
#header #logo {
float : left;
clear : both;
margin : 49px 0 0 42px;
}
* html #header #logo {
margin-left : 21px;
}
#content {
float : left;
clear : both;
width : 100%;
background : url(images/content.gif) repeat-y;
}
#content_top {
float : left;
clear : both;
width : 100%;
height : 90px;
background : url(images/content_top.gif) no-repeat;
}
#content_center {
float : left;
clear : both;
width : 887px;
position : relative;
margin-top : -66px;
padding : 0 15px 0 23px;
}
#content_bottom {
float : left;
clear : both;
width : 100%;
height : 10px;
background : url(images/content_bottom.gif) no-repeat;
}
.content_left {
float : left;
width : 523px;
}
h2 {
float : left;
clear : both;
color : #1d1d1d;
font-size : 18px;
font-weight : normal;
padding-left : 50px;
}
h2.despre {
background : url(images/despre.png) no-repeat 5px center;
height : 34px;
line-height : 34px;
}
h2.stiatica {
background : url(images/stiatica.png) no-repeat 0 center;
height : 38px;
line-height : 38px;
}
h2.promotii {
background : url(images/promotii.png) no-repeat 0 center;
height : 39px;
line-height : 39px;
}
h2.servicii {
background : url(images/servicii.png) no-repeat 0 center;
height : 37px;
line-height : 37px;
}
h2.oferta {
background : url(images/oferta.png) no-repeat 0 center;
height : 56px;
line-height : 56px;
padding-left : 65px;
}
h2.contact {
background : url(images/contact.png) no-repeat 0 center;
height : 34px;
line-height : 34px;
color : #fff;
}
h2.echipa {
background : url(images/echipa.png) no-repeat 0 center;
height : 45px;
line-height : 45px;
color : #fff;
padding-left : 65px;
}
h2.parerea {
background : url(images/parerea.png) no-repeat 0 center;
height : 52px;
line-height : 52px;
color : #fff;
padding-left : 50px;
}
h2.configurator {
background : url(images/configurator.png) no-repeat 0 center;
height : 48px;
line-height : 48px;
padding-left : 55px;
}
#spune_parerea {
float : right;
color : #1d1d1d;
font-size : 18px;
font-weight : normal;
padding-left : 55px;
background : url(images/spune_parerea.png) no-repeat 0 center;
height : 51px;
line-height : 51px;
}
.content_right {
float : right;
width : 338px;
}
.box {
float : left;
clear : both;
background : #f4f4f4;
border : 1px solid #dfdfdf;
margin-top : 6px;
}
.box.large {
width : 100%;
border : 0;
background : transparent;
padding : 20px 0 40px 0;
}
.box.item {
width : 100%;
border : 0;
background : transparent;
padding : 12px 0;
}
.content_left .box {
width : 481px;
padding : 27px 20px;
}
.content_left .box.padd0 {
padding : 15px 20px;
}
.box_img {
float : left;
width : 125px;
}
.box_img img {
float : left;
border : 1px solid #fff;
margin-bottom : 22px;
}
.box.item .box_img {
width : 166px;
}
.box.item .box_img img {
float : left;
border : 4px solid #fff;
margin-bottom : 22px;
}
.box_text {
float : right;
width : 338px;
float : right;
text-align : left;
line-height : 20px;
}
.box.large .box_text {
width : 708px;
margin-right : 20px;
font-family : Tahoma;
}
.box.item .box_text {
width : 688px;
margin-right : 20px;
font-family : Tahoma;
}
.box h3 {
float : left;
clear : both;
width : 100%;
font-size : 12px;
color : #000000;
font-family : Tahoma;
}
.detalii {
float : right;
clear : both;
display : block;
font-family : Tahoma;
font-size : 11px;
text-align : center;
width : 57px;
height : 20px;
line-height : 20px;
color : #fff;
background : url(images/detalii.gif) no-repeat;
}
.detalii.mare {
float : right;
clear : both;
display : block;
font-family : Tahoma;
font-size : 13px;
text-align : center;
width : 88px;
height : 22px;
line-height : 22px;
color : #fff;
background : url(images/buton_mare.png) no-repeat;
}
.textblock {
float : left;
clear : both;
width : 100%;
font-family : Tahoma;
text-align : justify;
line-height : 18px;
}
.content_right .box {
width : 295px;
padding : 15px 20px;
}
.content_right .box .textblock {
line-height : 20px;
}
.parere {
float : left;
width : 845px;
padding : 10px 16px;
background : #fff;
margin : 5px 0;
border-radius:5px;
}
.text_prom {
float : left;
clear : both;
width : 100%;
margin-top : 20px;
}
.text_prom .desc_prom {
float : left;
clear : both;
font-size : 19px;
color : #000000;
}
.text_prom .desc_prom strong {
color : #ffae00;
font-size : 45px;
font-weight : lighter;
top : 5px;
position : relative;
}
.text_prom p {
float : left;
clear : both;
margin-top : 10px;
}
.vezi_promotiile {
float : right;
clear : both;
width : 135px;
height : 32px;
background : url(images/vezi_promotiile.gif) no-repeat;
margin-top : 24px;
}
.form_conf {
float : left;
clear : both;
margin-top : 20px;
width : 100%;
padding-bottom : 40px;
}
.form_conf_left {
float : left;
clear : left;
width : 435px;
}
.form_conf_left.smaller {
width : 360px;
}
.form_conf_left div {
float : left;
width : 411px;
padding : 0 12px;
height : 23px;
line-height : 23px;
background : url(images/input.gif) repeat-x;
border : 1px solid #686868;
margin : 2px 0;
}
.form_conf_left.smaller div {
width : 341px;
}
.form_conf label {
float : left;
width : auto;
margin-right : 20px;
}
.form_conf input {
float : left;
background : transparent;
border : 0;
width : auto;
margin-top : 2px;
}
.form_conf_right {
float : right;
width : 387px;
margin-right : 25px;
}
.form_conf_right div {
float : left;
width : 363px;
padding : 10px 12px;
height : 181px;
background : url(images/textarea.gif) repeat-x;
border : 1px solid #686868;
margin : 2px 0;
}
.form_conf textarea {
background : transparent;
width : 100%;
height : 100%;
font-family : Verdana;
font-size : 11px;
border : 0;
}
.form_conf input.submit {
float : right;
clear : both;
display : block;
font-family : Tahoma;
font-size : 11px;
text-align : center;
width : 57px;
height : 20px;
line-height : 20px;
color : #fff;
background : url(images/buton_mic.png) no-repeat;
padding : 0;
cursor : pointer;
}
.t_oferta {
float : left;
clear : both;
}
.t_oferta td {
color : #383838;
font-size : 11px;
padding : 3px 20px;
border : 1px solid #2e618c;
}
.t_oferta .t_head td {
font-weight : bold;
padding : 3px 10px;
background : #f7f7f7;
}
#servicii_menu {
float : left;
clear : left;
width : 310px;
background : #fff;
padding : 10px 0;
border-radius:5px;
}
#servicii_menu li {
float : left;
padding : 8px 10px;
border-bottom : 1px dashed #939393;
width : 290px;
}
#servicii_menu li a {
float : left;
background : url(images/item.gif) no-repeat left center;
padding-left : 23px;
width : 267px;
color : #4a4a4a;
font-size : 12px;
}
#servicii_menu li a#s_current {
font-weight : bold;
}
.serviciu {
float : right;
width : 475px;
text-align : left;
font-family : Tahoma;
line-height : 18px;
margin-right : 20px;
}
.serviciu h1 {
float : left;
width : 100%;
clear : both;
font-weight : bold;
font-size : 13px;
}
#footer {
float : left;
clear : both;
width : 887px;
min-height : 214px;
background : url(images/footer.jpg) no-repeat 0% 0%;
padding : 3px 17px 0 21px;
}
.footer_left {
float : left;
width : 180px;
}
.footer_left form {
float : left;
clear : both;
width : 100%;
margin-top : 6px;
}
.footer_left form input {
float : left;
clear : both;
width : 150px;
line-height : 18px;
height : 18px;
padding : 0 15px;
color : #d9e3e9;
background : #376a8c;
border : 0;
font-size : 10px;
margin-top : 4px;
}
.footer_left form textarea {
float : left;
clear : both;
width : 150px;
height : 48px;
padding : 2px 15px;
color : #d9e3e9;
background : #376a8c;
border : 0;
font-size : 10px;
font-family : Verdana;
margin-top : 4px;
}
.footer_left form input.f_submit {
float : right;
clear : both;
display : block;
font-family : Tahoma;
font-size : 11px;
text-align : center;
width : 57px;
height : 20px;
line-height : 20px;
color : #fff;
background : url(images/buton_mic.png) no-repeat;
padding : 0;
cursor : pointer;
}
.footer_menu {
float : left;
margin : 10px 0 0 0;
padding : 0 0 0 66px;
}
.footer_menu li {
float : left;
clear : both;
margin : 3px 0;
}
.footer_menu li a {
float : left;
color : #fff;
font-size : 11px;
}
.footer_menu li a:hover, .footer_menu li a#f_current {
color : #ffae00;
}
.footer_right {
float : right;
width : 504px;
}
.footer_right p {
float : left;
clear : both;
width : 100%;
color : #fff;
text-align : left;
margin-top : 12px;
}
.footer_right_1 {
float : left;
width : 245px;
}
.footer_right_2 {
float : right;
width : 234px;
}
.f_utils {
float : left;
width : auto;
background : url(images/f_utils.png) no-repeat center center;
margin-top : 10px;
}
.f_utils .config_pret {
float : left;
width : auto;
display : block;
height : 48px;
line-height : 48px;
background : url(images/configurator.png) no-repeat 0% center;
padding-left : 64px;
font-size : 16px;
color : #fff;
margin-right : 20px;
}
.f_utils .tel {
float : left;
width : auto;
display : block;
height : 48px;
line-height : 48px;
background : url(images/telefon.png) no-repeat 0% center;
padding-left : 46px;
font-size : 16px;
color : #fff;
margin-right : 20px;
}
#credits {
float : left;
clear : both;
width : 100%;
text-align : center;
color : #221f1d;
font-family : Tahoma;
line-height : normal;
margin-top : 32px;
padding-bottom : 40px;
}
#credits a {
color : inherit;
text-decoration : none;
}
.form {
float : left;
width : 400px;
clear : both;
margin : 15px 0;
}
.form div {
float : left;
clear : both;
width : 100%;
margin : 3px 0;
}
.form label {
float : left;
margin-top : 5px;
width : 20%;
text-align : right;
}
.form input {
float : right;
width : 75%;
border : 1px solid #c3b98d;
height : 18px;
padding : 2px 5px;
}
.form select {
float : right;
width : 75%;
border : 1px solid #c3b98d;
height : 22px;
padding : 2px 5px;
}
.form textarea {
float : right;
width : 75%;
border : 1px solid #c3b98d;
height : 150px;
padding : 2px 5px;
}
.form input.button {
width : 140px;
height : 22px;
line-height : 22px;
border : 0;
text-align : center;
cursor : pointer;
padding : 0;
}
.err {
float : left;
clear : both;
width : 100%;
color : red;
font-size : 11px;
}
.succes {
float : left;
clear : both;
width : 100%;
color : green;
font-size : 11px;
}
.admin_link {
float : left;
clear : both;
text-decoration : underline;
color : #333;
}
.inapoi_link {
float : left;
clear : both;
text-decoration : underline;
color : #333;
}
#admin_table {
float : left;
clear : left;
}
#admin_table td {
padding : 4px;
border : 1px solid #333;
}
#admin_table #admin_table_h td {
font-weight : bold;
font-size : 12px;
}
#admin_table .afisat td {
background : #d4f9ca;
}
.poza_existenta {
float : left;
margin : 10px 0;
}
.sterge_poza {
float : left;
color : #fff;
background : red;
padding : 5px 2px;
margin : 10px 5px 10px 0;
}