/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
@font-face
{font-family: logoFont; src: url(JennaSue.woff);}
body{font-size: small;font-family: arial,sans-serif;background-image:url("../images/bg3.jpg")}
p{text-align:justify;}
/* partea de sus -------------------- */
#celtis h1{float:left;padding:30px 10px 0px 5px;color: #673E27;font-size:30px;font-family: Verdana, Helvetica, sans-serif;line-height:normal;margin-bottom:0px;font-weight: bold;}
#celtis{float:left;}
#celtis p{float:left;font-size:12px;color: #673E27;font-weight:bold;margin:0px 0px 5px 15px;font-family: Verdana, Helvetica, sans-serif;}
#iale{float:right;}
#iale h2{color: #673E27;font-size:30px;font-family: Verdana, Helvetica, sans-serif;line-height:normal;margin-bottom:0px;font-weight: bold;float: right;padding: 30px 5px 0px 0px;}
#iale p{float:right;font-size:12px;color: #673E27;font-weight:bold;margin:2px 15px 5px 0px;font-family: Verdana, Helvetica, sans-serif;}
/*partea dreapta ----------------------------*/
.right{float:right!important;}	

.meniu_dreapta{overflow:hidden;float:right;background-color:#8B9822;border:1px solid #aaa;padding-bottom:10px;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.meniu_dreapta ul{list-style-type:none;float:left;margin:0px;}
.meniu_dreapta li{float:left;width:100%;margin:5px 0px 5px 0px;}
.meniu_dreapta a{float:left;margin:0px 0px 0px 10px;width:87%;text-decoration:none;font-weight:bold;color:#fff;padding:5px;border-bottom:1px solid #aaa;}
.meniu_dreapta a:hover{text-decoration:underline;color:#fff;}

.contact{overflow:hidden;float:right; width: 100%;margin:10px 0px 10px 0px;background-color:#fff;-webkit-border-radius: .5em;-moz-border-radius: .5em;
border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
.contact h3{color:#673E27;border-bottom:1px solid #ccc;margin:0px 5px 0px 5px;font-size:17px;font-weight:bold;font-family:arial,sans-serif;}
.contact p{padding:3px;text-align: center;}
.contact a{color:blue;}
.job_op, .parteners{float:left;margin:15px 0px 15px 10px;}


/* partea de mijloc -------------------- */
.poza_mics{max-width:100%;}
.poza_mics img{height:auto;width:100%;max-width:100%;}
#logo_unibuc{float:right;background:url("../images/logo-unibuc.gif") no-repeat;width:201px;height:40px;margin: 20px 40px 10px 0px;}
.content{max-width:100%;float:left; padding:10px;border-right:1px solid #ccc;margin:0px 0px 10px 0px;background-color:#fff;-webkit-border-radius: .5em; 
-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.content h2{margin:0px;font-size:19px;font-weight:bold;font-family:arial,sans-serif;}
.latimec{width:97%;}
.articol{padding:10px 10px 10px 0px;clear:both;overflow:hidden;}
.articol h3{color:#673E27;border-bottom:1px solid #ccc;margin:0px;font-size:17px;font-weight:bold;font-family:arial,sans-serif;}
.articol ol{list-style-type: lower-alpha;}
.imagine{float:left; border:2px solid #ccc;margin:10px;padding:5px;}
.pic_fp img{float:left; border:2px solid #ccc;margin:5px;padding:5px;}
.links_class ul{padding-left:15px;list-style-type:none;}
.links_class li{padding-top:10px;}
.links_class a{text-decoration:none;color:#000;border-bottom: 1px black dotted;}
.links_class a:hover{text-decoration:underline;border-bottom:none;}

.people_class img{ border:2px solid #ccc;padding:1px;}
.people_class ul{padding-left:15px;list-style-type:none;}
.people_class li{float:left;clear:both;width:450px;}
.people_img {float:left;text-align:center;width:150px;}


.more_info{float:right;color: blue;cursor: pointer}
.close_more {float:right;margin: -5px -20px 0px 0px;width: 620px;}
.close_more img{cursor:pointer;border:none;float:right;padding:0;margin:0;}
.paragraf_people {border:1px dotted #ccc;padding:10px;background-color:#eee;}

.tabel_p{display:table;padding-left: 10px;float: left;}
.tableRow {display: table-row;}
.tableCell {display: inline-block;vertical-align: middle;}
.partners_iale img {padding-right:10px;}

.iale{color:#673E27 !important;}
.link_newsm{float:right; text-decoration:none;color:blue!important;}
.link_newsm:hover{text-decoration:underline;}
.blue{color:blue!important;}


/* partea de jos -------------------- */
.meniu_footer{float:left;background-color:#673E27;border:1px solid #aaa;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);overflow:hidden;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.meniu_footer ul{list-style-type:none;float:left;margin:0px;}
.meniu_footer li{display:inline;float:left;color:#aaa;margin:0px;}
.meniu_footer a{text-decoration:none;color:#fff;float:left;padding:8px 15px 7px 15px;}
.meniu_footer a:hover{text-decoration:underline; color:#000;}
.addthis_sharing_toolbox a{padding:0px;}
.addthis_sharing_toolbox{float:right;margin-top: 8px;}
#duma_sus{float:right;margin:0px;padding:0px 5px 0px 10px;}

#copyright{height:50px;text-align:center;}
#copyright p{float:left;margin-left:5px;color:#aaa;margin-top:5px;text-align:center;}
#copyright a{text-decoration:none; color:#aaa;}
#copyright a:hover{text-decoration:underline; color:#000;}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#celtis h1,#iale h2{font-size:25px;}
		#celtis p,#iale p{font-size:10px;}
		.tabel_p {padding-top: 10px;padding-left:0px;}
		.meniu_dreapta a {margin: 0px 0px 0px 8px;}
		.paragraf_people {width: 477px;}
		.latimec{width:auto;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.tabel_p {padding-top: 10px;padding-left:0px;text-align: center;}
		.meniu_dreapta a {width: 93%;}
		#celtis h1{padding: 20px 10px 0px 5px;}
		#iale h2{font-size:25px;padding: 10px 10px 0px 5px;}
		#iale p{font-size:11px;}
		.paragraf_people {width: 367px;}
		.latimec{width:auto;}
		.content {max-width: 95%;}
		div.addthis_sharing_toolbox {margin-right: 95px;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#copyright p{float:none;margin-left: 0px;}	
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.partners_iale img {padding: 10px;}
		#copyright p{margin-left: 0px;}
		.meniu_dreapta a {width: 90%;}
		#celtis h1{padding: 20px 10px 0px 5px;font-size:20px;}
		#celtis p{font-size:11px;text-align:left;}
		#iale h2{font-size:18px;padding: 10px 10px 0px 5px;}
		#iale p{font-size:9px;text-align:right;}
		.paragraf_people {width: 247px;}
		.latimec{width:auto;}
		.content {max-width: 93%;}
		div.addthis_sharing_toolbox {margin-right: 40px;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file

		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/