﻿/**

 # ot_writer -   OT Writer Template for Joomla 2.5!

 # author       OmegaTheme.com

 # copyright     Copyright(C) 2012 - OmegaTheme.com. All Rights Reserved.

 # @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

 # Website:     http://omegatheme.com

 # Technical     support: Forum - http://omegatheme.com/forum/

 **/

 /**------------------------------------------------------------------------

 * file: layout.css 2.5.0 00001, January 2013 12:00:00Z OmegaTheme $

 * package:  OT Writer Template

 *------------------------------------------------------------------------*/



body#ot-body{

  background: url("../images/body-bg.png");

  color: #333;

  font-family: Segoe UI,Helvetica,'sans-serif';

  font-size: 13px;

}

div.ot-mainWrap{

  

}

div.ot-widthTemp{

    margin: 0 auto;

    width: 966px;

}

form div {

  margin: 0;

}

div.ot-header,

div.ot-mainbody,

div.topbg,

div.bottombg,

div.ot-footer,

div.ot-bottomboxes,

div.ot-bottoms{

  float: left;

  width: 100%;

}



/* +++++++++++++++ START HEADER +++++++++++++++ */

div.ot-header{

  background: #1f1f1f url("../images/header-bg.png") repeat-x;

  position: relative;

  z-index: 9;

}

.ot-headertop{

  float: left;

  width: 20%;

}

#ot-mainmenu{

  width: 80%;

  float: right;

}



/* +++++++++++++++ END HEADER +++++++++++++++ */



/* +++++++++++++++ STYLE MAINBODY +++++++++++++++ */

div.ot-mainbody{

  margin: 0px 0;

    padding: 0px 0;

    position: relative;

    z-index: 1;

}

div.ot-mainbody {

  padding: 0 0 20px 0;

}

div.ot-widthTemp{

  padding: 0 0 0 0;

}

#system-message-container dl#system-message dd{

  padding: 0;

  float: none;

}

#system-message-container dl#system-message dd ul{

  margin: 0;

}

#system-message-container dl#system-message dd ul li{

  background: none;

  line-height: normal;

}





/* +++++++++++++++ STYLE LEFT-RIGHT COLUMN +++++++++++++++ */

div.ot-rightcolumn,

div.ot-leftcolumn{

  float: left;

  margin: 0 40px 0 0;

  padding: 0 0 0 0px;

  width: 280px;

  overflow: hidden;

  position: relative;

  z-index: 9;

}

div.ot-leftcolumn{

  

}

div.ot-rightcolumn{

  

}



div.ot-rightcolumn .otModule,

div.ot-leftcolumn .otModule{

  float: left;

  width: 100%;

  margin: 0 0 15px 0;

  padding: 0 0 15px 0;

}

div.ot-rightcolumn .otModule-i, 

div.ot-leftcolumn .otModule-i{

  padding: 0px 0px;

  margin: 0 0 0 0px;

}

div.ot-rightcolumn .otModule-i{

  margin: 0 0 0 0px;

}

div.ot-mainmenu .otModule-i{

  

}

div.ot-rightcolumn .module-fullwidth .otModule-i,

div.ot-leftcolumn .module-fullwidth .otModule-i{

  padding: 0;

}

div.ot-rightcolumn .otModule-i h3,

div.ot-leftcolumn .otModule-i h3{

  background: url("../images/heading-bottom-line.png") repeat-x 0 100%;

  color: #333333;

  font-family: Segoe UI, Arial;

    font-size: 20px;

    font-weight: normal;

    line-height: normal;

    margin: 0 0 10px 0;

  padding: 0 0 8px 0;

    text-align: left;

    text-transform: none;

}



div.ot-rightcolumn .otModule-i h3 span{



}

div.ot-leftcolumn .otModule-i h3 span{

  padding: 0 0px;

}

div.ot-rightcolumn .otModuleContent-i,

div.ot-leftcolumn .otModuleContent-i{

  

}

div.ot-rightcolumn .otModuleContent-i{

  padding: 0px 0;

}



div.ot-rightcolumn ul,

div.ot-leftcolumn ul{

  margin: 0;

}

div.ot-rightcolumn ul li,

div.ot-leftcolumn ul li{

  background: url("../images/border-item-bg.png") repeat-x 0 100%;

  border: none;

  padding: 0 0 10px 0;

  margin: 0 0 8px 0;

}

div.ot-rightcolumn ul li.first,

div.ot-leftcolumn ul li.first,

div.ot-rightcolumn ul li.first a,

div.ot-leftcolumn ul li.first a{

  border: none;

}

div.ot-rightcolumn ul li a,

div.ot-leftcolumn ul li a{

    color: #685B53;

    display: block;

    font-size: 15px;

    padding: 6px 0 6px 00px;

}



div.ot-rightcolumn{

  float: right;

  background: none;

  margin: 0 0 0 40px;

  padding: 0px 0px 0px 0px;

}

div.ot-rightcolumn .otModule{

  

}



/* +++++++++++++++ END LEFT-RIGHT +++++++++++++++ */



.ot-content{

  overflow: hidden;

  position: relative;

}

.topbg,

.bottombg{

  position: relative;

  height: 39px;

}

.topleftbg,

.toprightbg,

.bottomleftbg,

.bottomrightbg{

  position: absolute;

  height: 39px;

}

.topleftbg,

.bottomleftbg{

  width: 39px;

  left: 0;

  top: 0;

}

.topleftbg{

  background: url("../images/maincontent-top-left-bg.png") no-repeat;

}

.bottomleftbg{

  background: url("../images/maincontent-bottom-left-bg.png") no-repeat;

}

.toprightbg, 

.bottomrightbg{

  margin-left: 39px;

    right: 0;

    top: 0;

  position: relative;

}

.toprightbg{

  background: url("../images/maincontent-top-right-bg.png") no-repeat 100% 0;

}

.bottomrightbg{

  background: url("../images/maincontent-bottom-right-bg.png") no-repeat 100% 0;

}

.ot-content-i{

  background: url("../images/maincontent-right-bg.png") repeat-y 100% 100%;

  clear: both;

    padding-right: 20px;

}

.ot-content-ii{

  background: url("../images/maincontent-left-bg.png") repeat-y 0 100%;

  padding-left: 20px;

}

.ot-content-iii{

  background: #fafbfb;

}

.ot-content-iii div,

.ot-content-iii div div,

.ot-content-iii div div div{

  

}

/*form[name="com-login"],*/

form{

  padding: 10px 0;

}



/* +++++++++++++++ END MAINBODY +++++++++++++++ */



/* +++++++++++++++ STYLE FOOTER +++++++++++++++ */

div.ot-footer{

  background: #000 url(../images/bottom-bg.png) repeat 0 0px;

  color: #999999;

  padding: 0px 0px;

}

div.ot-footer-i{

  background: url(../images/bottom-shadow-bg.png) repeat-x 0 0px;

  overflow: hidden;

  padding: 20px 0 10px 0;

}

.ot-bottomboxes{

  padding-top: 15px;

}

.ot-bottomboxes .bottom-box{

  float: left;

}

.ot-bottomboxes .bottom-box .otModule{

  padding: 0 10px;

}

.ot-bottomboxes .firstbox{

  

}

.ot-bottomboxes .firstbox .otModule{

  padding-left: 0;

}

.ot-bottomboxes .lastbox{

  float: right;

}

.ot-bottomboxes .lastbox .otModule{

  padding-right: 0;

}

.ot-bottomboxes h3{

  background: url("../images/heading-bottom-line.png") repeat-x scroll 0 100% transparent;

    font-family: 'Segoe UI';

  font-size: 20px;

    margin-bottom: 8px;

    padding-bottom: 12px;

}

.ot-bottomboxes h3 span.first-word{

  color: #FF6633;

}

div.ot-bottoms{

  background: url("../images/heading-bottom-line.png") repeat-x 0 0;

  margin-top: 25px;

  padding-top: 15px;

  position: relative;

}

/********************* the START VERH block ********************/

div.ot-verh{

  position: relative;

}

div.ot-verh-i{

  width: 100%;

}

div.ot-verh-1{

  float: left;

  width: 33%;

}

div.ot-verh-2{

  float: right;

  width: 67%;

}

div.ot-verh-1 a,

div.ot-verh-2 a{

  font-weight: normal;

  text-transform: none;

}

div.ot-verh-1 .otModule{

  padding: 0px 0px 0px 0px;

  overflow: hidden;

}

div.ot-verh-2 .otModule{

  padding: 0px 0px 0px 0px;

  overflow: hidden;

}

div.ot-verh-1 ul.menu,

div.ot-verh-2 ul.menu{

  float: left;

  margin: 0;

}

div.ot-verh-1 ul.menu li,

div.ot-verh-2 ul.menu li{

  background: none;

  float: left;

  margin: 0;

  padding: 0 10px 0 0;

}

div.ot-verh-1 ul.menu li a,

div.ot-verh-2 ul.menu li a{

  color: #B0A6A5;

}

div.ot-verh-1 ul.menu li.first,

div.ot-verh-2 ul.menu li.first{

  

}

div.ot-verh-1 ul.menu li.first{

  

}

/******************** the END VERH block ********************/

div.ot-bottoms-i{

  width: 90%;

}

div.ot-bottom-1{

  float: left;

  width: 49%;

}

div.ot-bottom-2{

  float: right;

  width: 50%;

}

div.ot-bottom-1 a,

div.ot-bottom-2 a{

  font-weight: normal;

  text-transform: none;

}

div.ot-bottom-1 .otModule{

  padding: 0px 20px 0px 0px;

  overflow: hidden;

}

div.ot-bottom-2 .otModule{

  padding: 0px 0px 0px 20px;

  overflow: hidden;

}

div.ot-bottom-1 ul.menu,

div.ot-bottom-2 ul.menu{

  float: left;

  margin: 0;

}

div.ot-bottom-1 ul.menu li,

div.ot-bottom-2 ul.menu li{

  background: none;

  float: left;

  margin: 0;

  padding: 0 10px 0 0;

}

div.ot-bottom-1 ul.menu li a,

div.ot-bottom-2 ul.menu li a{

  color: #B0A6A5;

}

div.ot-bottom-1 ul.menu li.first,

div.ot-bottom-2 ul.menu li.first{

  

}

div.ot-bottom-1 ul.menu li.first{

  

}

a#backtoptop{

  background: url("../images/top.png") no-repeat;

  display: block;

    float: right;

    height: 45px;

    width: 74px;

}

/* +++++++++++++++ END FOOTER +++++++++++++++ */



/* K2 tablica kratkay info */

.kpinfo{

 border:1px solid #958b89;

 width:100%;

 padding:0;

 -webkit-box-shadow: 4px 5px 4px 1px #dcd5d5;

 -moz-box-shadow:4px 5px 4px 1px #dcd5d5;

 box-shadow:4px 5px 4px 1px #dcd5d5;

 border-Radius:4px;

 -moz-border-radius:4px;

 -webkit-border-radius:4px;

 }.kpinfo table{

 width:100%;

 height:100%;

 margin:0;

 border-collapse: collapse;

 border-spacing: 0;

 }.kpinfo table thead tr{

 background:#ded8d7;

 }.kpinfo table thead tr td{

 border:1px solid #958b89;

 text-align:right;

 vertical-align:middle;

 border-width:0px 0px 1px 0px;

 color:#000000;

 font-family:Verdana;

 font-size:10px;

 height:0px;

 }.kpinfo table thead tr td label{

 margin-right:4px;

 margin-left:0px;

 margin-top:0px;

 margin-bottom:0px;

 color:inherit;

 font-weight:inherit;

 font-family:inherit;

 font-size:inherit;

 text-shadow: 1px 1px 1px #c4c4c4;

 display:block;

 }.kpinfo table thead tr td:first-child{

 border-width:0px 0px 1px 0px;

 }.kpinfo table tbody tr:last-child td:first-child{

 -moz-border-radius-bottomleft:4px;

 -webkit-border-bottom-left-radius:4px;

 border-bottom-left-radius:4px;

 }.kpinfo table tbody tr:last-child td:last-child{

 -moz-border-radius-bottomright:4px;

 -webkit-border-bottom-right-radius:4px;

 border-bottom-right-radius:4px;

 }.kpinfo table tbody tr{

 background:#ffffff;

 }.kpinfo table tbody tr:hover{

 background:#e6bb99;

 }.kpinfo table tbody tr td{

 vertical-align:middle;

 height:52px;

 text-align:left;

 color:#000000;

 font-family:arial;

 font-size:16px;

 border:1px solid #958b89;

 border-width:0px 0px 1px 0px;

 }.kpinfo table tbody tr td label{

 margin-right:0px;

 margin-left:20px;

 margin-top:0px;

 margin-bottom:0px;

 color:inherit;

 font-weight:inherit;

 font-family:inherit;

 font-size:inherit;

 display:block;

 }.kpinfo table tbody tr td:first-child{

 border-width:0px 0px 1px 0px;

 }.kpinfo table tbody tr:last-child td{

 border:0 0 0 1px;

 }



/* K2 tablica kratkay info END*/



/* K2 высказывания info */

.kpinfo2{

 border:1px solid #aaaaaa;

 background: #FFF9F7;

 width:auto;

 font-size:16px;

  padding:5px 20px 5px 20px;

 -webkit-box-shadow: 4px 5px 4px 1px #dcd5d5;

 -moz-box-shadow:4px 5px 4px 1px #dcd5d5;

 box-shadow:4px 5px 4px 1px #dcd5d5;

 border-Radius:4px;

 -moz-border-radius:4px;

 -webkit-border-radius:4px;

 }



/* K2 высказывания info END*/



/* K2 кнопка BUTTON2 start*/

.button2{

 cursor:pointer;

 border-width:1px;

 border-style:solid;

 border-color:#ffffff;

 -webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 text-align:center;

 width:88px;

 height:34px;

 padding-top:undefinedpx;

 padding-bottom:undefinedpx;

 font-size:20px;

 /* font-family:Arial; */

 color:#ffffff;

 background:#cccccc;

 -webkit-box-shadow: 1px 4px 3px 0px #b1b1b1;

 -moz-box-shadow:1px 4px 3px 0px #b1b1b1;

 box-shadow:1px 4px 3px 0px #b1b1b1;

 text-shadow: 0px 2px 3px #000000;

 display:inline-block;

 }.button2:hover{

 background:#ff6633;

 }

/* K2 кнопка BUTTON2 end*/

