@charset "utf-8";

/* CSS Document */





body {margin: 0px 0px 0px 0px; padding: 0px; background-image: url(../img/bg.png); background-repeat: repeat; background-position: center; background-color: #394141; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #D3F3F3; behavior: url("resurse/css/hover.htc")}

html {overflow-x: hidden; overflow-y: auto;}

/*=========================================================================================================================*/

/*                                                         clearfix                                                        */

/*=========================================================================================================================*/

div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}

* html div {height: 1%}

div {display: inline-block}

div {display: block; clear: both}



/*=========================================================================================================================*/

/*                                                         clearfix                                                        */

/*=========================================================================================================================*/





/*=========================================================================================================================*/

/*                                                            generale                                                     */

/*=========================================================================================================================*/

a {color:#D3F3F3; font-weight: bold; text-decoration: none; outline: none}

a:hover {text-decoration: underline}



a img {border: none; outline: none}

form {margin: 0px; padding: 0px}

fieldset {margin: 0px; padding: 0px; background-color: transparent; border: none;}

input,select,textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; height: 15px; background-color: #617878; border: 1px solid #7A9494; color: #ABB8B8; font-size: 11px}

textarea {overflow: auto}

select {padding: 0px; height: 20px}

p {padding: 7px 0px 7px 0px; margin: 0px; clear: both}

ul, ol {margin: 0px; padding: 0px}

li {padding: 0px; margin: 5px 0px 0px 15px}

h1,h2,h3 {margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; text-transform: capitalize}

hr {height: 1px; margin: 15px 0px 15px 0px; padding: 0px; color: #4E9EC8; background-color: #4E9EC8; border: 0px}

/*=========================================================================================================================*/

/*                                                            generale                                                     */

/*=========================================================================================================================*/





#container {position: relative; width: 897px; height: auto; margin: 0px auto 0px auto}

	

#header {width: 100%; height: auto; margin: 0px}

	#header div#sus {position: relative; height: 50px; margin: 0px 0px 0px 250px; z-index: 2}

		#header div#sus ul {float: left; clear: none; display: inline; margin: 15px 0px 0px 0px; padding: 3px 0px 3px 0px; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px}

			#header div#sus ul li {display: inline; padding: 0px 15px 0px 0px; background: url(../img/linie-verticala-1.gif) no-repeat right}

			#header div#sus ul li a {padding: 2px 10px 2px 10px; font-weight: normal; border: 1px solid #4C5E5E; color: #9EB1B1}

			#header div#sus ul li a:hover {background-color: #617878; border: 1px solid #7A9494; text-decoration: none; color: #fff}

		#header div#sus #cautare {float: left; clear: right; display: inline; margin: 15px 0px 0px 190px; font-family: Arial, Helvetica, sans-serif; font-size: 11px}

			#header div#sus #cautare label {float: left; clear: none; padding: 3px 10px 3px 5px}

			#header div#sus #cautare input {float: left; clear: none; border-right: none}

			#header div#sus #cautare a {float: left; clear: none; padding: 3px 10px 4px 10px; background-color: #9EB1B1; color: #5F7070}

			#header div#sus #cautare a:hover {background-color: #BFCCCC; color: #5F7070; text-decoration: none}

		#header div#sus ul#limbi {float: right; margin: 15px 0px 0px 30px}

			#header div#sus ul#limbi li {display: inline; padding: 0px 10px 0px 0px; background: url(../img/linie-verticala-1.gif) no-repeat right}

			#header div#sus ul#limbi li a {padding: 2px 10px 2px 10px; font-weight: bold; border: 1px solid #4C5E5E; color: #9EB1B1}

			#header div#sus ul#limbi li a:hover,

			#header div#sus ul#limbi li a.curenta {background-color: #617878; border: 1px solid #7A9494; text-decoration: none; color: #fff}



	

	#header div#jos {width: 877px; height: 81px; padding: 123px 20px 0px 0px; margin: 0px; background: url(../img/bg.jpg) repeat; text-align: left}

		#header div#jos div#animatie {position: absolute; top: 0px; left: auto}

		#header div#jos h1 {font-weight: normal; font-size: 35px; color: #ceeded; text-align: right}

		#header div#jos h2 {font-weight: bold; font-size: 15px; color: #839A9A; text-align: right}

	

ul#meniu {height: 20px; padding: 7px 10px 7px 10px; list-style: none; text-align: center; background: url(../img/bg-meniu.png); background-repeat: repeat-x; font-family: "Times New Roman", Times, serif}

ul#meniu li {display: inline; margin: 0px 0px 0px 0px}

ul#meniu li a {margin: 0px 0px 0px 0px; padding: 7px 20px 7px 20px; background: url(../img/linie-verticala-2.gif) repeat-y right; color: #ACC5C7; font-size: 17px}

ul#meniu li a:hover {background-color: #202828; text-decoration: none; color: #FFFFFF}



	

#continut {margin: 30px 0px 0px 0px; width: 100%; height: auto; padding: 0px 0px 45px 0px; border-bottom: 1px dashed #6D8C8D}



#principala {float: left; clear: left; width: 630px; height: auto; text-align: justify}

	#principala h1 {margin: 0px 0px 25px 0px; padding: 0px}

	#principala h2 {margin: 25px 0px 15px 0px; padding: 0px 0px 10px 0px; color: #92AAAB; font-size: 30px; font-weight: normal}

	#principala h2 small {padding: 0px 0px 0px 25px; font-size: 12px; color: #9DB0B0; }



									/* border-bottom: 1px dashed #92AAAB; */

	

	#principala blockquote {margin: 25px; padding: 0px 35px 0px 0px; color: #9EB8B8; background: url(../img/citat-ghilimele-dr.gif) no-repeat bottom right; font-style: italic; font-family: "Times New Roman", Times, serif; font-size: 13px}

	#principala blockquote p {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 35px; background: url(../img/citat-ghilimele-stg.gif) no-repeat top left; text-indent: 15px}

	





#secundara {float: right; clear: right; width: 235px; height: auto}



/*===========================================================================================================================*/

/*                                                                CASUTA                	                                 */

/*===========================================================================================================================*/

#secundara .casuta {background: url(../img/bg.jpg) repeat; padding: 20px; height: auto; width: auto; margin: 0px 0px 30px 0px; color: #9DB0B0}



#secundara .casuta h1 {color: #D8F7F9; font-size: 18px; font-weight: normal; padding: 0px 0px 15px 0px; background: url(../img/linie-orizontala-2.gif) repeat-x bottom; margin: 0px 0px 15px 0px}

#secundara .casuta p {padding: 3px 0px 3px 0px; color: #9DB0B0}

#secundara .casuta input {float: left; clear: none; margin: 10px 0px 10px 0px; width: 155px; vertical-align: middle; background-color: #13181A; border: 1px solid #ACC5C7; border-right: none; _filter: alpha(opacity=20); opacity: 0.2; -moz-opacity: 0.2}

#secundara .casuta#newsletter a.buton-block {float: left; clear: none; margin: 9px 0px 0px 0px; padding: 3px 7px 3px 7px; border-left: none}

/*===========================================================================================================================*/

/*                                                                CASUTA                	                                 */

/*===========================================================================================================================*/





.float-dr {float: right; clear: none}

.float-stg {float: left; clear: none}

.clear-both {clear: both}



a.buton-block {display: block; width: auto; padding: 3px 15px 3px 15px; background-color: #92AAAB; border: 1px solid #13181A; _filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; color: #13181A; font-weight: normal; text-align: center;}

a.buton-block:hover {background-color: #fff; border: 1px solid #13181A; color: #13181A; text-decoration: none}



p.mesaj {padding: 25px; background-color: #344242; border: 1px solid #647D7D; color: #849B9C; text-align: center}





/*===========================================================================================================================*/

/*                                          		         home              			  	                                 */

/*===========================================================================================================================*/

#home div#articole img,

#home div#lucrari img {float: left; clear: none; border: 3px solid #597777}

#home div#articole ul,

#home div#lucrari ul {float: left; clear: none; margin: 0px 0px 0px 20px; list-style: none}

#home div#articole ul li,

#home div#lucrari ul li {float: left; clear: both; width: 500px; height: 17px; padding: 7px 10px 7px 10px; margin: 1px 0px 1px 0px; border-bottom: 1px dashed #6D8C8D}

#home div#articole ul li:hover,

#home div#lucrari ul li:hover {background-color: #415252;}

#home div#articole ul li a,

#home div#lucrari ul li a {float: left; clear: none; width: 370px; color: #D3F3F3}

#home div#articole ul li a:hover,

#home div#lucrari ul li a:hover {text-decoration: none}

#home div#articole ul li small,

#home div#lucrari ul li small {float: right; clear: none}





#home div#articol-extern img {float: left; clear: none; border: 3px solid #597777}

#home div#articol-extern h3 {float: right; clear: none; margin: 0px 0px 0px 20px; width: 525px; font-size: 15px;}

#home div#articol-extern p {float: right; clear: none; margin: 0px 0px 0px 20px; width: 525px}





/* ultimele carti */

#ultimele-carti .carte {position: relative; float: left; clear: none; display: inline; margin: 0px 8px 17px 8px;}

#ultimele-carti .carte a img {border: 3px solid #597777}

#ultimele-carti .carte div {display: none; position: absolute; top: -50px; left: -47px; background: url(../img/bg-jos-casuta-descriere-carte.gif) no-repeat bottom left; font-size: 14px; width: 178px; height: auto; padding: 0px 0px 10px 0px; color: #303C3C; cursor: pointer; z-index: 1000}

#ultimele-carti .carte:hover div {display: block}



#ultimele-carti .carte div h2 {margin: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #A6B0B0; background-color: #637878; border: 1px solid #fff; border-bottom: none; padding: 7px 10px 7px 10px; text-transform: capitalize; height: auto; color: #AEC0C1; overflow: hidden}

#ultimele-carti a.buton-block {width: 100px; margin: 0px 0px 0px 55px;} 

/* ultimele carti */



#eveniment img {float: left; clear: none; margin: 0px 15px 0px 0px; border: 3px solid #597777}

#eveniment h2 {float: left; clear: none; width: 120px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; height: 30px; overflow: hidden}

#eveniment h2 a {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #9DB0B0}

#eveniment p {float: left; clear: none; width: 120px; font-size: 11px}



#contact #principala form {margin: 45px 0px 0px 0px}

#contact #principala form fieldset {margin: 12px 0px 12px 0px}

#contact #principala form label {float: left; clear: none; width: 85px; padding: 2px 7px 3px 7px; background-color: #3B4949; border: 1px solid #7A9494; border-right: none; color: #92AAAB; font-size: 11px; font-weight: bold; text-align: right; text-transform: capitalize}

#contact #principala form input, 

#contact #principala form textarea,

#contact #principala form select {float: left; clear: none; width: 177px; margin: 0px 25px 0px 0px}

#contact #principala form select {width: 190px}

#contact #principala form textarea {width: 491px; height: 50px; margin: 0px 25px 0px 0px}

#contact #principala form input.buton {float: right; clear: both; margin: 0px 27px 0px 0px; width: 100px; height: 30px; color: #5F7070; background-color: #9EB1B1; border: 1px solid #CEEDED; padding: 5px 10px 5px 10px; text-align: center; font-weight: bold}

#contact #principala form input.buton:hover {background-color: #BFCCCC}





div.casuta ul#categorii {list-style: none; margin: 0px; padding: 0px}

div.casuta ul#categorii li {padding: 0px; margin: 0px; border-bottom: 1px dotted #4D5E5E; text-transform: uppercase}

div.casuta ul#categorii li a {display: block; padding: 7px 5px 7px 5px; color: #9DB0B0}

div.casuta ul#categorii li a small {display: block; font-size: 10px; color: #6D7777}

div.casuta ul#categorii li a:hover {background-color: #2D3939; text-decoration: none}





/*PREZENTARE*/

#prezentare #principala h3 {margin: 5px 0px 15px 0px; color: #92AAAB; font-size: 20px; font-weight: normal}



#prezentare div.casuta ul#categorii {list-style: none; margin: 0px; padding: 0px}

#prezentare div.casuta ul#categorii li {padding: 0px; margin: 0px; border-bottom: 1px dotted #4D5E5E; text-transform: uppercase}

#prezentare div.casuta ul#categorii li p {font-weight: bold; cursor:default; padding: 7px 5px 7px 5px; color: #9DB0B0}

#prezentare div.casuta ul#categorii li p:hover {background-color: #2D3939; text-decoration: none}

#prezentare div.casuta ul#categorii li ul {list-style: none; margin: 0px; font-size: 11px}

#prezentare div.casuta ul#categorii li ul li {border-top: 1px dotted #415454; border-bottom: none} 

#prezentare div.casuta ul#categorii li ul li a {font-weight: normal; text-transform: none; padding: 5px 5px 5px 5px; color: #738484}



#prezentare #principala .imagini {margin: 25px 0px 0px 0px}

#prezentare #principala a img {margin: 8px; border: 3px solid #597777}

/*PREZENTARE*/





#galerie-foto blockquote {margin: 25px 25px 35px 25px}

#galerie-foto #principala a img {margin: 8px; border: 3px solid #597777}
#galerie-foto h2 {text-transform: none}
#galerie-foto h2 small {display: block; padding: 5px 0px 0px 0px}


.carti {
border-bottom:1px dashed #647D7D;
height:auto;
margin:0 0 35px;
padding:0 0 35px;
}

#lucrari #principala div.lucrare,

#articole #principala div.articol,

#evenimente #principala div.eveniment {margin: 0px 0px 35px 0px; height: auto; padding: 0px 0px 35px 0px; border-bottom: 1px dashed #647D7D}

#lucrari #principala div.lucrare h3,

#articole #principala div.articol h3,

#evenimente #principala div.eveniment h3 {font-size: 17px; color: #AEC1C1; margin: 0px 0px 15px 0px}

#lucrari #principala div.lucrare h3 small,

#articole #principala div.articol h3 small,

#evenimente #principala div.eveniment h3 small {display: block; margin: 10px 0px 0px 0px; font-size: 12px; color: #9DB0B0; font-family: Arial, Helvetica, sans-serif; font-weight: normal}





#lucrari #principala div.lucrare img,

#articole #principala div.articol img,

#evenimente #principala div.eveniment img {float: left; clear: none; display: inline; margin: 0px 25px 0px 0px; padding: 0px; border: 3px solid #597777}

#lucrari #principala div.lucrare div,

#articole #principala div.articol div,

#evenimente #principala div.eveniment div {float: left; clear: none; display: inline; width: auto; height: auto; margin: 0px; padding: 0px}

#lucrari #principala div.lucrare div p,

#articole #principala div.articol div p,

#evenimente #principala div.eveniment div p {margin: 0px 0px 15px 0px; padding: 0px}

#lucrari #principala div.lucrare div p.locatie,

#articole #principala div.articol div p.locatie,

#evenimente #principala div.eveniment div p.locatie {font-style: italic; margin: 0px 0px 15px 0px; text-align: left; color: #9DB0B0; width: auto}

#lucrari #principala div.lucrare div p a img,

#articole #principala div.articol div p a img,

#lucrari #principala div.lucrare div p img,

#articole #principala div.articol div p img,

#evenimente #principala div.eveniment div p a img,

#evenimente #principala div.eveniment div p img {float: none; clear: none; display: inline; margin: 0px 0px 0px 0px; border: none; vertical-align: middle}

#lucrari #principala div.lucrare div p img,

#articole #principala div.articol div p img,

#evenimente #principala div.eveniment div p img {margin: 0px 0px 0px 15px}







/*==========================================================================================================================*/

/*															CALENDAR														*/

/*==========================================================================================================================*/

#evenimente #secundara .casuta #calendar {display: block; width: 182px; min-height: 180px; padding: 0px; border-right: none; margin: 0px 0px 0px 7px}

#evenimente #secundara .casuta #calendar div {width: 182px; display: block; text-align: center; padding: 0px;  border-right: none; margin-bottom: 0px;}

#evenimente #secundara .casuta #calendar div span {float: left; clear: none; margin: 1px; width: 18px; padding: 5px 2px 5px 2px; background-color: #2C3737; border: 1px solid #4A5E5E; font-size: 10px; color: #5D6D6D; text-align: center; cursor: default}

#evenimente #secundara .casuta #calendar div span.curenta,

#evenimente #secundara .casuta #calendar div span:hover {border: 1px solid #597777; background-color: #4F6A6A; color: #BFD1D1}



#evenimente #secundara .casuta #calendar div#luna-an {background-color: #2C3737; border: 1px solid #4A5E5E; text-align: center; color: #5D6D6D; font-weight: bold; margin: 0px 0px 2px 0px; padding: 4px 0px 4px 0px}

#evenimente #secundara .casuta #calendar div#luna-an p {float: left; clear: none; width: 70%; text-align: center; margin: 0px; padding: 0px}

#evenimente #secundara .casuta #calendar div#luna-an a.anterioara {float: left; clear: none; width: 15%;}

#evenimente #secundara .casuta #calendar div#luna-an a.urmatoare {float: right; clear: none; width: 15%;}

#evenimente #secundara .casuta #calendar div#zile-saptamana {background-color: #4F6A6A; border: 1px solid #597777; color: #BFD1D1; font-weight: bold; margin: 0px 0px 2px 0px}

#evenimente #secundara .casuta #calendar div#zile-saptamana span {background-color: #4F6A6A; border: 1px solid #4F6A6A; color: #BFD1D1; width: 18px; padding: 2px 2px 2px 2px; font-size: 8px}

/*==========================================================================================================================*/

/*															CALENDAR														*/

/*==========================================================================================================================*/





.w-420 {width: 420px}

/*===========================================================================================================================*/

/*                                                            FOOTER                    	                                 */

/*===========================================================================================================================*/

div#footer {display: block; width: 100%; height: auto; margin: 0px 0px 0px 0px; text-align: center; padding: 15px 0px 0px 0px}

div#footer a img {margin: 0px 25px 15px 25px; _filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6}

div#footer a:hover img {_filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1}

div#footer ul {width: 100%; margin: 0px 0px -5px 0px; height: 45px; list-style: none; background: url(../img/bg-footer.jpg) repeat-x center; padding: 18px 0px 0px 0px; text-align: center; color: #6ea0a0; font-family: Arial, Helvetica, sans-serif; font-size: 11px}

div#footer li {display: inline; padding: 0px 15px 0px 0px; background: url(../img/linie-verticala-3.gif) no-repeat right}

div#footer li a {padding: 2px 7px 2px 7px; font-weight: normal; border: 1px solid #3E4C4C; color: #9EB1B1}

div#footer li a:hover {background-color: #617878; border: 1px solid #7A9494; text-decoration: none; color: #fff}

/*===========================================================================================================================*/

/*                                                            FOOTER                    	                                 */

/*===========================================================================================================================*/





ol#paginare {margin: 20px 0px 20px 0px; list-style: none; padding: 0px; text-align: right}

ol#paginare li {display: inline}

ol#paginare li a {background-color: transparent; border: 1px solid #4B5D5D; color: #C2E8FE; padding: 3px 7px 3px 7px}

ol#paginare li a:hover,

ol#paginare li a.activ {background-color: #3B4949; border: 1px solid #4F6262; color: #C2E8FE; text-decoration: none}


/*===========================================================================================================================*/

/*                                                            ADAUGARI MARTIE 18 '09      	                                 */

/*===========================================================================================================================*/

#cautare-casuta {
	width:122px;
	height:19px;
	float:left;
	clear:none;
	background-image:url(../img/cautare-casuta-bg.jpg);
	border:none;
	background-repeat:no-repeat;
	background-position:top left;
	}
	
#cautare-buton {
	float:left;
	clear:none;
	width:55px;
	height:23px;
	background-color:#647777;
	border:hidden;
	margin-left:-3px;
	border:none;
	}
	
#cautare-div {
	width:190px;
	float:right;
	margin-top:-100px;	
	}

.backlink {
margin-top:-21px;
}

.backlink a {
 color:#9EB1B1;
 text-decoration:none;
 font-weight:normal;
 font-size:10px;
}