/*
  ================== MAIN CSS FILE ==================

    CREATED: 2. 9. 2011  

  ===================================================
*/


/******************* css reset **********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body        {line-height:1;}

ul          {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

table       {border-collapse:collapse; border-spacing:0;}

a img       {border:none;}

input[type="submit"], input[type="button"], button {cursor:pointer;}
textarea    {overflow:auto;}
:focus      {outline:none;}

/***** Firefox buttons fix *****/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border:0;padding:0;margin:0;}


/******************* general elements **********************/
html        {font-family:Arial, Helvetica, sans-serif; height:101%;}

body        {font-size:14px; color:#000; background:#fff url('../images/bg.png') repeat 0 0;}

.wrapper    {width:1020px; margin:0px auto; &margin-top:30px; position:relative; padding-bottom:20px;}

.page       {margin:0 0 30px 0; background:#fff; -webkit-box-shadow:0 0 30px 0 #E5E5E5; -moz-box-shadow:0 0 30px 0 #E5E5E5; box-shadow:0 0 30px 0 #E5E5E5;}

.content    {padding:0 40px 40px;}

.normalText {color: #000; font-size: 14px; font-weight: normal;}

a           {color:#000;}
a:hover, .ui-widget-content a:hover     {color:rgb(137,137,137);}

.clear      {clear:both; height:0px; overflow:hidden; border:0;}
.left       {float:left;}
.right      {float:right;}
.hidden     {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden;}


/***************** header *****************/
.header     {padding:29px 0 0; color:#11b7c4;}

.mainTitle a {width:184px; height:0px; overflow:hidden; padding:53px 0 0; background: url('../images/logo-ifm.png') no-repeat 0 0;  font-size:18px; margin:0 85px 0 40px; float:left; &margin-right:30px;}
.mainTitle strong {font-size:35px; display:block;}

.logo span       {float:right; width:170px; height:0; overflow:hidden; padding:53px 0 0; margin:0 45px 0 0;}
.logo span.parkers       {background: url('../images/logo-parkers.png') no-repeat 0 0;}
.logo span.fonergy       {background: url('../images/logo-fonergy.jpg') no-repeat 0 0; margin-top: -15px; width: 200px;padding: 62px 0 0;}

.nemovitost {float:left; width:300px; margin:5px 0 0;}
.nemovitost label {font-size:14px;}
.nemovitost select {margin:0; width:300px;}


.loggedUser {float:right; width:145px; text-align:right; margin:0 23px 0 0; /*border:1px solid #88dbe1; */padding:9px;}
.loggedUser strong {display:block;  padding:0 0 2px 0;}

.mainMenu      {float:left; width:940px; margin:0 20px 0; padding:18px 20px 0; position:relative; bottom:0px;}
.mainMenu ul {float:left;}
.mainMenu li   {float:left; font-size:12px; font-weight:bold; color:#fff; line-height:1.2; margin:0 1px 1px 0; background:#11b7c4;}
.mainMenu li a {display:inline-block; text-decoration:none; color:#fff; padding:9px 12px;}
.mainMenu li a:hover {background:#7e747b;}
.mainMenu li.active {background-color:#7e747b; color:#fff;}
.mainMenu li.active a {color:#fff;}
.mainMenu .realityMenu li a {width:81px;}

ul.settingMenu {float:right;}
.settingMenu li {font-size:11px; background:#37d6de; font-weight:normal;}
.settingMenu li a {padding:10px 12px;}

.infoBlock {padding:10px 12px; font-size:16px; color:#fff; margin:0 0 8px; background:#7e747b;}

/***************** content ****************/

.contentWrapper    {}

.loginBox , .registerBox {width:300px; border:1px solid #ddd; background:#F7F7F7; padding:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.loginBox { margin: auto}
.loginBox fieldset {width:300px; margin:0 auto;}
.loginBox .regForm, .loginBox.widerForm {width:480px;}
.loginBox .regForm label {font-weight:normal; width:130px;}
.loginBox .regForm p {padding:0;}
.loginBox .regForm input[type="submit"] {margin-left:130px !important;}
.loginBox legend , .registerBox legend {padding-bottom:20px;}
.loginBox label , .registerBox label {float:left; width: 90px; padding:5px 0 0;}
.loginBox .button , .registerBox .button {margin:5px 0 0 90px !important;}
.loginBox.demo {float: left;}

.registerBox {width:500px; margin:0 auto;}
.registerBox label {width: 140px;}
.registerBox .button {margin:5px 0 0 190px !important;}
.registerBox .button.finish{  margin:5px 0 0 300px !important;}
.registerBox .button.back{margin:5px 0 0 0px !important;}

.loginBox h1, .startRegForm h2 { font-size: 20px !important; margin: 15px 0 20px !important;}
.startRegForm .regIcon {float: right;}

.startRegForm p {padding:5px 0; clear:none; text-align:justify}
.startRegForm { width: 460px; margin-right: 20px;float: right; background:#F7F7F7; border:1px solid #ddd; padding:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.startRegForm .regFields {padding: 5px; margin-left: 30px;}

.licenseAgree  {display:inline-block; float:none; width:auto; font-size:12px; margin:0 0 0 0px; font-weight:bold; vertical-align:middle;}
.licenseAgree input {vertical-align:middle; }

/***** titles *****/
/*
.content h1 {font-size:25px; margin:0 0 20px; color:#186074;}
.content h2 {font-size:30px; margin:15px 0 22px; color:#11b7c4;}
.content h3 {font-size:22px; margin:25px 0 20px; color:#11b7c4;}
.content h4 {font-size:18px; margin:20px 0; color:#000;}
.content h5 {font-size:16px; margin:20px 0; color:#000;}
.content h6 {font-size:14px; margin:20px 0 15px; color:#000;}
*/
.content h1 {font-size:30px; margin:15px 0 22px; color:#11b7c4;}
.content h2 {font-size:22px; margin:25px 0 20px; color:#11b7c4;}
.content h3 {font-size:18px; margin:20px 0; color:#000;}
.content h4 {font-size:16px; margin:20px 0; color:#000;}
.content h5 {font-size:14px; margin:20px 0 15px; color:#000;}

/***** paragraphs *****/
.content p  {margin:10px 0; line-height:1.3;}
.content p.smaller {font-size:12px;}

/***** lists *****/
.content ul    {padding:0 0 0 0; margin:20px 0; line-height:1.5;}
.content ul li {padding:0 0 3px 20px; background:url('../images/bullet.png') no-repeat 3px 8px;}
.content ol    {padding:0 0 0 20px; margin:20px 0; line-height:1.5;}
.content ol li {padding:0 0 7px 0;}

/***** tables *****/
table       {margin: 20px 0 20px 0;}
caption     {padding:0 0 10px; font-weight:bold; text-align:left; color:#186074;}
td, th      {padding:7px 10px; border:1px solid #11b7c4; text-align:left;}
td:first-child, th:first-child {border-left:none;}
td:last-child, th:last-child {border-right:none;}
th          {background:#e0f1f3; color:#11b7c4;}
table input[type="text"], table input[type="password"], table select, table textarea {margin:0;}
table input[type="submit"] {float:right; margin:0 !important;}

/***** horizontal line *****/
hr          {border:none; border-top:1px solid #ccc; border-bottom:1px solid #eee; margin:10px auto; display:block; clear:both; width:100%; overflow:visible; padding:0; position:relative; font-size:1px; line-height:0;}

/***** forms *****/
form        {}
fieldset    {}
legend      {font-weight:bold; padding:5px 0 15px; font-size:16px; color:#11b7c4;}
form p      {padding:10px 0; clear:both;}
label       {display:block; padding:0 0 2px; vertical-align:top; clear:both; font-weight:bold;}
input[type="text"], input[type="password"], textarea {padding:3px 5px; border:1px solid #948b91; border-bottom:1px solid #e0dedf; border-left:1px solid #e0dedf;}
input[type="text"], input[type="password"], select, textarea {margin:0 0 10px; color:#444; font-size:12px;}
select      {width:200px; padding:4px 0;} /* input width + padding + border */
select.fullWidth {width:100%;}
textarea    {width:98%; font-family:Arial, Helvetica, sans-serif; resize: vertical;}
/*input[type="submit"], input[type="button"], button {padding:2px 5px; border:1px solid #999;}*/

.shortInput {width:30px !important;}
.middleInput {width:50px !important;}
.predcisliInput {width:30px !important; float:none; display:inline-block !important;}
.phoneInput {width:142px !important; float:none; display:inline-block !important;}

.radios .label, .checkboxes .label {display:block; padding:10px 0 10px; font-weight:bold;}
.radios input[type="radio"], .checkboxes input[type="checkbox"] {float:none; display:inline-block; margin-top:0; margin-bottom:5px;}
.radios label, .checkboxes label {float:none; width:auto; display:inline-block; font-weight:normal; margin:0 10px 0 0;}
.radios input[type="text"], .checkboxes input[type="text"] {float:none; display:inline-block;}


.formRow2 {clear:both;}
.formRow2 label {float:left; width:319px; padding:5px 0; margin:0 0 10px;}

.formRow1 {clear:both;}
.formRow1 input {float:left;}
.formRow1 label {float:left; clear:none; padding:2px 0;}

.required   {color:red;}

.button, input[type="submit"], input[type="button"] {background-color:#11B7C4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px 20px !important; margin:10px 0 !important; color:#fff !important; font-weight:bold; text-decoration:none; border:1px solid #ccc !important;}
.button:hover {background:#4799b1;}


.messages  {text-align:center; padding:0 0 20px; font-weight:bold; line-height:1.5;}
.messages span, .success-box {padding:0 0 10px 27px; display:inline; display:inline-block; font-size:13px;}
.messages .error span {color:red; background:url('../images/error.png') no-repeat 0 0;}
.messages .success span, .success-box {color:green; background:url('../images/success.png') no-repeat 0 0;}
ul.messages li {background:none;}
input.error {background-color:#e85f5f; color:#fff; -moz-box-shadow:inset 0 0 0 #eee; -webkit-box-shadow:inset 0 0 0 #eee; box-shadow:inset 0 0 0 #eee;}
select.error {background-color:#e85f5f; color:#fff;}

/*
.lang      {position:absolute; right:20px; top:-25px;}
.lang li   {float:left; padding:0 0 0 10px;}
*/


/***************** leftBlock ****************/
.leftBlock {float:left; width:220px; color:#fff;}
.leftBlock ul {margin:0;}
.leftBlock ul li {background:none; padding:0;line-height:1.3;}
.leftBlock address {font-style:normal;}

.facilityInfo {background:#11b7c4; padding:5px 12px; margin:12px 0 9px;}
.facilityInfo h2 {font-size:14px; color:#fff; margin:0 0 2px;}

.leftMenu {background:#37D6DE;}
.leftMenu ul {margin:0;}
.leftMenu ul li {}
.leftMenu ul li a {display:block; font-size:16px; font-weight:bold; background: url('../images/bullet-menu.png') no-repeat 97% 50%; color:#fff; border-bottom:1px solid #fff; padding:5px 12px; text-decoration:none;}
.leftMenu ul li .blockTitle {display:block; font-size:16px; font-weight:bold; color:#fff; border-bottom:1px solid #fff; padding:5px 12px; text-decoration:none;}

.leftMenu ul li li a {font-weight:normal; padding-left:30px;}
.leftMenu ul li a:hover {background-color:#7e747b;}


/***************** rightBlock ****************/
.rightBlock {float:right; width:650px;padding:20px 30px 30px; border:1px solid #d3d0d2; background:#f8f8f8;}
.rightBlock table {width:100%;}
.rightBlock form label {font-size:12px;}
.rightBlock form .grouped .left {margin:0 10px 0 0;}

/***** officeBoard *****/

.officeBoard {border-bottom:none; border-bottom:1px solid #d3d0d2; margin:0 -30px 35px; padding:0 30px 30px;}

.officeBoard select {width:630px;}

/***** bulletinBoard *****/
.bulletinBoard .message {width:174px; height:169px; margin:0 -4px -4px 0; overflow:hidden; float:left; background:#fff url('../images/message-gray.png') no-repeat 0 0; padding:25px 25px 25px 20px; position:relative;}
.bulletinBoard .message h3 {margin:0 0 10px; float:left; font-size:14px; max-height:25px;}
.bulletinBoard .message .date {float:right; margin:3px 0 10px; font-size:11px;}
.bulletinBoard .message p {clear:both; height:60px; overflow:hidden; font-size:12px; line-height:1.3}
.bulletinBoard .delete, .popup .delete {display:block; width:15px; height:0; overflow:hidden; padding:15px 0 0; text-indent:-9999px; position:absolute; bottom:26px; right:22px; background: url('../images/icon-delete.png') no-repeat 0 0;}
.bulletinBoard .more {display:block; width:16px; height:0; overflow:hidden; padding:15px 0 0; text-indent:-9999px; position:absolute; bottom:26px; left:20px; background: url('../images/icon-more.png') no-repeat 0 0;}
.bulletinBoard .more:hover {background-position:-16px 0;}
.bulletinBoard .delete:hover, .popup .delete:hover {background-position:-15px 0;}

.bulletinBoard .message.purple {background-image:url('../images/message-purple.png');}
.bulletinBoard .message.cyan {background-image:url('../images/message-cyan.png');}

.bulletinBoard .message.orange {background-image:url('../images/message-orange.png');}
.bulletinBoard .message.green {background-image:url('../images/message-green.png');}

.bulletinBoard .message.pink {background-image:url('../images/message-pink.png');}
.bulletinBoard .message.gray {background-image:url('../images/message-gray.png');}

.bulletinBoard .popup {display:none;}
.popup {width:500px;}
.popup .delete {position:static; float:right;}
.popup h3 {font-size:17px; color:#186074; margin:0 0 10px;}
.popup .date {font-size:11px; margin:0 0 5px;}
.popup p {font-size:13px; line-height:1.5;}

.moreLink {float:right; font-size:12px; font-weight:bold; margin:20px 0 20px;}

hr.separator {clear:both; border:none; border-top:1px solid #d3d0d2; border-bottom:1px solid #f8f8f8; margin:10px -30px; display:block; clear:both; width:710px; overflow:visible; padding:0; position:relative; font-size:1px; line-height:0;}

.listing {padding:10px 13px !important; background:#fff !important; border:1px solid #eee; margin:0 0 5px !important; line-height:1.2;}
.listing a {font-weight:bold;}
.listing a img {vertical-align:middle;}
.listing h3 {margin:0 0 3px; font-size:15px;}
.listing .archiveLeft h3 {font-size:14px;}
.listing .author {font-style:italic; font-size:13px;}
.listing .right {text-align:right; 25%;}
.listing .right a {font-size:12px;}
.listing .left {width:75%;}
.listing .date {font-size:12px; color:#444; padding:0 0 3px;}
.listing.response {margin-left:50px !important;}
.listing.response .left {width:450px;}
.archiveLeft {float:left; width:450px;}
.archiveRight {float:right; width:150px; text-align:right; font-size:12px; padding:3px 0 0;}
.fileIcon {vertical-align:middle; padding:0 5px 0 0;}

.officeBoardList .listing .left {width:470px;}

#form {margin:20px 0 0;}

.pagitation {text-align:center; margin:10px 0;}
.pagitation a {display:inline-block; background:#11B7C4; border:1px solid #DDDDDD; color:#fff; padding:2px 5px; text-decoration:none; font-weight:bold;}
.pagitation a.active {background:none; color:#000;}
.pagitation a.active:hover {color:#fff;}
.pagitation a:hover {background:#22959B;}


.svjDetailedList ul li {display:inline-block; padding:0 10px 0 15px;}

.slider {width:220px; text-align:center; margin:10px 0;}
.slider img {width:196px; padding:10px; display:block; border:2px solid #11b7c4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

div.explanatory {border-top: 1px solid #bbbbbb; padding-top: 2px;}
div.explanatory p {padding: 2px 0px;}