/*** CSS 3 coloane, bazat pe tutorialul http://www.alistapart.com/articles/holygrail ***/

/* Cod pozitionare layere
============================================================================== */

body {
	min-width: 700px;         /* 2 x (LC full220width + CC20padding) + RC180fullwidth */
	width:100%;
	height:100%;
}

#container {
	position:relative;
	padding-left: 220px;      /* LC fullwidth 220*/
	padding-right: 220px;     /* RC fullwidth + CC padding */
}

.subliniat{
text-decoration:underline;
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 2px 10px;       /* CC padding/2 */
	width: 100%;
}

#left {
	width: 200px;             /* LC width  200*/
	padding: 0 10px;          /* LC padding/2 */
	margin-left: -100%;
	left: 200px;              /* RC fullwidth for IE6 */

}

#container > #left {
left: -240px;             /* -(LC fullwidth + CC padding 240) */
}

#right {
	width: 180px;             /* RC width */
	padding: 0 10px;          /* RC padding/2 */
	margin-right: -220px;     /* RC fullwidth + CC padding */

}

#footer {
	clear: both;
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}

/*** MAB ****************************************************/
body {
	margin: 0;
	padding: 0;
	background: #FFF;
}
.clearfix:after {
    content: ".";
    display: block;
    height:1px;
    clear: left;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

a img {
border:0;
}
p{
margin-top:5px;
margin-bottom:5px;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
margin: 0;
margin-bottom:10px;
margin-top:12px;
padding:0;
text-align:left;
margin-left:4%;
font-weight: bold;
color:#722c2c;
}

h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
margin: 0;
padding:0;
text-align:justify;
margin-left:4%;
}

.paginadet h1{
margin-left:0;
text-align:left;
margin-top:3px;
margin-bottom:3px;
padding-bottom:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color:#722c2c;
font-weight: bold;
}
.paginadet h2{
margin-left:0;
text-align:justify;
margin-top:5px;
margin-bottom:0px;
padding-bottom:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#444;
font-weight: normal;
}


#header, #footer {
	font-size: large;
	text-align: center;
	padding: 0;
}
#header {
background: #fff;
}
#sigla {
position:absolute;
right:60px;
top: 47px;
z-index: 10;
}
#compozitie{
height: 150px;
width: 100%;
}
#newsbar {
position:absolute;
top:150px;
left:0;
width:100%;
height: 3px;
background-color: #fff;
z-index:5;
/*border-bottom: 1px solid white;*/
}
#meniusus {
width:100%;
position:relative;
margin-top: 5px;
text-align:right;
margin-bottom:30px;
}
.imgmeniusus {
margin-right:5px;
}


#pictop {
position:absolute;
top: 47px;
right:204px;
}

#titlusect{
position:absolute;
top: 105px;
left:290px;

}

#titlusub{
position:absolute;
top: 130px;
left:290px;

}

#patrat1 {
height:90px;
width:90px;
position:absolute;
left: 120px;
top:-90px;
background-color:#003333;
z-index:6;
}

#patrat2 {
height:125px;
width:125px;
position:absolute;
left: 85px; 
top:3px;
background-color:#cd9933;
z-index:6;
}


#patrat3 {
height:60px;
width:60px;
position:absolute;
left: 213px;
top:-60px;
background-color:#722c2c;
z-index:6;
}

#contsigla {

position:absolute;
left: 213px;
top:3px;
z-index:6;
}


#linst {
height:2px;
width:40%;
position:absolute;
left: 266px;
top:-2px;
background-color:#722c2c;
z-index:6;
}
#lindr {
height:2px;
width:40%;
position:absolute;
right: 120px;
top:-2px;
background-color:#722c2c;
z-index:6;
}



#scroll1, #scroll2{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:white;
position:absolute;
right: 10000px;
height:20px;
white-space: nowrap;
}
#left {
	background-color:#fff;
}
#contmenu {
	width: 180px;
	overflow:hidden;
	float: right;
	margin-top: 128px;
	margin-right:0px;
	border-right:2px #cd9933 solid;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:100px;
/*	white-space: nowrap; */
}
.buton {
	/*height: 16px; */
	margin-bottom: 2px;
	text-align: right;
	padding-right: 0px;
	padding-top: 0px;
/*	border-right:1px solid #006ce1;
	background-image: url(/grafica/balbastru.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
*/
 }
 
.marcaj {
visibility: hidden;
margin-right: -8px;
}
 
a:hover .marcaj {
 	visibility: visible;
	margin-right: -8px;
	margin-left: 5px;
	/* border-bottom:1px solid #57e600; */
 }

#center {
	background: #fff;
}
.paginarez{
float:left;
clear:both;
width: 91%;
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-left:4%;
}

.delimit{
position:relative;
float:left;
clear:both;
width:94%;
margin:0;
margin-left:3%;
padding:0;
height:1px;
/*background-color:#cd9933;*/
background-color:#eee;
}

.paginarez a, .paginarez a:active, .paginarez a:hover, .paginarez a:visited,.continutpagina a, .continutpagina a:active, .continutpagina a:hover, .continutpagina a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#722c2c;
text-decoration:none;
}
.paginarez2{ /* fara background */
width: 92%;
margin-left: 3%;
text-align:left;
margin-top:10px;
margin-bottom:10px;
padding-left:1%;
padding-right:1%;
}
#right {
		background-color:#fff;
}
#contof {
	width: 170px;
	overflow:hidden;
	float: left;
	margin-top: 120px;
	background-color:white;
	text-align: center;
	border-bottom:1px solid #eee;
	margin-bottom: 10px;	
/*	white-space: nowrap; */
}
.ospec {
	width:170px;
	float:left;
	clear:both;
	margin-bottom: 0px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	border-bottom:1px solid #eee;
 }
 .textcasete{
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color:black; 
 }
 .fr{
 float:right;
 clear:right;
 margin-right: 4px;
 margin-top: 0px;
 margin-bottom: 0px;
 clear:both;
 }
 
a, a:hover, a:active, a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:white;
}
 
.textcasete a, .textcasete a:hover, .textcasete a:active, .textcasete a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#006ce1;
text-decoration:none;
}

#container .column {
	text-align: justify;
}

#footer{
height:2px;
background-color:#722c2c;
}
#copir{
margin-top:5px;
float:right;
clear:both;
padding-right:210px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#722c2c;
text-decoration:none;
margin-bottom:30px;
}
#linfst {
height:3px;
width:221px;
position:relative;
float: left;
background-color:#fff;
z-index:6;
}
#linfdr {
height:3px;
width:201px;
position:relative;
float: right;
background-color:#fff;
z-index:6;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#subsectiuni {
width: 92%;
margin-left: 3%;
margin-top: 50px;
padding-left:1%;
padding-right:1%;
text-align:left;
border-bottom: 3px solid #006ce1;
background-color:#0f0;
}
#titluof {
width: 89%;
height: 18px;
margin-left: 4%;
margin-right: 5%;
padding-left: 1%;
padding-right: 1%;
padding-bottom:2px;
margin-top: 20px;
border-bottom: 1px solid #ff7611;
text-align:left;
}
#rezumatpagini{
width: 91%;
margin-left: 3%;
margin-right: 4%;
padding-left: 1%;
padding-right: 1%;
padding-bottom:2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
margin-top:10px;
margin-bottom:10px;
text-align:left;
}

.imgst {
float: left;
clear: left;
margin-right: 25px;
margin-left: 50px;
margin-bottom: 2px;
border:1px solid #cd9933;
padding:2px;
margin-top: 15px;
}

.imgdr {
float: right;
clear: right;
margin-left: 25px;
margin-right: 50px;
margin-top: 15px;
margin-bottom: 2px;
border:1px solid #cd9933;
padding:2px;
}

.paginadet{
width: 93%;
margin-top:-5px;
margin-bottom:5px;
padding-left:1%;
margin-left:3%;
}

.paginadet a:link, .paginadet a:visited, .paginadet a:active{

	color: #722c2c;
	font-weight:bold;
	text-decoration:none;

}

.paginadet a:hover{

	color: #cd9933;
	text-decoration:none;
}


.impresie{
width: 92%;
margin-bottom:10px;
margin-left:4%;
padding:6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color:#fff3dd;
}
.imppag{
	width: 92%;
	margin-bottom:5px;
	margin-left:4%;
	padding:10px;
	padding-top:2px;
	padding-bottom:2px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align:right;
}
.impresiet{
width: 92%;
margin-top:-5px;
margin-bottom:5px;
padding-left:5%;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}


.ofleft{
width:96%;
float:left;
clear:both;
margin-bottom:5px;
/* margin-top:5px; */
}
.laypoze{
width:96%;
float:left;
clear:both;
margin-left:0;
/* margin-bottom:10px;
margin-top:20px; */
}

.laypoze img{
border:1px solid #cd9933;
padding:2px;
}

.divfotoleft img, .divfotoright img{
border:1px solid #cd9933;
padding:2px;
}

.divfotoleft{
position:relative;
display:inline;
float:left;
text-align:center;
}

.divfotoright{
position:relative;
float:right;
text-align:center;
}

.fototxt{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
margin:0;
margin-top:-3px;
padding-top:5px;
}
.breakleft{
	clear:left;
}
.breakright{
	clear:right;
}
.laypozedreapta  .fototxt{
clear:left;
}

.laypozedreapta {
width:200px;
position:relative;
float:right;
margin-left:20px;
text-align:center;
}


.ofcenter{
width:96%;
padding:2%;
float:left;
clear:both;
}
.perioade{
margin-left:10px;
}
.perioadet{
margin-left:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color:black;
font-weight:bold;
}
.perioade, .perioade a, .perioade a:hover, .perioade a:visited, .perioade a:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color:black;
text-decoration:none;
}
.ofright{
float:right;
clear:right;
border: 1px solid #ff7611;
background-color:#fff;
margin-bottom:10px;
margin-top:3px;
padding:2px;
}
html{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align:justify;
color:#444;
font-weight: normal;
margin-top:0px;
}

#footof {
width: 91%;
height: 18px;
margin-left: 3%;
margin-right: 4%;
padding-left: 1%;
padding-right: 1%;
margin-top: 5px;
margin-bottom: 20px;
border-top: 1px solid #ff7611;
padding-top:2px;
text-align:right;
}
#contentof {
width: 91%;
margin-left: 3%;
margin-right: 4%;
padding-left: 1%;
padding-right: 1%;
padding-bottom:2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
margin-top:10px;
margin-bottom:10px;

}
.imgpagini{
float:right;
margin-left: 0.9em;
margin-top: 0.3em;
margin-bottom: 0.9em;
}
#lay0{
position:absolute;
left:50%;
top:50%;
margin-left:-495px;
margin-top:-340px;
}
#lay1{
position:absolute;
left:50%;
top:50%;
margin-left:-270px;
margin-top:-270px;
}
#lay2, #lay3{
position:absolute;
left:50%;
top:50%;
margin-left:-300px;
margin-top:-300px;
}
#formular{
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
padding-left:2%;
width:80%;
}