/********
Proiect: Fabrica de Caramida Lugoj
Creat de Unique Illusion Studio - www.uis.ro
*********/

/* SETARI - Default */
/*********************************************************************/

body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color: #555;
	background: #FFF url("../img/bg.jpg") top left repeat-x;
	text-align: center;
}

* {
	padding: 0;
	margin: 0;
}

a {
	outline: none;
}

p {
	padding-bottom: 10px;
}

img {
	border: none;
}

.clear {
	height: 0;
	font-size: 0;
	line-height: 0px;
	clear: both;
}

a:link {
	text-decoration: none;
	color: #C03636;
}

a:visited {
	text-decoration: none;
	color: #C03636;
}

a:hover {
	text-decoration: none;
	color: #333;
}

a:active {
	text-decoration: none;
	color: #333;
}

img.brdImg {
	border: 4px solid #CCC;
	margin: 5px 14px 5px 0;
}

hr {
	border-top: 1px solid #CCC;
	border-bottom: 0;
	height: 0px;
	margin: 10px 0;
}

* html hr {
	border-top: 1px solid #CCC;
	border-bottom: 0;
	height: 0px;
	margin: 3px 0;
}

h1 {
	font-family: Trebuchet MS;
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 5px;
	color: #C03636;
	line-height: 20px;
}

h2 {
	font-family: Arial;
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #7F7F7F;
	border-bottom: 1px solid #CCC;
	line-height: 20px;
}

h3 {
	font-family: Arial;
	font-size: 13px;
	padding-bottom: 5px;
	color: #7F7F7F;
	line-height: 20px;
	padding-top: 10px;
}

#continut ul {
	list-style-type: none;
	margin-bottom: 10px;
}

#continut li {
	list-style-type: none;
	padding: 3px 0 3px 15px;
	border-left: 3px solid #CCC;
	color: #333;
}

/* CADRU */
/*********************************************************************/

#cadru {
	width: 910px;
	margin: 0 auto;
	text-align: center;
}

/* HEADER */
/*********************************************************************/

#header {
	width: 910px;
	height: 340px;
	text-align: left;
	background: url("../img/header.jpg") top left no-repeat;
}

#headerSt {	
	width: 437px;
	height: 37px;
	padding-top: 99px;
	float: left;
	text-align: left;
	position: relative;
}

#headerDr {	
	width: 473px;
	height: 298px;
	padding-top: 42px;
	float: right;
	text-align: left;
}

#headerTitluProd {
	text-align: left;
	padding: 169px 0 0 5px;
	width: 210px;
}

#logo {
	width: 254px;
	height: 52px;
	background: url('../img/forever_pipe.png') top left no-repeat;
	display: block;
}

* html #logo {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.foreverpipe.ro/img/forever_pipe.png", sizingMethod="crop");
	width: 254px;
	height: 52px;
}

/* MENIU */
/*********************************************************************/

#meniu {
	width: 410px;
	height: 37px;
	position: relative;
	z-index: 9998;
	margin-left: 8px;
}

#meniu #nav li {
	display: inline;
	list-style-type: none;
}

#meniu #nav li a {
	float: left;
	height: 37px;
	overflow: hidden;
	background: url("../img/meniu.gif") 0 0 no-repeat;
	}

/* BUTOANE */
#meniu #nav li#primapagina a { background-position: 0 0; width: 116px; }
#meniu #nav li#desprenoi a { background-position: -116px 0; width: 108px; }
#meniu #nav li#produse a { background-position: -224px 0; width: 96px; }
#meniu #nav li#contact a { background-position: -320px 0; width: 90px; }


/* HOVER BUTOANE */
#meniu #nav li#primapagina a:hover { background-position: 0 -37px; }
#meniu #nav li#desprenoi a:hover { background-position: -116px -37px; }
#meniu #nav li#produse a:hover { background-position: -224px -37px; }
#meniu #nav li#contact a:hover { background-position: -320px -37px; }

/* SELECTAT */
#meniu.primapagina #nav li#primapagina a { background-position: 0 -74px; cursor: default; }
#meniu.primapagina #nav li#primapagina a:hover { background-position: 0 -74px; cursor: default; }

#meniu.desprenoi #nav li#desprenoi a { background-position: -116px -74px; cursor: default; }
#meniu.desprenoi #nav li#desprenoi a:hover { background-position: -116px -74px; cursor: default; }

#meniu.produse #nav li#produse a { background-position: -224px -74px; cursor: default; }
#meniu.produse #nav li#produse a:hover { background-position: -224px -74px; cursor: default; }

#meniu.contact #nav li#contact a { background-position: -320px -74px; cursor: default; }
#meniu.contact #nav li#contact a:hover { background-position: -320px -74px; cursor: default; }

/* CONTINUT */
/*********************************************************************/

#continut {
	width: 900px;
	text-align: left;
	padding: 0 5px 0 5px;
	line-height: 18px;
}

#continut a:hover {
	border-bottom: 1px solid #C03636;
}

#continut a:active {
	border-bottom: 1px solid #C03636;
}

#continutSt {
	width: 210px;
	padding: 0 26px 0 0;
	float: left;
	background: url('../img/umbra.jpg') top right no-repeat;
}

#produseSt {
	width: 210px;
	text-align: left;
}

#continutSt #produseSt p {
	width: 200px;
	padding: 0 0 8px 0;
	margin: 0 10px 10px 0;
	border-bottom: 1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 11px;
}

#continutSt #produseSt p a {
	font-size: 12px;
	font-weight: bold;
}

#continutSt #produseSt p a:visited {
	font-size: 12px;
	font-weight: bold;
}

#continutDr {
	width: 664px;
	text-align: left;
	float: right;
	padding-top: 20px;
}

#coloanaSt {
	width: 315px;
	text-align: left;
	float: left;
}

#coloanaDr {
	width: 315px;
	text-align: left;
	float: right;
}

.produs {
	margin: 5px 10px 10px 0;
	padding-bottom: 10px;
}

.produs img {
	border: 4px solid #CCC;
	margin: 0 10px 10px 0; 
}

.produs a {
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
}

/* FOOTER */
/*********************************************************************/


#footer {
	width: 890px;
	padding: 15px 10px 30px 10px;
	margin: 20px 0 0 0;
	text-align: left;
	font-family: Tahoma;
	font-size: 11px;
	position: relative;
	background: url('../img/bg_footer.jpg') top center no-repeat;
}

#footer a {
	margin-right: 10px;
}

#footer a:hover {
	border-bottom: 1px solid #C03636;
}

#footer a:active {
	border-bottom: 1px solid #C03636;
}

#www a {
	color: #999;
}

/* POZITIONARI */
/*********************************************************************/

#logo {
	position: absolute;
	top: 25px;
	left: 20px;
}

#uis {
	position: absolute;
	top: 18px;
	right: 5px;s
}

/* FORMULARE */
/*********************************************************************/

.stilForm {
	width: 350px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	padding: 4px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #C3C3C3;
	border-left: 1px solid #666;
	border-right: 1px solid #C3C3C3;
	background: #ECECEC;
	margin-bottom: 10px;
}

.stilFormE {
	width: 350px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	padding: 4px;
	border: 1px solid #CC0000;
	background: #ECECEC;
	margin-bottom: 10px;
}

.stilArea {
	width: 654px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	padding: 4px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #C3C3C3;
	border-left: 1px solid #666;
	border-right: 1px solid #C3C3C3;
	background: #ECECEC;
	margin-bottom: 10px;
}

.stilAreaE {
	width: 654px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	padding: 4px;
	border: 1px solid #CC0000;
	background: #ECECEC;
	margin-bottom: 10px;
}

#eroare {
	width: 642px;
	border: 1px solid #FF7979;
	padding: 10px;
	margin-bottom: 10px;
	color: #CC0000;
	background: #FFE8E8;
}

#trimis {
	width: 642px;
	border: 1px solid #DFDCE2;
	padding: 10px;
	margin-bottom: 10px;
	color: #0099CC;
	background: #F8F7F9;
}