/* CSS Document */

/*


font-family: 'Open Sans Condensed', sans-serif;
font-family: 	'Open Sans', sans-serif;




*/




body 	{				/** fara nici un semn in fata ne referim si modificam la toata partea, adica in cazul nostru "body" **/
						background-image: url(../images/background/trees.jpg);
						background-repeat: repeat;
						font-family: Arial, sans-serif;}
  
h1, h2, h3 	{ 
						font-family:'Open Sans Condensed', arial, helvetica, sans-serif;		
						

			}









#wrapper {                     /** cu semnul # ne referim la un div sau altceva cu "id" -ul "wrapper" in cazul de fata **/
						width:900px; /** face latimea div-ului de 900px**/
						margin:  10px auto;  /** lasa un spatiu de 10 pixeli sus si jos si cu "auto" centreaza div-ul wrapper in stanga si dreapta**/
						background-color:#FFFFFF;
						padding: 0 40px; /**pune padding de 0 sus si jos si 40px in stanga si dreapta, adica restrange interiorul div-ului "wrapper" cu 40px in stanga si dreapta (lasa spatiul alb)**/
		 }

#logo {
						
						float:left; /** impinge div-ul "logo" catre stanga**/
						margin: 50px 0;
	  }

#top {  }


#social-media {
						float: right;  /**impinge div-ul "social-media" in dreapta **/
						margin:40px 0 40px 0;
						
			}

#social-media p {		text-align: right;}


#logos {				clear:both; /** clear: both inseamna ca sterge toate setarile de float dinainte**/
						height:80px;
						background: #8E8E8E;
						}

#language			{	clear:both;
						float:left;
						width:250px;
					}

#language ul li {		display:inline;
						list-style-type: none;
						margin:0 40px 0 0;
				}



#social			{	
					width:150px;
					float:right;}

#social ul li         {		/**tintim listele neordonate si listitems din div-ul "social" **/
						display:inline;		/**aliniez icoanele facebook si youtube una langa alta**/
						list-style-type: none; /** scot bullet-type ca sa nu apara puncte langa icoane**/
						margin:0 20px 0 0;	
						}




#topnav { 				clear: both; /** clear: both inseamna ca sterge toate setarile de float dinainte**/
		}


#topnav ul li {
						display:inline;
						list-style-type: none;
						margin:0 20px 0 0; /**Spatiaza elementele meniului, adica adauga margin de 0 in sus, 20px la dreapta, 0 jos si 0 stanga**/ 
				}
#topnav ul   {			padding:15px 0;
						margin:0;
						border-top:1px #000 dotted;/**deseneaza border de 1px, negru si punctat deasupra meniului**/
			}

#topnav a:link 				{ 	font-weight: bold;
								text-decoration: none; /*scot sublinierea de la link*/
								text-transform: uppercase; /*fac toate caracterele din meniu UPPERCASE*/
								color:#000;}
#topnav a:visited 			{ 	font-weight: bold;
								text-decoration: none; /*scot sublinierea de la link*/
								text-transform: uppercase;
								color:#000;}
#topnav a:active 			{ 	font-weight: bold;
								text-decoration: none; /*scot sublinierea de la link*/
								text-transform: uppercase;
								color:#000;}
#topnav a:focus 			{ 	font-weight: bold;
								text-decoration: none; /*scot sublinierea de la link*/
								text-transform: uppercase;
								color:#A85400;			/*  se schimba culoarea cand e FOCUS*/}
#topnav a:hover 			{ 	font-weight: bold;
								text-decoration: none; /*scot sublinierea de la link*/
								text-transform: uppercase;
								color:#A85400;/*  se schimba culoarea cand e HOVER*/}

#banner {}

#content-wrapper {}

#content	{			float:left;
						width:580px;} /* sa nu uit sa dimensionez latimile ca o sa le puna una sub alta*/

#content p {			font-size:12px;
						line-height: 180%; /*pune spatiu intre liniile textului*/}

#content h2 {			color:#A85400;}

#rightside	{			float: right;
						width:270px;
						padding:20px 0;
						background:#8E8E8E;}
#rightside p {			text-align: center;}
#rightside img {		margin:10px 20px;}
#rightside a:link  			{font-weight:bold;
						text-decoration:none;
						text-transform:uppercase;
						color:#000;}
#rightside a:visited  		{font-weight:bold;
						text-decoration:none;
						text-transform:uppercase;
						color:#000;}
#rightside a:active  		{font-weight:bold;
						text-decoration:none;
						text-transform:uppercase;
						color:#000;}

#rightside a:focus  		{font-weight:bold;
						opacity:0.7;
						text-decoration:none;
						text-transform:uppercase;
						color:#0097F8;}

#rightside a:hover  		{font-weight:bold;
						opacity:0.7;
						text-decoration:none;
						text-transform:uppercase;
						color:#0097F8;}


#footer   {				clear:both;  /** clear: both inseamna ca sterge toate setarile de float dinainte**/
						padding:10px 0;
						border-top:1px #000 dotted;}

#footer p  {			text-align:center;
						font-size:14px;
						font-weight:bold;}


/*   Contact form StyleSheet */


#contact-form ol li  {
							list-style-type: none;
						}

#contact-form p   	{
						
					}

#gallery ul li 		{
						list-style-type: none;
						display:inline;
						
					}

.paragraf-text    { 	text-align: left;
				   		font-size: 120px;
						font-weight: bold;
						margin-top:30px;
			
					}
input, textarea  {
					display:block; /*aseaza elementele una sub cealalta*/
					width: 350px;
					border:1px #000 solid;
					padding:5px; /*  padding da spatiu intre litere si marginea cutiei text, adica in interiorul cutiei text*/
					
					}

textarea 		{ height: 150px;}


input:hover, textarea:hover 	{ background-color:#FFD9B3;}

input:focus, textarea:focus  	{background-color:#FFD9B3;}




label 			{
					display:block; 
					margin-top: 10px;  /* lasa spatiu intre scris si casuta de editare text pe exterior*/
				}

.buton-submit   {
						width:100px; 
						margin-top: 15px;
				}

.buton-submit:hover { background-color:#E8E8E8;}
.buton-submit:focus { background-color:#E8E8E8;}