/* Table of Contents:
    
   1. Global structure
       - header
       - footer
       - menu
   2. Text
       - h1-h6
       - p
       - span
   3. Link
   4. Form
   5. List
   6. Image   
   7. Page structure
       - div
       - table
   8. Additional styles   	
*/


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

html
{             
    height: 100%;
    background: #fff url("../images/html_body_fon.jpg") repeat-y 100% 0;
}

body
{      
    position: relative;
    height: 100%;
    background: url("../images/html_body_fon.jpg") repeat-y; 
}

html>body
{
    height: auto;
    min-height: 100%;
}

.all_content
{
    padding: 0px 0px 150px 0px;
    width: 100%;
}

.all_content:after
{
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.over_content
{
	margin: 0px 55px 0px 305px;
}

.content
{
	float: left;
	width: 100%;
}


/*------- header --------*/
.header
{
    position: relative;   
    height: 265px;
    border-top: 12px solid #858383;
}

.fon_1
{
    background: url("../images/header_fon_1.jpg") no-repeat 100%;
}

.fon_2
{
    background: url("../images/header_fon_2.jpg") no-repeat 100%;
}

.fon_3
{
    background: url("../images/header_fon_3.jpg") no-repeat 100%;
}

.fon_4
{
    background: url("../images/header_fon_4.jpg") no-repeat 100%;
}

.fon_5
{
    background: url("../images/header_fon_5.jpg") no-repeat 100%;
}

.fon_6
{
    background: url("../images/header_fon_6.jpg") no-repeat 100%;
}

.header_inner
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;   
    height: 265px;
    background: url("../images/header_inner_fon_1.jpg") no-repeat;
    z-index: 10;
}

.header a.home
{
    position: absolute;   
    top: 85px;
    left: 98px;
    width: 275px;
    height: 90px;
    background: url("../images/empty.gif");
}

.header p.contacts_1, .header p.contacts_2
{
    position: absolute;
    padding: 0px 0px 0px 15px;   
    top: 185px;
    left: 210px;
    font: 12px Tahoma, sans-serif;
    white-space: nowrap;
    color: #000;
    background: url("../images/phone.jpg") no-repeat 0px 1px;
}

.header p.contacts_2
{ 
    padding: 0;
    top: 203px;
    background: none;
}

.header p.contacts_2 a, .header p.contacts_2 a:hover
{
    padding: 0px 0px 0px 17px; 
    font: 12px Tahoma, sans-serif;
    color: #000;
    background: url("../images/mail.gif") no-repeat 1px 4px;
}

.header p.pseudo_logo
{
    position: relative;
    margin: 0px 0px 0px 210px;
    top: 100px;
    font: 16px Tahoma, sans-serif;
    white-space: nowrap;
    color: #000;
}

.header p.pseudo_logo span
{
	display: block;
    font: bold 28px Tahoma, sans-serif;
    color: #000;
}


/*------- footer --------*/
.footer
{
    position: absolute;   
    bottom: 0px;
    left: 0px;
    height: 100px;
    width: 100%;
    border-bottom: 12px solid #858383;
    background: url("../images/footer_fon.jpg") no-repeat 100% 100%;
}

.footer a.dev_link, .footer a.dev_link:hover
{
    position: absolute;   
    padding: 5px 0px 0px 75px;
    top: 15px;
    right: 50px;
    width: 170px;
    height: 30px;
    font: 10px Tahoma, sans-serif;
    text-decoration: none;
    color: #928f8f;
    background: url("../images/its_logo.jpg") no-repeat;
}

.footer a.dev_link:hover
{
    text-decoration: underline;
}

.footer p
{
	margin: 0;
	padding: 27px 0px 0px 55px;
	width: 320px;
	height: 73px;
	font: 11px Verdana, Tahoma, sans-serif;
	color: #a7a8a9;
	background: url("../images/b_l.jpg") no-repeat 0 100%;
}

.footer p a, .footer p a:hover
{
	font: 11px Verdana, Tahoma, sans-serif;
	color: #000;
}

.footer p.validate
{
	position: absolute;
	padding: 0;
	top: 48px;
	right: 50px;
	width: 170px;
	height: auto;
	white-space: nowrap;
	background: none;
}

.footer p.validate a, .footer p.validate a:hover 
{
	font: 10px Verdana, Tahoma, sans-serif;
    color: #928f8f;
}



/*-------- menu ---------*/
div.menu
{
    margin: 0px 0px 0px 0px;
    padding: 26px 0px 0px 50px;
    float: left;
    width: 225px;
    font-size: 0; 
}



/* Text
======================================================================================= */

/*-------------- h1-h6 --------------*/
h1
{
    margin-bottom: 8px;
    font: 23px Verdana, Tahoma, sans-serif;
    color: #ff4040;
}

h2
{
    margin-bottom: 5px;
    font: 16px Verdana, Tahoma, sans-serif;
    color: #ff4040;
}

/*---------------- p ----------------*/
p
{
    margin-bottom: 15px;
    font: 14px Verdana, Tahoma, sans-serif;
    color: #000;
}

.pad
{
	margin-bottom: 5px;
}

.pad_1
{
	margin-bottom: 20px;
}

/*-------------- span ---------------*/
span
{
    /*font: 14px Verdana, Tahoma, sans-serif;
    color: #000;*/
}

span.red_dot

{
	padding-left: 13px; 
	background: url("../images/red_dot.jpg") no-repeat 0px 7px;
}



/* Link
======================================================================================= */
a, a:hover
{
    outline: none;
    font: 14px Verdana, Tahoma, sans-serif;
    color: #ff4140;
}
a:hover
{
    text-decoration: none;
}
a.word_icon, a.word_icon:hover, 
a.excel_icon, a.excel_icon:hover, 
a.arh_icon, a.arh_icon:hover, 
a.pdf_icon, a.pdf_icon:hover, 
a.none_icon, a.none_icon:hover
{
    outline: none;
    font: 14px Verdana, Tahoma, sans-serif;
    color: #000;
    background: url(../images/none_icon.gif) no-repeat 0px 0px;
    padding: 1px 0px 3px 24px;
}
a.word_icon, a.word_icon:hover
{
     background: url(../images/word_icon.gif) no-repeat 0px 0px;
}
a.excel_icon, a.excel_icon:hover
{
     background: url(../images/excel_icon.gif) no-repeat 0px 0px;
}
a.arh_icon, a.arh_icon:hover
{
     background: url(../images/arh_icon.gif) no-repeat 0px 0px;
}
a.pdf_icon, a.pdf_icon:hover
{
     background: url(../images/pdf_icon.gif) no-repeat 0px 0px;
}

table.research a, table.research a:hover
{
    font: 12px Verdana, Tahoma, sans-serif;
}


/* Form
======================================================================================= */
div.form_research
{
    position: relative;
    margin: 0px 0px 0px 0px; 
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

div.form_research label
{
    margin: 3px 0px 2px 0px;
    display: block;
}

div.form_research .textbox
{
    margin-left: 140px;
    padding: 1px 2px;
    width: 300px; 
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

div.form_research p
{
    margin: 5px 0px 0px 0px;
}

div.form_research p.required
{
    margin: 15px 0px 0px 0px;
}

div.form_research em
{
    position: absolute;
    margin-top: 2px;
    font-style: normal;
}

div.form_research span
{
	font: 11px Verdana, Tahoma, sans-serif;
	color: #ff0000;
}

div.form_research em span
{
	color: #ff0000;
}

div.form_research div.submit_button
{
    margin: 0;
    padding: 11px 0px 15px 0px;
}

div.form_research div.submit_button input
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

/*----------*/
div.form_order
{
    position: relative;
    margin: 0px 0px 0px 0px; 
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

div.form_order label
{
    margin: 3px 0px 2px 0px;
    display: block;
}

div.form_order div
{
    margin: 3px 0px 10px 0px;
}

div.form_order div.message
{
    margin: 0;
}

div.form_order table.check
{
    margin: 0px 0px 0px 215px;
}

div.form_order table.check label
{
    margin: 0px 0px 0px 10px;
    display: inline;
}

div.form_order label.pad
{
    margin: 3px 0px 20px 0px;
}

div.form_order .textbox
{
    margin-left: 215px;
    padding: 1px 2px;
    width: 300px; 
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

div.form_order textarea.textbox
{ 
    height: 110px;
    width: 302px;
}

div.form_order p
{
    margin: 5px 0px 0px 0px;
}

div.form_order p.required
{
    margin: 15px 0px 0px 0px;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #928f8f;
}

div.form_order em
{
    position: absolute;
    margin-top: 2px;
    width: 200px;
    left: 0px;
    font-style: normal;
}

div.form_order span
{
	font: 11px Verdana, Tahoma, sans-serif;
	color: #ff0000;
}

div.form_order em span
{
	color: #ff0000;
}

div.form_order div.submit_button
{
    margin: 0;
    padding: 11px 0px 15px 0px;
}

div.form_order div.submit_button input
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}


/*----------*/
.message_success
{
	font: 11px Verdana, Tahoma, sans-serif;
	color: #3ac514;
}

.message_wrong
{
	font: 11px Verdana, Tahoma, sans-serif;
	color: #ff0000;
}

.red
{
	color: #ff0000;
}


/* List
======================================================================================= */
ul, ol
{
    padding-left: 18px;
    font: 14px Verdana, Tahoma, sans-serif;
    color: #000;
}

ol
{
    padding-left: 24px;
}


div.top_menu ul
{	
    position: relative;
    margin: 0 auto;
    padding: 22px 0px 0px 0px;
    width: 825px;
    height: 23px;
    list-style-type: none; 
    font-size: 0;
}

div.top_menu ul li
{
    margin: 0px 25px; 
    float: left;
    display: inline;
    font: 17px Verdana, Tahoma, sans-serif;
    color: #ff4040;
}

div.top_menu ul li a, div.top_menu ul li a:hover
{
    font: 17px Verdana, Tahoma, sans-serif;
    color: #000;
}


div.menu ul
{	
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none; 
    font-size: 0;
}

div.menu ul li
{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 5px 25px;
    font: bold 14px Verdana, Tahoma, sans-serif;
    color: #fa1313;
}

div.menu ul li.active
{
	background: url("../images/active.jpg") no-repeat 0px 0px;
}

div.menu ul li a, div.menu ul li a:hover
{
    font: bold 14px Verdana, Tahoma, sans-serif;
    color: #000;
}



/* Image
======================================================================================= */
img
{
    border: none;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}


/* Page structure
======================================================================================= */

/*--------------- div ---------------*/
div.top_menu
{
	margin-bottom: 33px;
	height: 68px;
	background: #e8e5e5;
}


/*-------------- table --------------*/
table.research
{
    border-collapse: collapse;
    margin-bottom: 40px;
    width: 100%;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

table.research td, table.research th
{
	padding: 5px;
	text-align: center;
    vertical-align: middle;
    border: 1px solid #fff;
    background: #dddcdc; 
}

table.research th
{
	padding: 10px 5px;
	background: #cecece;
}

table.research td
{
	padding: 5px;
    vertical-align: top;
    background: #dddcdc; 
}

table.research td.left
{
	text-align: left; 
}

table.research tr.color td
{
	background: #e8e8e8;
}



/* Additional styles
======================================================================================= */
.to_right
{
	float: right;
	padding: 10px 0px 0px 15px;
}
.article_img
{
    text-align: center;
}
.article_img p
{
    margin: 7px 0px 14px 0px;
}
.article_img a, .article_img a:hover
{
    color: #000;
}
.fleft
{
    float: left;  
    margin: 2px 20px 0px 0px; 
}
.fright
{
    float: right;  
    margin: 2px 0px 0px 20px;  
}
.clear
{
    height: 0px;
    font: 0px/0px Arial;
    clear: both;   
}