/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *

 *  require jquery.ui.core
 *  require jquery.ui.theme
 *  require dataTables/src/demo_table_jui

 */
body
{
    padding: 0;
    margin: 0;
    color: #51575b;
    font-size: 11px;
    background: #010302 url(body_bg-1647bc344647c6e5f97194f832831586.jpg) top repeat-x;
    background-attachment: fixed;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: 0;
}
#layout
{
    margin-left: auto;
    margin-right: auto;
    width: 962px;
    text-align: left;
}/* ------------- layout blocks ------------ 
 
 *************
 *  header   *
 *************
 *  content  *
 *************
 *  footer   *
 *************
 
------------------------------------------ */
#header
{
    height: 170px;
    padding-top: 10px;
    border: 0 solid #fff;
    margin: 0 0 0 0;
}
#content
{
    text-align: left;
    margin: 0 0 0 0;
    min-height: 800px;
}
#footer
{
    padding-top: 30px;
    margin: 0 0 0 0;
    clear: both;
}/* ------------- header items ------------ */
#header #logo_ul
{
    float: left;
    width: 220px;
    height: 170px;
    border: 0;
    margin-top: 0;
}
#header #baner
{
    float: right;
    width: 700px;
    height: 170px;
    border: 0;
    margin-top: 5px;
    margin-right: 20px;
}/* ------------- content blocks ------------ 
 
 *********
 * l * r *
 * e * i *
 * f * g *
 * t * h *
 *   * t *
 *********
 
------------------------------------------ */
#colleft
{
    float: left;
    width: 224px;
    padding: 5px 0 5px 0;
    margin-right: 0;
    margin-left: 0;
    font-size: 11px;
}
#colright
{
    float: right;
    width: 724px;
    margin: 0 0 0 0;
}/* --------- colleft bloks ---------- */
#menuleft
{
    margin-top: 0;
}/* -------- colright bloks -----------------
 
 *************
 *  toolbar   *
 *************
 *  popupwnd    *
 *************
 *  clientarea  *
 *************
 *  footer   *
 *************
 
------------------------------------------ */
#toolbar
{
    margin-top: 0;
    width: 730px;
}
.popupwnd
{
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid #4b5d81;
}
#clientarea
{
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}/* --------- menuleft items ---------- */
#menuleft ul
{
    padding: 1px 0 0 0;
    margin: 20px 0 15px 0;
    list-style: none;
}
#menuleft ul li a
{
    display: block;
    font-family: "Trebuchet MS";
    font-size: 15px;
    color: #ffaf05;
    border-bottom: #fff 1px dotted;
    padding: 6px 20px 8px 17px;
    text-decoration: none;
    opacity: .7;
}
#menuleft ul li a:hover
{
    background-color: #000;
    color: #fff;
    text-decoration: none;
}
.menutitle
{
    margin: 0 0 0 0;
    background: url(bar_menu-2d66e22690aa40710329f88fb1dd0b09.jpg) no-repeat;
    display: block;
    font-family: "Trebuchet MS";
    font-size: 17px;
    border-bottom: #fff 1px dotted;
    padding: 6px 20px 6px 17px;
    text-decoration: none;
    opacity: .5;
}/* --------- toolbar items ---------- */
#toolbar a
{
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 161px;
    padding: 0 5px 5px 0;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    background-color: #303030;
    cursor: pointer;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: #00f 2px solid;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 4px;
    opacity: .5;
}
#toolbar a:hover
{
    background-color: #fff;
    color: #000;
    text-decoration: none;
}/*
#dnleftlogobar {
	width:224px;
	float:left;
}

#dnrightlogobar {
	float:right;
	width:724px;
}
*/
#footer img
{
    height: 58px;
    border: 0 0 0 0;
    margin-right: 14px;
}
.blockheader a
{
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 23px;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    background-color: #b00;
    cursor: pointer;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: #00f 2px solid;
    text-decoration: none;
}
.blockheader a:hover
{
    background-color: #f99;
    color: #000;
    text-decoration: none;
}
.blockheader
{
    padding: 0 10px 3px 10px;
    opacity: .5;
    background-color: #00b;
    color: #efcd09;
    text-align: center;
    font-size: 18px;
    border-top: 2px solid #4b5d81;
}
.blocktext
{
    padding: 5px 10px 5px 10px;
}
.blocktext a
{
    color: #77f;
}
a:visited
{
    color: #77f;
}
a:hover
{
    color: #bbf;
}
#homeblock
{
    width: 724px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#homemain
{
    margin-top: 5px;
}
#referbar
{
    margin-top: 20px;/*	border: 2px solid #4b5d81; */
    clear: both;
}
#homeleft
{
    float: left;
    width: 495px;
    font-size: 11px;
}
#homeright
{
    float: right;
    width: 222px;
}
#welcomedata
{
    text-align: center;
    font-size: 18px;
    color: #bb8;
}
#curnews
{
    min-height: 469px;/*	border: 2px solid #4b5d81;*/
}
#curnewstitle
{
    background-color: #0b0;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
#news
{
    font-size: 14px;
    color: #fff;
}
#news p
{
    font-size: 10px;
    color: #efcd09;
    padding-bottom: 0;
    margin-bottom: 0;
}
#opolesky
{
    margin-top: 5px;
    height: 420px;/*	border: 2px solid #4b5d81; */
    margin-bottom: 10px;
}
#object
{
    min-height: 290px;/*	border: 2px solid #4b5d81; */
}
#objecttitle
{
    background-color: #b00;
    color: #efcd09;
    text-align: center;
    font-size: 18px;
}
#objectdata
{
    font-size: 14px;
    color: #fff;
}
#photos
{
    margin-top: 5px;
    min-height: 300px;/*	border: 2px solid #4b5d81; */
}
#photostitle
{
    background-color: #b00;
    color: #efcd09;
    text-align: center;
    font-size: 18px;
}
#photosdata
{
    color: #fff;
    padding: 0;
}
#weather
{
    margin-top: 5px;
    margin-bottom: 10px;
    height: 290px;/*	border: 2px solid #4b5d81;*/
}
#weathertitle
{
    background-color: #b00;
    color: #efcd09;
    text-align: center;
    font-size: 18px;
}
#weatherdata
{
    font-size: 14px;
    color: #fff;
}
#databox
{
    margin-top: 10px;/*	border: 2px solid #4b5d81; */
}
#textarea
{
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
#copyright
{
    font-size: 12px;
    width: 700px;
    margin-top: 2px;
    margin-left: 5px;
}
#referbar td
{
    padding-left: 25px;
}/*
tabele {
    border-collapse : collapse;
    border          : solid 2px black;
}
td {
    border  : solid 1px black;
    padding : 5px;
}
th {
    border      : solid 1px black;
    color       : #FF4444;
    background  : black;
    font-weight : bolder;
    font-size   : 12pt;
    padding     : 15px;
}
*//* -----------  Form ----------- */
form
{
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding: 10px 40px 0 40px;
    border: solid 3px #0000f2;
    margin: 10px 20px 10px 20px;
    background: #2b343b;
}/*
margin: top right bottom left 
*/
form table
{
    width: 100%;
}
form td
{
    border: 2;
    padding: 0 15px 0 15px;
}
.inputdiv
{
    margin: 10px 14px 20px 10px;
}
label
{
    color: #aaf;
    font-size: 15px;
}
.inputdiv input, select
{
    font-size: 16px;
    font-weight: bold;
    padding: 4px 2px;
    border: solid 1px #aacfe4;
    width: 100%;
}
.comitdiv
{
    margin: 10px 14px 10px 10px;
    text-align: center;
}
.checkboxdiv
{
    margin: 10px 14px 20px 10px;
}
.checkboxdiv input
{
    position: relative;
    top: 4px;
    width: 20px;
    height: 20px;
}
.comitdiv input
{
    height: 36px;
    font-size: 15px;
    font-weight: bold;
}/* -----------  MyDataTable ----------- */
table.display
{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
}
table.display tfoot th
{
    padding: 3px 0 3px 10px;
    font-weight: bold;
    font-weight: normal;
}
table.display tr.heading2 td
{
    border-bottom: 1px solid #aaa;
}
table.display td
{
    border: solid 1px #aacfe4;
    padding: 3px 10px;
}
table.display td.center
{
    text-align: center;
}
textarea
{
    width: 540px;
    height: 220px;
    border: 3px solid #ccc;
}