/*======================================
Copyright UTI
Autor: Stefan Moldoveanu, stefan.moldoveanu@uti.ro
======================================*/
 
/**************************************/
/*              GLOBALS               */
/**************************************/
html { font-size: 62.5%; font-family: Tahoma, "Liberation Sans", Helvetica, Arial, sans-serif; color:#efefef; }
body {background-color:#11110f; font-size:1em;}

.ie6 {background-color:#000;}

.right {text-align:right;} 
.left {text-align:left;} 
.justify {text-align:justify;}

.h1 {padding: 0 0 1em 0; }
.h2 {padding: 1em 0 0.5em 0;}

.pret {font-size:2.4em; padding:0 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#600;margin-top:-73px;float:right;}
.pret-inactiv {font-size:2.4em; padding:0 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color: #AFAFAF; background-color:#4F4F4F;margin-top:-73px;float:right;}
/*.pret {font-size:2.4em; padding:0 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#600;margin-top:-70px;margin-left:530px;position:absolute;}*/

.InterstateCompressed-Light {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateCompressedLight', sans-serif;font-size-adjust: 0.53;}
.Interstate-Light {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateLight', sans-serif;font-size-adjust: 0.53;}
.Interstate-Regular {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateRegular', sans-serif;font-size-adjust: 0.53;}
.InterstateCondensed-Light {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateCondensedLight', sans-serif;font-size-adjust: 0.53;}
.InterstateCompressed-Regular {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateCompressedRegular', sans-serif;font-size-adjust: 0.53;}
.InterstateCondensed-Regular {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateCondensedRegular', sans-serif;font-size-adjust: 0.53;}
.InterstateCondensed-Bold {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateCondensedBold', sans-serif;font-size-adjust: 0.53;}
.Interstate-Bold {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateBold', sans-serif;font-size-adjust: 0.53;}
.InterstateCompressed-Bold {font-weight: normal;font-style: normal;line-height:normal;font-family: 'InterstateCompressedBold', sans-serif;font-size-adjust: 0.53;} 

.white {color:#fff;}		

/*icons start*/
.tel {padding:2px 22px 2px 0; margin:-2px 0; background:url(../img/icons/vaga/phone.png) right center no-repeat;}
.mobile {padding:2px 22px 2px 0; margin:-2px 0; background:url(../img/icons/vaga/mobile.png) right center no-repeat;}
/*icons end*/

span.detalii {margin:10px 0 0 0; display:block;}

/**************************************/
/*              LAYOUT                */
/**************************************/

#maincontainer { background: #000 url(../img/bg.jpg) bottom left repeat-x; width:100%; height:480px;}
#maincontainer-inner { background: #000 url(../img/bg-inner.jpg) bottom left repeat-x; width:100%; height:480px;}

/*
#programari
display:none; ca sa nu se incarce cu elementul vizibil si apoi sa fie inchis prin JS; 
position:absolute pentru overlapping pe zona de jos; 
fara pozitionare absoluta, panoul impinge toata pagina in jos.
*/
#programari {background:#000; width:100%; position:absolute;} 

/*
#programari div#programari-continut
trebuie specificata inaltimea pentru ca panoul de programari sa se potriveasca pe zona hasurata gri(pana in zona rosie).
*/
#programari div#programari-continut {width:950px; margin:0 auto; padding:1.5em 0 0 0; font-size:1.2em; line-height:1.4em; text-align:right; color:#999; height:135px;} 

#programari div#programari-continut span#programariOff #programari-btn-close {display:none;}
#programari div#programari-continut a:link {text-decoration:underline; color:#fff;}
#programari div#programari-continut a:visited {text-decoration:underline; color:#999;}
#programari div#programari-continut a:hover {text-decoration:underline; color:#ccc;}
#programari div#programari-continut a:active, .container a:focus {text-decoration:underline; color:#999;}
#programari div#programari-continut span#programariOff a {margin:0 0 2em 0;display:block;}
#programari-img {text-align:right; height:57px; position:relative; visibility:hidden;}

#logo {height:95px;}
#meniu-top { text-align:right; padding-top:42px;}

#banda-rosie-prima-pagina {background:url(../img/red-stripe-poligondetir.jpg) top center no-repeat; padding:170px 0 12px 0;} /*170px / 215px*/
#banda-rosie-inner {background:url(../img/red-stripe-inner.jpg) top center no-repeat; padding:20px 0 17px 0;} /*170px / 215px*/
#banda-rosie-poligon {background:url(../img/red-stripe-inner-poligon.jpg) top center no-repeat; padding:20px 0 17px 0;}
#banda-rosie-magazin {background:url(../img/red-stripe-inner-magazin.jpg) top center no-repeat; padding:20px 0 17px 0;}
#banda-rosie-servicii {background:url(../img/red-stripe-inner-servicii.jpg) top center no-repeat; padding:20px 0 17px 0;}

#continut-principal-prima-pagina {padding:0.5em 0 2em 0; text-align:justify;}
#continut-principal {padding:2em 0; text-align:justify;}

#servicii {margin-top:0; margin-bottom:0;}
#poligon-bloc-stanga {margin-right:4px;}
#magazin-bloc-centru {margin:0 4px 0 4px;}
#servicii-bloc-dreapta {margin-left:4px;}

#contact-adresapostala {padding-top:0.3em;}

.footer {background:url(../img/footer.jpg) top center no-repeat;padding-top:6em;text-align:center;color:#999;}
.footer a:link {color:#ccc;}
.footer a:hover {color:#800000;}
.footer a:visited {color:#999;}

.galerieFoto { background:url(../img/bg-galerie-foto.png) 0 5em no-repeat; width:310px; padding:5em 0 0 0; margin:0; overflow:hidden; } 
#galerieFotoContent { height:205px; }
.galerieFoto #galerieFotoContent img { padding:10px; width:290px; height:180px; top:0; left:0; }
.galerieFotoNav {text-align:right;}
#galerieFotoNrFoto {font-size:0.8em;float:left;color:#5f5f5f;}


#container-meniu-arme {
	width:930px;
	margin: 0 0 0 -4px;
	position: relative;
}

#content-meniu-arme {
	width:930px;
	margin-bottom:30px;
padding-bottom:30px;
}

#content-meniu-arme a, #content-meniu-arme a:visited {
	color:#fff;
	text-decoration:none;
	display: block; overflow: hidden;
		margin-bottom:3px;
}

#content-meniu-arme a:hover {
	color:#ccc;
	text-decoration:none;
	display: block; overflow: hidden;
}

a img {
	border-width:0;
}
#topnav-meniu-arme {
	padding:10px 0 0 0;
	font-size:11px;
	text-align:left;
}
#topnav-meniu-arme a.meniu-arme-dropdown {
	background:#600;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("../img/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav-meniu-arme a.meniu-arme-dropdown:hover {
	background:#300;
	*background:transparent url("../img/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav-meniu-arme a.meniu-arme-dropdown, #topnav-meniu-arme a.meniu-arme-dropdown:hover {
	*background-position:0 3px!important;
}

a.meniu-arme-dropdown {
	position:relative;
	margin-left:3px;
}
a.meniu-arme-dropdown span {
	background-image:url("../img/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav-meniu-arme a.menu-open {
	background:#300!important;
	color:#fff!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.meniu-arme-dropdown.menu-open span {
	background-image:url("../img/toggle_up_dark.png");
	color:#fff;
}

#content-meniu-arme {
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	display:none;
	background-color:#300;
	position:absolute;
	width:930px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	left: 3px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#fff;
	font-size:11px;
}

#content-meniu-arme input[type=text], #content-meniu-arme input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}

.content-meniu-arme-stanga {float:left;width:455px;}
.content-meniu-arme-dreapta {float:right;width:455px;}

.content-meniu-arme-cat1 {	
	display:block;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#30302f;
	border:1px transparent;
	text-align:left;
	padding:2px 4px;
	margin-top:5px;
	margin-bottom:2px;
	*margin-right: -1px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

.content-meniu-arme-cat2 {	
	width:130px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#8a0000;
	border:1px transparent;
	text-align:left;
	padding:3px 4px 0 4px;
	margin-top:5px;
	margin-bottom:2px;
	margin-right:10px;
	*margin-right: -1px;
	color:#fff;
	font-size:10px;
	float:left;
	text-transform: uppercase;
	height:20px;
	font-weight:bold;
	
}

.content-meniu-arme-cat2-content {	
	color:#fff;
	font-size:10px;
	float:right;
	width:300px;
}

.content-meniu-arme-cat2-content-full {	
	color:#fff;
	font-size:10px;
	width:100%;
}

.content-meniu-arme-cat2-content ul {	
	margin:0; padding:5px 0 0 0;
	list-style:none;
}

.content-meniu-arme-cat2-content-full ul {	
	margin:-4px 0 0 0; padding:5px 0 0 0;
	list-style:none;
}

.content-meniu-arme-cat2-content ul li {	
margin-left:0;
	background-color:#990000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-bottom:2px;
	padding:0 4px;
	height:100%;
}

.content-meniu-arme-cat2-content-full ul li {	
margin-left:0;
	background-color:#990000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-bottom:2px;
	padding:0 4px;
	height:100%;
}

.content-meniu-arme-producator {
	display:block;
	margin-bottom:10px;
}

.content-meniu-arme-spatiu {width:100%; height:5px;}

.clearfloat {width:100%;clear:both; height:5px;}