@charset "utf-8";

/* CSS Document */
body.greentime {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background: #F0F0F0 url(../grafica/verticalStinga_GreenTime.png) repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	}



/* WEBSITE container */
.greentime #page {
	width: 998px;  /* using 24px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #333;
	background-image:url(../grafica/fundal_GreenTime.jpg);
	background-repeat:no-repeat;
	margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}



/* HEADER */
.greentime #header {
	width: 998px;
	height: 400px;
	margin: 0;
	padding: 0;
	vertical-align:top;
	}


/* Div-urile cu link-urile catre site-urile dealer si enduser */
.greentime div.containerPromotie {
	width: 260px;
	height: auto;
	text-align: center;
	}
.greentime div.containerPromotieTitlu {
	width: 160px;
	margin-left: 245px;
	margin-top: 150px;
	text-align: center;
	}
.greentime div.promotie1 {
	width: 45px;
	height: auto;
	margin-left: 255px;
	margin-top: 10px;
	text-align: center;
	}
/* Este definita in fisiere separate per browser */
.greentime div.promotie2 {
	width: 60px;
	height: auto;
	margin-left: 320px;
	margin-top: -53px;
	text-align: center;
	}
.greentime div.containerPromotieMesaj {
	width: 140px;
	height: auto;
	margin-left: 250px;
	margin-top: 13px;
	text-align: center;
	}



/* Page content */
.greentime #middle {
	width: 100%;
	padding: 0;
	background: none;
	background-color: #f0f0f0;
	margin-top: -30px; /* "urca" putin peste div-ul superior, header (pentru ca meniul din stinga sa fie mai apropiat de verde */
	}

/* div-ul cu continut, care imparte zone-ul "page" in doua, impreuna cu div-ul leftMenu */
.greentime #content {	
	float: left;
	width: 640px;
	margin: 20px 0;
	padding: 0 10px 0 10px;
	text-align: left;
	text-align: justify;
	background: none;
	}
/* Icon-urile de pe prima pagina */
.greentime div.iconuri {
	width: 650px;
	height: 125px;
	text-align:left;
	background: none;
	margin-top: 0px;
	}
.greentime div.text {
	width: 650px;
	text-align: left;
	text-align: justify;
	background: none;
	margin-top: 0px;
	}

.greentime div#textMasuratoriSiMontaj,
.greentime div#galerieFoto,
.greentime div.divShoutbox {
	border: 2px #f93 dashed;
	display: block;
	float: left;
	border-color: #E8E8E8;
	border-left: 2px #f93 solid;
	margin: 5px 0 0 10px;
	padding: 25px;
	background-color: #fff;
	width: 590px;
	}
.greentime div#galerieFoto div.galerie {
	background-color: #fff;
	display: block;
	float: left;
	}
.greentime div#galerieFoto {
	width: 615px;
	padding: 25px 10px 25px 10px;
	margin-bottom: 10px;
	}
.greentime input#butonToggleExplicatii
.greentime input#butonToggleGalerie {
	width: 130px;
	margin-left: 10px;
	}

/* FOOTER */
.greentime #footer {
	width: 100%;
	float:left;
	margin: 0 0 0 0;
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-color: #F0F0F0;
	background-repeat:no-repeat;
	text-align: center;
	}


#rightMenu div.loginMenuErr,
div.erori,
div#erori {
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #f00;
	color: #fff;
	border: 1px dashed #fff;
	padding: 5px;
	width: 125px;
	margin: 5px 0 0 10px;
	}
div.erori,
div.magazinSingurInPagina div.erori {
	width: 60%;
	margin-left: 0;
	}
div#eroriJudet,
div#eroriOras,
div#eroriSector,
div#eroriStrada {
	width: 305px;
	margin-left: 0;
	margin-top: 3px;
	}
div.erori p,
div.magazinSingurInPagina div.erori p.eroare {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 120%;
	margin-bottom: 2px;
	}

div#preloaderHarta {
	display:none;
	text-align: center;
	position: absolute;
	margin-left: 20px;
	margin-top: 50px;
	display: inline;
	zoom: 1;
	}
div#preloaderHarta img {
	margin-top: 5px;
	}


/* Tabela formular inscriere */
.greentime div.holderCod_capatStinga,
.greentime div.cod_init,
.greentime div.cod_start,
.greentime div.cod_stop,
.greentime div.holderCod_capatDreapta,
.greentime div.codPromo span {
	float: left;
	display: inline;
	height: 108px;
	}
.greentime div.holderCod_capatStinga {
	width: 12px;
	background: #d9d9d9 url('../grafica/promo/holderCod_capatStinga.png') no-repeat;
	}
.greentime div.holderCod_capatDreapta {
	width: 12px;
	background: #d9d9d9 url('../grafica/promo/holderCod_capatDreapta.png') no-repeat;
	}
	.greentime div.codPromo span {
		width: 43px;
		height: 61px;
		padding-top: 47px;
		background-color: #00AB2E;
		color: #fff;
		font-weight: bold;
		font-size: 28px;
		text-align: center;
		}
	.greentime div.cod_new span {
		background: #00AB2E url('../grafica/promo/caracterCod_new.png') no-repeat;
		}
	.greentime div.cod_start span {
		background: #00AB2E url('../grafica/promo/caracterCod_start.png') no-repeat;
		}
	.greentime div.cod_stop span {
		background: #00AB2E url('../grafica/promo/caracterCod_stop.png') no-repeat;
		}

.greentime form#formularActiveazaInregistrare {
	height: 50px;
	margin-top: 20px;
	width: 100%;
	text-align: center;
	}
	.greentime form#formularActiveazaInregistrare div.delimitatorActiveazaInregistrare_stinga,
	.greentime form#formularActiveazaInregistrare div.delimitatorActiveazaInregistrare_dreapta {
		float: left;
		display: inline;
		width: 6px;
		height: 24px;
		background: transparent url('../grafica/promo/delimitatorActiveazaInregistrare_stinga.png') no-repeat;
		}
	.greentime form#formularActiveazaInregistrare div.delimitatorActiveazaInregistrare_dreapta {
		background: transparent url('../grafica/promo/delimitatorActiveazaInregistrare_dreapta.png') no-repeat;
		}
	.greentime form#formularActiveazaInregistrare div.delimitatorActiveazaInregistrare {
		float: left;
		display: inline;
		width: 626px;
		background: transparent url('../grafica/promo/delimitatorActiveazaInregistrare.png') repeat-x;
		}
	.greentime form#formularActiveazaInregistrare input#butonActiveazaInregistrare {
		width: 203px;
		height: 43px;
		padding-bottom: 12px;
		border: none;
		background: transparent url('../grafica/promo/butonActiveazaInregistrare.png') 0 0 no-repeat;
		color: #fff;
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
		}
	.greentime form#formularActiveazaInregistrare input#butonActiveazaInregistrare:hover {
		padding-bottom: 8px;
		background: transparent url('../grafica/promo/butonActiveazaInregistrare.png') 0 -43px no-repeat;
		}
		
.greentime form#formular {
	margin-top: 10px;
	background-color: #eaeaea; 
	padding: 5px 0; 
	border-top: 1px solid #ccc;
	}
form.activ {
	display: block;
	}
form.inactiv {
	display: none;
	}

	form#formular table {
		width:630px;
		}
		form#formular table tr td {
			padding: 5px 0; 
			border-bottom: 1px solid #dadada;
			}
		form#formular table tr td.tdEroare {
			border: none;
			text-align: left;
			}
		form#formular table tr td div.radio {
				float: left; 
				height: 30px; 
				margin-left: 17px;
				text-align: center;
			}
	.greentime form div.holderButon {
		width: 100%; 
		margin-top: 10px; 
		padding-bottom: 20px;
		text-align: center; 
		}
		.greentime form div.holderButon input#butonStart,
		.greentime form div.holderButon input#butonStop,
		.greentime form#formular div.holderButon input#butonInregistrare {
			padding: 5px 10px;
			font-size: 22px;
			color: #006633;
			letter-spacing: -0.5px;
			}