
/* universal margin/padding reset */

*
{
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}

/* universal clear */

.clear
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* universal linked image border to zero */

a img
{
    border: 0;
}


.foto
{
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}


a:hover .foto
{
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #ec1a23;
}



/* --------- */

.body
{
    margin: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #494d52;
   /* background-image: url('bgWiplast.jpg');*/
    text-align: center;
}

/* WRAPPERS */

#topwrapper
{
    /*    background: url(_i/bgWiplast.jpg) repeat-x;*/
    width: 990px;
/*    position: relative;*/
    left: 5px;
    right: 5px;
    top: 100px;
 /*   clip: rect(10px, auto, auto, auto);*/
}
#bottomwrapper
{
    border: 1px solid #C0C0C0;
    background: #DDDDDD;
    width: 99%;
    color: #333333;
    float: right;
    margin-bottom: 20px;
}
#footerwrapper
{
    background: #FF6600;
    width: 1000px;
    position: relative;
    height: 25px;
}
#logowrapper
{
    background: top;
    width: 1000px;
    background-color: #EEEE0f;
}
.contentwrap
{
    margin: 0px;
    width: 1000px;
    color: #333333;
    background-color: transparent;
}
/* ---------------------------------------------
.contentwraptop
{
    background-position: 265px;
    width: 1000px;
    text-align: center;
    color: #333333;
    background-color: transparent;
    left: auto;
    background-image: url('logo_wiplast_02.gifxxxxxxxxxxxxxxxxxx');
    background-repeat: no-repeat;
    height: 79px;
    position: relative;
    right: auto;
    top: -5px;
}
-----------------------------------------------
*/

.box
{
    border-width: thin;
    border-color: #CC0000;
    width: 33%;
    background-color: #eeeeee;
}

#topwrapper .contentwrap
{
    background: #0000FF;

}
#Body #topwrapper .contentwrap, #logowrapper .contentwrap
{
    background: #FFFFFF;
 
}

#boxwrapper .contentwrap
{
    text-align: center;
    background: #50546e url(_i/bg_bottomwrap.gif) repeat-x top;
    min-height: 30px;
    padding: 5px;
    width: 390px !important;
/*    _width: 390px;*/
}

/* change font color in home boxes to white */

#boxwrapper .contentwrap .Normal
{
    color: #373737;
}
#boxrapper .contentwrap .Head
{
    color: #fff;
}

#footerwrapper .contentwrap
{
    background: transparent;
    padding: 5px;
    width: 990px !important;
/*    _width: 990px;*/
    text-align: center;
}

/* -------------- */


#Body 
{
 /*  background: url(bg_menu.jpg) repeat-x top;*/
    height: 35px;
    width: auto;
    float: none;
 /*  _margin-bottom: -21px;*/
}
.searchbox
{
    /*	background: url(_i/bg_search.gif) repeat-x top;
    background-color: transparent;
  /*  width: 220px !important;*/
    padding: 0px 0 0 0px;
    width: 244px !important;
   /* _width: 250px;*/
    float: right;
    height: 40px;
    line-height: 40px;
 /*   _padding-top: 5px;
     _margin-bottom: -21px;  z-index: auto;*/
    background-color: #660033;
    right: 0px;
}
.searchbox span.buttn
{
    display: block;
/*    background: url(_i/buttn_search.png) no-repeat 150px 5px;*/
    width: 175px;
}


.SearchContainer
{
    display: block; /*    background: url(_i/buttn_search.png) no-repeat 150px 5px;*/
    width: 75px;
    background-color: #00FF00;
}


#Body .searchbox
{
    background: url(_i/buttn_search.png) no-repeat 155px 5px;
    width: 235px !important;
    width: 250px;
  /*  _width: 235px;*/
    float: right;
    height: 30px;
    line-height: normal;
    padding: 5px;
 /*   _padding-top: 5px;
    _margin-bottom: -21px; /*text-align: center;*/
}

#logoabovenav
{
    background-image: url('banner.jpg');
    height: 73px;
    background-repeat: no-repeat;
    position: relative;
    left: 0px;
    top: 0px;
}

#Body #logoabovenav span.utilnav
{
    display: block;
    margin: 0;
    background-color: #FFFFFF;
    padding: 10px 5px 5px 0;
}

/* LEFT BAR */

.logobox
{
    background-position: 0px;
    height: 73px;
    background-color: #00FF00;
    width: 271px;
    float: left;
    text-align: left;
    background-repeat: no-repeat;
}
#Body .logobox
{
    margin: 0;
    padding: 10px 0px 0px 0px;
    height: auto;
    width: 750px;
    float: left; /*	background: #373737;*/
}

.leftbar
{
    width: 225px;
    float: left;
}

/* CENTER BAR */

#Body .centerbar
{
    width: 525px;
    float: left;
}


.RightPane {
    background-color: #CCCCCC;
    width: 620px;
    float: right;
    top: 0px;
}
.obsah {
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    position: relative;
    width: 1000px;
    left: -500px;
    border-top-color: #006699;
    background-color: transparent;
    margin-left: 50%;
    margin-right: 50%;
    margin-top: 5px;
}
#titlepane
{
    background-color: #FF9933;
    width: 1000px;
    top: 125px;
    float: left;
    position: relative;
    left: 5px;
  
}
.TitlePaneclass  {
    /*	background: url(_i/bg_title.gif) repeat-x top;*/
    background-color: #006699;
    width: 990px;
 /*   _margin-top: -20px;*/

}

.TitlePaneclass2
{
    /*	background: url(_i/bg_title.gif) repeat-x top;*/
    background-color: transparent;
    width: 990px;
    position: relative;
    float: left;
    top: -20px;
    left: 0px;
}

.TitlePaneclass .Normal
{
    color: #fff;
}
.breadbox
{
    background-color: #FFFFCC;
    width: 970px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: relative;
    float: left;
    height: 24px;
    padding-top: 5px;
}
.contentpaneclass
{
    padding: 0px;
    float: left;
    width: 380px;
    margin-right: auto;
    margin-left: auto;
}

/* RIGHT BAR */

span.utilnav
{
    margin: 5px;
    background: #373737;
    padding: 5px 5px 5px 5px;

}
.web
{
    background-color: transparent;
    width: 100%;
    height: 50px;
    margin-right: 0px;
    margin-left: 0px;
    position: relative;
    top: 15px;
}

.rightbar
{
    width: 598px;
    float: right;
    background-color: #EEEEEE;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    top: 20px;
    position: relative;
    height: auto;
    right: 4px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


/* FOOTER */

.footerleft
{
    width: 200px;
    background-color: transparent;
    color: #333333;
    position: relative;
    top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    margin-left: 45%;
}
.footerright
{
    width: 45%;
    float: right;
    text-align: right;
 /*   _margin-bottom: -13px;*/
    background-color: transparent;
}

/* HOME BOXES */

#bottomwrapper
{
    margin: 1px;
    float: left;
    width: 100%;
    padding: 2px;
    color: #333333;
    position: relative;
}


/* GENERAL DNN STYLES */

/* HEADER STYLES */

h1, h1 .Head
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #0e072e;
}

h2, h2 .Head
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0e072e;
}

h3, h3 .Head
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0e072e;
}


/* style for module titles */
.Head
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #d2d3d5;
}
/* style of item titles on edit and admin pages */
.SubHead
{
    font-weight: bold;
    font-size: 14px;
    font-family: Verdana, Tahoma, Arial, Helvetica;


    color: #333333;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: black;
}
/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #0b0000;
}

td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}
p
{
    padding-bottom: 8px;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #d0d0d0;
}
.NormalRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}
.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    text-decoration: underline;
    color: silver;
}
A.CommandButton:visited
{
    text-decoration: underline;
    color: silver;
}

A.CommandButton:active
{
    text-decoration: underline;
    color: silver;
}

A.CommandButton:hover
{
    text-decoration: underline;
    color: #FF0000;
}
/* GENERIC */

a:link
{
    color: #e51a1d;
    text-decoration: none;
}
a:visited
{
    color: #e51a1d;
    text-decoration: none;
}
a:hover
{
    color: #e51a1d;
    text-decoration: underline;
}

a:active
{
    color: #3a3d6f;
    text-decoration: none;
}


SMALL
{
    font-size: 8px;
}

BIG
{
    font-size: 14px;
}
BLOCKQUOTE, PRE
{
    font-family: Arial, Helvetica, sans-serif; /*font-size: 12px;     font-weight: normal; 	color: #494d52;*/
}
ul
{
    list-style-type: none;
    margin: 5px 0 13px 15px;
}
UL LI, LI
{
    list-style-type: disc;
    margin: 0 0 5px 15px;
}
UL LI LI
{
    list-style-type: square;
}
UL LI LI LI
{
    list-style-type: circle;
}
OL LI
{
    list-style-type: decimal;
}
OL OL LI
{
    list-style-type: lower-alpha;
}
OL OL OL LI
{
    list-style-type: lower-roman;
}
HR
{
    color: #cccccc;
    height: 1pt;
}
/*___________________________________________________________________________________________*/

.breadcrumb
{
    color: #333333;
    text-decoration: none;
}
a.breadcrumb:link
{
    color: #333333;
    text-decoration: none;
}
a.breadcrumb:visited
{
    color: #333333;
    text-decoration: none;
}
a.breadcrumb:hover
{
    color: #333333;
    text-decoration: underline;
}
a.breadcrumb:active
{
    color: #999;
    text-decoration: none;
}
a.breadcrumbC:link, a.breadcrumbC:visited, a.breadcrumbC:hover, a.breadcrumbC:active
{
    color: #000;
}

.Copyright
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    background-color: #FF6600;
    
}
a.Copyright:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}
a.Copyright:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}
a.Copyright:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}
a.Copyright:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

.links_bottom
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d815c;
    font-weight: normal;
    text-decoration: none;
}
a.links_bottom:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d815c;
    font-weight: normal;
    text-decoration: none;
}
a.links_bottom:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d815c;
    font-weight: normal;
    text-decoration: none;
}
a.links_bottom:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d815c;
    font-weight: normal;
    text-decoration: none;
}

a.links_bottom:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6d815c;
    font-weight: normal;
    text-decoration: none;
}

.DNNCopyright
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
}

a.DNNCopyright:visited
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
}
a.DNNCopyright:active
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
}
a.DNNCopyright:hover
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9px;
    color: #4791C5;
    text-decoration: none;
}
a.DNNCopyright:link
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9px;
    color: #333333;
    text-decoration: none;
}
.links_top, a.links_top:link, a.links_top:visited, a.links_top:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7e7c82;
    text-decoration: none;
    font-weight: normal;
}

a.links_top:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #a09da5;
    text-decoration: underline;
    font-weight: normal;
}

a.mojelinky, a.mojelinky:visited, a.mojelinky:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f41924;
    text-decoration: none;
    font-weight: normal;
}

.mojelinky:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f41924;
    text-decoration: underline;
    font-weight: normal;
}

a.search_text:link, a.search_text:visited, a.search_text:hover, a.search_text:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.logoleft
{
    float: left;
}

.cssbottomPanel
{
    margin: 0px auto 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    color: #000000;
    position: relative;
    width: 1000px;
    top: 0px;
}
#box1
{
    border: 1px solid #003399;
    width: 196px;
    padding: 1px;
}
#box2
{
    margin: 1px;
    border: 1px solid #000080;
    width: 192px;
    padding: 1px;
    top: 0px;
}
#box3
{
    margin: 1px;
    border: 1px solid #000080;
    width: 192px;
    padding: 1px;
    height: 0px;
}
.boxL {
    background-color: #CCCCCC;
    position: relative;
    width: 192px;
    float: left;
    top: 0px;
    left: 2px;
}
.boxC {
    background-color: #CCFF99;
    width: 196px;
    top: 0px;
    position: absolute;
    left: 202px;
    text-align: justify;
}
.boxR {
    background-color: #99CCFF;
    width: 196px;
    float: right;
    position: relative;
    top: 0px;
    right: 0px;
}
.centerbarR {
    padding: 4px;
    background-color: #FFFFCC;
    float: left;
    border: 1px solid #FFFFFF;
    width: 592px;
    right: auto;
    top: 25px;
    left: auto;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}
.Lsloupec {
    position: relative;
    width: 380px;
    float: left;
    left: 0px;
    color: #333333;
}
.Psloupec {
    float: right;
    width: 596px;
    padding-right: 4px;
    height: auto;
}

.breadcrumbC
{
    /*background: url(bg_menu.jpg) repeat-x top;  margin: 0px auto 0px auto;
    height: 24px;
    width: 100%;
    float: left;   
/* _margin-bottom: -21px;
    background-color: #FFFFCC;
    top: 0px;
    bottom: 5px;
    position: relative;
    */
   
    padding: 5px 15px 5px 15px;
}
.navbar
{
    font-weight: bold;
    font-size: 12px;
    background: #cccccc url('bg_menu35.gif') repeat-x;
    height: 35px;
    width: 1000px;
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: 0px;
    z-index: 100;
}

/*--------- dnn menu style ----------*/
/* main menu td */
.main_dnnmenu_bar 
{
/*    cursor: pointer;*/
/*font-size:12px;*/
/*    width: 970px;*/
/*    height: 20px !important;*/
 /*  padding: 6px 15px 5px 15px;*/
 /*  background-color: black;*/
 /*   border-style: solid;*/
 /*   border-width: 1px;*/
}

/*  Main Menu Normal - tam kde je hlavní menu */
.main_dnnmenu_rootitem
{
    font-weight: bold;
    font-size: 12px; /*    line-height:4em;*/
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0px 15px 0px 15px;
    white-space: nowrap;
    float: left;
    color: #cccccc;
    text-transform: uppercase;
    height: 35px;
    position: relative;
    line-height: 3em;
    z-index: 1000;
}

/*  Main menu hover  */
/*  ¨================================== 
     zobrazí se po najetí myší na už vybranou položku menu */
.main_dnnmenu_rootitem_hover
{
    color: #CCCCCC;
    font-weight: bold;
    font-size: 12px;
    line-height:3em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0px 15px 0px 15px;
	background:url(../images/menu_hover.gif) repeat-x top left;
    background-color: #009900;
    margin-right: 0px;
    white-space: nowrap;
    position: relative;
 

  }

/*  Main menu selected  */

/* ========================= */

.main_dnnmenu_rootitem_selected 
/* zvolená položka menu*/
{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size:  12px;
    padding: 0px 15px 0px 15px;
	/*background:url(../images/menu_active.gif) repeat-x top left;*/
    text-transform: uppercase;
    margin-right: 1px;
    white-space: nowrap;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    height: 35px;
   	line-height:3em;
    position: relative;
    background-color: #b9c0d3;
 }
/*  *****************************   */


/*  SUB Menu Normal */

.submenu
{
    padding: 3px;
    background-color: #C0C0C0;
    width: 180px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: Silver;
    white-space: nowrap;

    line-height: 3em;
}


.main_dnnmenu_submenu 
{
    font-size: 12px;
    border: 1px solid #C0D6E5;
    background-color: #FFCC00;
    white-space: nowrap;
    width: 180px;
    z-index:1000;
   
}

/*  SUB Menu hover & selected */
.main_dnnmenu_itemhover td
{
    font-size: 12px;
    background: #009933 repeat-x left;
    color: #ffffff;

}
.main_dnnmenu_itemselected td
{
    /*   background: #00CCFF url(../images/submenu_active.gif) repeat-x left top;*/
    color: #ffffff;
    background-color: #999999;
    
   

}

.main_dnnmenu_break
{
/*	height: 2px;*/
	background-color: #D5E0FF;
}

.main_dnnmenu_submenu td
{
    background-color: #F8FAFF;
    z-index: 1000;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #000000;
   line-height: 3em; 
    white-space: nowrap;
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;

}

.main_dnnmenu_container
{
    background-color: #FFFF00;
    border-style: solid;
    border-width: thin;
}