/* Reset CSS 
*******************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul { list-style: none;}
ol { list-style-type: decimal; list-style-position: inside;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 1px;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
input, select, textarea { font-size: 100%; font-family: inherit;}
strong { font-weight: bold;}
em { font-style: italic;}
button {overflow: visible; padding: 0 .5em;} /*for IE6 double padding*/

#content input[type=hidden] {display:none;}

fieldset { border: 1px solid;}
legend {font-weight: bold; white-space: normal;}
/*******************/

body {
	font: normal 0.625em/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #413101 url(../img/bg.gif) repeat-y top center;
	color: #413101; /*532508*/
	text-align: center;
	margin: 0;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

a { text-decoration: none; cursor: pointer;}
.verde { color: #498a38;}
big { color: #498a38; font-size: 1.6em; font-weight: bold; display: block;}

.ruler, hr {
	display: block;
	clear: both;
	height: 1px;
	margin: 5px auto 0;
	border: 0;
	overflow: hidden;
	background: #e5f2f2;
	color: #e5f2f2;
}

img.none {display: block; clear: both; margin: 2em 0;}
img.alignright {float:right; margin:0em 0em 1em 1em}
img.alignleft {float:left; margin: 1em 1em 1em 0em;}
img.aligncenter {display: block; margin:1em auto;}

a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:1em 1em 1em 0}
a img.aligncenter {display: block; margin: 0 auto;}


/* Clearfix
**************************/
.clear {clear: both; line-height:0%;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
html > body .clearfix {min-height: 1px; height: auto;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Specific Styles
**************************/
#page {
	text-align: left;
	background: #e6ddbe;
	width: 690px;
	margin: 0 auto;
	padding-bottom: 55px;	/*CSS Sticky Footer*/
}

#header {
	height: 136px;
	position: relative;
	z-index: 99;
}
#header.clean {
	height: 390px;
	position: relative;
	background: none;
}


#logo { position: absolute; top: -100px;}

#header h1 a {
	text-indent: -900em;
	position: relative;
	display: block;
	width: 130px;
	height: 100px;
	top: 20px;
	left: 30px;
	background: transparent url(../img/benefica.jpg) no-repeat center center;	
	overflow: hidden;
}
#header #topnav {
	display: inline;
	position: absolute;
	bottom: 20px; 
	left: 180px;
	overflow: hidden;
}
#topnav li { display: inline; float: left; }
#topnav a {
	color: #498a38;
	font-weight: bold;
	display: inline;
	float: left;
	padding: 0 15px;
	font-size: 1.6em;
	text-transform: lowercase;
x	line-height: 50px;
x	letter-spacing: .15em;
x	text-shadow: #fff 0px 1px 2px;
x	text-shadow: #988649 0 1px 3px; 
x	text-align: center;
x	min-width: 80px;
}

#topnav a:hover { color: #413101;}
#topnav a.on, #topnav a.on:hover { color: #413101; background: transparent url(../img/bg-topnav.png) no-repeat center 0; cursor:default}


/* MID Section
**************************/
/* CONTENT
**************************/
#content {
	display: inline;
	float: left;
	position: relative;
	z-index: 20;
	padding: 20px 40px 20px;	
	width: 610px;
	overflow: visible;	 /*pt elemente care ies din peisaj*/
	z-index: 1;
}	
#content img {
x	border: 1px solid #eee;
	padding: 2px;
}
#content em { color: #498a38;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 .75em; font-weight: bold; text-shadow: #a69869 0 1px 5px; }
#content h1 { font-size: 4em; line-height: 1em;}		
#content h2 { font-size: 2.1em; padding: 5px 0 0; margin-bottom: .5em; clear: both;}
#content h3 { font-size: 2em; padding: 10px 0 5px; margin-bottom: .5em; text-shadow: none; font-weight: normal;}

#content h1 em { font-family: Tahoma; font-weight: bold; color: #413101; font-style: normal; display: block; font-size: .85em;}

ul.tabs { border-bottom: 1px solid #e5f2f2; padding: 10px 0 5px;}

#content .tabs li { display: inline; background: none; border: none; padding: 0; margin: 0 15px 0 0;} 
#content .tabs li .active { font-weight: bold; margin-bottom: 5px; padding-bottom: 7px;}

#content .tabs li a { font-size: 1.5em; color: #498a38; border-bottom: none; font-weight: normal; font-variant: small-caps; padding: 0 0 8px 0;}
#content_2 { display: none;}

#content p {
	margin: 0 0 .75em;
	font-size: 1.6em;
	}
	
#content a {
	color: #498a38;
	padding: 0 1px 0;
	border-bottom: 1px solid #498a38;
	}

#content a:hover {
	color: #532508;
	text-decoration: none;
	border: none;
	}

#content ul, #content ol { font-size: 1.6em; margin: 0 0 1em 0;}

#content ul li {
	line-height: 1.2em;
	padding: .25em 0;
x	background: url(../img/ico-bullet.gif) no-repeat 9px 11px;
x	border-bottom: 1px solid #efefef;
}
#content ul ul { font-size: 1em; margin: 0;}
#content ul.assoc li {
	padding: 5px 25px 10px 0;
	background: none;
	border-bottom: none;
}

.assoc li strong { font-size: 1.25em; padding: 10px 0 5px; font-variant:small-caps; color: #333;}

#content ul li span { display: block; }

#content ul.jobb {
	margin: -.5em 0 1em 2.4em;
	list-style: circle;
}
#content ul.jobb li {	line-height: 1em;}


/* FOOTER
**************************/
#footer {
	position: relative;
	width: 690px;
	overflow: hidden; 
	margin-top: -34px; /* negative value of footer height */
	height: 34px;
	clear:both;
	font-size: 1.5em;
	font-weight: bold;
	width: 100%; /* initial AUTO, schimbat in 100% pt Opera*/
	}

#footer ul {
	width: 930px;
	margin: 0 auto 13px;
	padding: 14px 30px 12px;
	overflow: hidden;
	position: relative;
	text-align: left;
	}

#footer ul li { display: inline;}
#footer a { color: #666; display: inline;}
#footer a:hover, #footer a.on { color: #ccc; border-bottom: 1px solid;}


/* CONTACT
********************************/

/* Generic FORM Fields 
**********************************************/
#content form {
	display: block;
	clear: both;
	font-size: 1.2em;
	margin-top: 15px;
}
#content form input,
#content form textarea {
	background: #f6f6f6;
	display: block;
	width: auto;
	margin: 5px 0 10px;
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

#content form input:focus,
#content form textarea:focus { background: #fff;}

#content form label { display: block;}

#content form textarea {
	width: 267px;
	height: 158px;
}

/* Alerts
**********************************************/

#content p.information,
#content p.error,
#content p.important,
#content p.ok {
	display: block;
	clear: both;
	text-align: left;
	padding: .5em 1em .6em;
	width: 40%;
	margin: 0 0 .75em;
	color: #fff;
	}

#content p.error,
#content p.important,
#content p.ok {
	font-size: 1.5em;
	}

#content p.error { background: red; color: #fff;}
#content p.ok {
	background: #f1f1f1;
	color: #666;
}
#content p.important { background: orange;}

/*
*************************/
div#logged { font-size: 1.5em;  border-bottom: 1px solid #e5f2f2; padding: 5px 0; margin-bottom: 15px;}
#content div#logged a { text-decoration: none; border: none; font-size: .8em; padding: .2em .5em; background: #f1f1f1; margin: 0 5px;}

xtable {font-size: 1.2em; margin: .5em 0 1.5em;}
tr { border: 1px solid #ededed; background: #fff;}
th, td { padding: 8px 15px 8px 0; border-collapse: collapse;background: #fff;}

#header object {margin-top: 62px; outline: none;}
#myContent div {
	background: transparent url(../img/header.jpg) no-repeat 0 62px;
	padding: 410px 30px 0;
}
#myContent div h1 { font-size: 2.4em; color: #333; text-shadow: #aaa 0 1px 2px;}		
#myContent div p {	margin: 0 0 .75em;font-size: 1.4em;}	


/* EXTRAS
*************************/
	
img.press {	margin: 1.2em 0 1.2em 0px;}
img.press.even { margin-left: 39px;}

div.carte {overflow: visible; border-bottom: 1px solid #d9d0b0; padding: 15px 0; margin-bottom: 1em;}
.sms, .intro { 
	background: #f9f6ef; 
	color: #c0a75a; 
	min-width: 120px; 
	text-align: center; 
	margin: 10px 10px 10px 0; 
	float: left; 
	border: 1px solid #d9d0b0; 
	padding: 10px 12px 8px; 
	font-size: 1.2em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 1.6em;
}
.intro {text-align:left; position:relative; width: 570px;line-height: 2em; padding: 11px 20px;}
.intro img {
	position: absolute;
	height: 155px;
	width: 108px;
	right: 22px;
	top: -47px;
}
#content .intro a {
	position: absolute;
	height: 20px;
	width: auto;
	right: 160px;
	top: 22px;
	background: #40b3d8;
	color: #fff;
	border: none;
	text-decoration: none;
	font-size: 1.2em;
	padding: .1em .7em .5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
#content .intro a:hover { background: #78cde9; color: #fff;}

.sms big { margin:0;}
.sms.txt { 
	font-size: 1.6em; 
x	font-weight: bold;
	line-height: 2.4em;
	}
#content p.fineprint { display: block; clear: both; font-size: 1.1em; color: #9a8648; padding-top: 1em;}	
p.fineprint em { font-style: normal;}

#content div.para { font-size: .8em; padding-top: 1em;}	

#content div.para ul {
	margin: .5em 0 1em 2.4em;
	list-style: circle;
}
#content div.para ul li {line-height: .9em;}


/*
#parteneri { 
	width: 580px; height: 60px; margin: 14px auto;
	padding: 1px 10px;
	background: transparent url(../img/parteneri.gif) no-repeat 0 0;	
	}
#footer #parteneri a, #footer #parteneri a:hover { border: none; text-decoration: none; margin: 0; padding:0; display: block; width: auto; float:left;}
#footer #pm { display: block; margin-bottom: -5px;}
*/
#slider { 
	width: 580px; height: 85px; margin: 14px auto;
	padding: 1px 10px;
	background: transparent url(../img/parteneri87.gif) no-repeat 0 0;	
	}

#slider table {}
	
#footer #slider a, x#footer #slider a:hover { border: none; text-decoration: none; margin: 0 3px; padding:0; display: block; width: auto; float:left;}
#footer #pm { display: block; margin-bottom: -5px;}


#content p.caption {
	display: block;
	float: right;
	font-size: 1.4em;
	margin-top: -.5em;
	}

div.pers { clear: both; overflow: hidden; border-bottom: 1px solid #d9d0b0; padding: 0; margin-bottom: .5em; }
div.pers p { display: block; clear: both;}
div.pers .credo { display: block; clear: both; position: relative; overflow: hidden; margin-top: 1.5em;}

div.credo span { font-size: 1.2em; display:block; width: 110px; position: absolute; text-align:left; right: 100px; bottom: 5px;}
div.credo img {float:left;}
div.credo { width: 680px; clear:both; margin: 0 0 1em 0; font-size: 1.2em; overflow: visible;}

#premotz {
	width: 380px;
	clear: both;
	overflow: hidden;
}
#motzu { position: absolute; width: 190px; right: -45px; _right: -152px; top: 40px; padding: 0 66px 0 57px;}
#motzu img { display: block; margin-left:-30px; margin-bottom: -35px;}
#content #motzu {font-size: .75em; font-weight: bold;}
#content #motzu h3 { line-height: 1em; font-weight: bold; padding-bottom: 0;}
#content #motzu li { line-height: .6em;}
#content #motzu h3 span { font-size: .9em; font-weight: normal;}


/* jQuery Countdown styles 1.5.5. */

#AMRAMR { clear: both; overflow: hidden; margin-bottom: 2em;}
#AMRAMR span.tx { font-size: 2.6em; width: 33%; float: left; text-align: center; line-height: 2.3em;}
#AMR { overflow: hidden; width: 33%; float:left;
	background: #f9f6ef; 
	color: #c0a75a; 
	text-align: center; 
	border: 1px solid #d9d0b0; 
	padding: 10px 1px 8px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 2.4em;
}

.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 150%;
	text-align: center;
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	display: block;
	width: 100%;
}
