/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
/*  margin: 0; */
  padding: 0;
  border: 0; 
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { /*text-align: left;*/ font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }





/* culoarea principala */
body {color:#002626;
font-family:Arial, Helvetica, sans-serif;}

/*     =================================
        start of Tooltip css code here
        ================================= */
 
        a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        /*background-color:#e0e0e0;    /* background colour of display text */
        color:#00383a;               /* colour of display text */
        border:0px;    /* border colour */
        text-decoration:none;
        font-style:normal;
        }
 
        a.info:hover {
        z-index:25;
        background-color:#008080;
		color:#FFFFFF;
 
        }
 
        a.info span{
        display: none;  /* hide the span text using this css */
        }
 
        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: -20em;
        width:22em;
        border:1px solid #008080; /* border colour */
        background-color:#eeffff; /* background colour here */
        color:#00383a;         /* text colour */
        text-align: center;
        font-size: .8em;
        font-style:normal;
        z-index:30;
        }

/* culori
$cul="#008080";
$cul_deschis="#eeffff";
$cul_inchis="#00383a";

text normal
*/

p.text_home, p.text_home:hover, p.text_home:active, p.text_home:visited {
	color: #00383a;
	font-size: 16px;
	font-weight:normal;
	text-align:justify;
	width:680px;
	}

a.dr_resurse, a.dr_resurse:hover, a.dr_resurse:active, a.dr_resurse:visited {
	color: #00383a;
	text-decoration:none;
}
a.email_subscribe, a.email_subscribe:hover, a.email_subscribe:active, a.email_subscribe:visited {
	color: #FFFFFF;
	font-size:11px;
	text-decoration:none;
}
a.dr_resurse_mic, a.dr_resurse_mic:visited {
	color: #00383a;
	text-decoration:none;
	font-size:12px;
}
a.dr_resurse_mic:hover, a.dr_resurse_mic:active {
	color: #00383a;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
a.login_jos, a.login_jos:hover, a.login_jos:active, a.login_jos:visited {
	color: #00383a;
	font-size:13px;
	text-decoration:none;
}
a.motiv_sieu, a.motiv_sieu:hover, a.motiv_sieu:active, a.motiv_sieu:visited {
	color: #00383a;
	font-size:11px;
	text-decoration:none;
}
a.motiv_com, a.motiv_com:hover, a.motiv_com:active, a.motiv_com:visited {
	color: #00383a;
	font-size:12px;
	text-decoration:none;
}


a.mr_plus, a.mr_plus:hover, a.mr_plus:active, a.mr_plus:visited {
	color: #00383a;
	font-size:11px;
	text-decoration:none;
}
a.mr_link, a.mr_link:hover, a.mr_link:active, a.mr_link:visited {
	color: #00383a;
	font-size:14px;
	text-decoration:none;
}


a.cal_alb, a.cal_alb:hover, a.cal_alb:active, a.cal_alb:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a.art_titlu, a.art_titlu:hover, a.art_titlu:active, a.art_titlu:visited {
	color: #00383a;
	font-size:25px;
	text-decoration:none;
}
a.art_a_titlu, a.art_a_titlu:hover, a.art_a_titlu:active, a.art_a_titlu:visited {
	color: #00383a;
	font-size:20px;
	text-decoration:none;
}

a.art_autor, a.art_autor:hover, a.art_autor:active, a.art_autor:visited {
	color: #999999;
	font-size:12px;
	text-decoration:none;
}
a.art_galerie, a.art_galerie:hover, a.art_galerie:active, a.art_galerie:visited {
	color: #008080;
	font-size:17px;
	text-decoration:none;
}
a.art_citeste_tot, a.art_citeste_tot:hover, a.art_citeste_tot:active, a.art_citeste_tot:visited {
	color: #333333;
	font-size:14px;
	text-decoration:none;
}
a.art_share, a.art_share:visited {
	color: #008080;
	font-size:14px;
	text-decoration:none;
}
a.art_share:hover, a.art_share:active {
	font-weight:bold;
	color:#008080;
 
}
a.audio_download, a.audio_download:hover, a.audio_download:active, a.audio_download:visited {
	color: #00383a;
	font-size:14px;
	text-decoration:none;
}
a.titlu_galerie, a.titlu_galerie:hover, a.titlu_galerie:active, a.titlu_galerie:visited {
	color: #008080;
	font-size:22px;
	text-decoration:none;
}

a.eroare, a.eroare:hover, a.eroare:active, a.eroare:visited {
	color: #f60000;
	font-size:14px;
	text-decoration:none;
}
a.anunt_rosu, a.anunt_rosu:hover, a.anunt_rosu:active, a.anunt_rosu:visited {
	color: #f60000;
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
}

a.titlu, a.titlu:hover, a.titlu:active, a.titlu:visited {
	color: #002626;
	font-size:20px;
	text-decoration:none;
}
a.alb, a.alb:hover, a.alb:active, a.alb:visited {
	color: #FFFFFF;
	font-size:15px;
}
a.alb_dr, a.alb_dr:hover, a.alb_dr:active, a.alb_dr:visited {
	color: #FFFFFF;
	font-size:18px;
}

a.alb_mic, a.alb_mic:visited {
	color: #FFFFFF;
	font-size:11px;
	text-decoration:none;
}
 a.alb_mic:hover, a.alb_mic:active {
	 color:#FFFFFF;
	 font-size:11px;
	 text-decoration:underline;
 }
a.alb_mic_nimic, a.alb_mic_nimic:hover, a.alb_mic_nimic:active, a.alb_mic_nimic:visited {
	color: #FFFFFF;
	font-size:11px;
	text-decoration:none;
}
a.alb_calendar, a.alb_calendar:hover, a.alb_calendar:active, a.alb_calendar:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a.inchis_calendar, a.inchis_calendar:visited {
	color: #00383a;
	text-decoration:none;
}
a.inchis_calendar:hover, a.inchis_calendar:active {
	color: #00383a;
	text-decoration:none;
	font-weight:bold;
}

a.program_complet, a.program_complet:visited {
	color: #00383a;
	font-size:13px;
	text-decoration:none;
}
a.program_complet:hover, a.program_complet:active {
	color: #00383a;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}


/* Tabel calendar + edit  */
table.tbl, td
{
    border-color: #002626;
    border-style: solid;
}

table.tbl
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.tbl td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}
/*
MENIU DROP_DOWN
$cul="#008080";
$cul_deschis="#eeffff";
$cul_inchis="#00383a";
*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 0}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 16px arial}

#sddm li a
{	display: block;
	margin: 0px 5px 0px 0px;
	padding: 4px 10px;
	background: #008080;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #00383a}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #eeffff;
	border: 1px solid #008080}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #eeffff;
		color: #00383a;
		font: 15px arial}

	#sddm div a:hover
	{	background: #00383a;
		color: #FFFFFF}