/* Localized */
/* 
    Document   : stil
    Created on : Dec 15, 2011, 9:10:19 AM
    Author     : Diana
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


@font-face {
    font-family: 'AvantGarde';
    src: url('avgardm-webfont.eot');
    src: url('avgardm-webfont-0.eot#iefix') format('embedded-opentype'),
         url('avgardm-webfont.woff') format('woff'),
         url('avgardm-webfont.ttf') format('truetype'),
         url('avgardm-webfont.svg#AvantGardeMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadPro';
    src: url('myriadwebpro-webfont.eot');
    src: url('myriadwebpro-webfont-0.eot#iefix') format('embedded-opentype'),
         url('myriadwebpro-webfont.woff') format('woff'),
         url('myriadwebpro-webfont.ttf') format('truetype'),
         url('myriadwebpro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {margin:0; padding:0; background: #fff url(../images/bg.jpg) 0 0 repeat-x; font-family: Arial; font-size:13px; color:#2B2B2B;}

a {color:#F08A00;}
a img {border:0;}
a:hover {text-decoration: none;}
p {margin:0; padding:0;}
h1, h2, h4, h4, h5, h6 {padding:0; margin:0; padding-top:5px; padding-bottom:5px;}

.wrapper {width:950px; margin:auto;}
.tel {float:right; padding-top:10px; background:url(../images/icon_tel.png) 0 10px no-repeat; font-family: MyriadPro; font-size:17px; text-shadow: 1px 1px 0 #fff; padding-left:40px;}
.header {background:url(../images/bg_header.png) 50% 100% no-repeat; height:40px;}
.header .logo {margin:0; padding:0; padding-top:36px;}
.header .logo strong {font-size: 0px;height: 0px;left: -999em;line-height: 0;overflow-x: hidden;overflow-y: hidden;position: absolute;text-indent: -999em;top: -999em;width: 0px; }

.menu {text-align:right; background:url(../images/bg_menu.jpg) 0 0 no-repeat; height:39px;border-bottom:1px solid #fff;}
.menu ul {padding:0; margin:0; list-style:none;}
.menu ul li {display:inline-block; padding-top:1px; padding-right:13px; padding-left:7px; background:url(../images/diamant.png) 100% 50% no-repeat;}
.menu ul li.last {background:none;}
.menu ul li a {display:inline-block; line-height: 37px; font-size:17px; color:#fff; padding-left:7px; padding-right:7px; text-decoration: none;}
.menu ul li a:hover, .menu ul li a.current {background:#838383;}

.content {margin-top:30px;}
.content-left {width:235px; float:left;}
.content-right {width:660px; float:left; margin-left:40px;}


.content-left .servicii {background:url(../images/bg_servicii.jpg) 0 0 repeat; border:1px solid #77A80E; padding:0; padding-bottom:20px;}
.content-left .servicii h3 {background:url(../images/bg_servicii_header.png) 0 0 no-repeat; margin:0; margin-top:-3px; margin-left:-4px; margin-bottom:15px; padding-left:20px; padding-top:15px; text-transform: uppercase; font-family: AvantGarde; font-size:27px; color:#fff; font-weight:normal; text-shadow: 1px 1px 0 #3C4F0B;}
.content-left .servicii .serviciu {height:31px; border-top:1px solid transparent; border-bottom:1px solid transparent;}
.content-left .servicii .serviciu:hover {background: #87B712; border-top: 1px solid #6C9B0B; border-bottom:1px solid #6C9B0B;}
.content-left .servicii .serviciu a {margin-left:15px; line-height: 31px; padding-left:20px; background: url(../images/diamant.png) 0 50% no-repeat; font-size:17px; color:#2B2B2B; text-decoration: none; text-shadow:1px 1px 0 #BAD778;}

.content-left .contact {background:url(../images/bg_contact.jpg) 0 0 repeat; border:1px solid #D09804; padding:0; padding-bottom:20px; margin-top:15px;}
.content-left .contact h3 {background:url(../images/bg_servicii_header.png) 0 0 no-repeat; margin:0; margin-top:-3px; margin-left:-4px; margin-bottom:15px; padding-left:20px; padding-top:15px; text-transform: uppercase; font-family: AvantGarde; font-size:27px; color:#fff; font-weight:normal; text-shadow: 1px 1px 0 #3C4F0B;}
.content-left .contact p {font-family:MyriadPro; font-size:14px; margin-left:15px; margin-right:10px;}
.content-left .contact .contact-info {margin-left:15px;  padding-left:20px; text-shadow:1px 1px 0 #FFD786 ; background: url(../images/diamant.png) 0 5px no-repeat; margin-top:10px;}
.content-left .contact .contact-info strong {font-size:15px; font-family:MyriadPro;}
.content-left .contact .contact-info p {margin-left:0;}

.content-left .send_message {margin-top:10px; text-align:right;}
.content-left .message {display:inline-block; height:31px; padding: 0 15px; border:1px solid #DA9903; background: #F0A800;}
.content-left .message:hover {border-color:#DA9904; background-color: #E8A300;}
.content-left .message a {line-height:31px; color:#000; text-shadow:1px 1px 0 #FFD786; text-decoration: none;}

.mai-mult {text-align: right; font-size:15px;}
.wideitem {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #B6B6B6;}
.wideitem .photo {float:left; min-height:95px; width:145px;}
.wideitem .foto {width:196px; height:146px; float:left; margin-right:20px; margin-bottom:20px;}
.wideitem .foto a img {border:3px solid #BFBFBF;}
.wideitem .foto a:hover img {border: 3px solid #FFBE27;}
.wideitem .certificat {width:202px; height:330px; float:left; margin-right:12px;}
.wideitem .certificat a img {border:3px solid #BFBFBF;}
.wideitem .certificat a:hover img {border: 3px solid #FFBE27;}
.wideitem .certificat .nume {margin-top:10px;padding-left:15px; margin-left:10px; background: url(../images/diamant.jpg) 0 5px no-repeat; font-size:16px;}
.wideitem .content {margin:0; padding:0; float:left; width:484px; min-height:95px; margin-left:20px; }
.wideitem .content h6 {padding:0; margin:0; font-family:AvantGarde; color: #2B2B2B; font-size:19px; font-weight: normal; text-decoration: none; margin-bottom:10px;}
.wideitem .content h6 a {font-family:AvantGarde; color: #2B2B2B; font-size:19px; font-weight: normal; text-decoration: none;}
.wideitem h4 {font-family: AvantGarde; font-size:19px; font-weight: normal;}
.content-right h2, .content-right h1, .content-right h3{padding:0; margin:0; font-family:AvantGarde; font-size: 20px; color:#F08A00; font-weight:400; margin-bottom:15px;}
.content-right h3 {margin-bottom:15px; border-bottom:1px solid #B6B6B6;}
.content-right .text {margin-bottom:20px;}
.content-right .text p {margin-bottom:10px;}

.contact-form {float:left; width:256px;}
.contact-form input[type=text] {width:246px; padding-left:10px; padding-right:10px; background:url(../images/bg_input.jpg) 0 0 no-repeat; border:0; font-size:15px; height:33px; margin-bottom:10px;}
.contact-form textarea {width:246px; height:168px; padding:10px; background: url(../images/bg_textarea.jpg) 0 0 no-repeat; border:none; font-family: Arial; font-size:15px;}
.contact-form input[type=submit] {margin-left:150px; margin-top:10px;;padding:7px 10px; background:#F0A800; border:1px solid #DA9903; font-size:14px; color:#2B2B2B; text-shadow:1px 1px solid #fff;}
.contact-form input[type=submit]:hover {border-color:#DA9904; background-color: #E8A300;}
.contact-map {float:right; margin-left:5px; width:376px; height:365px; background:url(../images/bg_map.jpg) 100% 100% no-repeat;}

.footer-wrapper {background:url(../images/bg_footer.jpg) 0 0 repeat-x; margin-top:30px;}
.footer {margin:auto; width:950px; padding-top:40px;}
.footer a {color:#2B2B2B; font-size:15px; text-decoration: none; padding:4px;}
.footer a:hover {text-decoration: underline;}
.footer .left {float:left; width:470px;}
.footer .right {float:right; width:450px; text-align: right;}
.footer .copyrights {clear:both; margin-top:40px; margin-bottom:60px; height:50px; background:#E5E5E5;}
.footer .copyrights .bottom-right {text-align:right; padding:17px;}
.footer .copyrights .bottom-right a {font-size:12px; text-shadow:1px 1px 0 #fff;}

.carousel-poze {height:150px; margin-top:40px;}
.carousel-poze ul {list-style: none; padding:0; margin:0;}
.jcarousel-skin-tango .jcarousel-container {width: 864px; margin-left:40px;}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 780px;padding: 0px 40px;}
.jcarousel-skin-tango .jcarousel-clip {   overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {  width: 780px;  height: 136px;}
.jcarousel-skin-tango .jcarousel-item {width: 177px;height: 130px; border:3px solid #BFBFBF; margin-left:7px; margin-right:7px;}
.jcarousel-skin-tango .jcarousel-item:hover {border:3px solid #FFBE27;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;   margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top:0px; right: 0px;width: 21px;height: 136px;cursor: pointer; background: transparent url(../images/arrow-right.jpg) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto; background-image: url(../images/arrow-right.jpg);}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 0px;left: 5px;width: 21px;height: 136px;cursor: pointer;background: transparent url(../images/arrow-left.jpg) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../images/arrow-left.jpg);}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-image: url(../images/arrow-right-hover.jpg);}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-image: url(../images/arrow-right-hover.jpg);}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-image: url(../images/arrow-left-hover.jpg)}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-image: url(../images/arrow-left-hover.jpg);}
/**
 *  Vertical Buttons
 */
 
.jcarousel-skin-servicii .jcarousel-container {width: 655px;}
.jcarousel-skin-servicii .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-servicii .jcarousel-container-horizontal {width: 585px;padding: 0px 35px;}
.jcarousel-skin-servicii .jcarousel-clip {   overflow: hidden;}
.jcarousel-skin-servicii .jcarousel-clip-horizontal {  width: 585px;  height: 136px;}
.jcarousel-skin-servicii .jcarousel-item {width: 177px;height: 130px; border:3px solid #BFBFBF; margin-left:7px; margin-right:7px;}
.jcarousel-skin-servicii .jcarousel-item:hover {border:3px solid #FFBE27;}
.jcarousel-skin-servicii .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;   margin-right: 0;}
.jcarousel-skin-servicii .jcarousel-item-vertical { margin-bottom: 10px;}
.jcarousel-skin-servicii .jcarousel-item-placeholder { background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-servicii .jcarousel-next-horizontal {position: absolute;top:0px; right: 0px;width: 21px;height: 136px;cursor: pointer; background: transparent url(../images/arrow-right.jpg) no-repeat 0 0;}
.jcarousel-skin-servicii .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto; background-image: url(../images/arrow-right.jpg);}
.jcarousel-skin-servicii .jcarousel-prev-horizontal {position: absolute;top: 0px;left: 5px;width: 21px;height: 136px;cursor: pointer;background: transparent url(../images/arrow-left.jpg) no-repeat 0 0;}
.jcarousel-skin-servicii .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../images/arrow-left.jpg);}

.jcarousel-skin-servicii .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-image: url(../images/arrow-right-hover.jpg);}
.jcarousel-skin-servicii .jcarousel-next-horizontal:active { background-image: url(../images/arrow-right-hover.jpg);}

.jcarousel-skin-servicii .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-image: url(../images/arrow-left-hover.jpg)}
.jcarousel-skin-servicii .jcarousel-prev-horizontal:active { background-image: url(../images/arrow-left-hover.jpg);}
 
/* =================== LIGHTBOX ==========*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;	width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100000;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {	position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 11000;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;	overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;}