*{
  margin:0;
  padding:0;}
body{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  background:url(../img/bodybg.gif) center repeat-y;}
.fLeft{
  float:left;}
.fRight{
  float:right;}
h1{
  padding:6px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:normal;
  color:#ff6600;
  background-color:#eeeeee;
  border:6px solid #ffffff;}
h2{
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;}
/*......................................................................................................HEADER*/
.header{
  float:left;
  width:100%;
  background:url(../img/headerbg.gif) repeat-x;}
.head{
  width:980px;
  height:125px;
  margin:0 auto;
  background:url(../img/head.jpg) no-repeat;
  color:#666666;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;}
.cakephp{
  float:right;
  font-size:12px;}
/*.......................................................................................................MENU*/
.menu{
  float:left;
  width:100%;
  height:50px;
  background:url(../img/menubg.gif) repeat-x;}
.menuBox{
  width:980px;
  height:38px;
  margin:0 auto;
  border:6px solid #cccccc;
  background-color:#333333;}
.klocna{
  float:left;
  width:325px;
  height:39px;}
.homeButton{
  float:left;
  width:87px;
  height:38px;
  display:block;
  overflow:hidden;
  border-right:1px solid #cccccc;
  background:url(../img/home2.gif) left top no-repeat;}
.portButton{
  float:left;
  width:127px;
  height:38px;
  display:block;
  overflow:hidden;
  border-right:1px solid #cccccc;
  background:url(../img/portfolio2.gif) left top no-repeat;}
.shopButton{
  float:left;
  width:85px;
  height:38px;
  display:block;
  overflow:hidden;
  border-right:1px solid #cccccc;
  background:url(../img/shop2.gif) left top no-repeat;}
.blogButton{
  float:left;
  width:83px;
  height:38px;
  display:block;
  overflow:hidden;
  border-right:1px solid #cccccc;
  background:url(../img/blog2.gif) left top no-repeat;}
.kontaktButton{
  float:left;
  width:113px;
  height:38px;
  display:block;
  overflow:hidden;
  border-right:1px solid #cccccc;
  background:url(../img/kontakt2.gif) left top no-repeat;}
.homeButton:hover,
.portButton:hover,
.shopButton:hover,
.blogButton:hover,
.kontaktButton:hover{
  background-position:left bottom;}
.menuSpider{
  position:relative;
  float:left;
  z-index:100;
  padding-left:216px;
  margin-top:-6px;}
.languageBox{
  float:right;
  margin-top:7px;
  color:#cccccc;}
.languageLink{
  float:left;
  color:#cccccc;
  text-decoration:none;
  margin:4px;}
.languageLink:hover{
  color:#ff6600;}
/*....................................................................................................CONTENT*/
.content{
  float:left;
  width:100%;
  background:url(../img/whiteborder.gif) top repeat-x;
  background-color:#dddddd;
  border-top:10px solid #ffffff;}
.contentTop{
  float:left;
  position:relative;
  z-index:100;
  width:100%;
  height:6px;
  background:url(../img/contenttop.gif) center no-repeat;}
*html .contentTop{
  margin-bottom:-4px;
  margin-top:-4px;}
.spineHolder{
  float:left;
  width:100%;
  background:url(../img/whiteborder.gif) bottom repeat-x;}
.spine{
  width:992px;
  margin:0 auto;
  overflow:hidden;}


.leftCol{
  float:left;
  width:735px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  line-height:20px;
  border:6px solid #cccccc;
  background-color:#ffffff;
  margin-bottom:-5000px;
  padding-bottom:5000px;}
.subCol{
  float:left;
  width:245px;}
.subCol1{
  float:left;
  width:245px;}
.subCol2{
  float:left;
  width:230px;
  margin:50px 0 50px 0;
  background-color:#F1F1F1;}
.subCol21{
  float:left;
  width:230px;
  margin:30px 0 50px 0;}
.subColBottom{
  float:left;
  width:214px;
  height:140px;
  padding:15px;
  border-right:1px solid #cccccc;
  border-bottom:6px solid #cccccc;}
.subColBottom2{
  float:left;
  width:214px;
  height:150px;
  padding:15px;
  border-right:1px solid #cccccc;
  border-bottom:6px solid #cccccc;
  font-size:12px;
  line-height:16px;
  color:#555555;}
.nasheImg{
  float:left;
  width:236px;
  border-right:1px solid #cccccc;
  padding:10px 0 0 8px;}
.bigButton1{
  float:left;
  width:245px;
  height:106px;
  display:block;
  overflow:hidden;
  background:url(../img/bb1.gif) left top no-repeat;}
.bigButton2{
  float:left;
  width:245px;
  height:106px;
  display:block;
  overflow:hidden;
  background:url(../img/bb2.gif) left top no-repeat;}
.bigButton3{
  float:left;
  width:245px;
  height:106px;
  display:block;
  overflow:hidden;
  background:url(../img/bb3.gif) left top no-repeat;}
.bigButton1:hover, 
.bigButton2:hover, 
.bigButton3:hover{
  background-position:left bottom;}
.paginBox{
  text-align:center;
  padding:30px 0;
  clear:both;}
.paginBox a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#999999;
  text-decoration:none;
  background-color:#FFFFFF;
  border:1px solid #FFFFFF;
  padding:1px 5px;}
.paginBox a:hover{
  text-decoration:none;
  background-color:#eeeeee;
  border:1px solid #999999;
  color:#333333;}
.productBox{
  width:723px;
  float:left;
  border-bottom:6px solid #cccccc;
  padding:6px;}
.productBoxGray{
  position:relative;
  width:730px;
  height:138px;
  background:url(../img/portbox1.gif) no-repeat;
  margin-bottom:15px;}
.productBoxOrange{
  position:relative;
  width:730px;
  height:138px;
  background:url(../img/portbox2.gif) no-repeat;
  margin-bottom:15px;}
.cardImg{
  float:left;}
.siteName{
  float:right;
  width:530px;
  color:#333333;
  background-color:#dddddd;
  font-weight:bold;
  padding:6px;}
.siteOpis{
  float:right;
  width:530px;
  min-height:70px;
  background-color:#eeeeee;
  padding:6px;}
*html .siteOpis{
  height:70px;}
.siteOpisTxt{
  min-height:60px;
  background:url(../img/sitebg.gif) left top no-repeat;}
*html .siteOpisTxt{
  height:60px;}
.siteData{}
.siteData a{
  color:#ff6600;
  text-decoration:none;}
.siteData a:hover{
  color:#333333;
  text-decoration:underline;}


.rightCol{
  float:right;
  width:223px;
  color:#333333;
  border:6px solid #cccccc;
  margin-left:10px;
  background-color:#ffffff;
  margin-bottom:-5000px;
  padding-bottom:5000px;
  text-align:center;}
.rightTitle{
  background-color:#eeeeee;
  margin:6px;
  padding:10px;
  clear:both;}
.rightContent{
  float:left;
  padding:0 0 12px 6px;}
/*....................................................................................................KONTAKT*/
.kontaktFake{
  position:absolute;
  width:980px;
  left:0;
  top:0;
  background-color:#FFFFFF;
  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity:0.70;
  padding-bottom:2000px;
  margin-bottom:-2000px;}
.kontaktBox{
  position:absolute;
  width:451px;
  height:407px;
  left:270px;
  top:100px;
  text-align:center;
  padding:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background:url(../img/kontaktbg.gif) no-repeat;
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
  z-index:200;}
.kontaktBox strong{
  color:#FFFFFF;}
.inputLabel{
  float:left;
  clear:left;
  width:200px;
  font-weight:bold;
  margin-bottom:5px;}
.myInput{
  float:left;
  border:1px solid #3399CC;
  background-color:#EEEEEE;
  width:300px;
  margin-bottom:7px;}
.checkboxHolder{
  float:left;
  width:200px;
  margin:5px 0 10px 0;}
.myCheckbox{
  float:left;}
.checkboxLabel{
  float:left;
  width:150px;
  margin-top:-2px;}
#nonBold{
  font-weight:normal;
  line-height:normal;
  padding-right:10px;
  width:190px;}
.myTextarea{
  float:left;
  border:1px solid #3399CC;
  background-color:#EEEEEE;
  width:300px;
  height:100px;
  margin-bottom:7px;}
.myFile{
  float:left;
  width:300px;
  margin-bottom:7px;}
.submitButton{
  float:left;
  border:1px solid #000000;
  background-color:#FF6600;
  cursor:pointer;}
.submitButton:hover{
  background-color:#FF9900;}
.kontaktInfo{
  float:left;
  clear:left;
  width:710px;
  padding:20px 10px;}
.hiddenMsg{}
.errorMsg{
  float:left;
  width:300px;
  padding-left:200px;
  color:#FF0000;
  font-size:10px;
  line-height:normal;}
.ubedjivac{
  float:left;
  clear:left;}
/*.....................................................................................................FOOTER*/
.footer{
  float:left;
  width:100%;
  background:url(../img/whiteborder.gif) top repeat-x;
  background-color:#777777;
  text-align:center;
  color:#cccccc;
  border-top:10px solid #ffffff;}
.footerContent{
  border:6px solid #cccccc;
  border-bottom-style:none;
  width:980px;
  margin:0 auto;
  background-color:#333333;
  padding:15px 0;
  line-height:20px;}
.footer a{ 
  color:#cccccc;}
.footer a:hover{
  color:#ffffff;
  text-decoration:none;}
  
/*baneri............................................................................................*/
.baner{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8px;}  
/*blog..............................................................................................*/
.kod{
  width:700px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding:10px;
  font-size:11px;  
  background-color:#FEE3CB;
  border: 1px dotted Black;
  margin-bottom:10px;
 }
 /* template........................................................................................*/
.mainrow{
  float:left;
  width:191px;
  margin-bottom:2px;
  padding:3px 0 0 18px;
  height:17px;
  display:block;
  overflow:hidden;
  text-align:left;
  background:url(../img/rightlinkbg.gif) left top no-repeat;}
.mainrow a{
  color:#666666;
  text-decoration:none;}
.mainrow:hover{
  background-position:left bottom;}