@charset "utf-8";

html, body {

    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 30px;

}

img {

    border: none;

}

.background {

    background-image: url("http://www.novabrik.cz/img/admin.topbg.jpg");
    background-repeat: repeat-x;
    color: #1d5d80;
    text-align: center;

}

.backgroundlogin {

    background-image: url("http://www.novabrik.cz/img/login.topbg.jpg");
    background-repeat: repeat-x;
    color: #1d5d80;
    overflow: none;
    height: 55px;
    text-align: center;

}

.loginform {

    width: 525px;
    height: 105px;
    background-color: #e9eef2;
    border: 1px solid #1c5f7c;
    padding-top: 40px;

}

.loginform p {

    margin: 3px;
    padding: 0px;

}

.loginform input {

    margin-left: 20px;
    border: 1px solid #c0d1db;
    width: 200px;
    height: 20px;
    padding: 2px 10px 0px 10px;
    font-size: 12px;
    height: 20px;
    color: #1c5f7c;

}

.loginform label {

    float: left;
    display: block;
    width: 50px;
    margin-top: 5px;
    padding-left: 50px;
    font-size: 12px;
    font-weight: bold;

}

.loginform .submitBtn {

    width: auto;
    display: block;
    float: right;
    width: 70px;
    height: 53px;
    margin-right: 40px;
    background-color: #306b89;
    font-size: 18px;
    color: white;

}

.site {

    text-align: left;
    width: 1000px;
    margin: auto;

}

.logo {

    width: 1000px;
    height: 55px;

}

.logoinfo {

    float: right;
    height: 55px;
    width: 500px;
    text-align: right;

}

.logoinfo a {

    text-decoration: none;
    position: relative;
    padding: 0px 10px 0px 10px;
    color: #87a8bb;
    font-size: 16px;
    top: -19px;

}

.logoinfo span.date {

    text-decoration: none;
    position: relative;
    padding: 0px 10px 0px 10px;
    color: #b5b5b5;
    font-size: 12px;
    top: -19px;

}

#ravemedialogo {

    margin-top: 10px;
    float: left;

}

ul.firstmenu {

    display: block;
    width: 1000px;
    height: 26px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    line-height: 26px;

}

ul.firstmenu li {

    display: inline;
    color: white;
    margin-right: 20px;

}

ul.firstmenu li a {

    color: white;
    text-decoration: none;

}

ul.secondmenu {

    display: block;
    width: 1000px;
    height: 26px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    line-height: 26px;

}

ul.secondmenu li {

    display: inline;
    color: white;
    margin-right: 20px;

}

ul.secondmenu li a {

    color: white;
    text-decoration: none;

}

.logininfo {

    width: 1000px;
    height: 50px;
    padding: 20px 0px 10px 0px;
    font-size: 15px;
    text-align: right;
    color: #afafaf;

}

#sitelogo {

    float: left;

}

.table {

    float: left;
    width: 400px;
    border:1px solid  #1d5d80;
    border-spacing:5px;
    border-collapse: collapse;

}

.table a {

    color: #1d5e7a;
    text-decoration: none;

}

.row {

    cursor: pointer;

}

.colorrow {

    cursor: pointer;
    width: auto;
    background-color: #edf2f5;

}

.titlecell {

    border:1px solid  #1d5d80;
    background-color: #1d5d80;
    color: #ffffff;
    font-weight: bold;
    padding: 1px 2px 1px 2px;

}

.titlecell a {

    border:1px solid  #1d5d80;
    background-color: #1d5d80;
    color: #ffffff;
    font-weight: bold;
    padding: 1px 2px 1px 2px;

}

.titlecell #activeBtn {

    border:1px solid  #1d5d80;
    background-color: #1d5d80;
    color: #edf2f5;
    font-weight: bold;
    padding: 1px 2px 1px 2px;

}

.cell {

    padding: 1px 2px 1px 2px;

}

.panel {

    float: right;
    border: 1px solid #d0dfe2;
    width: 573px;
    background-color: #e9eef2;
    padding: 10px;

}

.panel #sectionName {

	float: right;
	font-size: 160%;
	font-weight: bold;
		
}

.panel p {

    margin: 0px;
    margin-bottom: 2px;
    padding: 0px;

}

.panel input {

    background-color: #ffffff;
    border: 1px solid #c5d0d6;
    color: #1d5e7a;
    width: 483px;
    padding: 0px 5px 0px 5px;

}

.panel select {

    background-color: #ffffff;
    border: 1px solid #c5d0d6;
    color: #1d5e7a;
    width: 270px;
    padding: 0px;

}

.panel textarea {

    background-color: #ffffff;
    border: 1px solid #c5d0d6;
    color: #1d5e7a;
    width: 353px;
    height: 200px;
    padding: 0px 5px 0px 5px;

}

.panel .divTextArea {

    background-color: #ffffff;
    border: 1px solid #c5d0d6;
    color: #1d5e7a;
    width: 493px;
    /*padding: 0px 5px 0px 5px;*/
    margin-left: 75px;

}

.panel label {

    color: #1d5e7a;
    display: block;
    width: 70px;
    float: left;
    padding-left: 5px;

}

.panel .dark {

    width: auto;
    cursor: pointer;
    float: right;
    margin: 5px;
    height: 20px;
    padding: 0px 10px 0px 10px;
    _padding: 0px;
    background-color: #457895;
    border: 1px solid #296075;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;

}

.panel .light {

    width: auto;
    cursor: pointer;
    margin: 5px;
    height: 20px;
    float: right;
    padding: 0px 10px 0px 10px;
    _padding: 0px;
    background-color: #8aa9bd;
    border: 1px solid #6c96ac;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;

}

.panel a.light {

    width: auto;
    cursor: pointer;
    display: block;
    float: right;
    text-decoration: none;
    margin: 5px;
    height: 16px;
    padding: 2px 10px 0px 10px;
    background-color: #8aa9bd;
    border: 1px solid #6c96ac;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;

}

.topbutton {

    background-image: url("http://www.novabrik.cz/img/topbutton.63.jpg");
    display: block;
    width: 29px;
    height: 19px;
    margin-bottom: 15px;
    margin-top: -10px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 17px 0px 17px;

}

.divVelikost {

	width: 270px; float: left;
	padding-bottom: 5px;	
	
}

.checkboxVelikost {

	width: 18px;	
	
}

/**
 * Integrace JTIPu
 *
 */

#JT_arrow_left {

    background-image: url("http://www.novabrik.cz/images/arrow_left.gif");
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-12px;
    height:23px;
    width:10px;
    color: white;
    top:-3px;

}

#JT_arrow_right {

    background-image: url("http://www.novabrik.cz/images/arrow_right.gif");
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    height:23px;
    width:11px;
    color: white;
    top:-2px;

}

#JT {

    position: absolute;
    z-index:100;
    border: 2px solid #1d5e7a;
    background-color: #fff;

}

#JT_copy {

    padding:10px 10px 10px 10px;
    color:#1d5d80;

}

.JT_loader {

    background-image: url("http://www.novabrik.cz/images/loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;

}

#JT_close_left {

    background-color: #1d5e7a;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    color: white;
    font-weight:bold;

}

#JT_close_right {

    background-color: #1d5e7a;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    color: white;
    font-weight:bold;

}

#JT_copy p {

    margin:3px 0;

}

#JT_copy img {

    padding: 1px;
    border: 1px solid #1d5e7a;

}

.jTip {

    cursor:hand;
    cursor:pointer;

}

/**
 * Chybova hlaseni
 *
 */
span.error {

    margin-left: 5px;
    color:  #8b0000;
    font-weight: bold;

}

span.ready {

    margin-left: 5px;
    color:  #006400;
    font-weight: bold;

}

span.notice {

    margin-left: 5px;
    color:  #daa520;
    font-weight: bold;

}
