@charset "utf-8";
/*
*********************************************
************Expert Online CSS Template*******
*********************************************
*******************V  1.2.5******************
*********************************************
******************NUME FIRMA*****************
*/
/**************VVgeneralVV******************/
body{
  padding: 0px;
  margin: 0px;
  font-family: Trebuchet MS, Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
  background: #C49B5F url('http://www.comtelcs.ro/images/bg_wood.png') no-repeat center top;
  font-size: 14px;
  color: #5C3510;
}

div, h1, h2, h3, h4{padding: 0px;margin: 0px;}
ol{list-style-type: none;}
img{border: 0px;}
h2{font-size: 24px;}


/*************stilul normal pentru linkuri*************/
a{
  font-family: Trebuchet MS, Verdana, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;;
  color: #FEDEAF;
  text-decoration: underline;
  font-size: 12px;
}

a:hover{
  text-decoration: none;
}
/*************stilul normal pentru linkuri*************/


/*******************clase generale************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html.clearfix {height:1%;}
.zarro_float{float: none;height: 0px;overflow: hidden;width: 100%;}
.float_left{float: left;}
.float_right{float: right;}
.align_right{text-align: right;}
.align_left{text-align: left;}
.align_center{text-align: center;}
.align_justify{text-align: justify;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.normal{font-style: normal; font-weight: normal}
/*************end clase generale************/


/*****************clase specifice***********/

.buton_maro{
  display: inline-block;
  width: auto;
  height: 19px;
  overflow: hidden;
}

.buton_maro a{
  text-decoration: none;
  font-weight: bold;
  color: #DEB67C;
  white-space: nowrap;
}

.buton_maro a:hover{
  text-decoration: underline;
}

.buton_maro div{
  float: left;
}


.buton_maro_left{
  width: 6px;
  height: 19px;
  background: transparent url('http://www.comtelcs.ro/images/button_brown_left.png') no-repeat;
}

.buton_maro_content{
  width: auto;
  height: 19px;
  background: transparent url('http://www.comtelcs.ro/images/button_brown_middle.png') repeat-x;
  padding: 0px 10px;
  overflow: hidden;
}

.buton_maro_content:hover{
  text-decoration: underline;
}

.buton_maro_right{
  width: 6px;
  height: 19px;
  background: transparent url('http://www.comtelcs.ro/images/button_brown_right.png') no-repeat;
}


/*************end clase specifice***********/

/************^^^^general^^^^^***************/

#container{
  width: 996px;
  height: auto;
  margin: 0px auto;
  z-index: 1;
  position: relative;
}

#tzepi{
  position: absolute;
  width: 100%;
  height: 24px;
  background: transparent url('http://www.comtelcs.ro/images/colturi_top.png') repeat-x;
  top: 0px;
  left: 0px;
  z-index: 2;
}


/*===============header=====================*/
#header{
  overflow: hidden;
  width: auto;
  height: 355px;
}


/*logo-swap*/
#logo{
  width: 238px;
  height: 117px;
  float: left;
  margin-top: 90px;
}

#logo a{
  background: transparent url('http://www.comtelcs.ro/images/logo.png') no-repeat;
  display: block;
  width: 238px;
  height: 117px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}
/*logo-swap*/

/*===========end header=====================*/



/*===============content=====================*/
#content{
  overflow: hidden;
}

#main{
  width: 705px;
  height: auto;
  float: right;
}

#main_menu{
  width: inherit;
  height: 65px;
  background: transparent url('http://www.comtelcs.ro/images/menu_back.png') no-repeat;
  position: relative;
  z-index:70;
}

#main_menu > ul{
  padding: 21px 0 0 34px;
  margin:0;
}

#main_menu > ul > li{
  display: block;
  float:left;
  color: black;
  position:relative;
  margin:0 2px;
}
#main_menu > ul > li:hover > ul{
  display:block;
}
#main_menu > ul > li > a{
    color: #443508;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow:1px 1px 5px white;
    padding-top:2px;
}

#main_menu > ul > li > a:hover{
  text-decoration: overline;
}
#main_menu > ul > li > ul{
  display:none;
  position:absolute;
  top:23px;
  left:0;
  margin:0;
  padding:10px 15px;
  border-radius:13px;
  -moz-border-radius:13px;
  -webkit-border-radius:13px;
  background-color:#C49B5F;
  list-style:none;
  border:1px solid #966D41;
}
#main_menu > ul > li > ul > li:first-child{
  border:0 none;
}
#main_menu > ul > li > ul > li{
  padding:6px 0 8px;
  border-top:1px dashed #966D41;
  display:block;

}
#main_menu > ul > li > ul > li > a{
  white-space:nowrap;
  font-size:13px;
  color:#443508;
  text-decoration:none;
  text-transform:capitalize;

}
#main_menu > ul > li > ul > li > a:hover{
  text-decoration:underline;
}
#limbi{
    height: 22px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 0;
    width: auto;
}

#limbi li{
  width: 32px;
  height: 22px;
  float: left;
  margin-right: 5px;
}

#ro a{
  background: transparent url('http://www.comtelcs.ro/images/lang_ro.png') no-repeat;
  display: block;
  width: 32px;
  height: 22px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}

#en a{
  background: transparent url('http://www.comtelcs.ro/images/lang_en.png') no-repeat;
  display: block;
  width: 32px;
  height: 22px;
  margin:0;
  padding:0;
  overflow:hidden;
  text-indent:400px;
  white-space:nowrap;
}


#text_container{
  width: inherit;
  height: auto;
  margin: 20px auto;
}

#text_container h2{
  font-weight: normal;
}

#text_container h3{
  font-weight: normal;
  letter-spacing: 2px;
}

#spiky_middle{
  width: 705;
  height: auto;
  overflow: hidden;
  min-height: 500px;
  background: transparent url('http://www.comtelcs.ro/images/jaggy_middle.png') repeat-y;
  padding: 15px 35px;
  border-radius:15px;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border:1px solid #966d41;
}

#sidebar{
  width: 220px;
  height: auto;
  overflow: hidden;
  margin: 15px 0px 35px 40px;
}

#sidebar p{
  text-align: justify;
}

#sidebar img{
  border: 4px solid #DBB47B;
  display: block;
  margin: 10px auto;
}

#sidebar h3{
  font-size: 12px;
  background: transparent url('http://www.comtelcs.ro/images/noutati_h3_back.png');
  margin-top: 15px;
  overflow: hidden;
}

#sidebar h3 span{
  display: block;
  width: inherit;
  padding-left: 22px;
  background: transparent url('http://www.comtelcs.ro/images/noutati_h3_ico.png') no-repeat 7px center;
  color: #0A243B;

}


/*===========end content=====================*/

/*===============footer======================*/
#footer{
    height: 80px;
    padding: 10px 0 15px;
    width: 100%;
    background:url("../images/footer-bg.png") repeat-x scroll center 5px transparent;
}

#footer_menu{
  width: 996px;
  overflow: hidden;
  margin: 0px auto; 
  height:20px;
}

#footer_menu ul{
  text-align: center;
   margin: 0px;
   padding:0;
}

#footer_menu ul li{
  display: inline;
  color: #443508;
}

#footer_menu ul li a{
  color: #443508;
  text-decoration: none;
  font-weight: bold;
  text-transform: lowercase;
  font-size:15px;
}

#footer_menu ul li a:hover{
  text-decoration:overline;
}
#footer_menu ul li ul{
  display:none;
}

#footer p a{color:#443508;text-decoration:none;}
#footer p a:hover{text-decoration:underline;}
/*===========end footer======================*/

/*SLIDESHOW*/
#slideshow {
	  position: absolute;
	  width: 537px;
      height: 354px;
      top: 0px;
      right: 15px;
	  }

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    display: block !important;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}
/*END SLIDESHOW*/

/*CONTACT*/
#contact_container{
  overflow: hidden;
}


#contact_det{
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
}

#contact_det hr{
  width: 60%;
  color: #F7F7F7;
}

#contact h2{
       padding: 0;
       margin: 0;
}


#contact_mail_form{

 display: block;
 width: 330px;
 position: relative;
 z-index: 0;
 margin: 0 auto;
}

#contact_mail_form label{
  margin: 10px auto 0 auto;
  padding: 0;
  display: block;
  width: 110px;
  height: 16px;
  float: left;
}

#mail_data input, #mail_data textarea{
  margin: 10px auto 0 auto;
  padding: 0px;
  display: block;
  width: 210px;
  float: right;
}

#butoane_contact{
  margin: 10px auto 0 auto;
  width: 180px;
  float: right;
}

input.whiteButton { background-color: #FFFFFF;cursor: pointer;text-align: center;font-weight: bold;	color: #000000;font-weight: bold;font-size: 11px;margin-left: 0px;border-right: black 2px solid;border-top: black 2px solid;border-left: black 2px solid;border-bottom: black 2px solid;font-family: Verdana, arial, Tahoma;}

#captcha_pic{
  margin: 10px 10px 10px 10px;
}
#captcha{
  margin: 5px 0px 5px 25px;
}


/*contact*/

/*----------product scroller-----------*/
#ps-body{
  padding:0px;
  margin-top:15px;
}

#progres-panes-container{
    float: left;
    height: 132px;
    margin: 0 12px;
    overflow: hidden;
    position: relative;
    width: 156px;
}


#progres-pane-view{
    left: 0;
    position: relative;
    top: 0;
    width: 143px;
}
.direction-arrow{
  float: left;
  margin: 0px;
  outline:0 none;
}
.direction-arrow img{
  border:0 none!important;
  margin:0!important;
}
.progres-pane{  
    -moz-border-radius: 15px 15px 15px 15px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D2DFB5;
    float: left;
    overflow: hidden;
    padding: 7px;
    text-align: center;
}
.progres-pane img{
  height: auto;
  border:0 none!important;
  margin:0!important;
}


/*----------product scroller-----------*/

/*   ------------ START GALLERY ------------   */
.gallery{margin:10px;}
.gallery .thumb{border:1px solid #000; padding:3px 3px 5px;float:left;height:130px;width:170px;margin:10px;text-align:center}
.gallery .thumb:hover{background-color:#C49B5F;padding:6px 6px 8px;margin:7px;border:1px solid #c00;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.gallery .thumb a{}
.gallery .thumb a:hover{cursor:url("../files/images/magnify.cur"), pointer;}
.gallery .thumb a img{border:0;max-height:132px;max-width:170px;}
/*   ------------ END GALLERY ------------   */

/*   --------   START LIGHTBOX   ---------------   */
#jquery-overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:150%;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;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:10;}
#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;}
/*   --------   END LIGHTBOX   ---------------   */