html            { }
body	        { font: normal 62.8%/1.3 Tahoma, "Lucida Grande CE", lucida, sans-serif;
				  color: #000066; background-color: #293352; }
body, div, form { margin: 0; padding: 0; }
p               { margin: 0.5em 0; }
a	            { color: #28166f; }
a:hover	        { color: #002080; text-decoration: underline !important; }
a img   	    { border:0; }
input,select,textarea  { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; padding: 2px;margin:2px; }
input.button,
select.button,
textarea.button { background: #fff; padding: 2px 0; border: none; color: #000 !important; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 87px !important; font-weight: bold; cursor: pointer; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; }

h1	{ font-size: 1.5em; margin-bottom: .5em; }
h2	{ font-size: 1.4em; margin-bottom: .5em; }
h3	{ font-size: 1.2em; margin-top: .5em; margin-bottom: .25em; }
h4	{ font-size: 1.1em; margin-top: .5em; margin-bottom: .25em; }
h5	{ font-size: 1em;   margin-top: .25em; margin-bottom: .25em; }
h6	{ font-size: 1em;   margin-top: .25em; margin-bottom: .125em; }

h1, h2 { color: #283863; }
h3, h4 { color: #283863; }
h5, h6 { color: #283863; }

h1 a, h2 a{ text-decoration: none;}

code {    font-family: "DejaVu Sans Mono", "Lucida Console", Consolas, courier, monospace;}
blockquote { font-style:italic; margin: 10px; line-height: 1.5; font-family: Georgia, serif; }

/* --- Main classes --- */
.translation_missing {	background-color: red;}
.fr	       { float: right !important; }
.fl	       { float: left !important; }
.clear     { clear: both !important; }

.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center; }

#contentBlock .section img.operation {
    border-width: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

#ui-datepicker-div { display:none }

/* --- Layout --- */
#view      { width: 954px; margin: 0 auto; padding: 0 11px; }
#header    { height: 100px; font-size: 1.2em; z-index: 10; }
#menu      { height: 78px; font-size: 1.66em;  background-color: #255393; }
#menu ul ul      { font-size: 0.88em;  }
#content   { min-height: 400px; font-size: 1.3em; z-index: 1; padding: 10px 10px; background-color: #F1F1F1; overflow: hidden; }
#footer    { position: relative; font-size: 1.2em; width:100%; }

/* --- Header --- */
#logo      { float: left; padding-top: 20px; width: 240px; height: 80px; }
#asoc      { float: left; }
#image-top { float: left; margin: 5px 5px; width: 580px; height: 90px; border-width: 0px; }

#language     { position: absolute; right: 10px; top: 8px; text-align: right;}
/* --- Menus --- */
#mainMenu                {  padding: 5px 20px;	background: #E0E3F3; font-family: Trebuchet MS, Helvetica, sans-serif; }
#mainMenu > li > a       { font-weight: bold;    padding: 4px 1em; color: #2E2EFE;}
#mainMenu > li.sf-breadcrumb > a { color: #00008A; font-weight: bold; }
#mainMenu > li > a:hover { color: #00008A; text-decoration: none !important; }

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    display:inline-block; 
    border: 1px solid #E0E3F3;
}

.sf-menu > li:hover,
.sf-menu > li.sfHover {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc1b1;
    background: #fccf90; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZjY2Y5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2E0MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fccf90 1%, #fca40a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fccf90), color-stop(100%,#fca40a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fccf90 1%,#fca40a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fccf90 1%,#fca40a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fccf90 1%,#fca40a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fccf90 1%,#fca40a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccf90', endColorstr='#fca40a',GradientType=0 ); /* IE6-8 */
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
.sf-menu a {
    display: block;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu li {
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}
.sf-menu > li > ul a {
    color: #FFF;
    padding: 4px 8px;
}
.sf-menu > li > ul li.current a {
    color: #FE9A2E;
}
.sf-menu li ul li:hover a,
.sf-menu li ul li.sfHover a{
    color: #FF8000;
    text-decoration: none !important;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}
.sf-menu > li > ul {
    min-width: 36em; /* set this to whatever suits your design */
    padding: 4px 8px;
}

.sf-menu > li > ul > li {
    position: relative;
    display: inline-block;
}


/* ---- Footer ---- */

  #footer div.footer-menu { margin-top: 8px; left: 8px;/*position: absolute; */ }
  #footer div.footer-menu ul.mm { float: left; margin: 0 0 0 8px; padding: 0;}
  #footer div.footer-menu ul.mm li { margin: 0; list-style: none; margin-right: 2px; }
  #footer div.footer-menu ul.mm li.main a { color: #EE0; font-weight: bold;}
  #footer div.footer-menu ul.mm li a  { color: #DDD; text-decoration: none;}
  #footer div.footer-menu ul.mm li a:hover  { text-decoration: underline;}

  #footer div.footer-about   { position: absolute; right: 8px;  color: #AAA; }
  #footer div.footer-about > div {padding: 5px 0; display: block; text-align: right;}  
  #footer div.footer-about a { color: #AAA; text-decoration: none;}
  #footer div.footer-about a:hover { color: #ff0 !important; }

/* ---- Content ---- */
  .type-half                             { width: 680px; clear:left; float: left; border-right: 2px #C0C0C0 solid;}
  .type-full { width: 924px;}
  #contentBlock                          { padding: 5px; margin-bottom: 10px; background-color: #F1F1F1;line-height: 1.4em;  }
  #contentBlock .section img,
  #contentBlock .section a img           { border: 3px #E0E0E0 solid; }
  #contentBlock .section a:hover img     { border-color: #D0D0D0; }
  #contentBlock .section img             { margin: 5px 6px 15px 0; }
  #contentBlock .section img.left        { float: left; margin: 2px 10px 10px 0; }
  #contentBlock .section img.right       { float: right; margin: 2px 0 10px 10px; }
  #contentBlock .section a img.operation { border: 0; margin-bottom: 0px;margin-top: 0px;}
  #contentBlock .section                 { color: #3d404d; }

/* ---- Sidebar ---- */
  #sidebarBlock            { width: 236px; float: right; padding: 4px 0 4px 4px; margin: 0 0; background-color: #F1F1F1; border-left: 2px solid #C0C0C0; }
  .sidebar h3              { margin-bottom: 0 ; background: url("/images/h-corner.png") no-repeat scroll 100% 100% #27579A; color:#DBE6F5; padding-left: 5px; font-weight: normal; font-family: Tahoma, "New York CE", utopia, sans-serif; font-size: 1.4em;}
  .sidebar h3 a            { color:inherit; text-decoration: none; }
  .sidebar h3 a:hover      { color:inherit; }

  .sidebar .small          { background: #FFFFFF url('/images/right-bg.png') repeat-y;  }
  .sidebar .large          { background: #FFFFFF url('/images/right-bg.png') repeat-y;  }
  .sidebar .large > p { padding-left: 10px;  }

  .sidebar .section                 { padding: 5px 10px; font-style: italic;}
  .sidebar .section p               { color: #283863; font-style: italic; }
  .sidebar .section .title          { color: #283863; font-style: normal;  }
  .sidebar .section .more           { padding-top: 2px; text-align: right;}
  .sidebar .section a		 { color: #0375aa; text-decoration: none; }
  .sidebar .section.titluri p       { color: #283863; font-style:normal; }
  .sidebar .section.titluri p a     { color: #283863; font-style:normal; }
  .sidebar .section                 { color: #1600E0; }
    
  #leftSidebarBlock {    border-right: 2px solid #C0C0C0;   padding-right: 4px;  float:left;     width:240px;}

  #homepage .innermain {
    float:left;
    width:430px;
    border-left: 2px solid #C0C0C0;
}

.news-as-event h3 {
      background: url("/images/h-corner.png") no-repeat scroll 100% 100% #27579A;
      color:#DBE6F5; padding-left: 5px; font-weight: normal; font-family: Tahoma, "New York CE", utopia, sans-serif; font-size: 1.4em;
      margin-bottom: 0;
}
.news-as-event h3 a            { color:inherit; text-decoration: none; }
#contentBlock .news-as-event .section {
    padding: 0;
    border-bottom: 1px #C0C0C0 solid;
}
.news-as-event .news-list {
     background: #FFFFFF url('/images/right-bg.png') repeat-y;
}
#news-box h3 {
    font-size: 26px;
    line-height: 30px;
    background-color: #224C87;
}
#planificare-box .statie {
    display: block;
    margin-bottom: 4px;
}
#planificare-box .statie label {
    display: inline-block;
    min-width: 50px;
}
#planificare-box .statie input {
    min-width: 128px;
    width: 130px;
}

/* ---- Events ---- */
div.event {
	margin: 15px;
	border-top: 3px #C0C0C0 solid;
	clear: both;
	background-color: #F2F2F2;
	min-height: 144px;
}
div.event ul{
}
div.event.first{
	border-top: 0px #C0C0C0 solid;
}
div.event.last{
/*	border-bottom: 3px #C0C0C0 solid; */
}

div.event img.imagine {
	float: left;
	height: 120px;
	width: 160px;
	margin: 5px 15px 5px 5px;
}

div.event h3 a {
    text-decoration: none;
}

/* ---- Events! ---- */

ul.event-list {
    padding-left: 5px;
}
ul.event-list li {
    list-style: none;
    border-bottom: 1px #C0C0C0 solid;
}
ul.event-list-proiecte li p {
    margin: 0;
}

/* ---- Contact ---- */
  .new_contact fieldset    { border: 0; }
  form div.submit {text-align:  center;}
  .new_contact textarea#contact_message {width: 100%;height: 100px; margin-bottom: 20px;}
  .new_contact input, .new_contact select { width: 216px; box-sizing: border-box;-moz-box-sizing: border-box;}

/* ---- Tables ---- */
  table           { border-collapse: collapse; width: 100%; }
  table th        { text-align: left; }
  table td.right  { padding-left: 5px; }
  table th.right  { padding-left: 5px; }
  table td.left   { padding-right: 5px; }
  table th.left   { padding-right: 5px; }
  table .nowrap   { white-space: nowrap; }
/* ---- Surveys ---- */
.fields_question {	margin: 10px 10px; padding: 4px;}
.fields_question textarea{	width: 98%; margin: 0 5px 5px 0;}

.survey .survey_question .nr {padding: 0 4px;}

.fields_answer ul.inline li {display:inline;}
.survey_question ul.inline li {display:inline;}

.new_respondent ul li { list-style: none;  }
.new_respondent div.answer { padding-left: 40px;  }

/* ---- Config - images ---- */
.show-imagine dl.info dt {	margin: 2px 0px; text-align: right; padding: 1px;}
.show-imagine dl.info dd {	margin: 2px 0px; border: 2px solid #0E19B9; background-color: #99B3FF; padding: 1px 10px; }

/* ---- Config - menu ---- */
.fields_mainitem {	margin: 10px 0; padding: 4px;}
.fields_subitem {	border: 2px solid #FFCC00; margin: 10px 5px 10px 20px; background: #FFD966;}

/* ---- k-v pairs ---- */

dl.info {
	float: left;
	margin: 1em 0;
	padding: 0;
}

dl.info dt, dl.info dd {
	margin: 0;
	padding: 0.1em;
}

dl.info dt {
	clear: left;
	float: left;
	width: 100px;
}

dl.info dd {
	float: left;
	width: 500px;
}

/* ---- Login ---- */
.login fieldset    { border: 2px solid #0E19B9; padding: 10px; width: 50%; margin: 0 auto;}
.login dl.info dd  { width: 100px;}
.login .submit     { text-align:  center;}

/* ---- Pages ---- */
.pages {
}

.pages .inactive {
}

.disabled {
	color: #888888;
}
.inapoi {
	margin: 5px 15px;
	float:left;
}
.inapoi p {
	margin: 0;
}
.fb-like {
	margin: 5px 15px;
	float: right;
}

.with-3-cols {
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
}


/* ---- Show/Hide ---- */

#hide-detalii-h,
#show-detalii-h  { text-decoration: underline; cursor: pointer; }
#detalii-h       { display:none; }

/* -------------------- WMD --------------------------------- */

#page-edit table.attributes {
	border: none;
	width: 100%
}

#page-edit {
/*	width:100%;*/
}
#page-edit-left, #page-edit-right {
	margin:0.5em 0 1em;
	padding:8px;
	position:relative;
}
#page-edit-left {
	float:left;
	z-index:1;
	width:52%;
	height: 300px;
}

#page-edit-left textarea {
}

#page-edit-right {
	float:right;
	width:43%;
	height: 300px;
	border:  1px dotted #21134e;
	padding: 8px;
	overflow: auto;
}

#page-edit .submit {
	clear: both;
}

/* ---- Clearfix ---- */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

/* ---- Flash ---- */
.flash {
	padding-left: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 16px;
	border-width: 1px;
	border-style: solid;
}

.notice {
	color: #26722D;
	background-color: #A4E7A0;
	border-color: #26722D;
}

.error {
	color: #990000;
	background-color: #F0A8A8;
	border-color: #990000;
}

/* ---- Active record e ---- */

.errorExplanation h2 {
	padding-left: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-width: 1px;
	border-style: solid;
	background-color: #F0A8A8;
	border-color: #990000;
}

.errorExplanation {
	color: #AA0000;
}

.fieldWithErrors {
	display: inline-block;
	border: 1px solid #990000;
        margin: 2px;
}

.fieldWithErrors input {
    margin: 0;
}

/* ------------ Pagination ------------------------------ */
.pagination {
/*  background: white;*/
  cursor: default;
  margin: 10px;
  /* self-clearing method: */
}
.pagination a, .pagination span, .pagination em {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 1px; }
.pagination .disabled {
    color: #999999;
    border: 1px solid #dddddd;
}
.pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #255393;
    color: white;
    border: 1px solid #255393;
}
.pagination a {
    text-decoration: none;
    color: #255393;
    border: 1px solid #283863;
}
.pagination a:hover, .pagination a:focus {
    color: #000033;
    border-color: #000033;
}
.pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .pagination {
    height: 1%;
}
*:first-child + html .pagination {
    overflow: hidden;
}
/* --- Popup boxes --- */
#sugestie_button {
    width: 42px; 
    height: 128px; 
    display: block; 
    position: absolute; 
    top: 192px; 
    right: 0;
    z-index:100;
}
#dark_background {
	display:none;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border-width:0;
	position:fixed;
	z-index:998;
}

.pop_up_box {
        font-size: 1.5em;
	display:none;
	width:480px;
	border: solid 1px #000;
	background-color: #e1e4f2;
	box-shadow: 0 0 20px #000;
	-moz-box-shadow: 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;
	-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
	padding:10px 20px;
	top: 10%;
	right: 30%;
	position:fixed;
	z-index:999;
}

.pop_up_box .title {
	font-size:1.25em;
	font-weight:bold;
}

.pop_up_box .message {
	margin: 10px 0;
}

.k_label {
	width:160px;
	height:20px;
	padding:7px 0;
	margin:4px 10px;
	float:left;
        text-align: right;
}

/*Textarea Boxes and Input Boxes Style*/
.k_input {
	min-width:180px;
	width:auto;
	padding:7px 10px;
	margin: 0;
	border: 1px solid #6CF;
	outline:none;
	border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius:2px;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.k_input:focus {
	outline:none;
	border: 1px solid #6CF;
	box-shadow: 0 0 10px #6AB5FF;
	-moz-box-shadow: 0 0 10px #6AB5FF;
	-webkit-box-shadow: 0 0 10px #6AB5FF;
}
textarea.k_input  {
    height: 128px;
    width: 100%;
    min-height: 32px;
}

input.k_input[readonly="readonly"] {
    background-color:#CCC;
}
.buttons {
	text-align: center;
	display: block;
	margin: 5px;
	padding: 5px;
}
.k_button {
	background-color: #255393;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1763AE), color-stop(100%, #255393));
	background-image: -webkit-linear-gradient(top, #1763AE, #255393);
	background-image: -moz-linear-gradient(top, #1763AE, #255393);
	background-image: -ms-linear-gradient(top, #1763AE, #255393);
	background-image: -o-linear-gradient(top, #1763AE, #255393);
	background-image: linear-gradient(top, #1763AE, #255393);
	border: 2px solid #1763AE;box-shadow: 0 2px 3px #666666;-moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
	color: #fff;
	font-size:14px;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	min-width: 70px;
	width: auto;
	padding:8px 16px;
	text-decoration:none;
	margin:8px 16px;
}
.k_button:hover {
    background-color: #1763AE;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1763AE), color-stop(100%, #0375AA));
    background-image: -webkit-linear-gradient(top, #1763AE, #0375AA);
    background-image: -moz-linear-gradient(top, #1763AE, #0375AA);
    background-image: -ms-linear-gradient(top, #1763AE, #0375AA);
    background-image: -o-linear-gradient(top, #1763AE, #0375AA);
    background-image: linear-gradient(top, #1763AE, #0375AA);
    box-shadow: 0 2px 3px #666666;
    -moz-box-shadow: 0 2px 3px #666666;
    -webkit-box-shadow: 0 2px 3px #666666;
    -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    color: #fff;
    cursor: pointer;
}