/* CSS Document */
body {
margin:0 auto;
padding:0;
font:90% Arial,sans-serif;
background:#C8C8C8 url(Img/back.gif) repeat;
color:#999;
font-size:16px;
}
#wrap {
color:#303030;
margin:10px auto;
padding:10px auto;
width:760px;
height:100%;
border:1px solid #CCC;
background:#FFF;
}
.top_cell {
background:#FFF url(Img/top_image.gif) no-repeat;
padding-bottom:1px;
}
.top_cell a {
color:#FFC;
font-size:12px;
text-decoration:none;
font:90% Times;
padding:2px 10px 2px 50px;
float:left;
}
.links {
text-align:right;
float:right;
}
.links a {
text-align:right;
padding:2px 10px 2px 10px;
font-size:10px;
text-decoration:none;
font:90% Times;
color:#FFC;
}
.bottom_image {
background:#FFF url(Img/bottom_image.gif) no-repeat;
text-align:center;
font:80% Arial;
font-size:12px;
color:#FFC;
height:18px;
margin-top:1px;
padding-top:1px;
}
.main_image {
background:url(Img/main_pict.gif) no-repeat;
vertical-align:top;
margin:0;
padding:0;
}
.left_side {
vertical-align:top;
padding:1px 0;
margin:1px 0 1px 0;
height:100%;
background-color:#7284BD;
}
.middle {
padding:0 1px 0 1px;
vertical-align:top;
}
.content {
background-color:#FFF;
padding:10px 10px 10px 10px;
margin:0;
height:100%;
vertical-align:top;
text-align:justify;
line-height:15px;
color:#666;
font-size:17px;
font:90% Arial,sans-serif;
}
.bodytext a {
color:#333;
}
.bodytext {
font-size:17px;
font:90% Arial,sans-serif;
line-height:15px;
padding:0;
}
/* Header */

h3.csc-firstHeader {
padding:5px 5px 2px 10px;
color:#0F7C9B;
border-bottom:1px solid #CCC;
font-size:16px;
border-left:6px solid #FCC;
}
.csc-firstHeader, h4{
padding:0 0 2px 2px;
color:#0F7C9B;
border-bottom:1px solid #CCC;
font-size:17px;
}  
h5.csc-firstHeader {
font-size:14px;
padding:1px 0 1px 4px;
border:1px outset #FFF;
background:#FFC;
}
h2.csc-firstHeader{
font-size:20px;
border-top:2px outset #CCC;
padding:1px 0 1px 5px;
color:#0F7C9B;
font:150% Arial,sans-serif;
} 
p {
padding:0;
line-height:14px;
}
h2 {
font-size:20px;
font:90%;
border-top:2px outset #CCC;
padding:1px 0 1px 5px;
color:#0F7C9B;
border-bottom:1px solid #CCC;
} 


/* Menu */
.menu {
vertical-align:top;
height:150px;
padding:1px 0;
margin:0;
background-color:#7284BD;
}
.menu a {
color:#BCADFB;
margin:0;
padding:1px 0 1px 0;
text-decoration:none;
font-size:14px;
}
.menu_level_1_no {
padding:1px 2px 4px 2px;
margin:2px 2px 2px 2px;
border-bottom:1px solid #BCADFB;
}

.menu_level_1_no a:hover {
color:#FFC;
}
.menu_level_1_act {
padding:1px 2px 4px 4px;
margin:2px 2px 2px 2px;
border-bottom:1px solid #BCADFB;
line-height:14px;
background-color:#3C6AAF;
border-left: 5px solid #FFC;
}
.menu_level_1_act a {
color:#FFC;
}
.menu_level_2_no {
background-color:#9CABDB;
color:#FFC;
padding-left:12px;
border-bottom:1px solid #CCC;
}
.menu_level_2_no a {
color:#3C6AAF;
}

.menu_level_2_act a{
color:#3C6AAF;
}
.menu_level_2_no a:hover {
color:#FFC;
}
.menu_level_2_act {
background:#FFC url(Img/ukazat.jpg) left no-repeat;
color:#799FD9;
padding-left:12px;
}

/* News */
.news {
vertical-align:top;
margin:0;
padding:1px 5px 10px 25px;
background-color:#7284BD;
color:#000;
height:100%;
}
.tx-mininews-pi1-listrowField-title a {
color:#0F7C9B;
}
.tx-mininews-pi1-listrowField-teaser a {
color:#CCC;
}
.tx-mininews-pi1-fp_listrowField-datetime {
font-size:8px;
color:#CCC;
}

/* Columns */


.c2l1-left{
   border-right: 1px solid #FFEDA8;
   padding:0 10px 5px 5px;
   width:75%;
   white-space:normal;
   vertical-align:top;
 }
.c2l1-middle{
   padding:0 5px 5px 5px;
   width:25%;
   white-space:normal;
   vertical-align:top;
   background-color:#FFC;
   border-top:5px solid #7284BD;
   border-left:1px solid #CCC;
}
.c2l1-middle a {
color:#006699;
line-height:12px;
}

/*  Layout 2 */
.c2l2-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:50%;
   white-space:normal;
}
.c2l2-middle{
   background-color:#FFEDA8;
   padding-left: 5px;
   width:50%;
   white-space:normal;
}
/* Layout 2 */
.c2l3-left{
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:70%;
   white-space:normal;
}
.c2l3-middle{
   background-color:#FFEDA8;
   border: 1px solid blue;
   padding-left: 5px;
   width:30%;
   white-space:normal;
}
/*
	Styles 2 Column DIV Section
*/
div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
/* Layout 1 */
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid red;
}
div.c2l1d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
/* Layout 2 */
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:380px;
   border:1px solid blue;
   white-space:normal;
}
div.c2l2d-middle{
   position:absolute;
   left:390px;
   padding: 0px;
   width:380px;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
/* 
	Layout 3 
	
	embedded
*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:770px;
   white-space:normal;
   border:1px solid red;
   font-size:10px;
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   border:1px solid blue;
   background-color:#C0C0C0;
}
td.tx-fdfx3cols-pi1{
    left:0px;
    margin-bottom:10px;
    vertical-align:top;
}
.c3l1-left {
   border-right: 1px solid #FFEDA8;
   padding-right: 5px;
   width:33%;
   white-space:normal;
   margin-top:10px;
   vertical-align:top;
  }

.c3l1-middle{
   border-right: 1px solid #FFEDA8;
   padding-left: 5px;
   padding-right: 5px;
   width:33%;
   white-space:normal;
   vertical-align:top;
}
.c3l1-right{
   padding-left: 5px;
   width:33%;
   white-space:normal;
   vertical-align:top;
}