@import url("reset_all.css");
@import "right_banners.css";

body{}

/*************************************************************/
/**      delovi stranice                                    **/
/*************************************************************/
#BodyTableContainer{width:100%;height:100%;background:url(../Images/BodyTableContainerBck.gif) top left repeat-x;}
   #BodyTableLCell{width:50%;height:100%;}
   #BodyTableCCell{height:100%;}
   #BodyTableRCell{width:50%;height:100%;}

#CenterTable{width:958px;height:100%;background:url(../Images/CenterTableBck.gif) top left repeat-y;}
   #CenterTableHCell{text-align:center;background:url(../Images/BodyTableContainerBck.gif) top left repeat-x;}
      #BodyHeader{margin:0 auto;width:950px;height:113px;background:url(../Images/BodyHeaderBck.jpg) top right no-repeat;}
      #BodyCenter{margin:0 auto;}
         #BodyCenterLocation{margin:0 auto;height:34px;padding:0 4px;}
   #CenterTableLCell{width:193px;height:100%;padding:17px 0 0;background:url(../Images/CenterTableLCellBck.gif) top left no-repeat;}
   #CenterTableCCell,
   #CenterTableCHomeCell{width:744px;height:100%;padding:0 21px 0 0;background:url(../Images/CenterTableRCellBck.gif) top right repeat-y;}
   #CenterTableCHomeCell{width:724px;*width:744px;padding:0 0 0 20px;background:none;border:0px solid red;}
   #CenterTableRCell{width:204px;height:100%;padding:0 5px 0 0;background:url(../Images/CenterTableRCellBck.gif) top right repeat-y;}

#BodyFooterCell{padding:0 4px;}
   #BodyFooter{margin:0 auto;padding:10px 0 6px;width:950px;color:#989393;font-size:10px;text-align:center;
               background:url(../Images/BodyFooterBck.gif) top left repeat-x;}
      #BodyFooter a{color: #989393;}

.clear{clear:both;}
#LogoImageClass{
   float:left;
   margin:9px 0 0 19px;
}
a,a:hover,a:visited{ color: #d25d17; }
a:hover{ text-decoration:underline; }
a:focus{ color: #000000; }

p{
   display: block;
   padding: 3px 0px 3px 0px;
   margin: 0px 0px 0px 0px;
}

UL,OL{
   margin: 0px;
   padding: 0px 0px 0px 30px;
}
UL UL,
UL OL,
OL UL,
OL OL{
   margin: 0px;
   padding: 0px 0px 0px 15px;
}
OL LI{
   display: list-item;
   list-style: decimal;
}
UL LI,
UL.blockList LI{
   display: list-item;
   list-style: disc;
   /*list-style-image: url(../../Data/Images/listImage.gif);*/
}
UL UL LI,
UL OL LI,
OL UL LI,
OL OL LI,
.blockListLevel2 LI{
   /*display: list-item;*/
/* list-style-image: url(../../Data/Images/listImageLevel2.gif);*/
}
UL UL UL LI,
UL UL OL LI,
UL OL UL LI,
UL OL OL LI,
OL UL UL LI,
OL UL OL LI,
OL OL UL LI,
OL OL OL LI,
.blockListLevel3 LI{
   /*display: list-item;*/
/* list-style-image: url(../../Data/Images/listImageLevel3.gif);*/
}

/* klase za tabele */
.TableClass1{
   width: 100%;
   margin: 0;
}
.TableClass1 thead td{
   padding: 2px 5px 2px 5px;
   color:#fff;
   background: #aeaa96;
   font-weight: bold;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
}
.TableClass1 tbody td{
   padding: 2px 5px 2px 5px;
   color:#6c6c6c;
   background: #e6e3d9;
   font-weight: normal;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
}
.TableClass1 thead td p,
.TableClass1 tbody td p{
   padding: 0px 0px 0px 0px;
}

.HomeTableClass1{width:730px;}
   .HomeTableClass1 a,
   .HomeTableClass1 a:hover,
   .HomeTableClass1 a:visited{color:#787664;}
   .HomeTableClass1 td{width:242px;border-left:2px solid #fff;}
   .HomeTableClass1 td p{padding:0;}
   .HomeTableClass1 td.HomeTableClassImg{height:66px;border-top:5px solid #fff;}
   .HomeTableClass1 td.HomeTableClassTitle{padding:2px 8px 1px 8px;color:#787664;text-transform:uppercase;font-size:10px;font-weight:bold;
                                           background:#f7b98e url(../Images/HomeTableClass1TitleBck.gif) top left repeat-y;}
   .HomeTableClass1 td.HomeTableClassDesc{height:65px;padding:2px 8px 1px 8px;color:#787664;border-top:1px solid #fff;background:#f7decd;}

.HomeTableClass2{width:732px;background:#fff;}
   .HomeTableClass2 a,
   .HomeTableClass2 a:hover,
   .HomeTableClass2 a:visited{color:#787664;text-decoration:underline;}
   .HomeTableClass2 td{width:242px;border-left:2px solid #fff;}
   .HomeTableClass2 td p{padding:0;}
   .HomeTableClass2 td.HomeTableClassDiv .HomeTableClass2Div{display:block;width:242px;height:5px;padding:0;margin:0;border:1px solid red;}
   .HomeTableClass2 td.HomeTableClassTitle{padding:1px 14px 1px 14px;color:#fff;text-transform:uppercase;font-size:10px;font-weight:bold;
                                           background:#fff url(../Images/HomeTableClass2TitleBck.gif) top left no-repeat;}
   .HomeTableClass2 td.HomeTableClassDesc{padding:2px 12px 2px 12px;color:#787664;
                                          background:#fff url(../Images/HomeTableClass2DescBck.gif) bottom left no-repeat;}

.HomeTableClass3{width:732px;background:#e5e4de url(../Images/HomeTableClass3Bck.gif) top left repeat-x;}
   .HomeTableClass3 a,
   .HomeTableClass3 a:hover,
   .HomeTableClass3 a:visited{color:#787664;text-decoration:underline;font-size:10px;}
   .HomeTableClass3 td{padding:10px 10px 6px 9px;border-left:2px solid #fff;color:#787664;font-size:10px;}
   .HomeTableClass3 td p{padding:3px 0;color:#787664;font-size:10px;}

/* custom styles */
.classTitle{
   width: 100%;
   padding: 16px 3px 13px;
   font-size: 14px;
   font-weight: bold;
   color: #ff954d;
   background:url(../Images/blockTitleBck.gif) bottom left repeat-x;
}


/*************************************************************/
/**      globalne klase templejta textblokova               **/
/*************************************************************/
.blockTitle{
   width: 100%;
   padding: 16px 3px 13px;
   font-size: 14px;
   font-weight: bold;
   color: #ff954d;
   background:url(../Images/blockTitleBck.gif) bottom left repeat-x;
}
.blockTitleTable{
   margin: 7px 0px 14px 0px;
}
.blockTitle:first-line{

}

h2,
.blockSubtitle{
   width: 100%;
   padding: 8px 8px 0px 8px;
   font-size: 12px;
   font-weight: bold;
   color: #6c6c6c;
   background:url(../Images/blockSubtitleBck.gif) top left no-repeat;
}
.blockTextAndTextLeft,
.blockTextAndTextRight,
.blockImageAndImageLeft,
.blockImageAndImageRight{
   width: 159px;
   padding: 4px 10px 15px 10px;
   font-weight: normal;
   letter-spacing: normal;
   vertical-align: top;
}
.blockTextAndImageLeftText,
.blockTextAndImageRightText,
.blockTextAndImageLeftImage
.blockTextAndImageRightImage,
.blockParagrafText,
.blockImage,
.blockImageOnTheLeft,
.blockImageOnTheRight,
.blockTemplates{
   width: 100%;
   padding: 4px 10px 15px 10px;
   font-weight: normal;
   letter-spacing: normal;
   vertical-align: top;
}
.blockParagrafText{
   padding: 4px 10px 15px 10px;
}
#CenterTableCHomeCell .blockParagrafText{
   padding: 4px 0px 15px 0;
}
.blockTextAndImageRightText,
.blockTextAndImageLeftText{
   width: 100%;
   vertical-align:top;
}
.blockTextAndImageRightImage,
.blockTextAndImageLeftImage{
   text-align: center;
   vertical-align: top;
   padding: 0px 10px 0px 10px;
}
.blockImageOnTheLeft td,
.blockImageOnTheRight td{
   text-align: center;
}
.blockImageOnTheLeft td{
   padding: 0px 10px 10px 0px;
}
.blockImageOnTheRight td{
   padding: 0px 0px 10px 10px;
}
.blockImage img,
.blockImageAndImageLeft img,
.blockImageAndImageRight img,
.blockImageOnTheLeft img,
.blockImageOnTheRight img,
.blockTextAndImageRightImage img,
.blockTextAndImageLeftImage img{
   margin: 0px 0px 3px 0px;
   display: block;
}
.menuframe td{
   padding: 0px;
   text-align: left;
}
.menuframe img{
   margin: 0px;
}
.blockTableSearch,
.blockTableNews,
.blockTableSitemap{
   padding: 4px 15px 4px 15px;
   font-weight: normal;
   letter-spacing: normal;
   vertical-align: middle;
}

/*** button styles ***/
input.smallButton,
input.normalButton,
input.smallButtonOver,
input.normalButtonOver{
   border: 1px solid #888888;
   background: #FFBA13;
   color: #000000;
   font: 10px Verdana,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
   cursor: pointer;
}
input.smallButtonDisabled,
input.normalButtonDisabled{
   border: 1px solid #CCCCCC;
   background: #CCCCCC;
   color: #FFFFFF;
   font: 10px Verdana,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
}
input.largeButton,
input.largeButtonOver{
   border: 1px solid #888888;
   background: #FFBA13;
   color: #000000;
   font: 11px Verdana,sans-serif;
   font-weight: normal;
   cursor: pointer;
}
input.smallButtonFixedSize,
input.normalButtonFixedSize,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
   width: 80px;
   border: 1px solid #888888;
   background: #FFBA13;
   color: #000000;
   font: 10px Verdana,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
   cursor: pointer;
}
input.smallButtonOver,
input.normalButtonOver,
input.largeButtonOver,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
   color: #888888;
}

/*** input styles ***/
input.smallInput,
input.normalInput,
input.largeInput{
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   border: 1px solid #000000;
   background: #FFFFFF;
   color: #000000;
}
input.smallInput{
   width: 25px;
}


.errorMsg
{
   color: #444444;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
   text-decoration: none;
   display: block;
   background: #DDDDDD;
   border: 1px solid #BE0000;
   padding: 4px;
   margin-bottom: 10px;
}
#copyright{
   margin:4px 0 11px 0;
   padding:3px 0;
   color:#989393;
   font-size:10px;
   background:url(../Images/copyrightBCK.gif) top right no-repeat;
}
#copyright a{
   color: #989393;
}

.classImageWithSolidBorder {
   border: 1px solid #b9b395;
}
.TableClass1 table.emptyTable {
   background: #aeaa96;
       border: 0px;
   margin: 0px;
}
.TableClass1 .emptyTable td {
   padding: 0px;
   background: #aeaa96;
   color: #ffffff;
   font-weight: bold;
   border: 0px;
}

/* LETO
#HeaderTable .HeaderTableLeftCell{background:url(../Images/leto/HeaderTableLeftCellBCK.jpg) top right no-repeat;}
#HeaderTable .HeaderTableCenterCell{background:url(../Images/leto/HeaderTableCenterCellBCK.jpg) top left no-repeat;}
#HeaderTable .HeaderTableRightCell{background:url(../Images/leto/HeaderTableRightCellBCK.jpg) top left no-repeat;}

.blockTitle{
   background:url(../Images/leto/blockTitleBCK.jpg) top left no-repeat;
}
 */

a.belo:visited,
a.belo {
   color: #ffffff;
   text-decoration: none;
}

a.belo:hover {
   color: #ffffff;
   text-decoration: underline;
}

#sortableList tr > td {
	width: 60%;
}

/***********************************************************************
 * README
 **********************************************************************/ 
.TTSblock .TTSread{
	background: url('../Images/citaj_mi.png') top center no-repeat transparent !important;
    border: 0px solid transparent !important;
    height: 12px;
    width: 100px;
    display: block !important;
    margin: 1em !important;
    padding: 50px 0 0 0 !important;
    font-weight: bold;
    color: #FF954D;
    text-align: left;
}

.TTSblock .TTSread:hover{
	/*text-decoration: underline;*/
}

.TTSblock .TTSdescription{
	float: left;
	padding-top: 20px;
}

.TTSblock_small .TTSread{
	background: url('../Images/citaj.png') no-repeat !important;
	border: 0px solid transparent !important;
	width: 14px;
	height: 14px;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0px;

}

.TTSblock_small .TTSread:hover{
	/*text-decoration: underline;*/
}

.TTSblock_small .TTSdescription{
	padding-top: 0px;
	padding-left: 1em;
}

.TTSblock_top{
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	float: right;
	background-color: #FF954D;
	padding-right: 12px;
	border-bottom-left-radius: 10px;
}

.TTSblock_top .TTSread{
	background: url('../Images/citaj.png') no-repeat !important;
	border: 0px solid transparent !important;
	height: 14px;
	display: block !important;
	margin: 0 !important;
	padding-left: 25px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

span.audio{
	cursor: pointer;
}