@charset "utf-8";
/* CSS Document */

body,td,th {font-family: Arial;	font-size: 12px; color: #333;}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;}
a {	font-family: Arial;	font-size: 12px; color: #333;}
a:link { text-decoration: none;}
a:visited {	text-decoration: none; color: #333;}
a:hover { text-decoration: underline; color: #F00;}
a:active { text-decoration: none; color: #333;}

.transparent {filter:alpha(opacity=75); -moz-opacity:0.75;	-khtml-opacity: 0.75; opacity: 0.75;}

/* BUTOANE negre STyle
 ----------------------------------------------- */

a.bullet-00 { padding-left: 18px; background: transparent url("../images/bullet_00.png") no-repeat 0 50%; }
a.bullet-00:hover { background-position: -999px 50%; }
.js a.bullet-00 { background-image: url("../images/bullet_00_b.png"); }

a.button-00 { float: left; padding: 0 0 0 8px; background: #000 url("../images/button_00.png") no-repeat 0 0; color: #FFF !important; font-size: 10px !important; text-transform: uppercase; line-height: 17px; }
a.button-00 span { float: left; padding: 0 16px 0 0; background: transparent url("../images/button_00.png") no-repeat 100% 0; }
a.button-00:hover { color: #F47F20 !important; }
a.button-00:hover span { background-position: 100% -34px; }


#cu3er-container h1 {margin:0px; padding:0px; display:inline; color:#FFF; position:relative; left:40px; top:40px;}
#cu3er-container ul{ width:300px; color:#CCC; list-style:square; position:relative; top:50px; left:15px;}

#footer-links {position:relative;   font-size:11px; font-family:Tahoma; color:#666; padding-bottom:100px;  width:750px; margin:auto}
#footer-links  ,#footer-links span { font-size:11px; font-family:Tahoma; color:#666;}
#footer-links #actstudio{ font-size:11px; font-family:Tahoma; color:#666; text-decoration:underline;}
#footer-links ul { list-style:none; display:inline;}
#footer-links li{ float:left; padding-left:10px;}
#footer-links img { position:relative; top:-3px;}
/* BUTOANE negre STyle
 ----------------------------------------------- */

a.bullet-01 { padding-left: 18px; background: transparent url("../images/bullet_01.png") no-repeat 0 50%; }
a.bullet-01:hover { background-position: -999px 50%; }
.js a.bullet-01 { background-image: url("../images/bullet_01_b.png"); }

a.button-01 { float: left; padding: 0 0 0 8px; background: #000 url("../images/button_01.png") no-repeat 0 0; color: #fff !important; font-size: 10px !important; text-transform: uppercase; line-height: 17px; }
a.button-01 span { float: left; padding: 0 16px 0 0; background: transparent url("../images/button_01.png") no-repeat 100% 0; }
a.button-01:hover { color: #333 !important; }
a.button-01:hover span { background-position: 100% -34px; } 

 /* LANGUAGE stilizat
 ----------------------------------------------- */
#container { width:960px; position:relative; margin:auto;}
#language { position:relative; top:24px; width:110px; float:right; }

.dezactiv:visited,.dezactiv:active,.dezactiv:link {font-family:Tahoma; font-size:11px; color:#9b9b9b; text-decoration:none;}
.dezactiv:hover {font-family:Tahoma; font-size:11px; color:#da251c; text-decoration:none;}
.activ:visited, .activ:link, .activ:active {font-family:Tahoma; font-size:11px; padding-left:8px; padding-right:8px; padding-top:0px; padding-bottom:1px; color:#ffffff; background-color:#da251c; text-decoration:none;}

 /* Header stilizat
 ----------------------------------------------- */
#header { position:relative; top:50px; margin:auto; width:960px; height:85px; background-color:#da251c;}
#header .logo { width:187px; height:67px; background-image:url(../images/logo.jpg); background-repeat:no-repeat; position:relative; top:10px; left:30px; float:left;}

 /* Header Menu Style 1 
 ----------------------------------------------- */
 #container-menu { width:670px; position:relative; top:-35px; left:290px;}

.menu ul#menu-item { position:relative;  width:670px;  float:right; list-style:none; margin:0; padding:0; line-height: 1.1; }
.menu ul#menu-item li { float: left; }
.menu ul#menu-item   .linie {  font-size:12px; font-weight:bold; color:#ff9691; font-family:Courier New;  padding-top:4px; padding-left:4px; padding-right:4px; }
.menu ul#menu-item a { float:left;    color:#fff; font-size:15px; text-align:center;  padding-left:6px; padding-right:6px;  padding-top:4px; padding-bottom:3px;font-weight:bold; text-transform:none; text-decoration: none; }
.menu ul#menu-item a:hover { color: #333; background-color:#fff;  text-decoration: none; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:3px; }

.menu ul#menu-item  #hightlight  {  color: #333; background-color:#fff;    text-decoration: none; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:3px; }
.menu ul#menu-item  #hightlight:hover  { color: #333; background-color:#fff;  text-decoration: none; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:3px; }

 /* CSS header IMAGE
 ----------------------------------------------- */
#header-image   { position:relative;  top:45px;  margin:auto; width:960px; height:217px; background-color:#fff;     background-repeat:no-repeat;}

 /* CSS banda header
 ----------------------------------------------- */
 #banda-header  { position:relative; top:45px;  margin:auto; width:960px; height:42px; background-image:url(../images/banda-header.jpg); background-repeat:no-repeat;}
 
#cu3er-container {width:960px; height:217px; outline:0;}

#header-description { width:319px; height:217px; background-color:#000; color:#FFF; opacity:80%;}
#header-description .container {padding-top:56px; padding-left:44px;}
#header-description .categorie { padding:0px; margin:0px; font-family:Arial; font-size:16px; color:#FFF; line-height:12px; }
#header-description p {font-family:Tahoma; font-size:11px; color:#999; width:250px; line-height:14px;}

 /* CSS CONTINUT
 ----------------------------------------------- */
 #continut { position:relative; top:45px; left:-1px; width:960px;}
 #continut .left {  border-right:1px solid #dddddd;}
 #continut .right h2{ font-size:24px; color:#333; margin-bottom:0px; height:14px;}
 #continut .right .titlu{ font-size:17px; color:#da251c; margin-bottom:0px; height:14px; margin-top:30px;}
 #continut .right p {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#5a5a5a;}
 #continut .right li {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#5a5a5a; line-height:16px;}
 #continut .right #content-right { padding-left:20px; padding-top:8px; }



 /* ADMINISTRARE STIRI
 ----------------------------------------------- */
#content-right .content .stire{ font-size:16px; color:#666; margin-bottom:0px; height:14px; margin-top:30px; font-weight:normal;}

#content-right .content .stire2{ font-size:20px; color:#666; margin-bottom:0px; height:19px; margin-top:30px; font-weight:normal; position:relative; left:-4px;}

#content-right .content .data { font-size:11px; font-family:Arial; color:#999; position:relative; left:3px; top:2px;}
#content-right .content p  {font-family:Tahoma; font-size:11px; color:#5a5a5a; line-height:16px; position:relative; left:3px;}
#content-right .content a { font-size:11px; color:#666;}
#content-right .content { border-bottom:1px solid #efefef;}
#content-right .content .citeste { position:relative; left:550px;}



.titlu2{ font-size:13px; color:#da251c; margin-bottom:0px; height:14px; margin-top:30px;}
 
 #continut .left h3{ font-size:16px; color:#da251c; position:relative; left:50px; }
 
 /* ---- STIL LEFT MENU */
 #continut .label {width:290px; height:37px; background-image:url(../images/left-bg2.gif); background-repeat:repeat-x;}
 #continut .label img {position:relative; left:10px; float:left;} 

 #continut .label span { background-image:url(../images/left-first.gif); background-repeat:no-repeat; background-position:left; position:relative; left:10px; top:5px; float:left;} 
 #continut .label a { position:relative; left:45px; top:2px; font-weight:bold;}
 #continut .label #activ { color:#da251c; text-decoration:none;} // cand butonul este activat

 #continut .label:hover {width:290px; height:37px; background-image:url(../images/left-bg.gif); background-repeat:repeat-x;}


 /* ---- STIL LEFT SUBMENU */
 #continut .label2 {width:240px; height:25px; position:relative; left:20px;   background-repeat:repeat-x;}
 #continut .label2 img {position:relative; left:10px; float:left;} 

 #continut .label2 span { background-image:url(../images/left-first.gif); background-repeat:no-repeat; background-position:left; position:relative; left:10px; top:5px; float:left;} 
 #continut .label2 a { position:relative; left:35px; top:2px; }
 #continut .label2 #activ { color:#da251c; text-decoration:none;} // cand butonul este activat

 #continut .label2:hover {width:290px; height:37px;   background-repeat:repeat-x;}
 
 
 /*
** PAGINA DE SERVICII
*/
ul.two-columns { overflow: hidden; list-style: none; margin: 0; padding: 0; }
#continut ul.two-columns li.left7 { width: 270px; padding: 5px 10px 10px 10px; float:left; border-left:1px solid #ddd; line-height:18px; font-size:12px;  }

#continut ul.two-columns h2{ font-size:22px; color:#333; margin-bottom:0px; height:14px;}
#continut ul.two-columns  p,#continut ul.two-columns  li {font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#5a5a5a;}
#continut ul.two-columns h4 {color:#da251c;}

 
 /* PAGINA CONTACT
 ---*/
.date-contact {position:relative; left:20px; top:10px;}
.date-contact p {line-height:8px; color:#666;}

 /* CERERE de OFERTA
 ----------------------------------------------- */
.contact h4 { padding: 0 0 1em; color: #000; font-size: 1.083em; line-height: 1; }
#contact-left {width:230px; float:left;}
form.oferta input.text { display: block; margin: .5ex 0 0; line-height:normal; vertical-align:top;}


#contact-right { width:330px; position:relative; left:30px;   float:left;  }
#contact-right .check-mic {width:160px; float:left; line-height:18px;}
#contact-right .check-mic  label {padding-left: 5px;}
 
form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#666;
}

 /* BOX CONTINUT
 ----------------------------------------------- */
.box-parent {width:250px; height:160px; border:1px solid #ccc; background-color:#fff; padding:10px; float:left; margin:10px;}
.box-title {width:250px; text-align:center; background-color:#efefef;}
.box-footer{width:250px; padding-top:5px;  font-size:11px; color:#666; font-family:Arial;}

/* IMAGINI DIN CADRUL GELRIEI FOTO PRODUSE */
.galerie-img {float:left; padding:2px; margin-left:10px; border:1px solid #efefef;}

 /* CSS FOOTER
 ----------------------------------------------- */
#footer {position:relative; top:45px; width:960px;   background-color:#f3f3f3; }

.footer-content { padding:10px; height:52px; }
.footer-content .titlu1 { margin-bottom: 12px;font-family:Arial;font-size: 13px;color: #4b4b4b;position:relative; top:10px;  }
.footer-content .titlu2 { margin-bottom: 12px;font-family:Arial;font-size: 12px;color: #4b4b4b;position:relative; top:10px;  }
.footer-content li { list-style:none; position:relative; left:-39px; top:5px; color: #4b4b4b; font-family:Arial; font-size:11px;}
.footer-content li a,.footer-content li a:active,.footer-content li a:link{color: #4b4b4b; font-family:Arial; font-size:11px;}

#actstudio:active, #actstudio:link, #actstudio:visited { text-decoration:none; color:#333;}
#actstudio:hover {color: #ff0000; text-decoration:underline;}

 /* PARTENERI
 ----------------------------------------------- */
.parteneri {float:left; font-size:16px; padding-top:1px; color:#999;}

.siemens {width:87px; height:18px;float:left; background-image:url(../images/partener-siemens-1.gif);  margin-left:20px; }
.siemens:hover {width:87px; height:18px; background-image:url(../images/partener-siemens-2.gif); }

.omron {width:67px; height:18px;float:left; background-image:url(../images/partener-omron-1.gif);  margin-left:20px;}
.omron:hover {width:67px; height:18px; background-image:url(../images/partener-omron-2.gif); }

.saltek{width:77px; height:18px;float:left; background-image:url(../images/saltek-1.gif);  margin-left:20px;}
.saltek:hover {width:77px; height:18px; background-image:url(../images/saltek-2.gif); }


.ingesco {width:91px; height:28px; float:left; background-image:url(../images/partener-ingesco-1.gif);  position:relative; top:-6px; margin-left:20px;}
.ingesco:hover {width:91px; height:28px; background-image:url(../images/partener-ingesco-2.gif); }
.ingesco span{ font-size:10px; font-family:Tahoma; position:relative; top:24px; left:5px; color:#ccc;}

#oferta-footer {position:relative; cursor:pointer; float:left; left:-14px; top:-2px; width:262px; height:76px; background-image:url(../images/cerere_oferta_gri.gif); background-repeat:no-repeat;}
#oferta-footer:hover {background-image:url(../images/cerere_oferta.gif); background-repeat:no-repeat;}

.linie-punctata{position:relative; widows:960px; background-image:url(../images/dots.gif); background-repeat:repeat-x; height:3px; }