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

Project:		FUNDATIA CRESTINA DE AJUTORARE
Version:		2.0
Last Changed:	11/16/2010
Author:			Daniel Rus

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


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

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
	3.2 GROUP NAVIGATOR
	3.3 LANGUAGE NAVIGATOR
4. FORMS
5. CONTENT ELEMENTS
	5.1 HOMEPAGE
	5.2 CINE SUNTEM
	5.3 MEDIA
	5.4 DONEAZA ACUM

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






/* 1. GENERAL
===============================================================================================================*/

body { margin: 0; background: url(../../general/bgMain.gif); font: normal 13px/20px Arial; }
h1 { margin: 0 0 20px 0; padding: 10px 0 16px 0; font: normal 22px/22px Georgia, "Times New Roman"; color: #668d1a; background: url(../../general/titleMain.gif) no-repeat left bottom; }
h2 { margin: 20px 0 10px 0; padding: 0; font: normal 22px/22px Georgia, "Times New Roman"; color: #000000; }
h3 { margin: 10px 0; padding: 0; font: normal 18px/20px Arial; color: #b3770b; }
p { margin: 20px 0; text-align: justify; }
img { border: none; }
a { text-decoration: none; color: #668d1a; }
a:hover { color: #ff9c00; }
ul.features { margin: 20px 0 20px 30px; padding: 0; list-style: none; }
ul.features li { padding: 0 0 0 14px; background: url(../../general/arrow1.gif) no-repeat 0 7px; }
.imageLeft { float: left; margin: 0 10px 10px 0; }
.imageRight { float: right; margin: 0 0 10px 10px; }
.clearAll { clear: both; height: 1px; font-size: 1px; overflow: hidden; }







/* 2. LAYOUT
===============================================================================================================*/

#container { border-top: 3px solid #2d2d2d; }
#containerPopup { padding: 12px; }
#containerPopup h1 { background: none; }


	/* 2.1 HEADER
	-----------------------------------------------*/
	
	#header { width: 980px; margin: 0 auto; }
	.logo { float: left; width: 329px; height: 94px; text-indent: -9999px; background: url(../../general/logo.gif) no-repeat; overflow: hidden; }
	
	
	/* 2.2 CONTENT
	-----------------------------------------------*/
	
	#content { width: 960px; margin: 10px auto 0 auto; overflow: hidden; }
	.sidebar { float: right; width: 300px; }
	.sidebar h2 { margin: 0 -10px 5px -10px; padding: 0 10px 6px 10px; font-size: 20px; color: #91770b; background: none; border-bottom: 1px solid #d3dbb0; }
	.sidebar ul { margin: 0 0 10px 0; padding: 0; list-style: none; }
	.sidebar li { display: block; padding: 8px 0; border-bottom: 1px dotted #9b9b9b; font: normal 11px/16px Arial; text-align: justify; }
	.sidebar li a { font-size: 12px; font-weight: bold; }
	.sidebar label { width: 60px; }
	.sidebar .formField { width: 160px; }
	.sidebar form { padding: 10px 0 0 0; }
	.sidebar .formButtons { padding: 5px 0 0 70px; }
	.main { float: left; width: 650px; }
	.section { border: 1px solid #aeb290; padding: 10px; margin: 0 0 10px 0; background-color: #dde7b9; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; zoon: 1; overflow: hidden; min-height: 200px; height: auto !important; height: 200px; }
	.sidebar .section { background-color: #f4ffcc; }
	
	
	/* 2.3 FOOTER
	-----------------------------------------------*/
	
	#footer { width: 938px; padding: 15px 10px; margin: 0 auto 20px auto; overflow: hidden; background-color: #ffffff; border: 1px solid #aeb290; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
	#footer h2 { margin: 0; padding: 0; background: none; font: normal 20px Georgia; color: #2d2d2d; }
	#footer ul { margin: 0; padding: 0; list-style: none; }
	#footer li { float: left; padding: 10px 20px 0 0; }
	#footer p { font-size: 11px; line-height: 16px; margin: 0; text-align: left; }
	#footer a { font-weight: bold; }
	.sponsori { float: left; width: 570px; position: relative; }
	.sponsori-preventis { position: absolute; top: 36px; left: 0; }
	.sponsori-primariacluj { position: absolute; top: 36px; left: 122px; }
	.sponsori-roprint { position: absolute; top: 85px; left: 0; }
	.sponsori-gain { position: absolute; top: 40px; left: 197px; }
	.sponsori-contacten { position: absolute; top: 40px; left: 398px; }
	.sponsori-hulpverlening { position: absolute; top: 94px; left: 196px; }
	.sponsori-oosteuropa { position: absolute; top: 36px; left: 267px; }
	.sponsori-jongeren { position: absolute; top: 36px; left: 457px; }
	.sponsori ul { width: 197px; overflow: hidden; }
	.reteleSociale { float: left; width: 220px; height: 135px; padding: 0 25px; background: url(../../general/dividerFooter.gif) no-repeat left; }
	.reteleSociale ul { width: 220px; overflow: hidden; }
	.copyright { float: right; width: 340px; height: 135px; padding: 0 0 0 28px; text-align: right; background: url(../../general/dividerFooter.gif) no-repeat left; }
	#footer .copyright p { text-align: right; }





/* 3. NAVIGATORS
===============================================================================================================*/

	/* 3.1 MAIN NAVIGATOR
	-----------------------------------------------*/
	
	.navMain { clear: both; height: 47px; padding: 0 0 0 10px; background: url(../../general/menuLeft.gif) no-repeat; }
	.navMain ul { height: 47px; margin: 0; padding: 0 10px 0 0; list-style: none; background: url(../../general/menuRight.gif) no-repeat right; }
	.navMain li { float: left; height: 45px; padding: 1px 0; background: url(../../general/menuBg.gif) repeat-x; }
	.navMain a { float: left; height: 45px; text-align: center; font: bold 15px/45px Arial; color: #ffffff; border-left: 1px solid #37392e; border-right: 1px solid #a0a299; }
	.navMain a:hover { background-color: #595959; }
	.navMain-home a { width: 70px; border-left: 0; }
	.navMain-cineSuntem a { width: 120px; }
	.navMain-ceFacem a { width: 95px; }
	.navMain-pentruCine a { width: 132px; }
	.navMain-sustine a { width: 140px; }
	.navMain-media a { width: 82px; }
	.navMain-contact a { width: 85px; }
	.navMain-implicate a { width: 100px; border-right: 1px solid #fdd838; }
	.navMain-doneaza a { width: 120px; border-right: 0; }
	.navMain li.navMain-implicate, .navMain li.navMain-doneaza { background: url(../../general/menuBgHighlight.gif) repeat-x; }
	.navMain-implicate a:hover, .navMain-doneaza a:hover { background: none; }
	.navMain-home.selected a, .navMain-cineSuntem.selected a, .navMain-ceFacem.selected a, .navMain-pentruCine.selected a, .navMain-sustine.selected a, .navMain-media.selected a, .navMain-contact.selected a { height: 46px; background-color: #668d1a; }
	
	
	/* 3.2 GROUP NAVIGATOR
	-----------------------------------------------*/
	
	.navGroup { width: 960px; height: 31px; margin: 0 auto; background: url(../../general/bgNavGroup.jpg) no-repeat; }
	.navGroup ul { margin: 0; padding: 1px 0; list-style: none; }
	.navGroup li { float: left; height: 29px; border-right: 1px solid #537315; }
	.navGroup a { float: left; height: 29px; line-height: 29px; padding: 0 18px; font-weight: bold; border-right: 1px solid #84b622; color: #fec912; }
	.navGroup a:hover { text-decoration: underline; }
	
	
	/* 3.2 GROUP NAVIGATOR
	-----------------------------------------------*/
	
	.navLanguage { float: right; width: 160px; height: 27px; margin: 36px 10px 0 0; background: url(../../general/bgLanguages.gif) no-repeat; }
	.navLanguage ul { margin: 0; padding: 0; list-style: none; }
	.navLanguage li { float: left; width: 75px; padding: 0 5px 0 0; }
	.navLanguage a { float: left; width: 56px; height: 27px; padding: 0 19px 0 0; line-height: 27px; text-align: right; color: #5f7123; font-weight: bold; }
	.navLanguage a:hover { color: #ed6a00; }
	.ro { background: url(../../general/flagRO.gif) no-repeat right center; }
	.en { background: url(../../general/flagEN.gif) no-repeat right center; }
	
	
	/* 3.4 CONTENT NAVIGATOR ----------------------*/
	
	.navContent { padding: 10px 0 10px 20px; }
	.navContent ul { margin: 0; padding: 0; list-style: none; }
	.navContent li { display: block; padding: 0 0 0 22px; margin: 8px 0; height: 19px; line-height: 19px; background: url(../../general/iconNewsletter.gif) no-repeat left center; }






/* 4. FORMS
===============================================================================================================*/

form { margin: 0; padding: 0; }
form br { clear: left; }
form label { float: left; width: 120px; padding: 3px 5px; margin-bottom: 2px; }
.formHolder { margin: 20px auto; width: 460px; }
.formField { float: left; width: 180px; padding: 4px; margin-bottom: 4px; background-color: #ffffff; border: 1px solid #7f8f48; font: normal 12px Arial; }
.formSelect { float: left; width: 190px; padding: 4px; margin-bottom: 4px; background-color: #ffffff; border: 1px solid #7f8f48; font: normal 12px Arial; }
.formTextarea { float: left; width: 280px; height: 100px; padding: 4px; margin-bottom: 4px; background-color: #ffffff; border: 1px solid #7f8f48; font: normal 12px Arial; }
.formButtons { clear: both; padding: 10px 10px 10px 130px; }
.formMessage { width: 460px; margin: 20px auto; text-align: center; }
.formNotes { font-style: italic; margin: 10px 0; padding: 0 0 0 130px; font-size: 11px; }

.notification-error { background: #ffe7e1 url(../../general/iconError.gif) no-repeat 6px center; border-bottom: 1px solid #ff0000; padding: 7px 20px 7px 30px; margin-bottom: 10px; font-weight: bold; color: #ff0000; }
.notification-success { background: #e6ffb1 url(../../general/iconSuccess.gif) no-repeat 6px center; border-bottom: 1px solid #78cc00; color: #69a401; padding: 7px 20px 7px 30px; margin-bottom: 10px; font-weight: bold; }
.notification-verify { background: #feffcf url(../../general/iconVerify.gif) no-repeat 6px center; border-bottom: 1px solid #ffd200; color: #ff6c00; padding: 7px 20px 7px 30px; margin-bottom: 10px; font-weight: bold; }






/* 5. CONTENT ELEMENTS
===============================================================================================================*/

	/* 5.1 HOMEPAGE
	-----------------------------------------------*/
	
	.homeVisual { width: 380px; height: 200px; padding: 76px 20px 0 560px; margin: 10px auto; background: url(../../general/homeVisual.jpg) no-repeat; text-align: right; color: #718f05; font: normal 24px Georgia; }
	.homeVisual blockquote { margin: 0; padding: 0 0 10px 0; text-align: left; font-style: italic; color: #000000; }
	.proiecte { margin: 0 0 10px 0; padding: 0 0 10px 0; list-style: none; width: 624px; overflow: hidden; border-bottom: 1px dotted #9b9b9b; }
	.proiecte li { float: left; width: 200px; padding: 0 8px 0 0; font: normal 11px/18px Arial; }
	.proiecte a { display: block; padding: 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #9b9b9b; font-size: 12px; font-weight: bold; }
	.highlightLinks a { color: #b3770b; font: italic normal 18px/24px Georgia; }
	.highlightLinks a:hover { color: #91770b; }
	
	
	/* 5.2 CINE SUNTEM
	-----------------------------------------------*/
	
	ul.timeline { margin: 20px 0; padding: 0; list-style: none; }
	ul.timeline li { margin: 0; padding: 8px 0 8px 130px; border-top: 1px solid #e4ecc7; position: relative; }
	ul.timeline li:nth-child(2n+1) { background-color: #d8e2b3; }
	ul.timeline li span { position: absolute; left: 0; top: 5px; width: 110px; text-align: right; font: italic normal 18px "Times New Roman", Times, serif; color: #95a06f; }
	ul.echipa { margin: 20px; padding: 0; list-style: none; }
	ul.echipa li { margin: 5px 0; padding: 0 0 0 16px; background: url(../../general/arrow2.gif) no-repeat 0 4px; }
	ul.echipa ul { margin: 0 0 0 20px; padding: 0; list-style: none; }
	ul.echipa ul li { background: url(../../general/arrow1.gif) no-repeat left center; }
	.more { text-align: right; padding: 5px 0; border-bottom: 1px dotted #9b9b9b; font-weight: bold; }
	.more a { padding-right: 20px; background: url(../../general/arrow3.gif) no-repeat right center; }
	.raport { border-collapse: collapse; }
	.raport th { padding: 5px 3px; background-color: #6d8c20; border: 1px solid #7e9a2c; color: #ffffff; }
	.raport td { padding: 5px 3px; background-color: #ecf6c5; text-align: center; border: 1px solid #ffffff; }
	
	
	/* 5.3 MEDIA
	-----------------------------------------------*/
	
	.galleryListing ul { margin: 10px 0; padding: 10px; list-style: none; overflow: hidden; }
	.galleryListing ul li { display: inline-block; width: 130px; margin: 20px; padding: 7px; zoom: 1; *display: inline; background-color: #ffffff; border: 1px solid #d3dfab; vertical-align: top; min-height: 120px; height: auto !important; height: 120px; font: italic normal 14px/18px "Times New Roman", Times, serif; text-align: center; }
	.newsletter { padding: 0 0 20px 0; }
	.newsletter h1 { background: none; padding: 10px 0 0 0; }
	.newsletter p { margin: 1em 0; }
	.newsletterTop { border: 5px solid #71933c; }
	.newsletterSection { border: 5px solid #71933c; background-color: #ffffff; padding: 10px; font: normal 1.2em/1.5em Georgia; text-align:justify; }
	.newsletterSection h2 { margin: 1em 0 0.5em 0; text-align: left; font: normal 2.1em/1em Georgia; color: #678539; font-variant: small-caps; }
	.newsletterPromo { border: 5px solid #71933c; border-top: 0; background-color: #71933c; padding: 10px; color: #ffffff; line-height: 1.36em; }
	.newsletterPromo img { float: left; margin-right: 15px; }
	.newsletterPromo p { margin: 0; }
	.newsletterIntroduction { font-style: italic; }
	.newsletterIntroduction h2 { color: #71933c; margin: 0.5em 0 1em 0; font-variant: normal; font: italic bold 1.6em/1em Georgia; }
	.newsletterMessage { background-color: #71933c; padding: 0 10px; }
	.newsletterMessage p { margin: 0; padding: 0.5em 0; }
	.newsletterMessage strong { color: #ffffff; font-weight: normal; }
	.newsletterFeatures ul { margin: 0; padding: 0; list-style: none; }
	.newsletterFeatures li { display: block; padding: 4px 0 5px 0; background: url(../../newsletter/divider.gif) repeat-x bottom; }
	.newsletterFeatures p { margin: 0; padding: 4px 10px 4px 24px; }
	.newsletterFeatures .odd p { background: url(../../newsletter/arrow.gif) no-repeat 6px 10px; }
	.newsletterFeatures .even p { background: #f0f5e3 url(../../newsletter/arrow.gif) no-repeat 6px 10px; }
	.newsletterCols { width: 926px; margin: 1em 0; overflow: hidden; }
	.newsletterCol1 { float: left; width: 250px; background: #f3f8e7 url(../../newsletter/amiciiHappy.jpg) no-repeat; padding: 110px 10px 10000px 10px; margin-bottom: -9990px; font: italic normal 1.4em/1.3em Georgia; color: #576d31; }
	.newsletterCol2 { float: right; width: 640px; padding: 0 0 10000px 0; margin-bottom: -10000px; }
	.newsletterCol2 h2 { margin: 0; font: normal 3.5em/1em Georgia; color: #678539; font-variant: small-caps; }
	.newsletterCol3 { float: left; width: 250px; background-color: #f3f8e7; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; font: italic normal 1.4em/1.5em Georgia; color: #3c3c3c; }
	.newsletterCol4 { float: right; width: 640px; padding: 0 0 10000px 0; margin-bottom: -10000px; }
	.newsletterCol4 h2 { margin: 0; font: normal 2.1em/1em Georgia; color: #678539; font-variant: small-caps; }
	.newsletterQuote { background-color: #f3f8e7; padding: 10px; font: italic normal 1.7em/1.6em Georgia; color: #576d31; text-align: left; }
	.newsletterBottom { background-color: #ffffff; width: 930px; overflow: hidden; font-size: 0.9em; }
	.newsletterBottom-contact { float: left; width: 445px; background-color: #ebebea; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; }
	.newsletterBottom-conturi { float: left; width: 445px; background-color: #e0e0e0; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; }
	.newsletterBottom-thanks { float: right; width: 390px; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; font-size: 1.4em; }
	.newsletterBottom em { font-style: normal; font-weight: bold; color: #71933c; }
	.newsletterDivider { height: 2em; background: url(../../newsletter/divider.gif) repeat-x center; }
	.voluntar { font-weight: bold; font-style: italic; color: #71933c; font-size: 1.1em; text-align: left; }
	.newsletterQuoteVoluntar { background-color: #f3f8e7; padding: 10px; font: italic normal 1.2em/1.5em Georgia; color: #3c3c3c; text-align: left; }

	
	
	/* 5.4 DONEAZA ACUM
	-----------------------------------------------*/
	
	.amount { width: 608px; padding: 10px; overflow: hidden; background-color: #f4ffcc; border: 1px solid #d1d6bb; }
	.amount label { font: italic normal 24px/24px "Times New Roman", Times, serif; }
	.formDonate form .amount label { width: 89px; }
	.amount .formField { width: 80px; font-size: 18px; margin: 0; }
	.amount strong { float: left; padding: 5px; }
	.formDonate form label { width: 100px; padding: 3px 0; }
	.formDonate .formField, .formDonate .formSelect { margin-right: 10px; }
	.formDonate ul { height: 80px; margin: 20px 0 10px 0; padding: 0; list-style: none; }
	.formDonate li { float: left; width: 120px; text-align: center; }
	.formDonate .formButtons { padding: 10px; text-align: right; border-top: 1px solid #c8d1a1; }
	.nasul-optiuni { margin: 0; padding: 0; list-style: none; }
	.nasul-optiuni li { margin: 0; padding: 5px 0 5px 30px; }
	.nasul-optiuni li input { margin-left: -20px; }
	.nasul-optiuni li strong { margin-right: 25px; }
	.nasul-durata { float: left; width: 200px; margin: 10px 0; }
	.nasul-date { float: right; width: 320px; margin: 20px 0 10px 0; padding: 10px 20px; border: 1px solid #d0dba7; }
	.nasul-info { width: 608px; background-color: #d6e1b0; margin: 20px 0 10px 0; padding: 10px; overflow: hidden; }
	.nasul-info p { margin: 10px 0; }
	.nasul-info-contact { float: left; width: 280px; padding: 0 0 0 60px; background: url(../../general/iconEmail.gif) no-repeat; }
	.nasul-info-bank { float: right; width: 200px; padding: 0 0 0 60px; background: url(../../general/iconBank.gif) no-repeat; }
	.nasul-info-highlight { font: italic normal 18px Georgia, "Times New Roman", Times, serif; }