/*     layout.css   SITE - COLORIT GALBUI/KAKI */ 
/* Coloane laterale :background-color: #e5e2af  galben- o nuanta mai inchis;
   Se suprapune Background-image :BarE.jpg (repeat-x) (degrade)
   Coloana centrala(principala): backgrond-color:#edeac5;   galben f.pal 
   Se suprapune Background-image :BarI.jpg (repeat-x)   (degrade)
*/

/* NOTA : S-AU EFECTUAT MODIFICARI PENTRU LUCRUL CU 4 OPTIUNI IN  MENU  in LAYOUT.css 
    si in HEADERN.html;  
  -------------------------------------------------------------------------------------*/
body         {
padding: 0;
margin: 0;
background: #e5e2af;
background-image:url(../imagini/BarE.jpg);
background-repeat:repeat-x ;
}
                                      

h2           {
margin: 0;
font: bold 18px Arial, Helvetica, sans-serif;
color: #000; 
}

p           {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000; 
white-space : pre ;
}

#header     {
width: 780px;
padding: 10px;
margin-left: auto;
margin-right: auto;
background: #ffc;
}


#treicoloane    {
width: 100%;
margin-left: auto;
margin-right: auto;
}

#colst         {
float: left;
width: 9%;
padding: 2px;
}

#centru        {
float: left;
width: 800px;
border-top-style : solid ;
border-top-width : 6px ;
border-top-color : #c0bc9f ; 
background-color: #edeac5 ; 
background-image:url(../imagini/BarI.jpg); 
background-repeat:repeat-x ;
padding: 2px;
text-align :center;
margin-left :auto ;
margin-right :auto ;
} 

#coldrept      {
float: right;
width: 9%;
padding: 2px;
}

#banda      {
clear: both;
width: 98%;
height :12px ;
background-color: #e5e2af ; 
border-style : solid ;
border-width : 2px 0px 6px 0px ;
border-color : #a7a37e ; 
margin-left: auto;
margin-right: auto;
}


#centru #central      {
width: 98%;
border-top-style : solid ;
border-top-width : 15px ;
border-top-color : #a7a37e ;
background: #fff ;
padding: 4px 0 0px 0 ;
margin-left: auto ; 
margin-right: auto ; 
margin-top: 0px ; 
}

#centru #central #logo        {
width: 98%;
padding: 2px;
margin-left: auto ; 
margin-right: auto ; 
margin-top: 2px ; 
height :70px ;
}

#centru #central #logo img {   float : left}

#inceppag {   float : left }

#centru #central #logo #nume_comp      {
float : right ;
width :80% ;
padding : 20px ;
text-align : center ;
}

#centru #central #steaguri     {
float : right;
width: 98%;
border : double ;
border-width :3px 0 3px 0;
border-color : #a7a37e ;                    
margin-left: auto ; 
margin-right: auto ; 
height :22px ;
padding : 0;
cursor: hand ;
}
#centru #central #steaguri #left      {
border-width :0 0 0 0 ;
float : left ;
width :45% ;
height :22px;
text-align :left ;
vertical-align : bottom ;
font-family:verdana, arial, helvetica, sans-serif;
font-style:italic; 
font-weight:normal; 
font-size:11px;
color :  #545337   ;
padding : 3px 0 0 0 ;
margin : 0 ;
}

#centru #central #steaguri #activ      {
background-color : #d2ce9f ;
border-width :0 1px 0 1px ;
border-style : solid ;
border-color : #d2ce9f ;
float : right ;
width :50px ;
height :22px;
text-align :center ;
padding : 0 ;
margin : 0 ;
}

#centru #central #steaguri #inactiv     {
background-color : #edeac5 ;
border-width :0 1px 0 1px ;
border-style : solid ;
border-color : #d2ce9f ;
float : right ;
width :50px;
height :22px;
text-align :center ;
padding : 0 ;
margin : 0 ;
}

#steaguri img       {
border : 0 ;
height : 20px ;
}

#steaguri a         {
font-size:10px;
text-decoration:none;       
line-height:22px;
width:50px;
}

/* NOTA: height este acum 170px; orig. era 220px */
#centru #central #control   {
position : relative ;
top : 0px ;
clear :both ;
display :block;
width: 98%;
height : 170px ;
border-style : double ;
border-width :0px 0px 3px 0px;
border-color : #a7a37e ; 
margin-top : 0px;                   
margin-left: auto ; 
margin-right: auto ;
margin-bottom :0px ; 
padding : 0px 0 0 0 ; 
}

/* NOTA: menu are acum top= 20px ; orig. era 0px */
/* padding era 6 0 0 5, dar e mai bine asa */
#centru #central #control #menu   {
position: relative ;
top : 0px ;
float :left ;
display : block ;
text-align : left ;
width: 33%;
padding : 4px 0 8px 5px  ;
margin-left :0px ;
border-width :0px 0px 0px 3px ;
border-color : #a7a37e ; 
border-style : double ;                   
}

#centru #central  #control #menu #list_div  {
position :relative ;
top : 0 ;
display : block ;
margin : 3px 0 0 25px;
padding-top :0px
padding : 0 0 0 0px ;
cursor: hand ;
}

/* .....activ si ...inactiv au acum height =21px ; original era 25px   */
#centru #central  #control #menu  #list_div  #activ  {
background-color : #d2ce9f ;
border-width : 1px 0 0px 0 ;
border-style : solid ;
border-top-color :#fff ;
border-bottom-color : blue ;
/* width :190px ;*/
width : 98% ;
text-align :left ;
padding : 0px 0 0px 0;
margins : 0px ;
vertical-align : middle ;
line-height : 16px ;
height:21px ;
}

#centru #central #control #menu  #list_div   #inactiv  {
background-color : #edeac5 ;
border-width :1px 0px 0px 0 ;
border-style : solid ;
border-top-color :#fff ;
border-bottom-color : blue ;
/* width :190px; */
width : 98% ;
text-align :left ;
padding : 0px 0 0px 0;
margin : 0px  0px  0px  0px ;
line-height : 16px ;
height:21px ;
}
#centru #central #control #menu #list_div  a  {	
font-family:verdana, arial, helvetica, sans-serif;
font-style:italic; 
font-weight:bold; 
font-size:13px;
text-decoration:none;       
/* width:120px; */
margin: 0px;
color : #545337 ;
}

#centru #central  #control #menu  #list_div a:link     { color: #545337  ; }      
#centru #central  #control #menu  #list_div  a:visited  { color: #545337    ;} 
#centru #central  #control #menu  #list_div  a:hover    { color: #ad0c24    ;}      

#centru #central  #control #menu  #list_div   #activ  li {
  list-style-image:url(../imagini/Arrow.gif);
}
/*
#centru #central  #control #menu  #list_div   #inactiv li {
  list-style-image:url(../imagini/aquadoti.jpg);
}
#centru #central  #control #menu  #list_div   #activ li {
  background-image:url(../imagini/aquadot.gif);
  background-repeat : no-repeat ;
  background-position:0px 5px;
padding-left : 5px ;
}
*/

#centru #central  #control #menu  #list_div   #inactiv li {
  list-style-type : none;
padding :0px ;
margin :0px;
}

#centru #central  #control #imagini   {
float :left ;
width: 40%;
border-width : 0 0 0 0   ; 
/* border-width :0px 3px 0px 3px ; */

border-color : #a7a37e ; 
border-style : solid ;                   
padding : 0px 0 0 0 ;
margin : 7px 0 0 5px ;
text-align :center ;
}
/* NOTA: In headerN.html imaginea are specificat acum 260px ;original era 360px */

#centru #central  #control  #imagini  a   {
font-family: verdana, arial, helvetica, sans-serif; 
font-size:10px ;
margin:0px 0px 0px 0px
padding:0px;
}

/* NOTA: height=100px acum; original era 200px */
#centru #central  #control #contact    {
float : right ;
width: 22%;
height : 100px ;
padding : 0px;
margin : 0  0  0px 0;
text-align :center ;
border-width : 0;
}

/* NOTA: margin-top =20px acum ; orig. era 40px.  Width = 90% acum ; era 70% */
#centru #central  #control #contact #informatii  {
width: 98%;
height :100px ;
margin-top: 20px ;
margin-left :auto ;
margin-right : auto; 
text-align : center;
padding : 0 0 3px 3px ;
border-width : 0 0   3px 3px ;
border-style : double ;
border-color: #928e66 ;

background-color:#fff;   
color: #928e66 ;      /*  kaki-bej  */
text-align : left;
font-size:10px ;
text-decoration:none;       
line-height:11px;
 
}

#centru #central #control #contact #informatii #titlu   {
width : 98% ;
color: #928e66 ;
font-size:11px ;
font-style:italic; 
font-weight : bold; 
text-decoration : underline ;
text-align : center ;       
padding :2px 0 0 0 ;
margin :0 0 3px 0  ;
border : 0 ;
}
/*
#control #contact #informatii #col1   {
position :relative ;
float : left ;
width : 20% ;
background-color:#fff;    
color: #928e66 ;
text-align: left ;
font-size:10px ;
font-style:italic; 
text-decoration:none;       
line-height:11px;
padding : 0 ;
}

#control #contact #informatii #col2   {
position :relative ;
float :left ;
width : 75% ;
background-color:#fff;   
color: #928e66 ;      /*  kaki-bej  */
text-align : left;
font-size:10px ;
text-decoration:none;       
line-height:11px;
margin-bottom :0px ;
padding : 0 ;
}
*/
a           {	
font-family:verdana, arial, helvetica, sans-serif;
font-style:italic; 
/* font-weight:bold;  */
font-size:12px;
text-decoration: underline;       
width:120px;
margin: 0px;
}

/* a:link     { color: #545337  ; }   */
a:link     { color: #173964   ; }
a:visited  { color: #173964  ;} 
a:hover    { color: #ad0c24  ;}


#centru #central #control #contact #informatii  a {
font-size : 10px ;
line-height:11px;

}

#control #contact #muzica     {
clear : both ;
width: 60%;
padding : 1px 0 0 0 ;
position : relative ;
top :10px;
display : block ;
height : 30px;
margin-top : 10px ;
margin-left :auto ;
margin-right : auto; 
text-align : center;
border : 0 0 0 0 ;
}

#centru  #central  #continut    {
position :relative ;
top : 10px ;
clear: both;
text-align : center ;
width: 98%;
padding : 10px 0 0 0 ;
margin-left: auto;
margin-right: auto;
color : #a7a37e  ; 
background-color:#fff;   
}

#centru  #central  #continut #cadru   {
position :relative ;
width: 80%;
padding : 0 0 0 12px ;
margin-left: auto;
margin-right: auto;
border-width : 0px 0px 0px 3px ;
border-style : double ;
border-color : #a7a37e ;
font-family: verdana, arial, helvetica, sans-serif; 
font-size:12px ;
white-space: normal ;
text-align : justify ;
color :#545337  ;
line-height : 1.5 ;
}

#centru  #central  #continut #cadru  #div1  {
position :relative ;
width: 98%;
padding : 10px 15px 10px 15px ;
margin-left: auto;
margin-right: auto;
background-color : #ffffff ;
text-align : justify ;
color :#545337  ;
line-height : 1.5 ;
}

#centru  #central  #continut #cadru   #div2 {
position :relative ;
width: 98%;
padding : 10px 15px 10px 15px ;
margin-left: auto;
margin-right: auto;
background-color : #eeeeee ;
text-align : justify ;
color :#545337  ;
line-height : 1.5 ;
}

#centru  #central  #continut #cadru   #div3 {
position :relative ;
width: 98%;
padding : 2px 2px 2px 2px ;
margin-left: auto;
margin-right: auto;
background-color : #eeeeee ;
text-align : justify ;
color :#545337  ;
line-height : 1.5 ;
}

#centru  #central   #continut   H1  {
font-family:verdana, arial, helvetica, sans-serif   ; 
margin:20px 0px 20px 0px;
padding:0px;
font-size:26px;
line-height:26px;
font-weight:  bold;
color: #a7a37e  ;     /* kaki   */
text-align:center;
} 
#centru  #central  #continut #div3 {
position :relative ;
width: 75%;
border-width : 3px  ;
border-style : double ;
border-color : #a7a37e ;
padding : 10px 15px 10px 15px ;
margin-left: auto;
margin-right: auto;
background-color : #eeeeee ;
text-align : left ;
color :#545337  ;
line-height : 1.5 ;
}

#centru #footer    {
clear: both;
width: 98%;
padding: 10px;
margin-left: auto;
margin-right: auto;
background-color : transparent;

}
#footer #referinc  {
clear : all;
font-family: verdana, arial, helvetica, sans-serif; 
width: 95% ;
margin-left :auto;
margin-right ; auto ;
padding : 10px ;
text-align : right ; 
}

#footer a   {
text-align : right ;
font-family: verdana, arial, helvetica, sans-serif; 
font-size:10px ;
}


#footer h2 {
font-family : Monotype Corsiva ;
font-size : 24px;
font-weight : bold ;
color :#ad0c24 ;     /*  grena <-- Sloganul din josul paginii */
}


.LeftP      { 
margin-top : 5;
float : left ;
}

.RightP      {
margin-top : 5px;
margin-left :10px;
float : right ;
}

#centru  #central  #continut #cadru  #vizit   {
font-family: verdana, arial, helvetica, sans-serif; 
border : 0 ;
align: center ;
width: 40% ;
line-height : 20px ;  
background-color : #a7a373 ;
color : #545337;
font-size : 12px;
font-weight : bold;
font-style : italic ;
padding : 0px;
margin-left : auto ;
margin-right : auto ;
text-align : center ; 
}

#centru  #central  #continut #cadru  .adrdr   {
clear : all;
font-family: verdana, arial, helvetica, sans-serif; 
width: 95% ;
margin-left :auto;
margin-right ; auto ;
padding : 0px ;
text-align : right ;
cursor: hand ; 
}

#centru  #central  #continut #cadru  .video   {
align : left;
font-family: verdana, arial, helvetica, sans-serif; 
position :relative ;
width: 60%;
border-width : 3px  ;
border-style : double ;
border-color : #a7a37e ;
padding : 10px 15px 10px 15px ;
text-align : left ;
color :#545337  ;
text-align : left ;
cursor: hand ; 
}

#centru  #central  #continut  #inconstr   {
font-family: verdana, arial, helvetica, sans-serif; 
border-width  : 3px ;
border-style : double ;
border-color : red ;
width: 40% ;
color : red ;
font-size : 15px ;
font-weight : bold ;
font-style : italic ;
padding : 10px ;
line-height : 20px ;
margin-left : auto ;
margin-right : auto ;
text-align : center ; 
}

#centru  #central  #continut #cadru p {
font-family: verdana, arial, helvetica, sans-serif; 
font-size:12px ;
margin : 0px 0px 0px 0px
padding : 0px;
white-space : normal ;
text-align : justify ;
text-indent : 20px ;
color : #545337  ;
line-height : 1.5 ;
}

p {
font-family: verdana, arial, helvetica, sans-serif; 
font-size:12px ;
margin:0px 0px 0px 0px
padding:0px;
white-space:pre; 
}
#centru  #central  #continut #cadru p.subliniat   {
text-decoration : underline ;
text-indent : 0px ;
}

#centru  #central  #continut #cadru   a  {
font-family: verdana, arial, helvetica, sans-serif; 
font-size:11px ;
margin:0px 0px 0px 0px
padding:0px;
}


#centru  #central  #continut #cadru  p.form   {
font-family: verdana, arial, helvetica, sans-serif; 
font-size : 10px ;
font-weight : bold ;  
line-height : 20px ;
text-indent : 0;
}
#centru #central #continut #cadru p.conf  {
font-size :12px ;
color: red ;
font-weight : bold;
}
#centru #central #continut #cadru  p.mes  {
font-size :12px ;
color: red ;
line-height : 14px ;
}
#centru #central #continut #div3  p.mes  {
font-size :12px ;
color: red ;
line-height : 14px ;
}
/* Video  Flash - cu clipuri .flv ; light gray */
.playlist {
	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

.playlist .clips {	
	position:relative;
	height:20000em;
}

.playlist, .clips {
	width:260px;	
}

.clips a {
	background:url(../flas/init.png);
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:13px;
	border:0px outset #fefeff;		
	text-decoration:none;
	color:#0b4791;
	cursor:pointer;
}

.clips a.first {
	border-top-width:1px;
}

.clips a.playing, .clips a.progress {
	background:url(../flas/play1.png) no-repeat 0px 0px;
	width:225px;
	border:0;
}
	
.clips a.progress {
	opacity:0.6;		
}

.clips a.paused {
	background:url(../flas/pause1.png) no-repeat 0px 0px;
	width:225px;
	border:0;

}

.clips a span {
	display:block;		
	font-size:12px;
	color:#666;
}

.clips a em {
	font-style:normal;
	color:#9c0000;
}	

.clips a:hover {
	background-color:#f9f9fa;		
}

.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/

