/* 
------------------------------------------------------------------------------------------------------------------
  Classes
------------------------------------------------------------------------------------------------------------------
*/

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

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.hidden { display: none; }
.show { display: block; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { float: left; margin: 0 10px 5px 0; }
img.fright { float: right; margin: 0 0 5px 10px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.roundborder {
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	width: 220px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
    .roundborder .content {
	border-left:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	text-align:left;
	padding:1px 15px;
	font-size: 10px;
    }
    .roundborder .t, .roundborder .b {
        position:relative;
        height:12px;
    }
        .roundborder .t div, .roundborder .b div {
            position:absolute;
            width:16px; height:13px;
            padding:0; margin:0;
        }
        .roundborder .t .l {
            top:-1px; left:0;
            background:#FFF no-repeat url(/images/eskadra/angles.gif) top left;
        }
        .roundborder .t .r {
            top:-1px; right:0;
            background:#FFF no-repeat url(/images/eskadra/angles.gif) top right;
        }
        .roundborder .b .l {
            background:#FFF no-repeat url(/images/eskadra/angles.gif) bottom left;
            bottom:-1px; left:0;
        }
        .roundborder .b .r {
            background:#FFF no-repeat url(/images/eskadra/angles.gif) bottom right;
            bottom:-1px; right:0;
        }
		
.roundborder1 {
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	margin-bottom: 10px;

}
    .roundborder1 .content {
	border-left:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	text-align:left;
	padding:1px 15px;
    }
    .roundborder1 .t, .roundborder1 .b {
        position:relative;
        height:12px;
    }
        .roundborder1 .t div, .roundborder1 .b div {
            position:absolute;
            width:16px; height:13px;
            padding:0; margin:0;
        }
        .roundborder1 .t .l {
            top:-1px; left:0;
            background:#FFF no-repeat url(/images/eskadra/angles.gif) top left;
        }
        .roundborder1 .t .r {
            top:-1px; right:0;
            background:#FFF no-repeat url(/images/eskadra/angles.gif) top right;
        }
        .roundborder1 .b .l {
            background:#FFF no-repeat url(/images/eskadra/angles.gif) bottom left;
            bottom:-1px; left:0;
        }
        .roundborder1 .b .r {
            background:#FFF no-repeat url(/images/eskadra/angles.gif) bottom right;
            bottom:-1px; right:0;
        }
		
.roundborder2 {
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #DBDBDB;
	float:right;
	width:280px;
	margin-left: 10px;
	margin-bottom: 10px;
}
    .roundborder2 .content {
	border-left:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	text-align:left;
	padding:1px 15px;
    }
    .roundborder2 .t, .roundborder2 .b {
        position:relative;
        height:12px;
    }
        .roundborder2 .t div, .roundborder2 .b div {
            position:absolute;
            width:16px; height:13px;
            padding:0; margin:0;
        }
        .roundborder2 .t .l {
            top:-1px; left:0;
            background:#FFF no-repeat url(/images/eskadra/angles.gif) top left;
        }
        .roundborder2 .t .r {
            top:-1px; right:0;
            background:#FFF no-repeat url(/images/eskadra/angles.gif) top right;
        }
        .roundborder2 .b .l {
            background:#FFF no-repeat url(/images/eskadra/angles.gif) bottom left;
            bottom:-1px; left:0;
        }
        .roundborder2 .b .r {
            background:#FFF no-repeat url(/images/eskadra/angles.gif) bottom right;
            bottom:-1px; right:0;
        }

/* 
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

html { height: 100%; }
body { position: relative; margin: 0; padding: 0; color: #303030; font-size: 0.9em; font-family: Arial, Serif; line-height: 1.3; background: url(/images/eskadra/body-bg1.jpg) repeat-y 0 0; height: 100%; }
.line { padding-bottom: 5px; font-size: 1px; line-height: 1px; border-top: 1px solid #DBDBDB; }

div { margin: 0; padding: 0; }

h1 { font-size: 1.5em; font-weight: normal; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.9em; font-style: italic; }

a { color: #004071; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }
img {border:0;}

form input, form select, form textarea { color: #000; font-size: 1em; font-family: Arial; }

#center { position: relative; background: url(/images/eskadra/body-bg3.jpg)no-repeat bottom; width: 972px; min-height: 100%; }

/*
------------------------------------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------------------------------------
*/

#header_bg { position: absolute; top: 0; left: 0; background: url(/images/eskadra/body-bg2.jpg) no-repeat 0 0; width: 972px; height: 633px; }

#header { position: relative; width: 100%; height: 266px; }

#header_logo { position: absolute; top: 20px; left: 135px; }

ul#header_nav { position: absolute; top: 235px; left: 150px; margin: 0; padding: 0; font-size: 1.0em; font-weight: bold; }
ul#header_nav li { list-style: none; display: inline; margin-right: 20px; }

#header_icons { position: absolute; top: 22px; left: 265px; }
#header_icons img { margin: 0 15px; }

/*
------------------------------------------------------------------------------------------------------------------
  Content
------------------------------------------------------------------------------------------------------------------
*/

#body { position: relative; margin: 0; padding: 10px 0 150px 0; }
#content_wrapper { float: left; width: 100%; }
#content { padding-left: 150px; padding-right: 250px; }

.table_01 {width:565px;}
.table_01 td {vertical-align:top; padding: 0 22px 20px 0;}
.table_01 td.last {padding: 0 0px 20px 0;}
img.text_left {margin:0 12px 4px 0; float:left;}

.imgs {margin-right:-15px;}
.imgs a {margin: 0 8px 0px 0;}
.imgs img {margin:0 0 13px 0;}

.list { padding: 10px 0; }
.list .item { padding-bottom: 10px; font-size: 0.85em; }
.list .item img.fleft { margin-top: -4px; }

.project {width:172px;}
/*.project img {margin-bottom:4px;}
.project a {font-size:14px;} */
/*
-----------
  Sidebar
-----------
*/

#sidebar { float:left; margin-left: -202px; width: 200px; voice-family: "\"}\""; voice-family:inherit; position: relative; margin-left: -207px; }

#sidebar .sponsors { padding: 10px 0; /*position: relative; voice-family: "\"}\""; voice-family:inherit;*/ }
#sidebar .sponsors img { display: block; margin: 0 auto 30px auto; }

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

#footer { overflow: hidden; position: relative; margin: -107px 0 0 84px; height: 107px; }

p#footer_contacts { position: absolute; top: 8px; left: 65px; margin: 0; padding: 0; color: #004071; font-size: 0.9em; }

/*
------------------------------------------------------------------------------------------------------------------
  Index page
------------------------------------------------------------------------------------------------------------------
*/

body#index { background: #002157; }
body#index #center { background: url(/images/mile/index-body-bg1.jpg) repeat-x 0 0; min-width: 971px; width: 100%; }
body#index #center_bg1 { position: absolute; bottom: 225px; left: 0; background: url(/images/eskadra/index-body-bg2.jpg) repeat-x right 0; width: 100%; height: 19px; }
body#index #center_bg2 { position: absolute; top: 0; left: 0; background: url(/images/eskadra/index-body-bg3.jpg) no-repeat 0 0; width: 807px; height: 373px; }
body#index #center_bg3 { position: absolute; bottom: 225px; left: 0; background:url(/images/eskadra/index-body-bg4.jpg) no-repeat right 0; width: 100%; height: 232px; }
body#index #index_logo { position: relative; width: 100%; min-height: 950px; }
body#index #index_logo img { position: absolute; top: 50%; left: 50%; margin-top: -325px; margin-left: -245px; }
body#index ul#header_nav { top: 80px; left: 0; text-align: center; width: 100%; }
body#index #footer { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; background: #fff; width: 100%; height: 225px; }
body#index #footer .sponsors { padding: 30px 0; text-align: center; }
body#index #footer .sponsors img { margin: 0 10px; }
body#index p#footer_about { position: absolute; top: 130px; left: 0; width: 50%; }
body#index p#footer_about span { position: absolute; right: 0; display: block; padding-right: 10px; width: 400px; }
body#index p#footer_contacts { position: absolute; top: 135px; left: 55%; width: 44.9%; }
body#index p#footer_about, 
body#index p#footer_contacts { color: #7F7F7F; font-size: 0.75em; font-family: Arial; }