/*==========================================================================================================================*/
/*													NOTE																	*/
/* unele elemente float au display: inline pentru a trece peste bug-ul ie6 de  dublare a marginii corespondente cu float-ul
/* problema in ie cu elementele inline care au padding (verificare cu bg si border)... padding-ul bottom este ignorat... functioneaza doar daca containerul are padding sus si jos
/* problema in ie cu ul cu float si display inline (mai sus detalii)... se creeaza un padding al li-urilor care nu poate fi sters... merge rezolvat cu float:left si clear both pe li sau margin negativ
/* pe ie apare o margine jos de 3px sub unele imagini... rezolvat cu font-size: 1px in acel element
/*==========================================================================================================================*/

@charset "utf-8";
/* CSS Document */

body {margin: 0px; padding: 0px; background-color: #2E3234; background-image: url(../img/bg.jpg); background-position:top; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; behavior: url("resurse/css/hover.htc")} 
html {overflow-x: hidden; overflow-y: auto;}

/*=========================================================================================================================*/
/*                                                         clearfix                                                        */
/*=========================================================================================================================*/
div {display: block}
div:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}
*html div {height: 1%;}
/*=========================================================================================================================*/
/*                                                         clearfix                                                        */
/*=========================================================================================================================*/

/*=========================================================================================================================*/
/*                                                            generale                                                     */
/*=========================================================================================================================*/
a {color:#a5dcfe; 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: 12px; font-family: Arial, Helvetica, sans-serif; padding: 3px 5px 2px 5px; height: 16px; background-color: #57A3CA; border: 1px solid #1B77AF; color: #FFFFFF; font-size: 12px}
textarea {overflow: auto}
select {padding: 0px}
p {padding: 7px 0px 7px 0px; margin: 0px; clear: both}
ul, ol {margin: 0px; padding: 0px}
li {padding: 0px; margin-top:5px; margin-left:15px;}
hr {height: 1px; margin: 15px 0px 15px 0px; padding: 0px; color: #4E9EC8; background-color: #4E9EC8; border: 0px}
/*=========================================================================================================================*/
/*                                                            generale                                                     */
/*=========================================================================================================================*/




/*=========================================================================================================================*/
/*                                                            titluri                                                      */
/*=========================================================================================================================*/
h1,h2,h3 {margin: 0px; padding: 0px}
h1 {width: 100%; background-color: #1B77AF; margin: 0px 0px 0px 0px; padding: 10px 0px 25px 0px; color: #C9DFEC; font-size: 18px; font-weight: normal; }
h2 {margin: 0px 0px 20px 0px; padding: 0px; color: #ffffff; font-size: 27px; font-weight: normal;}
/*=========================================================================================================================*/
/*                                                            titluri                                                      */
/*=========================================================================================================================*/


#site {position: absolute; top: 0px; left: 50%; margin-left: -50%; width: 100%; height: auto;}

/*=========================================================================================================================*/
/*                                              BANDA LIMBI + SEARCH                                                       */
/*=========================================================================================================================*/
#banda-limbi-search {width: 900px; height: 39px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; font-size: 11px}
	#banda-limbi-search select {float: left; clear: none; background-color: #C9CBCC; border: none; width: 105px}
	
	#banda-limbi-search ul#lista-limbi {position: relative; top: -3px; float: left; clear: none; list-style: none; margin: 0px 0px -3px 0px; padding: 5px 0px 5px 0px}
	#banda-limbi-search ul#lista-limbi li {display: inline; margin: 0px 0px 0px 10px}
	#banda-limbi-search ul#lista-limbi li a {padding: 5px 7px 5px 7px; color: #FFFFFF}
	#banda-limbi-search ul#lista-limbi li a:hover, #banda-limbi-search ul#lista-limbi li a.curenta {background-color: #C9CBCC; color: #464B4F; text-decoration: none}

	#banda-limbi-search ul#meniu {float: left; clear: none; list-style: none; margin: 2px 0px 0px 0px}
	#banda-limbi-search ul#meniu li {display: inline; margin: 0px; padding: 0px 15px 0px 15px; border-right: 1px solid #999}
	#banda-limbi-search ul#meniu li a {color: #FFFFFF; font-weight: normal}

	#banda-limbi-search form {float: right; clear: none; margin: 0px 0px 0px 0px; width: 200px}
	#banda-limbi-search form label {position: relative; top: -5px; float: left; clear: none; margin: 0px 5px -5px 0px; width: auto}
	#banda-limbi-search form input {float: left; clear: none; margin: 0px 0px 0px 0px; width: 115px; height: 16px; background-color: #C9CBCC; border: none; color: #333333}
	#banda-limbi-search form a img {float: left; clear: none; margin: 0px 0px 0px 0px}
/*=========================================================================================================================*/
/*                                              BANDA LIMBI + SEARCH                                                       */
/*=========================================================================================================================*/



/*=========================================================================================================================*/
/*                                                            HEADER                                                       */
/*=========================================================================================================================*/
#header {margin: 0px; background-image: url(../img/bg-header.png); background-repeat: repeat-y; background-position: center; width: 100%; height: 294px; text-align: center; font-size: 1px}
	/*--------------------------------------------------------------*/
	/*							meniu								*/
	/*--------------------------------------------------------------*/
#header ul {margin: 0px auto 0px auto; width: 953px; height: 20px; padding: 11px 10px 19px 10px; list-style: none; text-align: center; font-size: 17px; color: #1A427D; font-weight: bold; background-image:url(../img/bg-meniu.gif); background-repeat: no-repeat; line-height: 20px}
#header ul li {display: inline; margin: 0px; padding: 0px}
#header ul li a {color: #1A427D; margin: 0px; padding: 11px 20px 19px 20px; background-image: url(../img/linie-despartitoare-meniu.gif); background-repeat: no-repeat; background-position: right}
#header ul li a:hover,
#header ul li a.curenta {background-color: #1B77AF; color: #ffffff; text-decoration: none}
	/*--------------------------------------------------------------*/
	/*							meniu								*/
	/*--------------------------------------------------------------*/

#header div#curba {position: relative; top: -19px; margin: 0px 0px -19px 0px; padding: 0px; width: 100%; height: 46px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resurse/img/curba-sus.png',sizingMethod='scale')}
#header #curba[id] {background-image: url(../img/curba-sus.png); background-repeat: no-repeat; background-position: bottom center;}

/*=========================================================================================================================*/
/*                                                            HEADER                                                       */
/*=========================================================================================================================*/


/*=========================================================================================================================*/
/*                                                           CONTINUT                                                      */
/*=========================================================================================================================*/
#casuta-continut {margin: 0px 0px 0px 0px; width: 100%; height: auto; background-color: #1B77AF}
#continut {margin: 0px auto 0px auto; width: 960px; border: none; height: auto; background-color: #3791c0}
	#continut .stg {float: left; clear: none; width: 673px; padding: 30px; text-align: justify}
		#continut .stg h3 {font-size: 17px; color: #C2E8FE; margin: 25px 0px 10px 0px}
		#news #continut .stg a img {margin: 10px 0px 10px 17px; border: 3px solid #C2E8FE}

		#home #continut .stg div {margin: 15px 0px 0px 0px}
		#home #continut .stg .casuta-home {float: left; clear: none; width: 189px; border-right: 1px solid #4E9EC8; padding: 0px 15px 0px 15px}
		#home #continut .stg .casuta-home img {margin: 0px 0px 10px 0px; border: 2px solid #8DC0DB}
		#home #continut .stg .casuta-home h1 {width: auto; background-color: transparent; margin: 0px 0px 10px 0px; padding: 0px; color: #E2EBEF; font-size: 15px; font-weight: bold; text-transform: capitalize}
		#home #continut .stg .casuta-home ul {font-size: 11px}

		#home #continut .stg h2 {margin: 25px 0px 20px 0px}
		
		#continut .stg img {float: left; clear: none; margin: 0px 14px 25px 0px; border: 4px solid #1B77AF}
		#continut .stg p {clear: none}
		
		#cautare #continut .stg h3 {margin: 10px 0px 10px 0px}
		#cautare #continut .stg p a {font-weight: normal; color: #FFFFFF}

		#echipa #continut .stg div {margin: 20px 0px 20px 0px; text-align: left}
		#echipa #continut .stg div a img {float: left; clear: none; margin: 10px 25px 10px 10px; border: 3px solid #C2E8FE}
		#echipa #continut .stg div div {float: left; clear: none; margin: 10px 0px 10px 0px; text-align: left}
		#echipa #continut .stg div div strong {display: block; margin: 0px 0px 15px 0px}
		#echipa #continut .stg div div span {font-style: italic}
		#echipa #continut .stg div div p {margin: 10px 0px 0px 0px; float: none; clear: both; width: 100%}

		#contact #continut .stg form {margin: 20px 0px 20px 35px}
		#contact #continut .stg form fieldset {margin: 7px 0px 7px 0px}
		#contact #continut .stg form label {float: left; clear: none; width: 65px; padding: 4px 7px 3px 7px; background-color: #1B77AF; border: 1px solid #1B77AF; color: #AACCE1; font-size: 11px; font-weight: bold; text-align: right; text-transform: capitalize}
		#contact #continut .stg form input, 
		#contact #continut .stg form textarea {float: left; clear: none; width: 200px; margin: 0px 25px 0px 0px}
		#contact #continut .stg form textarea {width: 518px; height: 50px; margin: 0px 25px 0px 0px}
		#contact #continut .stg form input.buton {float: right; clear: both; margin: 0px 27px 0px 0px; width: 100px; height: 30px; background-color: #D1E7F1; border: 1px solid #1B77AF; padding: 5px 10px 5px 10px; text-align: center; color: #1B77AF; font-weight: bold}

		#contact #continut .stg div {float: left; clear: none; width: 335px}
		
		#contact #continut .stg #codVerificare {float: left; clear: none; width: 81px; height: 23px}
		#contact #continut .stg #codVerificare img {border: none; margin: 2px 0px 0px 0px}
		#contact #continut .stg #labelCodVerificare {width: 100px}
        #contact #pagina { 
          background-color:#C0C0C0;
          border:3px solid #CCCCCC;
          height:575px;
          left:50%;
margin-left:-445px;
margin-top:-275px;
overflow:auto;
padding:10px 20px 20px;
position:absolute;
top:25%;
width:850px;
z-index:1002;
}

		#parteneri #continut .stg .partener {float: left; clear: none; width: 190px; height: 120px; border-right: 1px solid #4E9EC8; padding: 0px 15px 0px 15px; margin: 15px 0px 15px 0px}
		#parteneri #continut .stg .partener img {display: block; float: none; clear: both; margin: 0px 0px 10px 0px; border: 2px solid #8DC0DB}
		#parteneri #continut .stg .partener h2 {width: auto; background-color: transparent; margin: 0px 0px 0px 0px; padding: 0px; color: #E2EBEF; font-size: 15px; font-weight: bold; text-transform: capitalize}

	
	/*--------------------------------------------------------------*/
	/*						coloana dr								*/
	/*--------------------------------------------------------------*/
	#continut .dr {position: relative; top: -20px; right: -20px; margin: 0px -20px -20px 0px; float: left; clear: none; width: 227px}
		#continut .dr .casuta {width: 227px; margin: 0px 0px 10px 0px; background-color: #1B6C9E; background-image: url(../img/casuta-dr-bg-jos.jpg); background-repeat: no-repeat; background-position: bottom; font-size: 11px}
		#continut .dr .casuta div {width: 196px; height: auto; padding: 15px; border-right: 1px solid #3791C0; margin-bottom: 10px;}
		#continut .dr .casuta h2 {margin: 0px 0px 0px 0px; background-image: url(../img/casuta-dr-bg-titlu.jpg); width: 197px; height: 31px; padding: 12px 15px 0px 15px; font-size: 15px; font-weight: bold; text-transform: capitalize}
		#continut .dr .casuta h2 img {vertical-align: middle; margin: 0px 10px 0px 0px}
		

		#continut .dr #casuta-capitole.casuta div ul li {margin: 0px 0px 0px 20px; padding: 5px 0px 7px 0px; border-bottom: 1px dotted #3791C0}
		#continut .dr #casuta-capitole.casuta div ul li a {color: #fff}

		
		#continut .dr #casuta-calendar.casuta div {width: 196px; height: auto; padding: 15px; border-right: 1px solid #3791C0; margin-bottom: 10px;}

		/*==========================================================================================================================*/
		/*															CALENDAR														*/
		/*==========================================================================================================================*/
		#continut .dr #casuta-calendar.casuta #calendar {display: block; width: 182px; min-height: 180px; padding: 0px; border-right: none; margin: 0px 0px 0px 7px}
		#continut .dr #casuta-calendar.casuta #calendar div {width: 182px; display: block; text-align: center; padding: 0px;  border-right: none; margin-bottom: 0px;}
		#continut .dr #casuta-calendar.casuta #calendar div span {float: left; clear: none; margin: 1px; width: 18px; padding: 5px 2px 5px 2px; background-color: #176899; border: 1px solid #1D7AB1; font-size: 10px; color: #6BB0D9; text-align: center; cursor: default}
		#continut .dr #casuta-calendar.casuta #calendar div span.curenta, #continut .dr #casuta-calendar.casuta #calendar div span:hover {border: 1px solid #1D7AB1; background-color: #12537A; color: #9BD8FD}
		
		#continut .dr #casuta-calendar.casuta #calendar div#luna-an {background-color: #165C87; border: 1px solid #1D7AB1; text-align: center; color: #9BD8FD; font-weight: bold; margin: 0px 0px 2px 0px; padding: 3px 0px 3px 0px}
		#continut .dr #casuta-calendar.casuta #calendar div#luna-an p {float: left; clear: none; width: 70%; text-align: center; margin: 0px; padding: 0px}
		#continut .dr #casuta-calendar.casuta #calendar div#luna-an a.anterioara {float: left; clear: none; width: 15%;}
		#continut .dr #casuta-calendar.casuta #calendar div#luna-an a.urmatoare {float: right; clear: none; width: 15%;}
		#continut .dr #casuta-calendar.casuta #calendar div#zile-saptamana {background-color: #6BB0D9; border: 1px solid #1D7AB1; color: #9BD8FD; font-weight: bold; margin: 0px 0px 2px 0px}
		#continut .dr #casuta-calendar.casuta #calendar div#zile-saptamana span {border: 1px solid #6BB0D9; background-color: #6BB0D9; color: #9BD8FD; width: 18px; padding: 2px 2px 2px 2px; font-size: 8px}
		/*==========================================================================================================================*/
		/*															CALENDAR														*/
		/*==========================================================================================================================*/



		#continut .dr #casuta-newsletter p {padding: 0px 0px 15px 0px}
		#continut .dr #casuta-newsletter input {float: left; clear: left; background-color: #4996BF; border: none; width: 145px; color: #C7DEEB}
		#continut .dr #casuta-newsletter img {float: left; clear: right}
		
		#continut .dr #casuta-news p {background-image: url(../img/bullet-1.gif); background-repeat: no-repeat; background-position: left; padding: 0px 0px 0px 17px; margin: 0px; color: #C7DEEB}
		#continut .dr #casuta-news h3 {margin: 0px; height: auto; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #5390B6; font-weight: normal; font-size: 11px}
		#continut .dr #casuta-news h3 a {color: #FFFFFF; font-weight: normal}



	/*--------------------------------------------------------------*/
	/*						coloana dr								*/
	/*--------------------------------------------------------------*/
	
	
/*=========================================================================================================================*/
/*                                                           CONTINUT                                                      */
/*=========================================================================================================================*/



		
/*=========================================================================================================================*/
/*                                                            FOOTER                                                       */
/*=========================================================================================================================*/
#footer {margin: 0px; width: 100%; height: 164px; background-image: url(../img/footer-bg-1.png); background-repeat: repeat-x; font-size: 11px; color: #999999}
#footer div {width: 100%; height: 74px; padding: 60px 0px 30px 0px; background-image: url(../img/footer-bg-2.png); background-repeat: no-repeat; background-position: center top; text-align: center}
#footer div p {padding: 3px 0px 0px 0px}
#footer ul {list-style: none; margin: 0px 0px 7px 0px}
#footer ul li {display: inline; margin: 0px; padding: 0px 10px 0px 10px; border-right: 1px solid #999}
#footer ul li a {color: #fff; font-weight: normal}
/*=========================================================================================================================*/
/*                                                            FOOTER                                                       */
/*=========================================================================================================================*/



p.mesaj {margin: 15px 0px 15px 0px; padding: 25px; background-color: #1B77AF; border: 1px solid #58A6CF; color: #fff; text-align: center}

ol#paginare {margin: 20px 0px 20px 0px; list-style: none; padding: 0px; text-align: right}
ol#paginare li {display: inline; padding: 3px 7px 3px 7px; background-color: #3791c0; border: 1px solid #3791c0; color: #C2E8FE;}
ol#paginare li:hover,
ol#paginare li.activ {background-color: #1B77AF; border: 1px solid #58A6CF; color: #fff;}

.stg ul {

}