/************************************************************************/
/* FROM CSS FILE: mainCss.css */
/************************************************************************/


body
{
  font-size:14px; font-family:Verdana; margin:0; padding:0; line-height:150%;
  background-color:#E9EAED;
}
h1,h2 {font-size: 1.55em; line-height:130%;color:#cc0000;}

*{ box-sizing: border-box; -moz-box-sizing: border-box; }
a {text-decoration:none; color:#cc0000;}

.leftSideMenu {display:none;}
.leftSideMenuShow
{
  position:fixed; top:0px; left:0; height:100%; max-width:400px; width:75%; display:block;
  background-color:rgba(255, 255, 255, 0.97);
  -moz-box-shadow:    3px 3px 7px 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.25);
  box-shadow:         3px 3px 7px 3px rgba(0,0,0,0.25);
  overflow:auto;
  z-index:99999;
}
.buttonSideMenu {/* se atribuie butonului pentru deschidere... side menu */}
a.buttonSideMenu {font-weight:bold; color:#800000; }

/* display inline type layout */

.header { background-color:#ddd;}
.menu {border-bottom:1px solid #ccc; background-color:#fff;}
.footer {background-color:#222; color:#ddd; padding:1.1em 0; text-align:center;}
.footer a {color:#BB0000;}

.fixedTop {
  position:fixed; height:130px; top:0; left:0; width:100%; margin:0; padding:0; z-index:2; 
}
.top {
  min-height:40px; background-color:#fff; 
  width:960px; margin:0 auto;
  -moz-box-shadow:    0px 6px 7px -6px rgba(0,0,0,0.45);
  -webkit-box-shadow: 0px 6px 7px -6px rgba(0,0,0,0.45);
  box-shadow:         0px 6px 7px -6px rgba(0,0,0,0.45);   
}
.logoZone {width:960px; height:90px; overflow:hidden; background-color:#fff; 
  border-bottom:1px solid #eee; 
  margin:0 auto; padding-top:8px;}

.wrap {
  width:960px; margin:0 auto; max-width:960px; position:relative; margin-top:110px;
}
.colsWrap { direction:rtl;background-color:#fff;}
.wrap, .left, .main, .inner { 
  box-sizing: border-box; 
  -moz-box-sizing: border-box; 
}
.left, .main
{
  direction:ltr;
  text-align:left;
  display:inline-block; vertical-align:top; min-height:50px;
  *display: inline;
  zoom: 1;
}

.left {width:25%; margin-top:4px; }
.left .inner {padding:5px 10px; margin:0 4px 0 0; border-right:1px solid #ddd; background-color:#fff;}
.main {width:960px; background-color:#fff; margin-top:4px;}
.main .inner {padding:7px 13px; color:#666;}


.dropShadow
{
  background-color:rgba(255, 255, 255, 0.97);
  -moz-box-shadow:    3px 3px 7px 3px rgba(0,0,0,0.25);
  -webkit-box-shadow: 3px 3px 7px 3px rgba(0,0,0,0.25);
  box-shadow:         3px 3px 7px 3px rgba(0,0,0,0.25);  
}

/* ANIMATION EXAMPLE 
div
{
height:100px;
width:100px;
background-color:red;
position:relative;
animation:mymove .5s;
-webkit-animation:mymove .5s; # Safari and Chrome
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
top:200px;  
}

@keyframes mymove
{
from {top:0px; width:100px;}
to {top:200px; width:200px;}
}

@-webkit-keyframes mymove # Safari and Chrome
{
0% {top:0px; width:100px;}
100% {top:200px; width:200px;}
}
*/

.footer .copyright
{
  font-size:10px;
  color:#ccc;
}

.top .MenuList
{
  text-align:center;
}


/************************************************************************/
/* FROM CSS FILE: menus.css */
/************************************************************************/

/* Menus */

.top {background-color:#333;}
.top .MenuList ul {list-style:none; margin:0; padding:0 .5em; line-height:30px;}
.top .MenuList ul li{ display:inline-block; margin:0 .3em 0 0; padding:0;}
.top .MenuList ul li a{ display:inline-block; padding:0 .5em; line-height:40px; color:#fff;}

/*
.menu .MenuList ul {list-style:none; margin:0; padding:0 .5em; }
.menu .MenuList ul li{ display:inline-block; margin:0 .3em 0 0; padding:0;}
.menu .MenuList ul li a{ display:inline-block; padding:.5em; }
*/

.footer .MenuList ul {list-style:none; margin:0; padding:0 5px; }
.footer .MenuList ul li{ display:inline-block; margin:0 5px 0 0; padding:0;}
.footer .MenuList ul li a{ display:inline-block; padding:3px; }
.footer .MenuList ul li a:hover {color:#fff;}


.top .MenuList li .eobSelected a
{
  background-color:#cc0000; color:#fff;
  text-decoration:none;
  font-weight:bold;
}
.top .MenuList li .eobSelected a:hover
{
  text-decoration:none;
  color:#fff;
}
.top .MenuList li a:hover
{
  color:#cc0000;
  /*text-decoration:underline;*/
}

/************************************************************************/
/* FROM CSS FILE: gallery.css */
/************************************************************************/

a img {border:0;}

.Pagekepek .GalleryDetails h1 br{display:none;}

.main .GalleryItem  
{ 
  display:inline-block;width:33.3%; vertical-align:top;  
  border:1px solid #ddd; text-align:center; position:relative;
  margin:0 0;
  background-color:#fff;
}
.main .GalleryDetails .GalleryItem .Title, .GalleryItem .Descriere
{
  display:none;
}



.GalleryDetails .GalleryItem:hover .Title
{
  position:absolute; bottom:0; left:0; width:100%; height:2.5em; margin:0; padding:0;
  color:#555; text-align:center; line-height:2.5em;
  display:block; z-index:100; font-size:.9em; overflow:hidden;
  background-color:rgba(255, 255, 255, 0.9);
  border-top:1px solid #ddd;
}

.main .GalleryItem .Image 
{
  display:inline-block; vertical-align:middle;
  margin:0; padding:0; position:relative; /*height:250px*/; 
}
.main .GalleryItem img {border:1px solid #ddd;}
.main .GalleryItem:hover 
{
background-color:#eee; border-left:1px solid #cc0000;
}
.main .GalleryItem .Image a
{ 
  display:inline-block; position:relative; 
  max-width:100%; max-height:90%;line-height:200px;
}

.main .GalleryDetails .GalleryItem .Image a 
{
  line-height:240px;
}

.main .GalleryItem
{
  /*height:240px;*/
}

.main .GalleryItem .Image img
{ 
 width:100%; display:inline-block; vertical-align:middle;
}



/************************************************************************/
/* FROM CSS FILE: leftCol.css */
/************************************************************************/


.left .ArticlesList ul {list-style:none; margin:0; padding:0; }
.left .ArticlesList ul li {padding:.15em 0; border-bottom:1px dotted #ddd;}

.left .GalleryList .GalleryItem {padding:.15em 0; border-bottom:1px dotted #ddd;}

/* Pagina Contact */ 
.Pagekapcsolat .RichTextShow ul{font-size:.8em; margin:0; padding:0 0 0 2em;}


/************************************************************************/
/* FROM CSS FILE: header.css */
/************************************************************************/

.header img {width:100%;}
.header {background-color:#fff;}

/************************************************************************/
/* FROM CSS FILE: modules_pages.css */
/************************************************************************/

.Pagekapcsolat #inst_infoContact {display:inline-block; width:55%; vertical-align:top;}
.Pagekapcsolat #inst__contactMap 
{
  display:inline-block; width:43%; vertical-align:top; margin: 0 0 20px 0;
  border:2px solid #ddd;
}

.Pagekapcsolat .main .inner .RichTextShow {padding: 0 0 0 7px; border-left: 2px solid #eee; }


.Pagevezetoseg #inst_conducere {display:inline-block; width:55%; vertical-align:top;}
.Pagevezetoseg #inst_contact 
{
  padding: 0 0 0 7px; border-left: 2px solid #eee;
  display:inline-block; width:43%; vertical-align:top; margin: 50px 0 20px 0; font-size:12px; color:#999;
}
.Pagevezetoseg #inst_contact h1 {display:none;}


/************************************************************************/
/* FROM CSS FILE: default.css */
/************************************************************************/