@charset "utf-8";
@import url("css/vara.css");
@import url('css/reset.css');

/* LINKS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {color: #333;}
a:hover {color: #111;}
a:active {color: #111;}

/* GLOBAL
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.right {float: right;}
.left {	float: left;}
.imgleft {padding: 0 5px 5px 0; float: left;}
.imgright {padding: 0 0 5px 5px; float: right;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* HEADER
--------------------------------------------------------------------*/ 
#header .content {width:1000px; height:260px; margin: 0 auto; position:relative;}
#header .content a.rss {width:65px; height:65px; position: absolute; right: 0; bottom: 55px; display:block; text-indent: -9999px;}
#header .content a.igoogle {width:62px; height:17px; position: absolute; right: 70px; bottom: 100px; display: block;}
#header #logo {width: 270px; height: 70px; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 40px;}
#header #logo a { width: 270px; height: 70px; display:block; text-indent:-9999px;}
#header #login {width: 265px; height: 20px; padding:10px 10px 0 5px; color:#FFFFFF; text-align: right;}
#header #login a {color:#FFFFFF; font-weight: bold; text-decoration: none; padding-left:5px;}
#header #login a:hover {text-decoration: underline;}

#header #meniu {width:960px; height:25px; clear:both; padding: 160px 20px 0 20px; text-align: left}
#header #meniu ul, #header #meniu ul li {list-style:none; list-style-image:none; display: inline;}
#header #meniu a {height: 25px; font-size:20px; line-height:20px; text-decoration:none; margin:0 15px; font-weight: bold; padding-left: 25px;}
#header #meniu a#homea {background:url(../images/meniu_ecrestin.gif) no-repeat 0 2px;}
#header #meniu a#cursuria {background:url(../images/meniu_cursuri.gif) no-repeat 0 2px;}
#header #meniu a#articolea {background:url(../images/meniu_articole.gif) no-repeat 0 2px;}
#header #meniu a#evenimentea {background:url(../images/meniu_evenimente.gif) no-repeat 0 5px;}
#header #meniu a#profila {background:url(../images/meniu_profil.gif) no-repeat 0 2px;}
#header #meniu a#contacta {background:url(../images/meniu_contact.gif) no-repeat 0 2px;}


/* CONTINUT
--------------------------------------------------------------------*/ 
#main {width:1040px; margin: 0 auto; position:relative; text-align:left;}
#main a, #main a:visited {color:#000000; text-decoration: none; font-weight: bold;}
#main a:hover {text-decoration: underline;}

#continut {width: 960px; margin: 0 auto!important; margin: 0 20px; background:#FFFFFF; padding: 20px!important; padding: 20px;}
#continut h1, #continut h1 a, #continut h1 a:visited {font-size:24px; color:#725110; padding-bottom: 10px; text-decoration:none;}
#continut #intro { width: 960px; line-height: 20px;}
#continut #intro p {padding-bottom: 20px;}
#continut #intro .poza {border: 1px solid #e3c282; margin: 5px;}
#continut #intro .ecrestin {position:relative; top:5px; margin-right:3px;}

#continut .box {width: 205px; height: 360px; padding:10px; background:url(../images/box_bg.jpg) no-repeat top center; position:relative; margin: 0 5px!important; margin: 0 3px;}
#continut .box h3 {font-size: 16px; color:#273859; padding-bottom: 10px;}
#continut .box .poza {margin: 5px; width: 195px; height: 100px; overflow: hidden;}
#continut .box .poza img {width: 195px; border: 1px solid #e3c282;}
#continut .box p { padding: 5px 0;}
#continut .box a.citeste { width: 205px; height: 45px; display:block; font-size: 20px; text-align:center; line-height: 40px; background: #f1ebce url(../images/btn_citeste.jpg) no-repeat center 0px; margin: 15px 0 5px 0; position:absolute; bottom: 0;}
#continut .box a.citeste:hover { background-position: center -45px; text-decoration:none; color:#725110;}

/* FOOTER
--------------------------------------------------------------------*/ 
#footer a {font-size: 11px; font-weight: bold; text-decoration:none; padding: 0 2px;}
#footer a:hover {text-decoration: underline;}

/* MISC
--------------------------------------------------------------------*/ 
.fill {height: 200px; text-align: center;}
.err {font-size: 24px; color:#725110; padding-bottom: 10px; margin: 0 auto;}

#profil #nume {font-size: 18px; font-weight: bold;}
#profil #nume span {color:#666666; font-size: 20px;}
#register { padding: 5px; border: solid 1px #CCCCCC;}
#autentificare { padding: 5px; border: solid 1px #CCCCCC;}
#autentificare #titlu {font-size: 18px; font-weight: bold; padding: 5px 0; text-align: center;}
#autentificare p {padding: 10px 0;}

#inregistrare {float: right; height: 33px; width: 100px; margin-top: -33px; z-index: 1; text-align: right;}
#stanga {float: left;width: 650px;}
#texte {padding: 4px; float: left; width: 680px; border: 1px solid #CCCCCC; font-size: 14px; color: #333333;}
#texte2 {float: left; width: 640px; font-size: 14px;color: #333333;}
#textehome {padding: 4px; float: left; width: 450px; font-size: 14px; color: #333333; border: 1px solid #DCE3AF;}
#comentarii {font-size: 11px; color: #B64926; text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; padding-top: 3px; padding-bottom: 10px;}
#comentarii a{color: #468966; font-weight: bold; text-decoration: none;}
.comentarii {font-size: 20px; font-weight:bold;; padding: 10px 0; display: block;}
#moderatori {font-size: 10px; color: #8E2800; text-align: left; padding-top: 3px; padding-bottom: 10px;}
#moderatori a{color: #468966; font-weight: bold; text-decoration: none;}

#dreapta {padding: 5px; float: right; width: 230px; border: 1px solid #CCCCCC; font-size: 12px;	background-color: #FFFFFF; list-style-position: outside; list-style-image: url(imagini/li_back.png); list-style-type: square;}
#dreapta h3 {font-size: 20px; color:#BA192B;}
#dreapta h4 {font-size: 16px; color:#BA192B; padding-top: 10px;}

#cursuri {width: 170px; border: 1px solid #FFB03B; padding: 4px; float: right; font-size: 12px;}
#tutor {font-size: 11px; color: #B64926; text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; padding-top: 3px;	padding-bottom: 10px;}
#tutor a {font-weight: bold; color: #B64926;}


.contact {float: left; width: 680px; border: 1px solid #CCCCCC;	padding: 3px; margin-bottom: 5px;}
.contactleft {color: #B64926; text-align: center; float: left; width: 150px;}
.contactright {float: right; padding-right: 3px; padding-left: 3px;	width: 500px; text-align: left; font-size: 14px;}
.contactright a {font-weight: bold; color: #B64926;}

.contactmotto {font-size: 14px; color: #468966; background-color: #F2FBEE; padding: 3px; font-weight: bold;}
#info {background-image: url(imagini/info.jpg);	background-repeat: no-repeat; background-position: right bottom;}

input, select {border: 1px solid #D99749; background-color: #F9F7E8; font-size: 12px;}
a.imagine img {border: 4px solid #C2E0D0;}
a.imagine:hover img {border: 4px solid #468966;}
blockquote.float-left {float: left;	width: 13em; padding: 0.2em; color: #8E2800; margin-top: 0; margin-right: 0.5em; margin-bottom: 0; margin-left: 0; font-size: 10px; background-color: #FFFAE1; border-right-width: 1px; border-bottom-width: 1px; border-right-style: dotted; border-bottom-style: dotted; border-right-color: #8E2800; border-bottom-color: #8E2800; text-align: center;}
blockquote a {color:#478965;}
#player1 {width: 430px;	text-align: right; right: auto; float: right;}