/* Table of Contents:
    
   1. Global structure
       - header
       - footer
       - news, menu
       - banner
   2. Text
   3. Link
   4. Form
   5. List
   6. Image   
   7. Page structure
   8. Additional styles   	
*/


/* Global structure
--------------------------------------------------------------------------------------- */
*
{
    margin: 0px;
    padding: 0px;
}

HTML
{             
    height: 100%;
    background-color: #f2fcff;
}

BODY
{      
    position: relative;
    height: 100%;
    background-color: #f2fcff;
    min-width: 780px; 
}

BODY.print
{      
    padding: 5px 20px 10px 20px;
    background-color: #ffffff;
}

HTML>BODY, HTML>BODY.print
{
    height: auto;
    min-height: 100%;
}

.all_content
{
    padding: 0px 0px 200px 0px;
    /*overflow: hidden;
    _height: 1%;*/
}

.content, .content_1
{
    margin: 0px 260px 0px 250px;
    padding: 18px 0px 0px 0px;    
    _height: 1%;
    font-size: 0;
}

.content_1
{
    margin: 0px 30px 0px 250px;
}
  
/*------- header --------*/
.header
{
    position: relative;
    height: 439px;
    background: #f2fcff url("../images/header_fon_1.jpg");
    background-repeat: no-repeat;    
}

.header_1
{
    position: relative;
    height: 439px;
    background: #f2fcff url("../images/header_fon_2.jpg");
    background-repeat: no-repeat;    
}

.header_2
{
    position: relative;
    height: 439px;
    background: #f2fcff url("../images/header_fon_3.jpg");
    background-repeat: no-repeat;    
}

.home
{
    position: absolute;
    top: 0;
    left: 40px;
    width: 215px; 
    height: 115px;    
}

.header ul, .header_1 ul, .header_2 ul 
{
    list-style-type: none; 
    position: absolute;   
    top: 86px;
    left: 285px;
    width: 193px;
    font-size: 0;
    text-align: center;
}

.header ul li a, .header_1 ul li a, .header_2 ul li a,
.header ul li a:hover, .header_1 ul li a:hover, .header_2 ul li a:hover
{
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;  
    line-height: 31px;
    text-decoration: none; 
    color: #000000;
}

.header ul li a:hover, .header_1 ul li a:hover, .header_2 ul li a:hover,
.header ul li a.activ, .header_1 ul li a.activ, .header_2 ul li a.activ
{
    color: #eb3409;
}

.header form, .header_1 form, .header_2 form
{
    position: absolute;   
    top: 305px;
    left: 30px;
    height: 43px;
    width: 180px;
    font-size: 0;
}

.header form input, .header_1 form input, .header_2 form input
{
    padding-top: 1px; 
    border: 1px solid #ffffff;
    line-height: 16px;
    height: 18px;
    width: 130px;
    font-family: verdana;
    font-size: 11px;
    color: #ffffff;
    background-color: #eb3409;   
}

.header form a, .header_1 form a, .header_2 form a
{
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: verdana;
    font-size: 11px;
    color: #ffffff;
    background-color: #eb3409;   
}

ul.sub_menu
{
    display: none; 
    padding: 0px 0px 5px 10px; 
    list-style-type: none; 
    position: absolute;   
    top: 121px;
    left: 485px;
    width: 180px;
    font-size: 0;
    text-align: left;
    background: #96d4fe;
    border: 3px solid #ffffff; 
}

ul.sub_menu li a, ul.sub_menu li a:hover
{
    font-family: verdana;
    font-size: 11px;  
    font-weight: normal;
    line-height: 24px; 
    text-decoration: none; 
    color: #000000;
}

/*------- footer --------*/
.footer
{
    position: absolute;   
    left: 0px;
    bottom: 0px;
    height: 170px;
    width: 100%;
    background: #f2fcff url("../images/footer_fon.jpg");
    background-repeat: repeat-x;
}

.footer img
{
    display: block;   
}

.footer .its
{
    position: absolute;   
    top: 105px;
    left: 30px;  
}

.footer .its a, .footer .its a:hover
{
    font-family: verdana;
    font-size: 9px; 
    color: #9dc2e0;
}

.footer .its a:hover
{
    text-decoration: none;
}

.address
{
    position: absolute;   
    padding: 8px 0px 0px 20px; 
    top: 48px;
    left: 411px;
    height: 83px;
    width: 572px;
    background: #79c3f9;
}

.footer div.address h2
{
    margin: 0px 0px 8px 0px; 
    font-family: verdana;
    font-size: 14px;
    font-weight: normal; 
    color: #0257a4;
}

.footer div.address p
{
    margin: 0px 0px 6px 0px; 
    font-family: verdana;
    font-size: 11px;
    color: #0257a4;
}

.footer div.address div
{
    margin: 0px 20px 0px 0px; 
    float: right; 
    display: inline;
}

.footer div.address img
{
    position: absolute;   
    right: 12px;
    bottom: 6px;
}



/*------- news, menu --------*/
 .news, .menu
{
    padding: 18px 0px 0px 28px;
    width: 200px; 
    float: left;
    font-size: 0;
}

.menu
{
    width: 210px; 
}
  
/*------- banner --------*/
 .banner
{
    position: relative; 
    top: -15px;
    padding: 35px 0px 5px 17px;
    width: 183px; 
    float: right;
    border: 10px solid #ffffff; 
    background: #f2fcff url("../images/grad.jpg");
    background-repeat: repeat-x;   
    font-size: 0;
}

/* Text
--------------------------------------------------------------------------------------- */
h1, h2
{
    margin: 0px 0px 20px 0px; 
    font-family: verdana;
    font-size: 18px;
    font-weight: normal; 
    color: #6da5bf;	
}

h1.colored, h2.colored
{
    margin: 0px 0px 5px 0px; 
    padding-left: 5px; 
    font-family: verdana;
    font-size: 18px;
    font-weight: normal; 
    color: #063968;
    height: 28px;
    line-height: 28px; 
    background: #f2fcff url("../images/h_color.jpg");
    background-repeat: no-repeat;	
}

h2.colored
{
    margin: 0px 0px 13px 0px; 
}

div.hot div h2
{
    margin: 0px 0px 11px 0px;
    font: 24px Arial, sans-serif;
    color: #fb3204;	
    background: none;
}

div.hot p
{
    margin: 0; 
}

div.hot p.pad
{
    padding-bottom: 10px; 
}

.news h2
{
    margin: 0; 
}

h3, h3.top
{
    margin: 0px 0px 10px 0px; 
    font-family: verdana;
    font-size: 11px;
    color: #063968;
}

h3.top
{
    margin: 15px 0px 10px 0px; 
}

.underline
{
    padding-bottom: 3px; 
    border-bottom: 1px solid #063968;
}

p
{
    margin: 0px 0px 17px 0px; 
    font-family: verdana;
    font-size: 11px;
    color: #063968;	
    text-align: justify;
}

.left
{
    text-align: left;
}

.bold
{
    font-weight: bold;
}

.red
{
    color: #eb3409;
}

.center
{
    text-align: center;
}

p.date, .unit p.date, div.foto p.date
{
    margin: 20px 0px 5px 0px; 
    font-family: verdana;
    font-weight: bold; 
    font-size: 11px;
    color: #eb3509;	
}

.unit p.date
{
    margin: -8px 0px 10px 0px; 
}

div.foto p.date
{
    margin: -7px 0px 5px 0px;
    font-weight: normal; 
}

.unit p, .overlink_1 p, .overlink_2 p, .print_header p, .no_pad
{
    margin: 0;
}

.unit p.pad
{
    margin: 0px 0px 5px 0px;
}

p.both_pad
{
    margin: 3px 0px;
}

.object p, .object_1 p
{
    margin: 0px 0px 12px 0px;
    font-size: 13px;   
}

.object p.line
{
    float: left;
    margin: 0px 0px 18px 0px;
    font-size: 15px;   
}

.object p.line_1
{
    margin: 0px 0px 18px 123px;   
    font-size: 16px;
    color: #ff0000;  
}

.object_1 p.line
{
    margin: 0px 0px 18px 0px;
    font-size: 13px;   
}
 
.object p span, .object_1 p span
{
    color: #ff0000;
    font-size: 14px;
} 
 
.overlink_1 span, .overlink_2 span
{
    margin: 0px 10px 0px 0px; 
    font-family: verdana;
    font-size: 11px;
    color: #063968;	
} 

p.pager
{
    margin: 20px 0px 0px 0px; 
    padding: 5px 0px 0px 0px; 
    border-top: 1px solid #0257a4;
    text-align: right;
    color: #0257a4; 	
}
 
p.section
{
    margin: 10px 0px 15px 0px; 
    color: #0257a4; 	
} 
 
/* Link
--------------------------------------------------------------------------------------- */
a
{
     outline: none;
}

a.link, a.link:hover
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 15px 0px 0px;
    background: #f2fcff url("../images/blue_arrow.jpg") bottom right;
    background-repeat: no-repeat;    
    font-family: verdana;
    font-size: 11px;
    color: #0257a4;
    zoom: 1;  
}

a.simple_link, a.simple_link:hover
{ 
    font-family: verdana;
    font-size: 11px;
    color: #0257a4;  
}

a.link:hover, a.simple_link:hover
{
    text-decoration: none;  
}

.banner a, .banner a.text
{ 
    display: block; 
    margin: 0px 0px 30px 0px;
    font-family: verdana;
    font-size: 11px;
    color: #004aaf;	
    text-decoration: none;
}

.banner a.text
{ 
    margin: 0px 0px 5px 0px;
}

.foto_column a
{ 
    display: block; 
    margin: 0px 10px 10px 0px;
    text-decoration: none;
}

a.title_article, a.title_article:hover
{
    text-decoration: none; 
    line-height: 15px; 
    font-family: verdana;
    font-size: 11px;
    color: #063968;   
}

a.title_article:hover
{
    color: #0257a4;   
}

a.title_article_1
{
    line-height: 15px; 
    font-family: verdana;
    font-size: 11px;
    color: #063968;   
}

h2.colored a
{
    color: #063968;
}

div.hot div h2 a, div.hot div h2 a:hover
{
    font: 24px Arial, sans-serif;
    color: #fb3204;	
}




/* Form
--------------------------------------------------------------------------------------- */
.form_field, .drop_list
{
    width: 300px;
    font-family: verdana;
    font-size: 11px;
    color: #063968;
    
}

.drop_list
{
    margin: 0px 0px 0px 0px;
    width: 250px;    
}

.square
{
    margin: 0px 7px 0px 3px;
    width: 30px;
    font-family: verdana;
    font-size: 11px;
    color: #063968;   
}

/* List
--------------------------------------------------------------------------------------- */
.menu ul
{
    list-style-type: none; 
    font-size: 0;
}

.menu ul li a, .menu ul li a:hover
{
    padding: 0px 0px 0px 15px;
    background: #f2fcff url("../images/blue_arrow.jpg") 0 6px;
    background-repeat: no-repeat;
    font-family: verdana;
    font-size: 14px;  
    line-height: 24px;
    text-decoration: none; 
    color: #063968;
}

.menu ul li a:hover
{
    font-weight: bold;
}


/* Image
--------------------------------------------------------------------------------------- */
.banner img, .foto_column img
{
     display: block;
}
 
img.shadow_side
{
     display: block;
     position: absolute;
     margin: 0px; 
     top: -9px;
     left: -25px;
     behavior: url("../png.htc");
}
 
img.shadow_bottom
{
     display: block;
     position: absolute;
     margin: 0px; 
     left: -10px;
     bottom: -17px;
     behavior: url("../png.htc");
     
}

div.unit img
{
    margin: 0px 7px 5px 0px;
    display: block; 
    float: left;
    border: 4px solid #ffffff;
}

div.unit .foto img
{
    margin: 0;
    display: inline; 
    float: none;
    border: 0;
}

div.unit img.big_border
{
    border: 7px solid #ffffff;
}

img.plan
{
    padding: 5px; 
    border: 1px solid #dedede;
}

.print_header img
{
    display: block; 
    float: left;
    margin-right: 30px; 
}	

div.hot img
{
    float: left;
    margin: 0px 10px 3px 0px;
    border: none;
}

 
/* Page structure
--------------------------------------------------------------------------------------- */
div.overlink
{
    margin: -12px 0px 5px 0px;  
}

div.overlink_1
{
    margin: 5px 0px 0px 0px;  
}

div.overlink_2
{
    margin: 10px 0px 0px 0px;  
}
.map_cont *
{
    text-align: left;
}
.map_cont h3
{
    margin-top: 10px;
}
.object
{   margin: 0px 40px 0px 0px;
    width: 445px;
    float: left;
    border-right: 1px dashed #c2cacc;  
}

.foto
{
    float: left;
    margin: 0px 15px 15px 0px;
    padding: 10px;
    height: 150px;
    text-align: center;
    border: 1px solid #dedede;
}

table
{
    margin: 0px 0px 15px 0px;
}

table td
{
    padding: 0 5px 2px 0;
    font-family: verdana;
    font-size: 11px;
    color: #063968;
    
}

.foto_column
{
    float: left;
}

.print_header
{
    margin-bottom: 15px;
    height: 130px; 
}

.overtext
{
    width: 600px;
    height: 130px;   
}

.print_text
{
    float: left;
    width: 300px;
}

div.hot
{
    margin: 0px 0px 13px 0px;
    border: 2px solid #eb340a;
}

div.hot div
{
    margin: 10px;
    padding: 17px 12px 20px 12px;
    background: #feecd9;
}





/* Additional styles
--------------------------------------------------------------------------------------- */
.no_float
{
    clear: both;
}

.flash_pr
{
    margin: 20px 0px 0px 0px;
    width: 700px;
    height: 450px;
    border: solid 10px #ffffff;
}
.flash_pr_c
{
    margin: 20px 0px 0px 0px;
    width: 700px;
    height: 526px;
    border: solid 10px #ffffff;
}
.dev_link, .dev_link:hover
{	
	display: block;
	position: absolute;   
    top: 90px;
    left: 20px;
	/*float: right;*/
	height: 50px;
	margin: 14px 0px 0px 0px;
	padding: 2px 0px 0px 84px !important;	
	font-size: 11px;
	background: url(../images/its_logo.jpg) no-repeat;	
	color: #b7cfe9;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: underline;
}
.dev_link:hover
{
    text-decoration: none;
}