/* ------ STYLURI GENERALE ------ */
html {margin: 0px; padding: 0px; background-color: #115e82;}
body {margin: 0px; padding: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #999999; background-color: #FFFFFF; background-image: url(../images/backgrounds/bg_top.gif); background-repeat: repeat-x; background-position: 0px 0px;}

div, dl, dt, dd, form, fieldset, img, h1, h2, h3, h4, h5, h6  {margin: 0px; padding: 0px; font-weight: normal;}
fieldset {border: none;}
img {border: none; vertical-align: bottom;}

div.cleaner {clear: both; height: 0px; overflow: hidden;}
div.container {margin: 0px auto; width: 900px; clear: both; position: relative;}

a {color: #1389b3; text-decoration: underline;}
a:hover {color: #36aafb; text-decoration: underline;}

a.alb {color: #ffffff; text-decoration: underline;}
a.alb:hover {color: #3c535e; text-decoration: underline;}

a.butonVerde {margin: 0px; padding: 2px 12px 4px 12px; border: 1px solid #8dbd34; color: #6f8d38; text-decoration: none; background-image: url(../images/butoane/bg_buton_verde.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #b5e955;}
a.butonVerde:hover {color: #41541e; text-decoration: none;}




/* ------ CONTINUT ------ */
div#continut {clear: both; border-bottom: 1px solid #ffffff; background: url(../images/backgrounds/bg_content.gif) repeat-x left bottom;}
div#stanga {margin: 0px 20px 0px 0px; padding: 55px 0px 47px 0px; width: 200px; overflow: hidden; float: left;}
div#dreapta {padding: 55px 0px 47px 0px; width: 680px; overflow: hidden; float: left;}



/* ------ STANGA ------ */
div#stanga h1 {margin: 0px 0px 0px 10px; padding: 0px; width: 146px; height: 87px; overflow: hidden; text-indent: -20000px; background: url(../images/dentistul_tau_logo.gif) no-repeat 0px 3px;}
div#stanga h1 a {width: 146px; height: 87px; display: block;}

div.meniuPrincipal {margin: 36px 0px 0px 0px; padding: 0px; position: relative; clear: both;}
div.meniuPrincipal div {overflow: hidden; margin: 10px 0px 0px 0px;}
div.meniuPrincipal div:first-child {background-color: #ffffff;}
div.meniuPrincipal div.collapsed {height: 35px;}
div.meniuPrincipal div span {display: block; padding: 8px 12px 11px 9px; border-right: 1px solid #dfe3e1; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 20px; color: #27a0d8; cursor: pointer; background-image: url(../images/icons/meniu_activ.gif); background-repeat: no-repeat; background-position: 170px 8px;}
div.meniuPrincipal div.collapsed span {color: #8dbd34; background-image: url(../images/icons/meniu_inactiv.gif); background-repeat: no-repeat; background-position: 170px 9px;}
div.meniuPrincipal div a {margin: 0px; padding: 5px 20px 8px 10px; display: block; color: #acacac; text-decoration: none; background-color: #ffffff; border-top: 1px solid #dfe3e1; border-right: 1px solid #dfe3e1;}
div.meniuPrincipal div a.current {color: #27a0d8; text-decoration: none;}
div.meniuPrincipal div a:hover {background-color: #f3f3f3;}




/* ------ DREAPTA ------ */
fieldset.cutieAlbastra {margin: 0px 0px 2px 0px; width: 310px; position: relative; float: left; border: 10px solid #38b0e7; background-color: #27a0d8; color: #ffffff;}
fieldset.cutieAlbastra div.sageata {width: 64px; height: 84px; overflow: hidden; position: absolute; top: -28px; right: 14px; background: url(../images/icons/sageata_albastru.gif) no-repeat 0px 0px;}
fieldset.cutieAlbastra div.textCutie {padding: 26px 10px 10px 10px; min-height: 225px; border: 1px solid #68bde4;}
fieldset.cutieAlbastra h3 {margin: 0px 0px 27px 0px; padding: 0px; font-size: 24px; letter-spacing: -1px; text-indent: -1px;}
fieldset.cutieAlbastra ul {margin: 19px 0px 10px 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #47aede; clear: both; position: relative;}
fieldset.cutieAlbastra ul li {margin: 0px; padding: 2px 2px 4px 22px; width: 264px; border-top: 1px solid #47aede; background: url(../images/icons/bulina_pe_albastru.gif) no-repeat 4px 5px;}
fieldset.cutieAlbastra ul li span {display: block; float: right;}

fieldset.cutieVerde {margin: 0px 0px 2px 0px; width: 310px; position: relative; float: left; border: 10px solid #a9da4e; background-color: #8dbd34; color: #ffffff;}
fieldset.cutieVerde div.sageata {width: 64px; height: 84px; overflow: hidden; position: absolute; top: -28px; right: 14px; background: url(../images/icons/sageata_verde.gif) no-repeat 0px 0px;}
fieldset.cutieVerde div.textCutie {padding: 26px 10px 10px 10px; min-height: 225px; border: 1px solid #bddd82;}
fieldset.cutieVerde h3 {margin: 0px 0px 27px 0px; padding: 0px; font-size: 24px; letter-spacing: -1px; text-indent: -1px;}
fieldset.cutieVerde ul {margin: 19px 0px 10px 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #9ec752; clear: both; position: relative;}
fieldset.cutieVerde ul li {margin: 0px; padding: 2px 2px 4px 22px; width: 264px; border-top: 1px solid #9ec752; background: url(../images/icons/bulina_pe_verde.gif) no-repeat 4px 5px;}
fieldset.cutieVerde ul li span {display: block; float: right;}
img.butonCutie {margin: 12px 0px 0px 0px; display: block;}


h2.categoriePagina {padding: 43px 0px 8px 18px; clear: both; font-size: 60px; color: #efefef; font-weight: bold; letter-spacing: -2px; text-indent: -3px;}
h3.numePagina {margin: 0px 0px 51px 18px; padding: 0px; clear: both; font-size: 32px; color: #5e5e5e; letter-spacing: -1px; position: relative;}

p.utilitati {margin: 51px 0px 16px 20px; padding: 0px; font-size: 11px; color: #84a2af;}
p.utilitati img {margin: 0px 0px 0px 4px;}
p.utilitati a {margin-right: 3px; color: #84a2af; text-decoration: none;}
p.utilitati a:hover {color: #047fb6; text-decoration: underline;}

div.continutPagina {margin: 16px 0px 0px 20px;}
div.continutPagina h4 {margin: 38px 0px 20px 0px; padding: 0px; font-size: 22px; color: #5e5e5e; text-indent: -1px;}

div.galerieFoto {margin: 26px 0px 0px 0px; padding: 0px; clear: both;}
div.galerieFoto img {margin: 0px 5px 11px 0px; padding: 1px; border: 4px solid #efefef; vertical-align: top; width: 80px; height: 80px;}

dl.listingPareri {margin: 24px 0px 0px 0px; padding: 0px; clear: both;}
dl.listingPareri dt {margin: 0px; padding: 9px 0px 18px 39px; font-size: 11px; color: #84a2af; font-weight: bold; background: url(../images/icons/citat_01.gif) no-repeat 1px 6px;}
dl.listingPareri dt.alt {background: url(../images/icons/citat_02.gif) no-repeat 1px 6px;}
dl.listingPareri dd {padding: 14px 0px 0px 0px; border-top: 1px dashed #dddddd;}



/* ------ AUXILIAR ------ */
div#auxiliar {padding: 26px 0px 32px 0px; clear: both; background-image: url(../images/backgrounds/bg_auxiliar.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #0f83b9; font-size: 11px; line-height: 14px; color: #ffffff;}
img.sageataGri {margin: 0px 2px 0px 0px; vertical-align: -2px;}

dl.programCabinet {margin: 0px; padding: 0px; width: 550px; overflow: hidden; position: relative; float: left;}
dl.programCabinet dt {margin: 0px; padding: 7px 0px 15px 65px; background: url(../images/icons/program.gif) no-repeat 0px 0px;}
dl.programCabinet dt strong {margin: 7px 0px 15px 0px; display: block; font-size: 24px; letter-spacing: -1px; font-weight: normal; text-indent: -2px;}
dl.programCabinet dd {margin: 0px 1px 0px 0px; padding: 12px 0px 0px 0px; width: 83px; height: 53px; overflow: hidden; float: left; text-align: center; background: url(../images/backgrounds/bg_orar.gif) repeat-x 0px 0px;}
dl.programCabinet dd strong {margin-bottom: 13px; display: block;}

dl.dateContact {margin: 0px 0px 0px 20px; padding: 0px; width: 330px; overflow: hidden; float: left;}
dl.dateContact dt {margin: 0px; padding: 7px 0px 15px 72px; background:  url(../images/icons/contact.gif) no-repeat 0px 6px;}
dl.dateContact dt strong {margin: 7px 0px 15px 0px; display: block; font-size: 24px; letter-spacing: -1px; font-weight: normal; text-indent: -2px;}




/* ------ FOOTER ------ */
div#footer {padding: 20px 0px; clear: both; border-top: 1px solid #3f9cc7; background-color: #115e82; font-size: 11px; color: #88afc1; line-height: 16px;}
div#footer div.trafic {margin-top: 3px; float: right; width: 88px;}
div#footer img.softhost {margin: -2px 70px 0px 0px; position: relative; padding: 0px; display: block; float: right;}
div#footer p {margin: 0px; padding: 0px; width: 550px; overflow: hidden;}
div#footer p span {padding: 0px 6px;}
div#footer p a {color: #88afc1; text-decoration: none;}
div#footer p a:hover {color: #c6e3f0; text-decoration: underline;}



/* ------ ELEMENTE FORMULARE ------ */
input.formular01 {margin: 0px; padding: 1px 2px; width: 230px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444;}
textarea.formular01 {margin: 0px; padding: 1px 2px; width: 370px; height: 80px; border: 1px solid #cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444;}
select.formular01 {margin: 0px; padding: 0px; width: 236px; border: 1px solid #cccccc; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #777777;}
input.formular01Box {vertical-align: -3px;}
input.formular01Radio {vertical-align: -2px;}



/* ------ TABELE ------ */
table.tabelFormular {margin: 28px 0px 0px 0px; padding: 0px; width: 100%; background-color: #FFFFFF; border: 1px solid #f3f3f3; color: #939393;}
table.tabelFormular th {padding: 6px 9px; text-align: left; color: #555555; border: 1px solid #f3f3f3}
table.tabelFormular td {padding: 5px 7px; background-color: #f3f3f3;}

/* ------- Orvelay ------ */
.overlay {
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
}
.dialog {
	width: 50%;
	background: white;
	position: fixed;
	top: 25%;
	left: 25%;
	z-index: 99;
}