@charset "utf-8";

/* RESET */
body, div, p, ul, ol, form, h1, h2, h3, h4, h5, h6, code, pre, table, td, tr {margin:0; padding:0;outline:0px;border:0px;text-align:left;background:transparent;font-family: Arial, Helvetica Neue, Helvetica, sans-serif}
ul, ol {list-style-type:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight: normal}

/* CSS Document */

body { padding:0; margin:0; background: url(../img/bg_top.png) repeat-x; font-size: .85em; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #333}
body.interior {background-color:#FFFF99}
a {color: #09C;}
a:hover {color: #F30}
textarea {resize:none;}

#top {width:980px; margin:0 auto; text-align:left; clear: both}
	#logo {width: 220px; height: 50px; float: left;}
	#meniu_sus { width: 700px; float: right; text-align:right; }
		#meniu_sus ul {list-style-type: none; height:50px; line-height: 50px; text-align:right}
		#meniu_sus ul li {display: inline;}
		#meniu_sus a {color: white; font-weight:bold; margin-right: 15px; text-decoration: none;}
		#meniu_sus a:hover {color: #FC3; text-decoration:underline}
		#meniu_sus li.login {background: #333; padding:10px; border-radius: 10px;position: relative}
		#meniu_sus li.login a {font-size: .8em; }
		#meniu_sus li.login #nume_domeniu {padding:10px;width: 330px; min-height: 50px; background: white; display:none; position:absolute; left: -226px; top:30px;background: #333; border-radius: 10px;color: white; font-size: 11px; font-weight: bold; z-index:100;}
		#meniu_sus li.login:hover #nume_domeniu {display:block;}
		
	#intro {width:980px; margin: 0 auto; height: 300px;}
		#intro_text {width: 445px; float: left;padding: 35px 0px 25px 0px;}
			#intro_text h1 {font-size: 18px; text-shadow:1px 1px 1px white;}
			#intro_text h2 {font-size: 30px;text-shadow:1px 1px 1px white;}
			#intro_text p {margin: 20px 0px 20px 0px;text-shadow:1px 1px 1px white;}
			#bt_open {width: 214px; height: 58px; background: url(../img/bg_deschide.png) 0px 0px;}
			#bt_open:hover {background-position: 0px -58px; } 
			#bt_open p {line-height: 58px; text-align:center;}
				#bt_open a {color: white; font-size: 18px; font-weight: bold;text-decoration:none;display: block;text-shadow:1px 1px 1px #900;}
				#bt_open a:hover {color: black;text-shadow:1px 1px 1px #F90;} 
		#intro_ecrane {width:510px; float: right; text-align:center}

#sumar {width: 980px; margin:0 auto; padding: 25px 0px 25px 0px;}
	#sumar h2 {color: #369; font-size: 22px;}
	
#footer {background: url(../img/bg_footer.png); min-height: 200px;font-size: .95em;}
#footer a { color: #bcc;  text-decoration:none}
#footer a:hover {color: #FC3}
	#continut_footer {color: white; width: 980px; padding:25px 0px 25px 0px; margin:0 auto;}
	#continut_footer ul {float: left; list-style-type: disc; list-style-position:inside; color: #bcc;text-shadow: 1px 1px 1px black; width: 275px;margin-right: 25px;}
		#continut_footer lh {color:#cdcdcd; font-size: 1.05em; font-weight: bold; text-shadow:1px 1px 1px black; border-bottom:1px solid #bcc;display:block;}
		#continut_footer ul li {height: 20px; line-height: 20px; margin-top:4px;}
		p.disclaimer {color: #CCC; font-size:.85em;margin-top:25px;margin-bottom:25px;}
		
/* pagina de interior */
div.titlu {text-align: left; width: 100%; margin: 0 auto; position:relative}
div.titlu #bt_open {position: absolute; left:766px; top:-85px;}
div.titlu div {margin-top:50px;padding-bottom:0px;}
div.titlu h1 {display:inline; color: #369; background: white url(../img/bg_clapeta.png) right top no-repeat; padding:25px;padding-top: 15px; text-align:left; font-size: 30px; text-shadow: 1px 1px 1px #9FF; }
#pagina { padding: 25px; background: white; margin: 0 auto; min-height:600px; }
	#submeniuri {width:12%; float: left; background:url(../img/pixel-ccc.png) repeat-y right 0px; padding-bottom:30px; }
		#submeniuri ul {margin:15px 0px 15px 0px;}
		#submeniuri li {padding:11px; font-size:1.15em;}
			#submeniuri li.disabled {color: grey;}
			#submeniuri li.selectat {background: url(../img/submeniu.png) no-repeat}
			#submeniuri li.selectat a {text-decoration: none; font-weight: bold; color: #036}
	#text_scris {width: 85%; float:right;}
		#text_scris ul, #text_scris p {margin-top: 10px; margin-bottom:10px;}
		#text_scris ul {margin-left: 20px; list-style-type:disc; list-style-position:inside}

#text_scris_success div {padding-left:220px; margin-top:50px;}
#text_scris_success b {color:#336699;}
		
#pagina h2 {margin-bottom:15px; color: #369; font-size: 22px; }	

/* pagina de preturi */

#fara_taxe {top:0px; left:0px;position: absolute}

table.tabel_preturi {font-size: .9em; width:90%; margin:0 auto; }
table.tabel_preturi td {padding:0px; margin:0px; color: black}

td.centrat {height: 100px; }
td.centrat p {text-align: center;}
tr.pachete td {text-align: center !important; vertical-align: text-bottom !important;}

tr.preturi td {text-align: center;font-size: 2.0em;padding-top: 10px;font-weight:bold; color: #603; text-shadow:1px 1px 1px #fff, 2px 2px 1px #F99;line-height: 25px;}
tr.preturi sup {font-size: 14px; color: #000;}

td.gold {background: url(../img/bg_gold.png) center top repeat-y; text-align:center}
td.silver {background: url(../img/bg_silver.png) center top repeat-y; text-align:center; font-weight: bold; font-size: 1.1em;}
td.bronz {background: url(../img/bg_bronz.png) center top repeat-y;text-align: center}

tr.preturi td.gold {background: url(../img/bg_pret_gold.png) bottom center no-repeat;}
tr.preturi td.silver {padding-top:25px;font-size:3.5em !important; line-height: 35px !important; background: url(../img/bg_pret_silver.png) bottom center no-repeat;}
tr.preturi td.bronz {background: url(../img/bg_pret_bronz.png) bottom center no-repeat;}

tr.picior_preturi td.gold {background: url(../img/picior_gold.png) center top no-repeat}
tr.picior_preturi td.silver {background: url(../img/picior_silver.png) center top no-repeat}
tr.picior_preturi td.bronz {background: url(../img/picior_bronz.png) center top no-repeat}

tr.submit td {text-align:center; font-size: 1.2em; font-weight: bold}
tr.submit a {padding: 15px; }
tr.submit a:hover {background: Red; color: White; border:1px solid #c00;text-decoration:none;border-radius: 10px; background: url(../img/bg_deschide.png) -10px -6px}

td.optiune {border-top:1px solid #cdcdcd; line-height: 24px;}
td.optiune b {font-size: 1.15em;}

/* formular inscriere */

table.formular_inscriere {width: 50%}
table.formular_inscriere span {color: #777; font-size: .9em;}
table.formular_inscriere td {vertical-align: top;}
table.formular_inscriere th {text-align: left; padding:0px;}
table.formular_inscriere input[type="text"] {width:250px; border: 1px solid #777; padding:3px;}
table.formular_inscriere select {width:257px; border: 1px solid #777; padding:3px;}
table.formular_inscriere input[type="text"]:focus {outline: 2px solid #FC3}
table.formular_inscriere textarea {width:250px; height: 100px;border: 1px solid #777; padding:3px;}
table.formular_inscriere textarea:focus {outline: 2px solid #FC3}
table.formular_inscriere input[type="button"] {font-weight: bold; padding:10px;}

table.admin {border:solid 1px;border-left:0px;}
table.admin th {background-color:#363738;color:white;padding:3px;height:40px;text-align:center;}
table.admin td {border:solid 1px;border-right:0px;border-bottom: 0px;padding:3px;font-size:0.8em;}
table.admin input[type="button"] {font-weight: bold; padding:10px;}