@import url('common.css');
@import url('design.css');
@import url('jquery.lightbox.css');

/*b { font-weight: normal; }*/
table caption { padding-bottom: 5px; text-align: left; font-size: 90%; font-weight: bold; color: #fff; }

img.ico { position: relative; left: -10px; float: left; width: 45px; height: 45px;  vertical-align: middle; }

.tthird { width: 70%; }
.third { width: 25%; }

.indenting-top { margin-top: 40px; }


#promo { margin: 0 30px 50px; text-align: center; font-size: 90%; color: #fff; }



/* form
----------------------------------------------------------------------------*/
form h3 { margin: 0 0 1em 0; padding: 0; }



/* svitok
----------------------------------------------------------------------------*/
#svitok { width: 187px; margin: 0 auto; background: url('images/svitok-bg.gif') top repeat-y; }
#svitok .top { padding-top: 30px; background: url('images/svitok-top.gif') top no-repeat; }
#svitok .bottom { padding-bottom: 30px; margin: 0; background: url('images/svitok-bottom.gif') bottom no-repeat; }

#svitok * { padding: 0 35px; text-align: center; font-size: 75%; font-style: italic; color: #fff; }


/* 2 column table
----------------------------------------------------------------------------*/
.col2 td { width: 50%; padding: 0 0 20px 0; }
.col2 td.left { padding-right: 25px; }
.col2 td.right { padding-left: 25px; }

.col2 h2 { margin-top: 0; }


/* 3 column table
----------------------------------------------------------------------------*/
.col3 td { width: 33%; padding: 0 0 20px 0; }
.col3 td.left { padding-right: 30px; }
.col3 td.center { width: 34%; padding-left: 20px; padding-right: 20px; }
.col3 td.right { padding-left: 30px; }

.col3 h2 { margin-top: 0; font-size: 150%; }



/* foto
----------------------------------------------------------------------------*/
.foto { margin-top: 2em; }
.foto td { text-align: center; vertical-align: middle; }
.foto td div { text-align: left; margin: 5px 25px; color: #666; }



/* schedule
----------------------------------------------------------------------------*/
.schedule { clear: right; }

.schedule th, .schedule td { padding: 7px 10px; font-size: 90%; }

.schedule th { text-align: left; font-weight: bold; }
.schedule .col { width: 25%; }
.schedule td.col { padding: 7px 0; }

.schedule td.center { text-align: center; vertical-align: middle; }
.schedule td.middle { vertical-align: middle; }

.schedule tr.head { background: #cc9; color: #330; }

.schedule tr.th td { background: #dedec0; color: #330; }


/* note
----------------------------------------------------------------------------*/
.note { margin-bottom: 2em; }

.note ul, .note ol { margin-top: 0; }
.note p, .note li { font-size: 75%; }

.note p { margin-left: 10px; }

p.note { margin-bottom: 1em; font-size: 75%; }




/* engine alert
----------------------------------------------------------------------------*/
.alert { color: #f00; }



/* news
----------------------------------------------------------------------------*/
.news { margin: 15px 0; }
.news .header { margin-bottom: 3px; font-weight: bold; }
.news .header .date { font-weight: bold; }
.news p { margin: 0; }

.news-small .news { font-size: 80%; background: url('images/list_black.gif') top left no-repeat; padding-left: 15px; }