h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}

#header{
    width:100%;
    background-color:#242424;
    border:none;
    height:85px;
    vertical-align: middle;
    padding-right:0px;
}
#header img {
    margin-top: 15px;
    float: left;
}
#header h1 {
    float: left;
    margin-left: 110px;
    margin-top: 30px;
    color: white;
    font-size: 26px;
}
div #right_logo {
    float: right;
    text-align: center;
}
div #right_logo img {
    max-width: 100px;
}
div #right_logo p{
    text-align:center;
    font-size: 11pt;
}
#menu {margin-top: 6px; font-size: 11pt;}
#menu a {margin-right: 10px;}
#page,.limit{
width:900px;
margin-left:auto;
margin-right: auto;
}
.a_right {
    float: right;
    color: white;
    margin-top: 38px;
    font-size: 10pt;
}
a.active {
    color: black;
    text-decoration: none;
    border-top: 3px solid #347EB6;
    padding-top: 4px;
}
.flash {padding: 7px;}
.flash.success {background-color: #A9FFA9;}
.flash.error {background-color: #ff8e8e;}
.arrow {color: #347EB6;}

table tr.odd {
    background-color: #f8f8f8;
}

#leftDeparts {width: 720px;}
#rightDeparts {
    
    clear: both;
}

.ramecek{
width: 255px;
height: 100px;
border: 1px solid #CBD5E2;
background-color: #EAEFF5;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: 136px;
margin-top: 20px;
padding: 5px;
text-align: center;
}
.ramecek p{
text-align: center !important;
}
.department {
    width: 165px; padding: 20px 0;
    text-align: center; 
    float: left;
    background-color: #347EB6;
    color: white;
    margin: 0 10px 15px 0;
    border: 1px solid;
    font-size: 14pt; 
    cursor: pointer;
}
.department.big {
    background-color: #FAFCFF;
    color:#347EB6;
    width: 340px;
}
.department:hover {
    color: #1D373F;
}
table.waitTable {min-width: 300px;}
table.waitTable tr td{ border-bottom: 1px dashed #B8B8B8; }

.buyForUser {
        color: white;
        text-decoration: underline;
}

.buyForUser:hover {
        text-decoration: none;
}

table.users {
    border: 1px solid #ccc;
    width: 100%;
    text-align: center;
}
tr.nonline { position: absolute; } 
tr.nonline td {  border: 0 !important;} 
.user-info {cursor: pointer;}
table.users tr td { border-bottom: 1px dotted #ccc;}
.users th {vertical-align:bottom;}
.users th.line {border-bottom: 1px solid black;} 
tr.user-info td{
    border-top: 1px solid #888; 
}
tr.user-info:hover {
    background-color: #F8F8F8;
}
.bggray {
    background-color: #eee; border: 0;
}
.bggreen {
    background-color: #8CF043; border: 0;
}
tfoot td {
    border-top: 1px solid #888;
    font-weight: bold;
    height: 40px;
}
p.error {
    background-color: #FFE8E8;
    padding: 7px 5px;
    margin: 0 5px;
}

#TB_ajaxContent {overflow: hidden;}
#TB_obal {
    text-align: left;
    margin: 50px;
}

.podpora {font-size: 12pt;}

.logoBig {
    max-width: 300px; max-height: 200px;

}
.logoSmall {
    max-width: 200px; max-height: 100px;
    margin-bottom: 10px;
    float: right;
}
h2.admin {
    cursor: pointer;
    margin-top: 55px;
}
.space_left {
    margin-left: 40px;
}
.contact_payment {
    float: left;
    margin-right: 100px;
}
.contact_payment p {
    margin: 5px 0;
}
table.cenik tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
table.cenik tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}


/** ROZEČTI.SE - administration style **/

body.waiting {
    cursor: wait;
}

input[type=checkbox] {
    float: left;
    margin-right: 10px !important;
}

.datagrid textarea {
    height: 126px;
}

label {
    text-align: left;
    padding-right: 10px;
}

.navbar-fixed-top .navbar-inner.add-padding {
    padding: 0 40px;
}

.draggable {
    cursor: move;
}

.collapse-trigger {
    cursor: pointer;
}

.collapsed-form {
    display: none;
}

.collapse-trigger {
    cursor: pointer;
}

.collapsed-content {
    display: none;
}

.inner-content {
    display: none;
}

.ui-sortable-helper {
    background: #fff;
}

#page-content {
    padding: 0 40px;
}

td.cell_translation {
    min-width: 250px;
}

td.cell-green.editable {
    border: 2px dashed #C4D8C3;
    border-bottom: 2px solid #d0e9c6;
}

td.cell-green.editable:hover,
td.cell-green.editable.focused,
td.cell-green.editable.active {
    border: 2px dashed #5E945C;
    outline: none;
}

td.cell-red.editable {
    border: 2px dashed #EEC5DF;
    border-bottom: 2px solid #f2dede;
}

td.cell-red.editable:hover,
td.cell-red.editable.focused,
td.cell-red.editable.active {
    border: 2px dashed #AA1D61;
    outline: none;
}

.wide textarea,
.wide select,
.wide input[type="text"],
.wide input[type="password"],
.wide input[type="datetime"],
.wide input[type="datetime-local"],
.wide input[type="date"],
.wide input[type="month"],
.wide input[type="time"],
.wide input[type="week"],
.wide input[type="number"],
.wide input[type="email"],
.wide input[type="url"],
.wide input[type="search"],
.wide input[type="tel"],
.wide input[type="color"] {
    width: 100%;
}

.form-group {
    margin: 8px 0;
}