/*
* 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);}

html,body,p,ul,li,h1,h2,h3{margin:0;padding:0;}
/*body{font-size: small;font-family: arial,sans-serif;background-color:#E5E6DD;}*/
body{font-size: small;background-image:url("../images/bg3.jpg")}

/* partea de sus --------------------
#header{width:950px;height:110px;margin:0 auto;} */
#header{height:95px;margin:0 auto;}
#celtis h1{float:left;padding:35px 75px 0px 5px;color: #8B9822;font-size:30px;font-family: Verdana, Helvetica, sans-serif;font-weight: bold;line-height:100%;}
#celtis p{float:left;font-size:12px;color: #8B9822;font-weight:bold;margin:0px 0px 0px 15px;font-family: Verdana, Helvetica, sans-serif;}
#iale{float:right;}
#iale h2{float:right;padding-top:35px;padding-right: 5px;color: #8B9822;font-size:30px;font-family: Verdana, Helvetica, sans-serif;font-weight: bold;line-height:100%}
#iale p{float:right;font-size:12px;color: #8B9822;font-weight:bold;margin:0px 15px 5px 0px;font-family: Verdana, Helvetica, sans-serif;}
#logo_unibuc{float:right;background:url("../images/logo-unibuc.gif") no-repeat;width:201px;height:40px;margin: 20px 40px 10px 0px;}
.i {font-style:italic;}
.meniu_sus{width:939px;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);
/*background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#A52A2A), to(#1E1E1E));
background: -webkit-linear-gradient(top, #1E1E1E, #A52A2A 35%);
background: -moz-linear-gradient(top, #1E1E1E, #A52A2A);
background: -ms-linear-gradient(top, #1E1E1E, #A52A2A);
background: -o-linear-gradient(top, #1E1E1E, #A52A2A);*/}
.meniu_sus ul{list-style-type:none;}
.meniu_sus li{display:inline;float:left;}
.meniu_sus a{text-decoration:none;font-weight:bold;padding:8px 20px;}
.meniu_sus a:hover{text-decoration:underline;color:#fff;}

/* partea de mijloc -------------------- */
.backg{background-color:#fff;border-right:1px solid #ccc;margin:10px 0px 10px 0px;
	-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{float:left; padding:10px;min-height: 1162px;width: 97%;}
.content h2{font-size:1.5em;font-family: arial,sans-serif;line-height: normal;font-weight: bold;}
.poza_pp{width:100%;text-align:center;}
.poza_pp img{max-width:100%;height:auto; width:100%;}	
/*.poza_pp img{max-width:100%;height:auto;margin-top:5px; width:100%;}	*/
.right{ width:228px; float:left; margin:10px 0px 10px 0px;background-color:#fff;border-right: 1px solid #ccc;
	-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);}
.right h3{color:#8B9822;border-bottom:1px solid #ccc;font-weight: bold;font-size: 1.27em;line-height:30px;font-family: arial,sans-serif;max-width:95%;}
.right p{padding:3px;text-align: center;max-width:95%;}
.right img{max-width:100%;height:auto;}
.contact, .job_op, .parteners{float:left;margin:5px 0px 15px 10px;width: 220px;}
.articol{padding:5px 10px 10px 0px;clear:both;overflow:hidden;text-align:justify;}
.articol h3{color:#8B9822;border-bottom:1px solid #ccc;margin-top:5px;font-weight: bold;font-size: 1.27em;line-height:20px;font-family: arial,sans-serif;	}
.imagine{ border:2px solid #ccc;margin:10px;padding:5px;}
.pic_fp img{ border:2px solid #ccc;margin:5px;padding:3px;max-width:100%;height:auto;}
.pic_fp{float:left;width: 100%;}

.fieldtrip{margin:0px 75px 0px 70px!important;};

.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{float:left; border:2px solid #ccc;margin:5px 20px 5px 5px;padding:3px;}
.people_class ul{padding-left:40px;list-style-type:none;}
.people_class li{float:left;clear:both;width:100%;}
.people_class a{color:#aaa; text-decoration:none;}
.people_class a:hover{text-decoration:underline;}
.more_info{float:right;color: blue;cursor: pointer}
.more_link{float:right;color: blue!important;border:none!important;}
.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;}

.iale{color:#8B9822 !important;}
/* partea de jos -------------------- */
#footer{}
.meniu_footer{width:100%;float:left;background-color:#8B9822;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);}
.meniu_footer ul{list-style-type:none;float:left;display:block;}
.meniu_footer li{display:inline;float:left;}
.meniu_footer a{text-decoration:none;color:#fff;padding:8px 20px;float: left;}
.meniu_footer a:hover{text-decoration:underline; color:#000;}
#copyright p{float:left;margin: 5px 0px 10px 5px;color:#aaa;}
#updated{padding: 6px 20px;}
#top{float:right;padding:6px 20px;}
#copyright a{text-decoration:none; color:#aaa;}
#copyright 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;}


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

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.meniu_sus{width:747px;}
		.right{width: 180px;}
		.contact, .job_op, .parteners{width: 170px;}
		.poza_pp img{margin-top:0px;}	
	}		
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#celtis h1 {padding: 15px 0px 5px 0px;}
		#celtis p {margin:0px;}
		#iale h2 {text-align: right;width: 100%;float: right;padding-top: 25px;padding-right: 0px;font-size: 21px;}
		#iale p {text-align: right;float: right;margin: 4px 0px 0px 0px;font-size: 10px;}
		.content{min-height: 1194px;width: 96%;}
		.pic_fp img {max-width:97%}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#celtis h1{padding:15px 35px 0px 5px;}
		#iale h2 {text-align: right;width: 100%;float: right;padding-top: 25px;padding-right: 5px;font-size: 21px;}
		#iale p {text-align: right;float: right;margin: 4px 10px 0px 0px;font-size: 12px;}
		.meniu_sus{width:419px;}
		.meniu_sus li{width:100%;}
		.backg{margin:10px 0px 5px 0px!important;}
		.paragraf_people {width: 370px;}
		.right{width: 420px;margin-top:5px;}
		.contact, .job_op, .parteners{width: 410px;}
		.articol {padding-right:0px;}
		#updated {margin-top: 5px;padding: 0px 10px;}
		#top {padding: 5px 10px;}
		.meniu_footer a {padding: 6px 10px;}
		.content{min-height: 100%;width: 95%;}
		.pic_fp img {max-width:95%}
		.people_class ul {padding-left: 20px;}
		.addthis_sharing_toolbox a{padding:0px;}
.addthis_sharing_toolbox{float:right;margin-top: 8px;}
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#celtis h1 {padding: 15px 0px 5px 0px;}
		#celtis p {margin:0px;font-size: 9px;}
		#iale h2 {text-align: right;width: 100%;float: right;padding-top: 10px;padding-right: 0px;font-size: 21px;}
		#iale p {text-align: right;float: right;margin: 4px 0px 5px 0px;font-size: 9px;}
		.backg{margin:10px 0px 5px 0px!important;}
		.meniu_sus{width: 299px;}
		.meniu_sus li{width:100%;}
		.paragraf_people {width: 250px;}
		.articol {padding-right:0px;}
		.right{width: 300px;}
		.contact, .job_op, .parteners{width: 290px;}
		.content{min-height: 100%;width: 93%;}
		.pic_fp img {max-width:93%}
		.meniu_footer li {display:block;}
		.meniu_footer a {display:block;}
		#top{width:15px;margin-top: -33px;}
		#copyright {text-align: center;}
		.people_class ul {padding-left: 15px;}


/* #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; }
*/