* { margin: 0; padding: 0; }
html { height: 100% }
body { font: 14px Arial, Tahoma, Verdana, sans-serif; height: 100%; width: 980px; margin: 0 auto; }
a { color: #f5802e; outline: none; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }
strong { color: #53707a; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_2 {
	width: 140px;
}

.grid_6 {
	width: 460px;
}


/*
input {vertical-align: middle}
*/
ul { padding: 5px 10px 5px 60px;  list-style-type: square; }
ul li ul { padding: 5px 5px 5px 20px; list-style-type: square; }

.boldli li {}

#wrapper { min-width: 980px; min-height: 100%; height: auto !important; height: 100%; }

/* Header
-----------------------------------------------------------------------------*/
#header { height: 190px; background-image: url(../img/shablon.gif); margin-bottom: 10px; }

/* Middle
-----------------------------------------------------------------------------*/
#middle { width: 100%; padding: 0 0 100px; height: 1%; }
#middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
#container { width: 100%; float: left; overflow: hidden; }
#content { padding: 10px 270px 0 10px; }
#content p { margin: 6px 0 8px 0; }
#content p.name_conference { font-size: 15px; }
#content h3 { font-size: 14px; padding-top: 10px; }
.border_bottom { border-bottom: 1px solid #e1e1e1; padding-bottom: 10px;  }
/*p { margin-top: 10px; margin-bottom: 10px;}*/

/* Список участников */
#oratorList { display: block; }
#oratorList h3 { margin-bottom: 10px; }
#oratorList div { display: block; }
#oratorList p { text-indent: 0; margin: 0; float: left; width: 150px; text-align: center; padding: 10px; }
#oratorList .tr {padding: 0; margin: 0; }
#oratorList .clear  { clear: left; }

.clear:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; }
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

/*
Menu
-----------------------------------------------------------------------------*/
.mattblacktabs { width: 100%; overflow: hidden; border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/}

.mattblacktabs ul { margin: 0; padding: 0; padding-left: 10px; /*offset of tabs relative to browser left edge*/ list-style-type: none;}
.mattblacktabs li { display: inline; margin: 0; }
.mattblacktabs li a { font-size: 14px;  float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; /*padding inside each tab*/ 
border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141; /*background of tabs (default state)*/ }

.mattblacktabs li a:visited { color: white; }
.mattblacktabs li a:hover, .mattblacktabs li.selected a { background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ }

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl { float: left; width: 250px; margin-left: -100%; position: relative; background: #B5E3FF; }

.t { font-size: 14px;  line-height: 150%; width: 680px; }
.t th { vertical-align: top; text-align: left; font-weight: normal; background-color: #e1e1e1}
.t th { padding: 0 6px 4px 6px}
.t td { padding: 4px 6px; }

#proggrama .grid_2 { width: 100px; }

#proggrama p { padding: 4px; margin: 0; }
#proggrama ul { margin: 6px 0; padding: 6px 0 0 10px; list-style: none; }
#proggrama ul li ul { margin: 2px 0; padding: 3px 0 0 20px; list-style: square; }

/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr { float: left; margin-right: -3px; width: 250px; margin-left: -250px; }
.sr h3 {  padding: 6px 10px;  font-size: 14px; margin-top: 10px; color: #ffffff; background-color: #f5802e; }
.sr p {  margin-top: 4px; text-align: center;padding: 2px;}

/* Footer
-----------------------------------------------------------------------------*/
#footer { margin: -40px auto 0; min-width: 1000px; height: 40px; }
#footer p { padding: 15px; 	color: black; }

/*form*/
#title { font: 14px/18px Arial, Helvetica, sans-serif; padding-top: 5px; }
.col1, .col2, .col1comment, .col2comment { padding: 10px 0; }
.col1 { text-align: right; width: 300px;  float: left; margin-right: 2px; padding-right: 10px; }
.col2 { display: block; float: left; }
.col2comment { display: block; float: left; }
.col1comment { width: 300px;  text-align: right; height: 98px; float: left; display: block; margin-right: 2px; }
div.row { clear: both; display: inline-block;  }
.submit { height: 29px; padding-top: 5px; clear: both; width: 400px;  text-align: right; } 
.input { padding: 4px; border: 1px solid #e1e1e1; width: 250px;  }
.textarea { width: 250px;  padding: 4px; border: 1px solid #e1e1e1; color: #5A698B; margin: 4px 0 5px 8px; }
.red { color: #df0013; }
.clear { 
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}