Ð'?/*@charset "iso-8859-1";
 CSS Document */

/* ???????? ?????????? ???? ?? http://jigaw.3w.org/css-validator*/

* {margin:0; padding:0;} 
body
{
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 1.166; /*--- behavior: (css/csshover.htc);---*/
}

h1, h2, h3, h4 {color: #000066; font-weight: bold;}


h1 	 {font-size: 150%; margin-top: 10px; margin-bottom: 5px; 
}

h2 {font-size: 120%;
   margin-top: 15px;
	margin-right:auto; margin-left:auto; margin-bottom: 10px;
 }  
h3 {font-size: 110%; 
    margin: 10px 2px 2px 0; 
    padding: 5px 0 7px 0; 
    background-color:#000066; 
    color:#fff;
}  
h4 { font-size: 100%; margin-top: 5px;
	margin-right:auto; margin-left:auto; margin-bottom: 1px;}

/*p {text-align:justify;
   padding: 1px 0 5px 0;} --*/
  

a { color:#000066; text-decoration:none; }

img  
{
    border:none;}

/*-- ó?òœòžò?òÞó? ò?ò?ò?òœ
div#wainrap 
{
    min-width:780px; max-width:960px; margin-left:auto; 
    margin-right:auto; text-align:center;}
--*/

    
 
/*---- ò-òœò?ò?ò'ò?ò?ò?ò? - header -----*/

div#header 
{text-align:left;
    height:87px; 
    background-color:#5875ac; 
    width:100%;    
}

#header img 
{
    padding:0; 
    margin:0; 
    width:1024px; 
    height:87px; 
    padding-left:0; 
}

/*---- nav ò?òœò?òÞò'ó? ò?òœò?ò£ò?òœóŠò£ò£ ------*/

#nav{
  width:100%; 
  float:left; 
  margin-left:5px;
  margin-right: 0;
  /*  padding:0px;  */ 
  border-top:2px solid #fff; 
  border-bottom:2px solid #fff; 
  font-size:8pt; 
  background-color:#5875ac;
}
 #nav ul {
 margin:0 0 0 0px; 
 }
 #nav li { 
padding:4px 15px;   
     float:left; 
     position:relative;
     list-style-type:none; 
     border-right:3px solid #006; 
     font-weight:bold;
     text-align:center;
  }   
 #nav li:first-child  {
     border-left:3px solid #006;
     } 
 #nav li:hover  {
    background-color:#ccc;}
 #nav a { 
    display:block; 
     color:#fff;
     padding:0 10px; 
     }
 #nav a:hover {
    color:#000066;
      /*--background-color:#ffb;--*/
      }
 #nav a:active
{
    color: #006;
}
 div#nav ul li ul {
	margin:3px 0 0 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
	
div#nav ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding:0 0 1px;
	background-color:#fff;
		}
#nav ul li ul li:first-child  {
     border-left:1px solid #006;
     } 	
div#nav ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#nav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#nav ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#nav ul li ul li a
{
    color: #006;
}

#nav ul li ul li a:hover
{
    color: #009;
}
#nav ul li ul li a:active
{
    color: #0066FF;
}

/* THE H ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#nav ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#nav ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#nav ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }
/* and the "be nice to Opera" rule */
html>body div#nav ul li ul li ul {
  top:-1px;
  left:10em;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#nav ul li ul {padding-bottom:70px;}
   body div#nav ul li ul li ul {padding-bottom:22px;}
   body div#nav ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

    
/*----- ò'òÞò?òœó? ò?ò?ò'ò?ò?ò?òœ - leftcolumn -----*/

div#leftcolumn {
	position:absolute;
	left:4px;
	top:120px;
	width:180px;
	padding:1px 0 0 5px;
	margin:0 10px 0 0px;
	font-size: 85%;
    }  
    
#leftcolumn h3 
{
  text-align: center}  

#leftcolumn p
{
    margin: 5px 2px 0 0;
    padding: 5px 5px 0 5px;
    background-color: #DFDFDF;
}                 

div#leftnav {
     width:178px; 
    font-size:8pt;
    }

div#leftnav ul {
    border:0; 
    margin:2px 0; 
    padding:0; 
    list-style-type:none;
    }

div#leftnav li {
    border-left:4px solid #000066; 
    margin:0 0 4px 0; 
    padding:5px 10px 5px 0; 
    font-weight:bold; 
    background-color:#5875ac; 
    text-align: right;
    }
   #leftnav li:hover  {
    background-color:#ccc;} 
   
    
div#leftnav a {
     color:#fff;
           }

div#leftnav a:hover 
{
    color: #000066;
    /*--background-color:#fe0;--*/
    }
    div#leftnav a:active 
{
    color: #000066;}
	
	
	
	div#Div_news p
 {margin: 5px 2px 0 0;
    padding: 5px 5px 0 5px;
     }
 
  
    
   

/* ---- ò?ó?òœò?òœó? ò?ò?ò'ò?ò?ò?òœ - rightcolumn ---------*/

div#rightcolumn {position:absolute; width:150px; top:117px;  right:7px; 
                 padding:5px 0 0 5px; margin:0 0px 0 5px; font-size: 95%;
  }

div#rightcolumn img
{
     display:block;
     margin:  5px 5px;
     padding: 5px 5px;
    width: 130px;
    height: 127px;
    float:left;
}
div#rightcolumn1 { padding:0; margin:0;
    height: 117px;
}

div#rightcolumn1 img
{
     display:block;
     margin:  5px 5px;
     padding: 5px 5px;
    width: 130px;
    height: 100px;
    float:left;
}

/*---  ò?ò?ò?òÞó?òòœò?ò£òÞ - content ---*/ 

div#content {margin:33px 170px 0 205px; 
             padding:0 5px;  
   
}


div#content p a {text-decoration: underline;}

div#content p a:hover {font-style:italic; font-weight:bold;}/*------*/

div#content p 
{
    margin: 10px 0;
     padding: 2px}
     
div#content h1 {
    margin-top: 5px;
	margin-right:auto; margin-left:auto;
	padding-top: 20px;
    text-align:center;
    height: 22px;
}

   
 div#content img 
 {
    float:left;
    margin:0px 5px 0px 5px;
    padding:0px 10px 0px  0px;
    height: 50px;
    width: 70px;
}

   
div#content ul{
 list-style-type: square;
    margin: 5px 0 5px 20px;
}

div#properties 
{
    font-size:95%; padding-top: 10px; text-align:justify;}

#isp {
font-size:95%;}    
 /*--#contene img {height: 95px;
    width: 135px;  
}---*/

div#epigraf p
{
    margin: 5px 0 5px 50px;
    font-size: 85%;
    text-align: right;
    font-style: italic;
    font-weight: bold;
    color: #343661;
}

div#img_r img
{float: right;    
    margin:0px 5px 0px 5px;
    padding:0px 10px 0px  0px;
    height: 75px;
    width: 115px;}
    
/*-- div#  img l
 {float:left;
    margin:0px 5px 0px 5px;
    padding:0px 10px 0px  0px;
    height: 50px;
    width: 70px;}---*/

/* --- ò'ò£ò?ò'ò?ò?ó' diplom --*/

div#diplom 
{
    margin: 20px 190px 0px 190px; 
            padding: 0px;
                         text-align: center;
    
}

div#diplom img 
{ 
       margin:3px;
    padding:3px 10px;
}



/*--- ò?ò?ò?ò?òœò' footer ----*/
   
div#footer  
{ background-color:#5875ac;clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 5px 10px;
	margin: 10px 0;
	text-align:center;
}   

#footer a 
 {
  
     color:#fff;
     padding:0 6px; 
     }
     
  #footer a:hover 
  {
      color:#000066;
}
   
/* ---  ò?ó¼ò£ó?ó'ò?òœ ---*/
.clearthefloats 
{
    clear: both;
    height: 3px;}

/* --- ò?ó¼ò£ó?ó'ò?òœ ò?ò'ó?òÞó'òœ ---*/
.clearfix:after
{
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}
    
    .clearfix 
    {
        display:inline-block;}
*html .clearfix 
    {
        height:1%}
    
.clearfix
    {display:block;}

.copyright
{
    font-size: 75%;
    color: #666666;
    padding: 5px 10px;
    margin: 10px 0;
    text-align: center;
}



 .redtext
            {
                color: #CC0000;
                font-weight: bold;
            }
            
 .cont p
 {
     margin: 10px 10px 10px 5px;}