/* tools */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* font styles*/ strong, .strong {font-weight:bold;} .i {font-style:italic;} .u {text-decoration:underline;} /* general styles */ html,body {font-family:Arial,Verdana,Helvetica;background-color:#333;min-width:980px;} #doc5 {margin:0 auto;text-align:left;width:980px;} h1, h2 {font-family:"Arial Narrow";text-shadow: 2px 2px 2px #000;} /* home styles*/ #wrapper {background:transparent url(/images/site/hd_squares.png) repeat-x left top;} body#Acasa, body#Home {background:transparent url(/images/site/home_bg.jpg) no-repeat center top;} body#servicii, body#services {background:transparent url(/images/site/servicii_bg.jpg) no-repeat center top;} body#gazduire-web, body#web-hosting {background:transparent url(/images/site/gazduire_bg.jpg) no-repeat center top;} body#contact {background:transparent url(/images/site/contact_bg.jpg) no-repeat center 370px;} /*header*/ #hd {padding:27px 0 30px 0;} #hd a {color:#CCCCCC;text-decoration:none;} #hd ul {float:right;} #hd ul li {float:left;} ul#menu li {background:transparent url(/images/site/hd_separator.png) no-repeat right center; padding-right:10px;margin-left:10px;} ul#menu li.last {background:none;} ul#lang li {margin-right:10px;} /*footer */ #ft {padding:20px 0 30px 0;} #ft p {color:#999999;text-align:right;font-size:85%;margin-top:5px;} #ft a {color:#999999;} /*layout*/ div.logo a {background:transparent url(/images/site/logo.png) no-repeat left top;text-indent:-9999px; display:block;width:200px;height:500px;margin:45px 0 0 20px;outline:none;} .yui-g .yui-u {width:580px;} .yui-g .yui-u.first {width:400px;} /*home, orange box*/ #home_orange ul {padding:10px 20px 0 20px;} #home_orange ul li {background:transparent url(/images/site/home_bullet.jpg) no-repeat left 7px;color:#FFF; padding:3px 0 3px 15px;} #home_orange ul li a {color:#fff;} #home_orange .title {background:transparent url(/images/site/home_orange_header.png) no-repeat left top;position:relative;padding:25px 0 30px 20px;} #home_orange .title h1 {font-size:32px;color:#FFF;} #home_orange .content {background-color:#E97B28} #home_orange .footer {background:transparent url(/images/site/home_orange_footer_left.png) no-repeat left top;} #home_orange .footer .c {background:transparent url(/images/site/home_orange_footer_right.png) no-repeat right top;height:24px;margin-left:22px;} /*the grey box*/ .container {background:transparent url(/images/site/border-v.jpg) repeat-y left top;} .inside-container {background:transparent url(/images/site/border-v.jpg) repeat-y right top;padding:1px 1px 6px 1px;} .heading .title {background:transparent url(/images/site/grey-header.png) no-repeat left top; opacity:0.4;height:85px;-webkit-opacity:0.4;} .heading h1 {font-size:32px;color:#FFF;margin-top:-60px;padding:0 0 20px 20px;} .heading h1 em {display:block;font-size:19px;} .heading .content {color:#FFF;padding:20px;padding-bottom:40px;background:#2B2B2B url(/images/site/content.png) no-repeat left top; margin-top:2px;} .scissors {background:transparent url(/images/site/scissors.png) no-repeat left top;width:13px;height:19px;position:absolute;margin:5px 0 0 -7px;} .separator {background:transparent url(/images/site/border-h.jpg) repeat-x left top;margin:0 -15px;*margin:0;height:10px;} .inside-separator {background:transparent url(/images/site/border-h.jpg) repeat-x left bottom;height:10px;} #servicii .heading h1, #services .heading h1 {margin-top:-80px;padding:0 0 15px 20px;} #servicii div.logo a, #services div.logo a {background:transparent url(/images/site/servicii_logo.png) no-repeat left top;height:40px;} /* grey box with orange header*/ .orange .title {background:transparent url(/images/site/orange_header.jpg) no-repeat left top;} .orange .title h2 {color:#fff;font-size:146.5%;padding:9px 0 9px 20px;text-transform:uppercase;} .orange .title h2 a {color:#fff;text-decoration:none;} .orange .content {background-color:#2B2B2B;padding:20px;color:#fff;padding-bottom:40px;} .orange ul {margin-bottom:10px;} .orange ul li {background:transparent url(/images/site/orange_bullet.jpg) no-repeat left 9px; padding:3px 0 3px 15px;} .orange .start ul li {background:none;} .orange .start em {font-size:28px;font-weight:bold;} .orange p a {color:#fff;} .orange a.contact {background:transparent url(/images/site/servicii_contact.png) no-repeat left top; width:150px;height:22px;float:right;display:block;margin-right:20px;text-decoration:none; color:#CCC;text-align:center;padding-top:3px;font-size:93%;outline:none;} .orange a.contact:hover {background:transparent url(/images/site/servicii_contact_hover.png) no-repeat left top;} #generic p {margin-bottom:10px;} #generic ul {margin-bottom:10px;} #generic ul li {margin-left:15px;} #generic a {color:#FFF;} /*contact*/ .form {} .form th, .form td {padding:3px;} .form th {width:150px;text-align:right;vertical-align:top;} .form textarea, .form .select {width:250px;float:left;} .form input {width:245px;float:left;} .form .submit {width:auto;} .form td.note {font-size:85%;color:#ccc;padding-right:60px;} #contact_note {margin-bottom:20px;} div.f.error {background:transparent url(/images/site/exclamation.png) no-repeat 0 5px; padding:5px 10px 5px 20px;color:#FFF;font-weight:bold; margin:10px 0 5px 10px;} .validation-advice {padding-top:5px;float:left;margin-left:5px;font-weight:bold;color:#FF0000;}