@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') repeat-x;
  overflow: hidden;
  position: relative;
}

#main_menu ul{
  margin: 25px 0px 0px 70px;
}

#main_menu ul li{
  display: inline;
  color: #C89364;
}

#main_menu ul li a{
  text-transform: capitalize;
  color: #C89364;
  text-decoration: none;
  font-weight: bold;
}

#main_menu ul li a:hover{
  color: #DBBD95;
}

#limbi{
  position: absolute;
  width: auto;
  height: 22px;
  top: -2px;
  right: 0px;
  overflow: hidden;
}

#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_top{
  width: inherit;
  height: 8px;
  background: transparent url('http://www.comtelcs.ro/images/jaggy_top.png') repeat-x;
}

#spiky_middle{
  width: 705;
  height: auto;
  overflow: hidden;
  min-height: 200px;
  background: transparent url('http://www.comtelcs.ro/images/jaggy_middle.png') repeat-y;
  padding: 15px 35px;
}

#spiky_bottom{
  width: inherit;
  height: 8px;
  background: transparent url('http://www.comtelcs.ro/images/jaggy_bottom.png') repeat-x;
}

#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{
  width: 100%;
  background: transparent url('http://www.comtelcs.ro/images/menu_back.png') repeat-x;
  padding: 0px 0px 15px 0px;
}

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

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

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

#footer_menu ul li a{
  color: #C89364;
  text-decoration: none;
  font-weight: bold;
  text-transform: lowercase;
}

#footer_menu ul li a:hover{
  color: #DBBD95;
}


/*===========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*/