/* Negrean Media master CSS file  */

@import url("reset.css");

* {  }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}  /* for IE/Mac */


body { background: #cbcbcb url(../images/bg.png) left top repeat-x; text-align: center; font: normal 12px/30px Arial, serif; }
.page { width: 960px; margin: 0 auto; text-align: left; position: relative; }
.logo { margin: 50px 0 45px 0; height: 27px; }
.logo a { background: url(../images/logo.png) left top no-repeat; text-indent: -29999px; margin: 0; padding: 0; display: block; height: 27px; width: 241px; }

#secondary-content { background: url(../images/sep.png) 560px top repeat-y; margin: 20px 0; }
.box { float: left; }
.box h2 { font-size: 24px; font-weight: bold; text-transform: lowercase; }

.servicii { width: 560px; margin: 0 20px 0 0; }
.contact { width: 380px; }

.servicii ul { margin: 2em 0}
.servicii li { line-height: 1.5em; }
.consultanta-it { background: url(../images/perform_normal.png) left center no-repeat; padding: 0 0 0 140px; }
.consultanta-it-hover { background-image: url(../images/perform_hover.png); }

.contact address { margin: 2.3em 0 }
.contact address,
.contact address a { color: #888989; font-size: 18px; line-height: 1.5em; text-decoration: none; }
.contact address a:hover { color: #bb033f; }

.perform-link { color: #000000; text-decoration: none; }
.perform-link:hover { color: #bb033f; }

/* Additional styles for the controls. */
.jcarousel-control { margin: 0; padding: 0; position: absolute; top: 280px; z-index: 10; width: 508px; _width: 550px; height: 18px; _height: 60px; padding: 21px }
.jcarousel-control a { line-height: 18px; font-size: 14px; text-align: center; text-decoration: none; padding: 0px; width: 18px; height: 18px; color: #fff; background: url(../images/current-dot.png) left top no-repeat; font-weight: bold; display: block; float: left; margin: 0 18px 0 0; color: #b4b4b4 }
.jcarousel-control a.dot-hover,
.jcarousel-control a:hover { background-position: left -18px; color: #fff; }
.jcarousel-control a:focus,
.jcarousel-control a:active { outline: none; }
.jcarousel-control a.dot-hover {  }
.jcarousel-control #current-item { float: right; font-size: 48px; font-weight: bold; color: #fff; line-height: 18px }

.jcarousel-scroll { margin-top: 10px; text-align: center; }
.jcarousel-scroll form { margin: 0; padding: 0; }
.jcarousel-scroll select { font-size: 75%; }

#mycarousel-next,
#mycarousel-prev { cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px; }


/*language control*/
.language-control { position: absolute; top: 7px; *top: 53px; right: 0; }

.language-control,
.language-control li { list-style-type: none; margin: 0; padding: 0; }
.language-control li { float: left; margin: 0 0 0 20px; }
.language-control li a { display: block; text-indent: -29999px; font-size: 1px; width: 27px; height: 20px; line-height: 1px; }
.language-control li.ro a { background: url(../images/ro.png) 0 0 no-repeat }
.language-control li.en a { background: url(../images/en.png) 0 0 no-repeat }
.language-control li a:hover { background-position: 0 -20px; }
.language-control li a.selected { background-position: 0 -40px; }
.language-control li a.disabled { background-position: 0 -60px; }