/* 

--------------------------------------------------------------------------------------------------------------------------------------

  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; }



.padding { padding: 10px; }

.nopadding { padding: 0; }

.margin { margin: 10px; }

.nomargin { margin: 0; }



.container { overflow: hidden; }



.vouter { overflow: hidden; display: table; width: 100%; } /* Height!!! */

.vmiddle { display: table-cell; vertical-align: middle; }



.w50 { width: 50%; }

.w33 { width: 33.3%; }

.w25 { width: 25%; }



/* 

--------------------------------------------------------------------------------------------------------------------------------------

  Main

--------------------------------------------------------------------------------------------------------------------------------------

*/



* { margin: 0; padding: 0; }

html { height: 100%; }

body { position: relative; font: 0.7em/1.3 Tahoma, Sans-Serif; color: #000; background: #9099AE; height: 100%; }



form fieldset { border: 0; }

form input.text, form input.password, form input.file, form select, form textarea { font-size: 1em; }

form input.submit, form input.button { font-size: 1em; }

form input.image { position: relative; top: 2px; }



h1, h2, h3, h4 { padding: 10px 0; color: #2B2B2B; font-family: "Arial Narrow"; }

h1 { font-size: 24px; }

h2 { font-size: 18px; }

h3 { font-size: 2em; }

h4 { font-size: 1.7em; font-style: italic; }



p, ul, ol, dl, form { padding: 5px 0; }

blockquote { padding: 5px 0 5px 20px; }



big { font-size: 1.1em; }

small { font-size: 0.9em; }



a { color: #1F4FD9; text-decoration: underline; }

a:hover { text-decoration: none; }



.c_grey { color: #818081; }



#center { position: relative; margin: 0 auto; width: 849px; min-height: 100%; }



/*

--------------------------------------------------------------------------------------------------------------------------------------

  Header

--------------------------------------------------------------------------------------------------------------------------------------

*/



#header { height: 400px; }

body#poligon #header { background: url(/bitrix/templates/liga_kross/media/img/poligon-header.jpg) no-repeat 0 0; }

body#granit #header { background: url(/bitrix/templates/liga_kross/media/img/granit-header.jpg) no-repeat 0 0; }

body#nika #header { background: url(/bitrix/templates/liga_kross/media/img/nika-header.jpg) no-repeat 0 0; }

body#trs #header { background: url(/bitrix/templates/liga_kross/media/img/trs-header.jpg) no-repeat 0 0; }

body#index #header { background: url(/bitrix/templates/liga_kross/media/img/index-header.jpg) no-repeat 0 0;}



#header #logo-bg { opacity: 0.95; position: absolute; top: 0; left: 23px; background: #0E2A52; width: 249px; height: 109px; background-image:url(/bitrix/templates/liga_kross/media/img/shield.jpg); background-repeat: no-repeat; background-position: 90%; }

#header #logo { position: absolute; top: 22px; left: 10px; text-align: center; width:180px; }

#header #logo a { font-size: 2.2em; font-family: "Arial Narrow"; color: #fff; text-decoration: none; }

#header #logo span { display: block; margin-top: -3px; font-size: 1.2em; color: #7E848C; }



#header_menu { position: absolute; top: 200px; left: 13px; }

#header_menu li { position: relative; list-style: none; float: left; width: 138px; height: 83px; }

#header_menu li .li_bg { opacity: 0.9; background: #F7F7F3; height: 83px; }

#header_menu li .li_border { position: absolute; right: 0; top: 5px; background: url(/bitrix/templates/liga_kross/media/img/point.gif) repeat-y 0 0; width: 1px; height: 70px; }

#header_menu li big { position: relative; display: block; margin-top: -68px; padding-left: 10px; padding-right: 10px; font: 1.5em "Arial Narrow"; }

#header_menu li big a { color: #000; text-decoration: none; }

#header_menu li span { position: relative; display: block; padding-left: 10px; padding-right: 10px; font-size: 0.9em; line-height: 1.2; }

#header_menu li.active { color: #fff; }

#header_menu li.active .li_bg { opacity: 1; background: #172B48 url(/bitrix/templates/liga_kross/media/img/li_active.png) repeat-x 0 center; }

#header_menu li.active a { color: #fff; }

#header_menu li.poligon { width: 132px; }

#header_menu li.granit { width: 140px; }

#header_menu li.nika { width: 129px; }

#header_menu li.trs { width: 150px; }

#header_menu li big { font-weight:bold; }

/*

--------------------------------------------------------------------------------------------------------------------------------------

  Content

--------------------------------------------------------------------------------------------------------------------------------------

*/



#body { padding-top: 20px; padding-bottom: 160px; background:#fff }



#content-wrapper { float: left; width: 100%; }

#content-wrapper #content { margin-right: 250px; }



#content .main-wrapper { float: left; width: 100%; }

#content .main-wrapper .main { margin-left: 250px; }



#content .main-wrapper .main table{  border-collapse: collapse; border:1px solid #172B48;}

#content .main-wrapper .main table td{ padding:3px;}

#content .left { float: left; margin-left: -100%; padding-left: 23px; width: 195px; }



#content .lastnews { padding-bottom: 10px; }



#content .cat_item { padding: 10px 0; background: url(/bitrix/templates/liga_kross/media/img/point.gif) repeat-x 0 bottom; }



/*

-----------

  Sidebar

-----------

*/



#sidebar { float: left; margin-left: -236px; margin-top: -70px; width: 236px; }



ul#sidenav { padding-left: 20px; }

ul#sidenav li { list-style: none; padding: 5px 0 5px 13px; background: url(/bitrix/templates/liga_kross/media/img/arrow.gif) no-repeat 0 11px; }



#ligacross_bg { margin: 40px 0 20px 0; background: url(/bitrix/templates/liga_kross/media/img/ligacross.jpg) no-repeat 0 0; height: 166px; }



#side_phone { margin: 10px 0; background: url(/bitrix/templates/liga_kross/media/img/phone_bg.jpg) no-repeat 0 0; background-position:left bottom; height: 150px; }

#side_phone span { display: block; margin-left: 70px; margin-right: 20px; padding: 0; font: 2.2em/1.8 "Arial Narrow"; color: #fff; text-align: center; background: #ACACAC; }



/*

--------------------------------------------------------------------------------------------------------------------------------------

  Footer

--------------------------------------------------------------------------------------------------------------------------------------

*/



#footer { position: absolute; bottom: 0; left: 0; color: #fff; font-family: Arial; background: #2E558E; width: 100%; height: 140px; }

#footer #footer_bg { position: absolute; top: 0; right: 0; background: #fff; width: 270px; height: 24px; }

#footer p.copyright { float: left; padding: 20px 0 0 23px; width: 200px; }

#footer p.contacts { float: left; padding: 20px 0 0 27px; width:310px;}

#footer a { color: #fff; }