/*************************************************/
/** Fundatia EOS Romania						**/
/** Author: O.B. 								**/
/*************************************************/
/**	[1] - Main Layout							**/
/**	[2] - Usefull classes						**/
/**	[-] - Fix & Hack							**/
/*************************************************/

/**	[1] - Main Layout	**/
body {margin:0px; background-color:#ffffff; font-family:arial; font-size:12px;
	 background-image:url(../img/bgRepeat.jpg); background-repeat:repeat-x; background-position:center bottom;}
img {border:0px;}

h2	{font-family:Arial Narrow; color:#640289; border-bottom:2px solid #ECECEC; padding-bottom:2px;}

h3	{font-family:Arial Narrow; color:#000000;}

#bgLeft {float:left; width:100%; background-image:url(../img/bgLeft1.jpg); background-repeat:no-repeat; background-position:left bottom;}
#bgRight {float:left; width:100%; background-image:url(../img/bgRight1.jpg); background-repeat:no-repeat; background-position:right bottom;}
#topRibbon {float:left; width:100%; height:10px; font-size:5px; background-color:#640289;}
#wrappall {margin:0px auto; width:929px;}
#wrapper {float:left; width:100%; background-color:#ffffff; padding-bottom:10px;}
#newsbox {float:right; font-family:Trebuchet MS; font-size:11px; font-weight:bold; background-image:url("../img/arrowBlueRight.gif"); background-position:left; background-repeat:no-repeat; background-color:#DFDFDF; color:#800080; padding-left:10px;}

#logo {float:left; width:40%; padding-left:15px; padding-top:5px;}
#search {float:right; padding-right:20px; margin-top:33px;}
#search #boxSearch {float:left; width:212px; height:69px; background-image:url("../img/bgSearch.jpg");
					background-repeat:no-repeat; background-position:left top; padding-left:7px;}
#search #boxSearch form {float:left; width:100%;}
#search #boxSearch form #txtSearch {float:left; width:137px; margin-top:22px;}
#search #boxSearch form #btnSearch {float:left;}

#menuHolder {float:left; width:100%; height:210px; background-image:url(../img/banner.jpg); background-repeat:no-repeat; background-position:left top;}
#mainNav {float:left; height:50px; margin:0px; padding:0px; width:100%;}
#mainNav li {float:left; display:block; }
#mainNav li a {float:left; display:block; font-size:0px; height:49px; z-index:1; text-decoration:none; color:#FFCC00; text-align:center;}

#btnHome {float:left; background-image:url("../img/btnHome.png"); margin-left:0px; background-repeat:no-repeat; background-position:left top; width:115px;}
#btnCursuri {float:left; background-image:url("../img/btnCursuri.png"); margin-left:-8px; background-repeat:no-repeat; background-position:left top; width:134px;}
#btnProiecte {float:left; background-image:url("../img/btnProiecte.png"); margin-left:-8px; background-repeat:no-repeat; background-position:left top; width:146px;}
#btnResurse {float:left; background-image:url("../img/btnResurse.png"); margin-left:-8px; background-repeat:no-repeat; background-position:left top; width:247px;}
#btnEchipa {float:left; background-image:url("../img/btnEchipa.png"); margin-left:-8px; background-repeat:no-repeat; background-position:left top; width:135px;}

.btnDetalii {float:right; width:85px; padding:6px 30px 10px 0px; margin-right:10px; color:#ffffff; text-decoration:none; font-style:normal; text-align:right; font-family:Tahoma;
			background-image:url("../img/btnDetalii.png"); background-position:left top; background-repeat:no-repeat; clear:both;}
a.btnDetalii:hover { width:86px; padding:6px 29px 10px 0px;}
.row {float:left; width:100%;}

.btnNoutati {float:left; width:85px; padding:6px 30px 10px 0px; margin-right:10px; color:#ffffff; text-decoration:none; font-style:normal; text-align:right; font-family:Tahoma;
			background-image:url("../img/btnDetalii.png"); background-position:left top; background-repeat:no-repeat;}
a.btnNoutati:hover { width:86px; padding:6px 29px 10px 0px;}
.row {float:left; width:100%;}

#mainNav li a:hover { background-position:left -49px; color:#FF8400;}
#mainNav li a.active { background-position:left bottom; color:#FF8400;}

#pageContent {float:left; width:100%; background-color:#ffffff;}
#pageLeft {float:left; width:600px; background-color:#ffffff; padding:10px 30px 15px 30px;}
#pageRight {float:left; width:235px; background-color:#ffffff; padding:17px 12px 10px 22px;}
#pageRight p {padding-bottom:0px; margin-bottom:0px;}
.pageRight {color:#000000; font-family:arial; float:left; padding-bottom:5px; width:100%;}

#pageBottom {float:left; width:100%; background:#ffffff; background-image:url("../img/horizSep.gif"); background-repeat:repeat-x; background-position:left top; padding:10px 0px;}
.boxBottom {float:left; width:200px; padding:0px 10px 0px 17px; color:#640289; font-family:Trebuchet MS;}
.boxBottomLast {float:left; width:200px; padding:0px 10px 0px 17px; background-image:url("../img/education1.gif"); background-position:middle; background-repeat:no-repeat; color:#640289; font-family:Trebuchet MS;}

#mainIdea {float:right; width:270px; padding:45px 200px 0px 0px; font-family: Times New Roman; font-size:14px; color:#ffffff; font-style:italic;}

#footer {float:left; width:100%; background-color:#4d4a4a; font-size:10px; font-family:verdana; color:#ffffff; text-align:center; padding:5px 0px}

a.maiMult {float:right; padding:0px 0px 0px 15px; margin-top:5px;
           background-image:url("../img/arrowBlueRight.gif"); background-position:left 2px; background-repeat:no-repeat;}
a.maiMult:hover {text-decoration:none;}

a.maiMult1 {float:right; padding:0px 0px 0px 15px; margin-top:0px; clear:both;
           background-image:url("../img/arrowBlueRight.gif"); background-position:left 4px; background-repeat:no-repeat;}
a.maiMult1:hover {text-decoration:none;}

#pageRight ul {float:left; height:355px; list-style-type:none; margin:0px; overflow-y:auto; padding:0px; width:100%;}
#pageRight ul li {float:left; width:100%; margin:0px; padding:0px;}
#pageRight ul li a {float:left;}

.searchItem {float:left; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:dotted 1px #ececec;}
.searchItem .link {float:left; width:auto; clear:both; font-family:Tahoma; font-weight:bold;}
.searchItem .link:hover {text-decoration:none;}
.searchItem .context {float:left; width:100%; color:#333333;}
.searchItem .locatia {float:left; width:100%; color:#640289;}

.rCorner {float:left; width:905px; background-image:url("../img/rightCorner.png"); background-position:right center; background-repeat:no-repeat; padding-right:24px;}
.lCorner {float:left; width:881px; background-image:url("../img/leftCorner.png"); background-position:left center; background-repeat:no-repeat; padding-left:24px;}

/**	[2] - Usefull classes						**/
/*************************************************/
.fl {float:left;} .fr {float:right;}	.fn {float:none;}
.borderRight {border-right:solid 1px #adacac;}
.borderBottom {border-bottom:solid 1px #adacac;}
.bottomSearch {float:left; border-top:solid 2px #ececec; width:100%; padding-top:5px; margin-top:5px; font-weight:bold;}

/**	[-] - Fix & Hack							**/
/*************************************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix { height: 1%;}