/*
Designed and developed by Galaxy Design
www.galaxydesign.ro
*/
body {
	background-image: url(../images/bgs/gal_poduinalt_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
h1 {
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #005B9E;
	border-left: 10px solid #005B9E;
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 15px 0;
}
h2 {
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: normal;
	color: #0C6060;
	padding: 0;
	margin: 10px 0;
}
#header {
	width: 1000px;
	height: 212px;
	margin: 0 auto;
}
#mainmenu {
	width: 1000px;
	height: 40px;
	margin: 0 auto;
}
#banner {
	background-color: #195659;
	width: 980px;
	height: 280px;
	margin: 4px auto 0 auto;
	padding: 10px;
}
#presentation {
	background-image: url(../images/banners/podu_inalt.jpg);
	background-repeat: no-repeat;
}
#content {
	width: 1000px;
	margin: 0 auto;
}
#leftcolumn {
	width: 280px;
	float: left;
	padding-top: 1px;
}
.leftMenu
{
	margin-bottom: 5px;
	font-family: Tahoma;
	font-size: 13px;
}

.leftMenu ul
{
	margin: 0px;
	padding: 0px;
}
.leftMenu ul li
{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
}
a.leftmenu
{
	display: block;
	width: 270px;
	height: 38px;
	text-align: left;
	color: #195659;
	text-decoration: none;
	line-height: 35px;
	background-color: #EBF6F2;
	border-bottom: 1px solid #008653;
	padding-left: 10px;
	font-size: 11px;
}
a.leftmenu:hover
{
	display: block;
	width: 270px;
	height: 38px;
	text-align: left;
	color: #195659;
	text-decoration: none;
	line-height: 35px;
	background-color: #F7FBFA;
	border-bottom: 1px solid #008653;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
}
a.leftmenuActive
{
	display: block;
	width: 270px;
	height: 38px;
	text-align: left;
	color: #195659;
	text-decoration: none;
	line-height: 35px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #008653;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
}
a.leftmenuActive:hover
{
	display: block;
	width: 270px;
	height: 38px;
	text-align: left;
	color: #195659;
	text-decoration: none;
	line-height: 35px;
	background-color: #F7FBFA;
	border-bottom: 1px solid #008653;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
}
.lefColumnTitle	{
	background-color: #008653;
	width: 260px;
	margin: 0px;
	padding: 10px;
	font-family: Tahoma;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 5px solid #195659;
}
.lefColumnContent
{
	margin: 0px 0px 5px 0px;
	width: 258px;
	padding: 10px;
	font-size: 11px;
	color: #3F3F3F;
	border-bottom: 1px solid #195659;
	border-left: 1px solid #195659;
	border-right: 1px solid #195659;
}
#rightcolumn {
	width: 700px;
	float: left;
	padding: 10px;
	background-image: url(../images/bgs/gal_poduinalt_right_column_bg.jpg);
	background-repeat: repeat-x;
	font-family: Trebuchet MS;
	color: #434343;
	font-size: 13px;
}
.biger {
	font-size: 16px;
	font-weight: bold;
}
.details a
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #108EC5;
	text-decoration: none;
	padding: 0;
}
.details a:hover
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #108EC5;
	text-decoration: underline;
	padding: 0;
}
.separator
{
	height: 19px;
	background-image: url(../images/bgs/sep.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
}
a.content_link
{
	font-family: Tahoma;
	color: #329C35;
	text-decoration: underline;
}
a.content_link:hover
{
	font-family: Tahoma;
	color: #26A895;
	text-decoration: none;
}

.gallery
{
	padding:3px;
	width:98%;
	overflow: hidden;
}

.galleryPic
{
	float: left; 
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px;
	background-color: #eee;
}

/* table formating */
.table_form th {
	background: #f5f5f5;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	padding: 4px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	white-space: normal;
}

.table_form td {
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	background: #fff;
	padding: 4px;
	font-family: Tahoma;
	font-size: 13px;
	white-space: normal;
}
table.table_form 
{
	border-left: 1px solid #C1C1C1;
	border-top: 1px solid #C1C1C1;
	font-family: Tahoma;
	font-size: 13px;
	white-space: normal;
	margin: 5px 0px 5px 0px;
	width: 100%;
}
/* table formating */

#footer {
	width: 980px;
	margin: 10px auto 0 auto;
	padding: 10px;
	color: #828282;
	border-top: 5px solid #C1C1C1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#footer a {
	color: #828282;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover {
	color: #195659;
	text-decoration: none;
	font-weight: bold;
}
#footer p {
	margin: 0;
	padding: 0;
	line-height: 20px;
}
#breadcrumb {
	font-family: Arial;
	font-size: 11px;
	color: #979797;
	margin-bottom: 8px;
	padding: 10px 0;
	border-bottom: 1px solid #D6D6D6;
}

#breadcrumb a:link { color: #38AD3A; text-decoration: none; }
#breadcrumb a:visited { color: #38AD3A; text-decoration: none; }
#breadcrumb a:hover { color: #38AD3A; text-decoration: underline; }
#breadcrumb a:active { color: #38AD3A; text-decoration: none; }

.clearall
{
	clear: both;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.taburi{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.taburi li{
display: inline;
margin: 0;
}

.taburi li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.taburi li a:visited{
color: #2d2b2b;
}

.taburi li a:hover{
background-color: #329C35;
color: white;
}

.taburi li a:active{
color: black;
}

.taburi li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

.left{
    margin:5px;
}
.right{
  position: absolute;
  left: 82px;
  top: 5px;
  width: 220px;
  height: 72px;
  display: table;
    border:1px solid #bbb; color:#666
}

.right p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

ul#mtab {
list-style: none;
margin: 0;

padding: 7px 0;
border-bottom: 1px solid #CCC;
font-weight: bold;
text-align: left;
white-space: nowrap
}
ul#mtab li {
display: inline;
margin: 0 3px;
}
ul#mtab a {
text-decoration: none;
padding: 0 5px 3px 0;

color: #FFFF00
  }
ul#mtab a#current {
border-color: #F60;
color:#06F
}
ul#mtab a:hover {
border-color: #F60;
color: #003300

}
nav {    
    display: block;
    text-align: left;
    border-bottom: 1px solid #CCC;
  }
  nav ul {
    margin: 0;
    padding:0;
    list-style: none;
    vertical-align: middle; 
  }
  .nav a {
    display:block; 
    list-style: none;
    margin-left: 2px;
	margin-right: 7px;
	padding: 7px 5px 3px 0;
	color: #FFFF00;

	
	font-weight: bold;
    
    text-decoration: none;
    

    
    position: relative;
  }
  .nav{  
    vertical-align: middle; 
    display: inline-block;
    
  }
  .nav li{position: relative;}
  .nav > li { 
    float:left; 
    
    margin-right: 1px; 
  } 
  .nav > li > a { 
    
  }
  .nav > li:hover , .nav > li:hover >a{  }
  .nav li:hover > a { color:black; }
  .nav > li:first-child  { border-radius: 4px 0 0 4px;} 
  .nav > li:first-child>a{border-radius: 4px 0 0 0;}
  .nav > li:last-child  { 
    border-radius: 0 0 4px 0; 
    margin-right: 0;
  } 
  .nav > li:last-child >a{border-radius: 0 4px 0 0; }
  .nav li li a { margin-top:1px}
   
   
   /* submenu positioning*/
.nav ul {
background-color: #008653;
  position: absolute;
  white-space: nowrap;
  padding-left: 5px;
  z-index: 1;
  left: -99999em;
}
.nav > li:hover > ul {
  left: auto;
  padding-top: 5px  ;
  min-width: 100%;
}
.nav > li li ul {  }


.nav > li li:hover > ul { 
 /* margin-left: 1px */
  left: 100%;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}

.image{height:172px; width:172px; border:0px solid #bbb;}
</style>