* {
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}
/* Дефинирам на боди заден цвят  - #324A82 */
body{
background: #324A82;
margin-top: 0px;
margin-bottom: 0px;
}
/* Това е класът в който се намира целият сайт - дефинирам му да е центриран, широчина 900 пиксела и бордър(1 пиксел, солиден, бял) */
.hole_document {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 100%;
border-left: 1px #607DC1 solid;
border-right: 1px #607DC1 solid;
}
/* Това е класът за контейнера на шапката, висока е 251 пиксела, за да няма разстояние между този и миналия контейвер съм сложил падингите 0 */
.header {
height: 230px;
width: 900px;
padding: 0px 0px 7px 0px;
}
/* Първата част на хедъра - горната лента, височина 46 пиксела, път то картинката - images/top_01.gif, повтаря се хоризонтално */
.header .part_01 {
height: 46px;
background-image: url(images/top_01.gif);

}
/* Централната част на хедъра, височина 137 пиксела, път към картинката - images/top_middle.gif , не се повтаря */
.header .part_center {
height: 137px;
background-image: url(images/top_middle.gif);
background-repeat: no-repeat;
}
/* Долната част на хедъра, височина - 47 пиксела, път до картинката - images/top_02.gif, повтаря се хоризонтално */
.header .part_02 {
height: 47px;
background-image: url(images/top_02.gif);

}
/* Главната футер част, в нея седи надписа за авторското право и т.н., път до картинката - images/bottom_footer.gif, повтаря се хоризонтално, позиция на текста вътре - централна */
.footer {
width: 900px;
height: 47px;
padding-left: 0px;
padding-right: 0px;
background-image: url(images/bottom_footer.gif);
background-repeat: repeat-x;
text-align: center;
clear: both;
border: 1px solid black;
}
/* Частта за авторското право - има горен падинг за чентриране - 14 пиксела*/
.footer .copyright{
color: #999999;
font-size: 13px;
font-family: arial;
font-weight: bold;
padding-top: 9px;
width: 470px;
margin-right: auto;
margin-left: auto;
float: left;
padding-left: 30px;
}
/* Форматиране на връзките в авторската част */
.footer .copyright a{
color: #999999;
text-decoration: none;
font-family: arial;
}
/* Форматиране на връзките в авторската част - hover */
.footer .copyright a:hover{
color: white;
}
/* Форматиране на валидаторски банер */
.footer .valid{
padding-top: 9px;
margin-left: 9px;
margin-right: 0px;
float: left;
}
/* Форматиране на брояч */
.footer .broqch{
padding-top: 9px;
margin-left: 0px;
margin-right: 9px;
float: right;
}
/* Контейнерът съдържащ съдържанието на самият сайт(меню, анкети, текстове,ала-бала...) */
.main{
margin-left: auto;
margin-right: auto;
width: 890px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 15px;
border: 0px solid red;
}
/* Ляв невидим контейнер */
.main .left{
width: 152px;
border: 0px solid white;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}
/* Десен невидим контейнер */
.main .right{
width: 730px;
border: 0px solid white;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: right;
margin: 0px 0px 0px 0px;
}
/* Контейнера на менюто */
.main .left .con_01{
width: 150px;
border: 1px solid #6D7DA3;
margin-bottom: 10px;
}
/* Формат на текста в бара */
.main .left .con_01 .title{
font-size: 17px;
color: white;
font-family: arial;
font-weight: bold;
padding-top: 6px;
margin-top: 0px;
margin-left: 30px;
}
.main .left .con_01 .box_toper{
width: 150px;
height: 30px;
background-image: url(images/box_toper.gif);
}
/* Форматиране на съдържанието на контейнера с менюто */
.main .left .con_01 .insider{
background-color: #E6E6E6;
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 3px;
}
/* Контейнер за всяка връзка */
.main .left .con_01 .insider .a{
width: 100%;
height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #E6E6E6;
}
.main .left .con_01 .insider .a:hover{
width: 100%;
background-color: white;
border-bottom: 1px solid #6D7DA3;
border-right: 1px solid #6D7DA3;
}
/* Форматиране на връзка от менюто */
.main .left .con_01 .insider a{
color: black;
text-decoration: none;
font-size: 14px;
font-family: arial;
font-weight: normal;
padding-left: 15px;
}
/* Контейнера на някакво инфо */
.main .left .con_untitled{
width: 150px;
border: 1px solid #6D7DA3;
margin-bottom: 10px;
}
/* Формат на текста в бара */
.main .left .con_untitled .title{
font-size: 17px;
color: white;
font-family: arial;
font-weight: bold;
padding-top: 6px;
margin-top: 0px;
margin-left: 30px;
}
.main .left .con_untitled .box_toper{
width: 150px;
height: 30px;
background-image: url(images/box_toper.gif);
}
/* Форматиране на съдържанието на контейнера */
.main .left .con_untitled .insider{
background-color: #E6E6E6;
font-size: 13px;
color: black;
font-family: arial;
margin: 3px 3px 3px 3px;
padding: 1px 1px 1px 1px;
}
/* Форматиране на връзка */
.main .left .con_untitled .insider a{
color: black;
text-decoration: underline;
font-size: 13px;
font-family: arial;
font-weight: normal;
}
/* Форматиране на връзка - hover */
.main .left .con_untitled .insider a:hover{
text-decoration: none;
}
/* Ляв бар за вот лента */
.main .left .con_untitled .insider .left_vote{
background-image: url(images/v1.gif); 
width: 7px; 
height: 15px; 
float: left;
}
/* Централен бар за вот лента */
.main .left .con_untitled .insider .center_vote{
background-image: url(images/v2.gif); 
height: 15px; 
float: left; 
text-align: center
}
/* Десен бар за вот лента */
.main .left .con_untitled .insider .right_vote{
background-image: url(images/v3.gif); 
width: 7px; 
height: 15px; 
float: left;
}
/* Контейнера на инфото */
.main .right .con_01{
border: 1px solid #6D7DA3;
margin-right: 0px;
padding-right: 0px;
margin-bottom: 10px;
overflow: hidden;
width: 100%;
}
/* Формат на текста в бара */
.main .right .con_01 .title{
font-size: 17px;
color: white;
font-family: arial;
font-weight: bold;
padding-top: 6px;
margin-top: 0px;
margin-left: 30px;
}
.main .right .con_01 .box_toper{
height: 30px;
background-image: url(images/box_toper.gif);
}
/* Форматиране на съдържанието на контейнера с инфото */
.main .right .con_01 .insider{
background-color: #E6E6E6;
font-size: 13px;
color: black;
font-family: arial;
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 5px;
overflow: hidden;
width: 716px;
}
/* Форматиране на връзки от инфото */
.main .right .con_01 .insider a{
color: black;
text-decoration: underline;
font-size: 16px;
font-family: arial;
font-weight: bold;
}
/* Форматиране на връзка от инфото - hover */
.main .right .con_01 .insider a:hover{
color: black;
text-decoration: none;
}

