/*#############################################################################*/
/*# CSS: Romdevices															  #*/
/*#									DEFAULT									  #*/
/*#																			  #*/
/*# Author: Vorel OLARIU        E-mail: viorelolariu@gmail.com                #*/
/*#############################################################################*/

/*################################# TAG CSS ###################################*/

body			{ margin: 0; padding: 0; background: url(../img/site/bg.jpg) top left repeat-x; font-size:11px; color:#7a7775; font-family:Arial;}
img				{ border: none;}
p				{ margin: 0; padding: 0; font-size:11px; font-family:Verdana ; color:#606060; }
form			{ margin: 0; padding: 0; }
input, select	{}
blockquote		{ padding:0; margin: 0; border: none;}
.clearAll		{ margin:0; padding: 0; clear: both; height: 1px; font-size: 1px; line-height: 1px; }
h1				{ margin:0; padding:0; padding-left:9px; margin-left:5px;font-family:Trebuchet MS; color:#1a8eca; font-size:14px; background:url(../img/site/h1_bg.png) no-repeat; height:36px; line-height:36px; font-weight:bold;}
/*h2				{ margin:0; padding:0; font-family:Trebuchet MS; font-weight:normal; font-size:16px; line-height:31px; padding-left:15px;background:#68747b; color:#FFFFFF;height:31px;}*/
h2				{ background: url("../img/site/h1_bg.png") no-repeat scroll 0 0 transparent; margin:0 7px 0 9px; padding:0; padding-top:3px; font-family:Trebuchet MS; font-weight:normal; line-height:31px; padding-left:15px; color:#1A8ECA;height:36px; font-size:14px; font-weight:bold;}
h3				{ margin:0; padding:0; padding-left:9px;font-family:Trebuchet MS; color:#1a8eca; font-size:14px; background: url(../img/site/h3_bg.jpg) no-repeat; width:150px; height:36px; line-height:36px; font-weight:bold;}
h4				{ margin:0; padding:0; font:11px Tahoma; line-height:23px; color:#000000;}
html 			{min-height: 100.01%;} /*  for vertical scrollbar in MOZ in every page,*/



/*################################# Meniu  ####################################*/
#menu{
    /* solve a Opera7/IE display bug */
    width:249px;
    width/**/:247px;
    margin:0;
    padding:0;
    }
    
#menu span{
    display:none;
    }
    
#menu ul{
    margin:0;
    padding:0;
    width:247px;
    }
    
#menu li ul{
   margin-left:-18px;
   margin-bottom:5px;
   border-bottom:1px solid #D4EDF9;
   border-top:1px solid #D4EDF9;
   width:233px;
   background:white;
    }
#menu li ul li{margin-bottom:0px; list-style-image: url(../img/bullet.png); list-style-type: none; margin-left:30px;}  
*html .menu li ul li{ margin-bottom:-1px;}  
*html .menu li ul ul li{ margin-bottom:1px;}  

    
#menu a{ 
    text-align: left;
    color:#595553;
    text-weight:bold;
    display:block;
    width:214px;
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0px; /* em units can creat little graphic bug in mozilla */
    }
#menu li ul li>a{width:203px;}   
#menu a:hover{
	color:#FFFFFF;
    background-color: #97c7e0;
    }
    
/* for a mozilla better display with key nav */
#menu a:focus{
	color:#FFFFFF;
    background-color: #dff4ff;
}

#menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
#menu li{
    width:215px; 
    list-style-image: url(../img/full_bullet.png); list-style-type: none;
    margin:0;
    padding:0;
    margin-left:27px;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color: #eff9ff;
    }





/*################################# Meniu paginare ####################################*/

.container			{}
.header				{ background:url(../img/site/header.jpg) no-repeat; width:977px; height:132px; text-align:left;}
.header h1			{background:none; font-size:27px; font-weight:bold; font-family:Impact; position:absolute; top:66px; margin-left:415px; width:550px; color:#007ec5;}
.search				{ float:left; color:#FFFFFF; margin-left:-240px;}
.searc				{ border:solid 1px #1a8eca; height:19px; float:left; margin-top:5px;}
.search img			{float:left; margin-top:5px;}
.search label		{float:left; margin-right:5px;}
/* .meniu				{ height:30px; line-height:30px; padding-left:269px;} -modif cornel */
.meniu				{ height:30px; line-height:30px; padding-left:269px; padding-top:100px}
.meniu a.menuu		{ float:left; display:block; padding:0 10px;font-family:Tahoma; font-size:11px; color:#FFFFFF; text-decoration:none;}
.meniu a.menuu:hover	{ background:url(../img/site/menu_on.jpg) repeat-x;}
.meniu a.menuu_sel	{ float:left;background:url(../img/site/menu_on.jpg) repeat-x; display:block; padding:0 10px;font-family:Tahoma; font-size:11px; color:#FFFFFF; text-decoration:none;}
.content			{}
.left				{ float:left; width:264px;}
.left_up			{ background:url(../img/site/left_bg.jpg) 23px top repeat-y; width:249px; padding-left:15px; padding-top:5px; padding-bottom:5px;}
.middle				{ float:left; padding-top:5px;width:520px;}
.prod				{ width:507px; background:#f3f3f3; border: solid 1px #c5eafe; margin-left:5px; margin-top:3px; padding-bottom:10px; padding-left:7px;}
.produs				{ float:left;width:244px; height:205px; border: solid 1px #dbdada; background-color:#FFFFFF; margin-top:11px; margin-right:7px; }
/*modif laur*/
.produs_up			{ width:500px; min-height:120px; border: solid 1px #dbdada; background-color:#FFFFFF; margin-top:8px; padding:0px 0px 7px 0px; }
.tit_prod   		{ color:#3d98cc; height:22px; padding:8px 7px 0px 7px; font-size:11px; padding-left:10px; font-weight:bold;}
/*modif laur*/
.tit_prod a			{ display:block;font-weight: normal; color:#3d98cc; padding-top:2px; font-size:11px; padding-left:10px; text-decoration:none; height:30px;}
.tit_prod a:hover	{ display:block;font-weight: normal; color:#3d98cc; padding-top:2px; font-size:11px; padding-left:10px; text-decoration:underline; height:30px;}
.pro				{ float:left; border:solid 1px #5db6e3; margin:4px 4px 0px 0px;}
.desc_prod			{ width:237px; padding-left:7px;} 
/*modif laur*/
.desc_prod_up		{ width:484px; padding-left:7px;} 
/*modif laur*/
.det				{ background:url(../img/site/det.jpg) left 3px no-repeat; padding-left:14px; color:#198fca; text-decoration:none;}
.det:hover			{ background:url(../img/site/det_on.jpg) left 3px no-repeat; padding-left:14px; color:#198fca; text-decoration:underline;}
.right				{ float:left; text-align:left; width:152px; padding-left:8px; padding-top:5px;}
.news				{ width:152px; border:solid 1px #c5eafe; margin-top:3px; padding:10px 5px; margin-bottom:5px;}
*html .news			{ width:142px; border:solid 1px #c5eafe; margin-top:3px; padding:10px 5px; margin-bottom:5px;}
.tit				{ color:#1a8fcc; padding-bottom:5px;}
.linie				{ background:url(../img/site/linie.jpg) repeat-x; height:2px; margin:10px;}
.stire span			{ color:#1a8fcc;}
.letter				{ background:url(../img/site/letter.jpg) no-repeat; width:154px; height:120px; padding-top:15px; padding-left:5px; padding-right:5px;}
*html .letter		{ background:url(../img/site/letter.jpg) no-repeat; width:144px; height:159px; padding-top:15px; padding-left:5px; padding-right:5px;}
.let				{ width:109px;}
.footer				{ background:url(../img/site/footer_bg.jpg) repeat-x; margin-left:15px; margin-right:16px; padding:10px; padding-top:30px; text-align:center;}
.footer a			{ color:#3077c6; text-decoration:none; padding:0 5px;}
.footer a:hover		{ color:#3077c6; text-decoration: underline;}


#sigle_parteneri a{float:left; background: url(../img/sigle_parteneri_faded.png) top left no-repeat; margin: 2px 8.5px;}

.bottom-line{clear:both; border-bottom:1px solid #73B6E0; height:20px;
background-image: url(../img/sigle_parteneri.png); background-repeat: no-repeat; background-position: -10000px -10000px;
}

#sigle_parteneri a:hover{background: url(../img/sigle_parteneri.png) top left no-repeat; text-decoration:none;}

#sigle_parteneri .Magnetrol {width: 116px; height: 45px;	display:block;}

#sigle_parteneri .Rittmeyer {width: 120px; height: 45px;	display:block;	background-position:-137px 0;}
#sigle_parteneri .Rittmeyer:hover {width: 120px; height: 45px;	display:block;	background-position:-137px 0;}

#sigle_parteneri .Advantech {width: 120px; height: 45px;	display:block; background-position:-273px 0;}
#sigle_parteneri .Advantech:hover {width: 120px; height: 45px;	display:block; background-position:-273px 0;}

#sigle_parteneri .Gavazzi {	width: 50px; height: 45px;	display:block;background-position:-420px 0;}
#sigle_parteneri .Gavazzi:hover {	width: 50px; height: 45px;	display:block;background-position:-420px 0;}

#sigle_parteneri .SOR {	width: 64px; height: 45px;	display:block;	background-position:-506px 0;}
#sigle_parteneri .SOR:hover {	width: 64px; height: 45px;	display:block;	background-position:-506px 0;}

#sigle_parteneri .Yamatake {width: 95px; height: 45px;	display:block;	background-position:-600px 0;}
#sigle_parteneri .Yamatake:hover {width: 95px; height: 45px;	display:block;	background-position:-600px 0;}

#sigle_parteneri .Coax {width: 76px; height: 45px;	display:block;	background-position:-748px 0;}
#sigle_parteneri .Coax:hover {width: 76px; height: 45px;	display:block;	background-position:-748px 0;}

#sigle_parteneri .ESI {	width: 68px; height: 45px;	display:block;	background-position:-845px 0;}
#sigle_parteneri .ESI:hover {	width: 68px; height: 45px;	display:block;	background-position:-845px 0;}

#sigle_parteneri .PR {	width: 98px; height: 45px;	display:block;	background-position:0px -62px;}
#sigle_parteneri .PR:hover {	width: 98px; height: 45px;	display:block;	background-position:0px -62px;}

#sigle_parteneri .Elcis {	width: 106px; height: 45px;	display:block;	background-position:-139px -62px;}
#sigle_parteneri .Elcis:hover {	width: 106px; height: 45px;	display:block;	background-position:-139px -62px;}

#sigle_parteneri .Penny {	width: 92px; height: 45px;	display:block;	background-position:-275px -62px;}
#sigle_parteneri .Penny:hover {	width: 92px; height: 45px;	display:block;	background-position:-275px -62px;}

#sigle_parteneri .ERO {	width: 130px; height: 45px;	display:block;	background-position:-392px -62px;}
#sigle_parteneri .ERO:hover {	width: 130px; height: 45px;	display:block;	background-position:-392px -62px;}

#sigle_parteneri .Weber {	width: 100px; height: 45px;	display:block;	background-position:-536px -62px;}
#sigle_parteneri .Weber:hover {	width: 100px; height: 45px;	display:block;	background-position:-536px -62px;}

#sigle_parteneri .Michell {	width: 120px; height: 45px;	display:block;	background-position:-672px -62px;}
#sigle_parteneri .Michell:hover {	width: 120px; height: 45px;	display:block;	background-position:-672px -62px;}

#sigle_parteneri .Tecnologic {	width: 90px; height: 45px;	display:block;	background-position:-822px -62px;}
#sigle_parteneri .Tecnologic:hover {width: 90px; height: 45px;	display:block;	background-position:-822px -62px;}









/*################################# Categorii Produse ####################################*/

.prod1				{ width:507px; background:#FFFFFF; border: solid 1px #FFFFFF; margin-left:5px; margin-top:3px; padding-bottom:10px; padding-left:7px;}
.produs1			{ float:left;width:244px; padding-bottom:10px; border: solid 1px #c5eafe; background-color:#f3f3f3; margin-top:11px; margin-right:7px; }
.tit_prod1 a		{ display:block;font-weight: normal; font-weight:bold; color:#595553; padding-top:2px; font-size:11px; padding-left:10px; text-decoration:none; height:30px;}
.tit_prod1 a:hover	{ display:block;font-weight: normal; font-weight:bold; color:#595553; padding-top:2px; font-size:11px; padding-left:10px; text-decoration:underline; height:30px;}
/*.pro1				{ float:right; border:solid 1px #5db6e3; margin:4px 4px 0px 0px;}-modif cornel*/
.pro1				{ float:right; margin:4px 4px 0px 0px;}
.desc_prod1			{ width:237px; height:154px; padding-left:7px; padding-top:5px;} 
.spa				{ color:#3077c6}


/*################################# Despre Noi ####################################*/

.despre				{ padding-left:7px; padding-top:15px; text-align:justify;}
.despre	img			{ float:right; padding-left:15px; padding-bottom:15px;}



/*################################# Categorii Aplicatii ####################################*/

.prod1				{ width:507px; background:#FFFFFF; border: solid 1px #FFFFFF; margin-left:5px; margin-top:3px; padding-bottom:10px; padding-left:7px;}
.produs2			{ float:left;width:244px; padding-bottom:10px; border: solid 1px #c5eafe; background-color:#ebf5fc; margin-top:11px; margin-right:7px; }
.tit_prod2 a		{ display:block;font-weight: normal; font-weight:bold; color:#595553; padding-top:2px; font-size:11px; padding-left:10px; text-decoration:none; height:30px;}
.tit_prod2 a:hover	{ display:block;font-weight: normal; font-weight:bold; color:#595553; padding-top:2px; font-size:11px; padding-left:10px; text-decoration:underline; height:30px;}
/* .pro2				{ float:right; border:solid 1px #5db6e3; margin:4px 4px 0px 0px;} -modif cornel*/
.pro2				{ float:right; margin:4px 4px 0px 0px;}
.desc_prod2			{ width:237px; height:154px; padding-left:7px; padding-top:5px;} 



/*################################# Subcategorii Aplicatii  & Produse ####################################*/

.subcat				{ width:484px; background:#f9f9fa; border:solid 1px #349bd0; margin-top:10px; margin-left:5px; padding-left:15px; padding-top:10px; padding-bottom:10px; padding-right:10px;}
.sub				{ float:left; width:346px; padding-right:10px;}
.titl				{ background:url(../img/site/titl.jpg) no-repeat; border-bottom:1px solid #1a8eca; padding-left:10px; color:#595553; margin-bottom:12px; font-weight:bold;}
.de					{ padding-bottom:10px; height:110px;}
.masca				{ float:left; margin-top:10px;}
.subcat1			{ width:494px; background:#ebf5fc; border:solid 1px #349bd0; margin-top:10px; margin-left:5px; padding-left:15px; padding-top:10px; padding-bottom:10px;}
.subcat1 img		{ padding-top:0px;}

/*################################# Jobs ####################################*/

.jobs				{ width:670px; background:#f7f7f7; margin-top:12px; margin-left:5px; padding:5px;}
.middle1			{ float:left; padding-top:5px;width:683px;}
/* .jobs_con			{ background: url(../img/site/job_bg.jpg) left bottom no-repeat #FFFFFF; height:440px; border: solid 1px #198fca; padding-top:25px; padding-left:10px; padding-right:10px; padding-bottom:150px;} -modif cornel */
.jobs_con			{ height:440px; border: solid 1px #198fca; padding-top:25px; padding-left:10px; padding-right:10px; padding-bottom:150px;}
.jobs_des			{ padding-bottom:10px;}

/* .job				{ padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; background:url(../img/job_bgd.jpg) repeat-x left bottom;} -modif cornel */
.job				{ padding:5px 0px 5px 0px; margin:0px 0px 0px 0px;}
.job_box			{ float:left; margin-right:5px; color:#0061a5; padding:5px 10px;}
.job_box_right		{ float:left; margin-right:5px; color:#0061a5; padding:5px 3px;}
.job_box_right a.apply{ padding:0px 0px 0px 20px; color:#0061a5; text-decoration:underline; background:url(../img/site/apply.gif) no-repeat 0px 3px; display:block;}
.job_box_right a.apply:hover{ text-decoration:none;}
.job_box_right a.det{ padding:0px 0px 0px 15px; color:#0061a5; text-decoration:underline; background:url(../img/site/det.jpg) no-repeat 0px 3px; display:block;}
.job_box_right a.det:hover{ text-decoration:none;}
.box				{ float:left; margin:0px 5px 5px 0px; color:#000000; background:#e0e0e0; padding:5px 10px;}

.apply_cv			{ position:absolute; display:none; padding:10px 10px 10px 10px; border:solid 1px #cbc8c8; margin-right:-160px; margin-top:-95px; right:50%; top:50%; width:300px; background:#f7f8f9;}
.apply_cv a.close	{ color:#0062a5;}
.apply_cv .cv_form	{ background:#fafadc; border: solid 1px #999999; padding:3px; width:190px; margin-bottom:2px;}
.apply_cv .cv_txt	{ background:#fafadc; border: solid 1px #999999; padding:3px; width:190px; font-family:arial; font-size:11px; margin-bottom:2px; overflow:hidden;}
.apply_cv .cv_file	{ background:#fafadc; border: solid 1px #999999; padding:3px; width:195px;}
.titl1				{ background:url(../img/site/titl.jpg) left 2px no-repeat; border-bottom:1px solid #1a8eca; padding-left:10px; color:#595553; margin-bottom:12px; font-weight:bold;}

/*################################# Listare Produse ####################################*/

.det_list			{ padding-left:5px; padding-top:10px;}
.prod_list			{ float:left;width:220px; padding-bottom:10px; border:1px solid #1a8eca; margin-right:4px; margin-bottom:4px;}
.prod_list img		{ margin:2px;}
.prod_list span		{ color:#1884c5;}
.prod_tit			{ text-decoration:none; color:#1884c5;}
.prod_tit:hover		{ text-decoration: underline; color:#1884c5;}
.prod_list p		{ padding-left:8px;}
.prod_list1			{ float:left; padding-bottom:10px; background:#ebf5fc;width:220px; border:1px solid #a1a1a1; margin-right:4px; margin-bottom:4px;}
.prod_list1 img		{ margin:2px;}
.prod_list1 span	{ color:#1884c5; }
.prod_list1 p		{ padding-left:8px;}

/*################################# Contact ####################################*/

.email				{ color:#58abd8; text-decoration:none; font-family:Arial;}
.email:hover		{ text-decoration:underline;}
.form				{ padding-top:25px; padding-left:45px;}
.imp				{ background:#f9f9fa; border:1px solid #58abd8; width:233px; height:22px;}
.txt				{ background:#f9f9fa; border:1px solid #58abd8; width:353px; height:122px; overflow:hidden;}
.trim				{ background:#f9f9fa;border:1px solid #58abd8; display:block; width:50px; height:22px; line-height:22px; text-align:center; text-decoration:none; color:#64605e;}
.trim:hover			{ background:#198dc9; color:#FFFFFF;}

/*################################# Detalii Produs ####################################*/

.desc_pro			{ width:661px; border:1px solid #359bd0; margin-left:9px; margin-top:15px; padding-left:11px; padding-top:19px; padding-bottom:18px;}
.generale			{ border-left:solid 1px #c5c5c5;border-top:solid 1px #c5c5c5;border-right:solid 1px #c5c5c5; width:666px; color:#1a8fc9; font-family:Arial; font-size:11px; font-weight:bold; line-height:22px; padding-left:5px;}
.atribute			{ margin-left:9px; padding-top:15px;border-bottom:solid 1px #c5c5c5}
.gri_l				{ float:left;background:#f7f7f7;border-left:solid 1px #c5c5c5;border-top:solid 1px #c5c5c5;border-right:solid 1px #c5c5c5; width:299px; line-height:22px; padding-left:5px;}
.alb_l				{ float:left;border-left:solid 1px #c5c5c5;border-top:solid 1px #c5c5c5;border-right:solid 1px #c5c5c5; width:299px; line-height:22px; padding-left:5px;}
.gri_r				{ float:left;background:#f7f7f7; border-top:solid 1px #c5c5c5;border-right:solid 1px #c5c5c5; width:361px; line-height:22px; padding-left:5px;}
.alb_r				{ float:left;border-top:solid 1px #c5c5c5;border-right:solid 1px #c5c5c5; width:361px; line-height:22px; padding-left:5px;}


/*################################# Media ####################################*/

.media				{ float:left;padding-left:5px; padding-top:15px;}
/*.media_md			{ background:url(../img/site/media_md.jpg) repeat-y; width:225px; padding-bottom:25px;}*/
.media_md			{ background:url(../img/site/media_md.jpg) repeat-y; width:225px; padding-bottom:5px;}
.tit_media			{ color:#6db6de; font-size:14px; font-family:Tahoma; padding-left:12px; padding-top:14px;}
/*.dat_media			{ color:#c5c5c5; font-size:11px; font-family:Georgia; padding-left:12px; padding-bottom:25px;}*/
.dat_media			{ color:#c5c5c5; font-size:11px; font-family:Georgia; padding-left:12px; padding-bottom:10px;}
/*.desc_media			{ color:#595553; font-size:11px; font-family:Tahoma; padding-left:12px; padding-right:12px; text-align:justify; height:154px; padding-bottom:10px;}*/
.desc_media			{ color:#595553; font-size:11px; font-family:Tahoma; padding-left:12px; padding-right:12px; text-align:justify; height:50px; padding-bottom:5px;}
.descarca			{ background:url(../img/site/descarca.jpg) left top no-repeat; padding-left:18px; color:#198fca; text-decoration:none;}
.descarca:hover		{ text-decoration:underline;}
.media_det			{ padding-left:5px; padding-top:15px;}
.media_det_up		{ background:url(../img/site/media_det_up.jpg) no-repeat; width:679px; height:12px; font-size:1px;}
.media_det_bt		{ background:url(../img/site/media_det_bt.jpg) no-repeat; width:679px; height:12px; font-size:1px;}
.media_det_md		{ background:url(../img/site/media_det_md.jpg) repeat-y; width:679px;}
.media_det_des		{ padding-left:22px; padding-top:11px; padding-right:14px;}
.tit_media1			{ color:#6db6de; font-size:14px; font-family:Tahoma; padding-left:22px; padding-top:14px;}
.dat_media1			{ color:#c5c5c5; font-size:11px; font-family:Georgia; padding-left:22px; padding-bottom:25px;}

/*################################# Parteneri ####################################*/

.parteneri			{ float:left;width:168px; background:#feffe7; border:solid 1px #c5eafe; margin-right:2px; margin-bottom:5px;}

/*################################# Despre Noi ####################################*/

.partener				{ padding-left:7px; padding-top:15px; text-align:justify;}
.trim1					{ background:#f9f9fa;border:1px solid #58abd8; padding:2px; line-height:22px; text-align:center; text-decoration:none; color:#64605e;}
.trim1:hover			{ background:#198dc9; color:#FFFFFF;}
.harta					{ color:#198dc9; font-weight:bold; text-decoration:none;}
.harta:hover			{ text-decoration:underline}
.erorr					{ border:1px solid #1a8eca; margin:10px;}
.erorr img				{ float:left; padding:10px;}
.eror_txt				{ float:left; padding:10px;}
.men_nav				{ text-decoration:none;font-family:Trebuchet MS; color:#1a8eca;}
.men_nav:hover			{ text-decoration: underline;}
.gall_foto				{ float:left;width:149px; padding-top:5px; padding-right:5px;}
.tmb					{ text-align:center; padding-top:5px;}
.tmb img				{ border:solid 1px #5db6e3; margin:0px; padding:0px;margin-bottom:2px;}