/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
 /*css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #000; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #000;                
}

a:hover {
   text-decoration: none;
   
   color: #707070;
}

/*****************
basic layout 
*****************/
body {
  background: url(uploads/system/gradient1010.jpg) #ffffff repeat-y center 50%;
border: 0;
   color: #707070;
   margin:0em 0em 0em 0em;  /*gives some air for the pagewrapper */
/*overflow:hidden;   za IE bug*/
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   max-width:980px;  /*IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-color: #fff;
   color: #707070;
}

div#header {
   height: 90px; /* adjust according your image size */
 background: #fff;     
 width: 980px;  
}

.lheader {
   height: 90px; /* adjust according your image size */
 background: #fff;     
 width: 260px;  
border: 0px solid #666666;
float: left;
}

.mheader {
height: 90px; /* adjust according your image size */
background: #fff;     
width: 300px;  
color: #707070;
float: left;
vertical-align: center;
text-align: center;
}

.mheaderText {
height: 30px; /* adjust according your image size */
background: #fff;     
width: 300px;  
color: #707070;
float: left;
text-align:right;
margin: 40px 0px 0px 0px;
padding: 0;
font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13pt;
line-height: 14pt; /*za IE*/
font-style: italic;
}

.rheader {
height: 90px; 
background: #fff;     
width: 420px;  
border: 0px solid #666666;
display: inline;
font-size: 8pt;
color: #707070;
}

.rheaderUP {
float: left;
height: 30px; 
background: #fff;     
width: 300px;  
border: 0px solid #666666;
display: inline;
margin: 25px 0px 0px 90px;
clear: right;
}
.rheaderBOTTOM {
float: left;
height: 30px; 
background: #fff;     
width: 290px;  
border: 0px solid #666666;
margin: 5px 0px 0px 88px;
}

.rheaderUP ul{
height: 15px; 
width: 30px;
display: inline;
}

.rheaderUP li{
height: 15px; 
width: 47px;
display: inline;
margin: 0px 0px 0px 10px;
}
.rheaderUP li a{
height: 15px; 
width: 47px;
display: inline;
text-decoration:underline;
padding: 0px 10px 0px 0px;
}

.rheaderHome {
height: 15px; 
width: 47px;
display: inline;
text-decoration:underline;
border-right: 1px solid #707070;
padding: 0px 10px 0px 0px;
}

.rheaderContacts {
height: 15px; 
width: 47px;
display: inline;
text-decoration:underline;
border-right: 1px solid #707070;
padding: 0px 10px 0px 0px;
}

div#header h1 a {
/* you can set your own image here */
background: #455259 url(uploads/system/headerTOD.jpg) no-repeat 0 0px;
position: absolute;
display: block; 
border: 0px solid #666666;
height: 170px;
margin: 30px 0px 0px 0px;
padding: 0;
width: 960px;             
text-indent: -999em;  /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

.separator{
width: 980px;
height: 3px;
background: #fff url(uploads/images/separator.gif) no-repeat 0 0px;
margin: 0px 0px 5px 0px;
float: left;
}

.flash{
width: 980px;
height: 280px;
float: left;
clear: both;
}

.serv{
width: 980px;
height: 210px;
float: left;
clear: both;
}
.serv1{
width: 240px;
height: 210px;
float: left;
display: inline;
color: #fff;
font-weight: bold;
margin: 0 7px 0 0;
}
.serv1up{
width: 240px;
height: 30px;
float: left;
display: block;
clear: both;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv1up a{
padding: 10px 0 0 0 ;
color: #fff;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #12AA19 url(uploads/images/serv1up.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}


.serv1m{
border-left: 2px solid #12AA19;
border-right: 2px solid #12AA19;
color: #12AA19;
width: 236px;
height: 160px;
float: left;
font-size: 10pt;
}

.serv1m ul{
width: 200px;
height: 150px;
float: left;
margin: 10px 0px 0px 20px;
}

.serv1m ul li{
margin: 5px 0px 5px 0px;
display: block;
float: left;
clear: both;
}

.serv1m ul a{
color: #12AA19;
line-height: 14pt;
display: inline;
float: left;
clear: both;
width: 200px;
margin: 0px 0px 0px 15px;
}

.serv1bot{
width: 240px;
height: 20px;
color: #FF3F1F;
}

.serv1bot a{
padding: 0px 0 0 0 ;
color: #12AA19;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #12AA19 url(uploads/images/serv1bot.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

/* START SERV2 */
.serv2{
width: 240px;
height: 210px;
float: left;
display: inline;
color: #fff;
font-weight: bold;
margin: 0 7px 0 0;
}
.serv2up{
width: 240px;
height: 30px;
float: left;
display: block;
clear: both;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv2up a{
padding: 10px 0 0 0 ;
color: #fff;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #663FFF url(uploads/images/serv2up.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv2m{
border-left: 2px solid #663FFF;
border-right: 2px solid #663FFF;
color: #663FFF;
width: 236px;
height: 160px;
float: left;
font-size: 10pt;
}

.serv2m ul{
width: 205px;
height: 150px;
float: left;
margin: 10px 0px 0px 15px;
}

.serv2m ul li{
margin: 5px 0px 5px 0px;
display: block;
float: left;
clear: both;
}

.serv2m ul a{
color: #663FFF;
line-height: 14pt;
display: inline;
float: left;
clear: both;
width: 205px;
margin: 0px 0px 0px 15px;
}

.serv2bot{
width: 240px;
height: 20px;
color: #663FFF;
}

.serv2bot a{
padding: 0px 0 0 0 ;
color: #663FFF;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #663FFF url(uploads/images/serv2bot.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}
/* END SERV2 */

/* START SERV3 */
.serv3{
width: 240px;
height: 210px;
float: left;
display: inline;
color: #fff;
font-weight: bold;
margin: 0 6px 0 0;
}
.serv3up{
width: 240px;
height: 30px;
float: left;
display: block;
clear: both;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv3up a{
padding: 10px 0 0 0 ;
color: #fff;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #FF3F7D url(uploads/images/serv3up.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv3m{
border-left: 2px solid #FF3F7D;
border-right: 2px solid #FF3F7D;
color: #FF3F7D;
width: 236px;
height: 160px;
float: left;
font-size: 10pt;
}

.serv3m ul{
width: 200px;
height: 150px;
float: left;
margin: 10px 0px 0px 20px;
}

.serv3m ul li{
margin: 5px 0px 5px 0px;
display: block;
float: left;
clear: both;
}

.serv3m ul a{
color: #FF3F7D;
line-height: 14pt;
display: inline;
float: left;
clear: both;
width: 200px;
margin: 0px 0px 0px 15px;
}

.serv3bot{
width: 240px;
height: 20px;
color: #FF3F7D;
}

.serv3bot a{
padding: 0px 0 0 0 ;
color: #FF3F7D;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #FF3F7D url(uploads/images/serv3bot.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}
/* END SERV3 */


/* START SERV4 */
.serv4{
width: 240px;
height: 210px;
float: left;
display: inline;
color: #fff;
font-weight: bold;
margin: 0 0px 0 0;
}
.serv4up{
width: 240px;
height: 30px;
float: left;
display: block;
clear: both;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv4up a{
padding: 10px 0 0 0;
color: #fff;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #008CFF url(uploads/images/serv4up.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.serv4m{
border-left: 2px solid #008CFF;
border-right: 2px solid #008CFF;
color: #008CFF;
width: 236px;
height: 160px;
float: left;
font-size: 10pt;
}

.serv4m ul{
width: 200px;
height: 150px;
float: left;
margin: 10px 0px 0px 20px;
}

.serv4m ul li{
margin: 5px 0px 5px 0px;
display: block;
float: left;
clear: both;
}

.serv4m ul a{
color: #008CFF;
line-height: 14pt;
display: inline;
float: left;
clear: both;
width: 200px;
margin: 0px 0px 0px 15px;
}

.serv4bot{
width: 240px;
height: 20px;
color: #008CFF;
}

.serv4bot a{
padding: 0px 0 0 0 ;
color: #008CFF;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #008CFF url(uploads/images/serv4bot.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}
/* END SERV4 */

/* START leftMain */
.leftMain{
width: 240px;
height: auto;
float: left;
display: inline;
color: #000;
font-weight: bold;
margin: 10px 0px 0 0;
}
.leftMainup{
width: 240px;
height: 30px;
float: left;
display: block;
clear: both;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.leftMainup a{
padding: 10px 0 0 0;
color: #fff;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #707070 url(uploads/images/Sideup.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.leftMainm{
background: #e4e4dd;
color: #000;
width: 240px;
height: auto;
float: left;
font-size: 10pt;
}

.leftMainbot{
width: 240px;
height: 20px;
background: #CECECE url(uploads/images/Sidebot.jpg) no-repeat 0 0px;
float: left;
}
/* END leftMain */

/* START rightMain */
.rightMain{
width: 240px;
height: auto;
float: left;
display: inline;
color: #000;
font-weight: bold;
margin: 10px 0px 0 0;
}
.rightMainup{
width: 240px;
height: 30px;
float: left;
display: block;
clear: both;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.rightMainup a{
padding: 10px 0 0 0;
color: #fff;
text-decoration: none;
width: 240px;
height: 20px;
float: left;
display: block;
clear: both;
background: #707070 url(uploads/images/Sideup.jpg) no-repeat 0 0px;
line-height: 12pt;
text-align: center;
vertical-align: center;
}

.rightMainm{
background: #e4e4dd;
width: 240px;
height: auto;
float: left;
font-size: 10pt;
}

.rightMainbot{
width: 240px;
height: 20px;
background: #CECECE url(uploads/images/Sidebot.jpg) no-repeat 0 0px;
float: left;
}
/* END rightMain */


.mainHometitle{
background: #fff url(uploads/images/SideupMain.jpg) no-repeat 0 0px;
text-align: left;
width: 480px;
height: 30px;
color: #fff;
font-size: 10pt;
line-height: 14pt;
text-indent: 2em;
}

.mainHomebot{
float: left;
background: #fff url(uploads/images/SidebotMain.jpg) no-repeat 0 0px;
text-align: left;
width: 480px;
height: 20px;
color: #fff;
font-size: 10pt;
line-height: 14pt;
text-indent: 2em;
}

/********************
Search module
*********************/
div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0px 0 0 0;
   margin: 0 3px;
position: static;
}

.btnSearch
{ 
width: 60px;
height: 16px;
background-color: transparent;
background-image: url(uploads/images/btnSearch.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top top;
border: 0pt none transparent;
margin: 0px 0px 0px 0px; /* IE bug  0px 0px 0px 0px; */
padding: 0px 0px 0px 0px;
color: #707070;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

.textSearch
{ font-style: regular;
font-size: 8pt;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #707070;
background-color: transparent;
background-image: url(uploads/images/txtSearch.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top top;
border: 0pt none transparent;
margin: 2px 7px -4px 0px;  /* IE&FF bug  2px 7px -4px 0px; */
padding: 2px 0px 2px 0px;  /* IE&FF bug 2px 0px 2px 0px; */
height: 16px;
width: 210px;
}

div#cntnt01searchinput .textSearch{
margin: 0px 5px 5px 0px;
}

/********************
end Search module
*********************/
div.breadcrumbs {
padding: 0em 0 0em 0; /* CSS short hand rule first value is top then right, bottom and left */
font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
border-bottom: 1px dotted #707070;
height: 1.5em;
width: 98%;
float: left;
}

div.breadcrumbs span.lastitem { 
font-weight:bold; 
}

div#content {
margin: 0 0 0px 0; /* some air above and under menu and content */
background: #ffffff;
width: 980px;
height: auto;
}

div#mainHome {
 margin: 10px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #e4e4dd;
width: 480px;
height: auto;
min-height: 450px;
float: left;
text-align: justify;

}

div#mainHome h1, h2, h3, h4, h5, h6{
text-align: justify;
width: 460px;
color: #000;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 5px;
text-indent: 2em;
}

.mainHometitle{
text-align: left;
width: 480px;
color: #fff;
font-size: 10pt;

line-height: 14pt;
text-indent: 2em;
}

/*START mainNovini*/
div#mainNovini {
 margin: 10px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 960px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainNovini h1,div#mainNovini h2,div#mainNovini h4,div#mainNovini h5,div#mainNovini h6{
text-align: justify;
width: 960px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainNovini h3{
color: #BC0844;
font-weight: bold;
}

div#mainNovini ul{
width: 920px;
float: left;
margin: 0 0 0 30px
}

.mainNovinititle{
text-align: left;
width: 960px;
color: #707070;
font-size: 10pt;
border-top: 2px solid #CECECE;
border-bottom: 2px solid #CECECE;
line-height: 14pt;
text-indent: 2em;
}
/*END mainNovini*/

/*START mainPortfolio*/
div#mainPortfolio {
 margin: 0px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 740px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainPortfolio h2,div#mainPortfolio h4,div#mainPortfolio h5,div#mainPortfolio h6{
text-align: justify;
width: 740px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainPortfolio h1{
color: #CA1011;
border-bottom: 2px solid #CECECE;
font-weight: bold;
font-size: 10pt;
line-height: 2em;
margin: 0px 0px 10px 0px;
}

div#mainPortfolio h3{
color: #BC0844;
font-weight: bold;
}

.mainPortfoliotitle{
text-align: left;
width: 740px;
color: #707070;
font-size: 10pt;
border-top: 2px solid #CECECE;
border-bottom: 2px solid #CECECE;
line-height: 14pt;
text-indent: 2em;
}
/*END mainPortfolio*/

/*START mainWeb*/
div#mainWeb {
 margin: 0px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 740px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainWeb h2,div#mainWeb h4,div#mainWeb h5,div#mainWeb h6{
text-align: justify;
width: 740px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainWeb h1{
color: #12AA19;
border-bottom: 2px solid #CECECE;
font-weight: bold;
font-size: 10pt;
line-height: 2em;
margin: 0px 0px 10px 0px;
}

div#mainWeb h3{
color: #12AA19;
font-weight: bold;
}

div#mainWeb p{
text-indent: 2em;
}

.textWeb{
text-indent: 0.5em;
line-height: 2em;
margin: 0 0 2em 3em;
}

/*END mainWeb*/


/*START mainMarketing*/
div#mainMarketing {
 margin: 0px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 740px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainMarketing h2,div#mainMarketing h4,div#mainMarketing h5,div#mainMarketing h6{
text-align: justify;
width: 740px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainMarketing h1{
color: #663fff;
border-bottom: 2px solid #CECECE;
font-weight: bold;
font-size: 10pt;
line-height: 2em;
margin: 0px 0px 10px 0px;
}

div#mainMarketing h3{
color: #663fff;
font-weight: bold;
}

div#mainMarketing p{
text-indent: 2em;
}

/*END mainMarketing*/


/*START mainIt*/
div#mainIt {
 margin: 0px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 740px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainIt h2,div#mainIt h4,div#mainIt h5,div#mainIt h6{
text-align: justify;
width: 740px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainIt h1{
color: #ff3f7d;
border-bottom: 2px solid #CECECE;
font-weight: bold;
font-size: 10pt;
line-height: 2em;
margin: 0px 0px 10px 0px;
}

div#mainIt h3{
color: #663fff;
font-weight: bold;
}

div#mainIt p{
text-indent: 2em;
}

/*END mainIt*/


/*START mainPod*/
div#mainPod {
 margin: 0px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 740px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainPod h2,div#mainPod h4,div#mainPod h5,div#mainPod h6{
text-align: justify;
width: 740px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainPod h1{
color: #008cff;
border-bottom: 2px solid #CECECE;
font-weight: bold;
font-size: 10pt;
line-height: 2em;
margin: 0px 0px 10px 0px;
}

div#mainPod h3{
color: #663fff;
font-weight: bold;
}

div#mainPod p{
text-indent: 2em;
}

/*END mainPod*/


/*START mainUs*/
div#mainUs {
 margin: 0px 10px 10px 10px;
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
width: 740px;
height: auto;
min-height: 800px;
float: left;
text-align: justify;
}

div#mainUs h2,div#mainUs h4,div#mainUs h5,div#mainUs h6{
text-align: justify;
width: 740px;
color: #707070;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
margin: 10px 0px 0px 0px;
text-indent: 2em;
}

div#mainUs h1{
color: #a22be0;
border-bottom: 2px solid #CECECE;
font-weight: bold;
font-size: 10pt;
line-height: 2em;
margin: 0px 0px 10px 0px;
}

div#mainUs h3{
color: #663fff;
font-weight: bold;
}

div#mainUs p{
text-indent: 2em;
}

/*END mainUs*/


#allsidebar{
float: left;
width: 190px;
height: auto;
}

div#sidebar {
float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
width: 20%;    /* sidebar width, if you change this please also change #main margins */
display: inline;  /* FIX ie doublemargin bug */
margin: 0 0 0 0;
background-color: #553c32;
color: #afafaf;
height: 472px;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
padding: 0 0;
   /*width: 20%;   make width smaller if there's padding, or it will get too wide for the floated divs in IE */
width: 190px;
background-color: #553c32;
}

div#footer {
clear:both;       /* keep footer below content and menu */
color: #707070;
/*background: url(uploads/system/footerTOD.png) no-repeat 0 0px;*/
background-color: #fff;  /*same bg color as in header */
border: 0px solid #666666;
height: 40px;
width: 980px; 
}

.leftFooter{
display: inline;
float: left;
height: 30px;
width: 300px; 
margin: 8px 0px 0px 0px;
}

.rightFooter {
float: right;
display: inline;
height: 30px;
width: 630px; 
text-align: right;
margin: 10px 0px 0px 50px;
}

.rightFooter li{
float: left;
display: inline;
}

#footerR,#footerP,#footerS,#footerW,#footerI,#footerPOD,#footerNAS{
height: 15px;
width: 47px;
display: inline;
text-decoration:underline;
border-right: 1px solid #707070;
padding: 0px 10px 0px 10px;
}

#footerNews{
height: 15px; 
width: 47px;
display: inline;
text-decoration:underline;
border-right: 0px solid #707070;
padding: 0px 10px 0px 10px;
}

div#footer p {
font-size: 10pt;
padding: 0em 0em 0em 0em;      /* some air for footer */
text-align: center; /* centered text */
margin:0;
}



div#footer p a:hover {
color: #fff; /* needed becouse footer link would be same color as background otherwise */

background-color: #707070;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/********************
Dopalnitelni CSS
*********************/
#mainIMG
{margin: 0 0 1.5em 0;

display: inline;
}

#left555
{ display: block;
margin: 0em 0 0 0em ;
float: left;
font-size: 1.0em;
line-height:1.4em;
padding: 0;
width: 400px;
height: 677px;
text-align:left;
}

#right555
{ display: inline;
margin: 1em 0 0em 0em;
padding: 0;
float: left;
font-size: 1.2em;
line-height:1.4em;
width: 350px;
height: 643px;
text-align:justify;
}

#left777
{ display: block;
margin: 0 0 0 0px ;
float: left;
font-size: 1.0em;
line-height:1.4em;
padding: 0;
width: 511px;
height: 677px;
text-align:left;
}

#left999
{ display: block;
margin: 0 0 0 0px ;
float: left;
font-size: 1.0em;
line-height:1.4em;
padding: 0;
width: 430px;
height: 677px;
text-align:left;
}

#right777
{ display: inline;
margin: 0;
padding: 0;
float: left;
font-size: 1.2em;
   line-height:1.4em;
width: 253px;
height: 677px;
text-align:justify;
}

#left001
{ display: block;
margin: 0 0 0 0px ;
float: left;
font-size: 1.0em;
line-height:1.4em;
padding: 0;
width: 410px;
height: 677px;
text-align:left;
}

#right999
{ display: inline;
margin: 0;
padding: 0;
float: left;
font-size: 1.2em;
   line-height:1.4em;
width: 335px;
height: 677px;
text-align:justify;
}

#right001
{ display: inline;
margin: 0;
padding: 0;
float: left;
font-size: 1.2em;
line-height:1.4em;
width: 359px;
height: 677px;
text-align:justify;
}

#right002
{ display: inline;
margin: 0 0 0 30px;
padding: 0;
float: left;
font-size: 1.2em;
line-height:1.4em;
width: 253px;
height: 677px;
text-align:justify;  
}

#left555 a{ 
width: 25%;
display: inline;
margin: 0 0 1.5em 0;
padding: 0 0 0em 1.5em;
text-decoration: none;
background: url(http://localhost/peichev/uploads/system/Kvadrat_Black.gif) no-repeat left top;
height: 0.5em;
color: #333333;
}

#left555 a:hover { 
background: url(http://localhost/peichev/uploads/system/Kvadrat_Orange.gif) no-repeat left top;
color: #333333;
font-weight:bold;
width: 25%;
}

#right555 a
{ 
width: 20%;
display: inline;
margin: 0 0 1.5em 0em;
padding: 0 0 0em 1.5em;
text-decoration: none;
background: url(http://localhost/peichev/uploads/system/Kvadrat_Black.gif) no-repeat left top;
color: #333333;
}

#right555 a:hover
{ background: url(http://localhost/peichev/uploads/system/Kvadrat_Orange.gif) no-repeat left top;
color: #333333;
font-weight:bold;

}

.titles
{font-weight:bold;
}


div#mainZANAS {
   margin-left: 2%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
display:inline; /*za IE6 bug da go............slkjtvneirwut*/
background-color: #ffffff;
}


.textPADING
{ line-height: 140%;
text-indent: 20px;
display: block;
padding: 30px 30px 0 30px;
}

.textPADING2
{ line-height: 140%;
text-indent: 20px;
display: block;
padding: 0px 0px 0 0px;

}

.textPADING3
{ line-height: 140%;
text-indent: 20px;
display: block;
padding: 0px 0px 0 0px;
font-family: Tahoma, Verdana, Arial;
font-style: italic;
}

.textPADING4
{ line-height: 140%;
text-indent: 20px;
display: block;
padding: 0px 0px 0 0px;
font-family: Tahoma, Verdana, Arial;
font-style: italic;
}

.textPADING7
{ line-height: 140%;
text-indent: 0px;
display: block;
margin: 60px 30px 248px 30px;
width: 450px;
text-align: center;
font-weight: bold;
}

.textPADING8
{ line-height: 140%;
text-indent: 0px;
display: block;
margin: 60px 30px 130px 30px;
width: 450px;
text-align: center;
font-weight: bold;
}

.textPADING9
{ line-height: 140%;
text-indent: 0px;
display: block;
margin: 60px 30px 40px 30px;
width: 450px;
text-align: center;
font-weight: bold;
}

.textPADING10
{ line-height: 140%;
text-indent: 0px;
display: block;
margin: 0px 30px 0px 5px;
width: 420px;
height: 100px;
text-align: left;
font-weight: bold;
background: #675048;
color: #afafaf;
}

.textPADING11
{ 
margin: 0px 0px 0px 15px;
font-size: 14pt;
font-weight: normal;
}
.textPADING12
{ 
margin: 0px 0px 0px 15px;
font-size: 10pt;
font-weight: normal;
}
.textPADING13
{ 
margin: 20px 0px 0px 35px;
font-size: 10pt;
font-weight: normal;
width: 395px;
}

.textPADING14
{ line-height: 140%;
text-indent: 0px;
display: block;
margin: 120px 30px 0px 5px;
width: 420px;
height: 100px;
text-align: left;
font-weight: bold;
background: #675048;
color: #afafaf;
}

.textPADING15
{ line-height: 140%;
text-indent: 0px;
display: block;
margin: 60px 30px 108px 30px;
width: 450px;
text-align: center;
font-weight: bold;
}

.textPADING16
{ 
margin: 15px 0px 0px 30px;
font-size: 10pt;
font-weight: normal;
width: 395px;
border-bottom: 1px solid #afafaf;
}

.textPADING17
{ 
margin: 15px 0px 0px 30px;
font-size: 10pt;
font-weight: normal;
width: 340px;
}

.textPADING_orange
{ line-height: 140%;
text-indent: 20px;
display: block;
padding: 30px 30px 0 30px;
}

.textPADING_orange:a {
color: #ff6600;
} 

.textPADING_orange:link {
color: #ff6600;
} 

.textPADING_orange:hover {
color: #ff6600;
}

.textPADING_orange:active {
color: #ff6600;
}

.textPADING_orange:visited {
color: #ff6600;
outline: none;
}


#bottomSideBar{
float: left;
width: 190px;
height: 206px;
}

/********************
END Dopalnitelni CSS
*********************/


/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #294B5F; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 1px solid #e7ab0b; 
   border-left: 1.1em solid #e7ab0b; 
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

/********************
Start Kontakti
*********************/
#div.contactsModule{

}

#div.contactsModule input{
width: 700px;
}

.submit,.captcha{
margin: 0px 0 0 0px;
}

.captcha img{
clear: both;
float: left;
margin: 10px 0 0 0px;
}

.contactform{
width: 740px;
margin: 0 0 0 0px;
color: #707070;
}

.contactform legend{
color: #707070;
font-weight: bold;
width: 120px;
}

.contactform label{
width: 90px;
float: left;
clear: left;
height: 20px;
margin: 10px 0 0 10px;
}

.contactform input{
width: 320px;
float: left;
height: 20px;
margin: 10px 0 0 0;
color: #707070;
border: 1px solid #707070;
}


fieldset{
width: 740px;
margin: 20px 0 0 0px;
color: #707070;
}

#m3fbrp__6{
margin: 10px 0 0 0;
clean:both;
float: left;
width: 500px;
border: 1px solid #707070;
color: #707070;
font-size:11pt;
}

#m3fbrp_submit{
margin: 10px 0 0 0px;
border: 1px solid #707070;
width: 235px;
height: 20px;
clear: both;
float: left;
color: #707070;
font-size:10pt;
background: none;
}

#m3fbrp_captcha_phrase{
border: 1px solid #707070;
width: 233px;
height: 20px;
clear: both;
float: left;
}

#3_2 .checkbox{
border: 1px solid #553c32;
}

#m2fbrp__5 input{
width: 500px;
margin: 0px 0 0 0px;
border: 1px solid #707070;
}

.error_message, .error_message ul{
width: 500px;
margin: 10px 0 10px 20px;
color: #a22be0;
font-weight: bold;
}

/********************
End Kontakti
*********************/

/********************
Start Random
*********************/
#images_wrap{
width: 980px;
height: 300px;
text-align: right;
color: green;
margin: 0 0 5px 0;
}
/********************
End Random
*********************/

/************************************
START Menu NOVO
************************************/

#leftMenu{
		width:200px;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}
	#mainContent{
		width: 520px;
		padding-right:10px;	
		float:left;
	}
	/*
	General rules
	*/

	#todstudio_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#todstudio_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#todstudio_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#todstudio_slidedown_menu{		
		width:190px;	
	}

	/* All A tags - i.e menu items. */
	#todstudio_slidedown_menu a{
		color: #afafaf;
		text-decoration:none;
text-align: center;	
		display:block;
		clear:both;
		width:190px;	
		padding-left:0px;	
             line-height: 30px;

	}

#todstudio_slidedown_menu a:hover {
background: #675048;
}
	
	/*
	A tags 
	*/
	#todstudio_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:0px;
		border-bottom:1px solid #afafaf;
		font-weight:bold;
                text-align: center;
	}	
	#todstudio_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
width:180px;
	}	
	#todstudio_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:#afafaf;
width:170px;
text-align: right;
	}	
	#todstudio_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#todstudio_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#todstudio_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#todstudio_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#todstudio_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#todstudio_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#todstudio_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#todstudio_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}

/************************************
END Menu NOVO
************************************/

/* start List Menu */
#new_listMenu a{	/* Main menu items */
		color:#707070;
		line-height: 2em;

	}
	#new_listMenu ul li a{	/* Sub menu */
		color: #F00;
		font-weight:normal;
	}
	#new_listMenu ul li ul li a{	/* Sub Sub menu */
		color: #000;
		font-style:italic;
		font-size:0.9em;
		font-weight:normal;		
	}
	
	#new_listMenu li .activeMenuLink{	/* Styling of active menu item */
		color:blue;
	}
	
	
	/*
	No bullets
	*/	
	#new_listMenu li{
		list-style-type:none;	
	}
	
	/*
	No margin and padding
	*/
	#new_listMenu, #new_listMenu ul{
		margin: 0;
		padding:20px 0 0 20px;
	}

	/* Margin of sub menu items */
	#new_listMenu ul{
		display:none;
		margin-left:10px;
	}

/* end List Menu */

/* start  SIMPLEACTIVE menu */

.titleactiveMenu{
color:#CA1011;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10pt;
}

.titleactiveMenuWeb{
color:#12AA19;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10pt;
}

.titleactiveMenuMarketing{
color:#633fff;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10pt;
}

.titleactiveMenuIt{
color:#ff3f7d;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10pt;
}

.titleactiveMenuPod{
color:#008cff;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10pt;
}

.titleactiveMenuUs{
color:#a22be0;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0 0 0 10px;
font-weight: bold;
font-size: 10pt;
}

#activeMenu {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0 0 0 10px;
}

#activeMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#activeMenu li {
	
}
#activeMenu a {
	font-weight: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 0 0px 0;
}
#activeMenu a.active {color:#CA1011;
text-decoration: none;
font-weight: bold;
}

/************web*/
#activeMenuWeb {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0 0 0 10px;
}

#activeMenuWeb ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#activeMenuWeb li {
	
}
#activeMenuWeb a {
	font-weight: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 0 0px 0;
}
#activeMenuWeb a.active {color:#12AA19;
text-decoration: none;
font-weight: bold;
}
/****end******web*/

/************marketing*/
#activeMenuMarketing {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0 0 0 10px;
}

#activeMenuMarketing ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#activeMenuMarketing li {
	
}
#activeMenuMarketing a {
	font-weight: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 0 0px 0;
}
#activeMenuMarketing a.active {color:#633fff;
text-decoration: none;
font-weight: bold;
}
/****end******marketing*/

/************it*/
#activeMenuIt {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0 0 0 10px;
}

#activeMenuIt ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#activeMenuIt li {
	
}
#activeMenuIt a {
	font-weight: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 0 0px 0;
}
#activeMenuIt a.active {color:#ff3f7d;
text-decoration: none;
font-weight: bold;
}
/****end******it*/

/************podragka*/
#activeMenuPod {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0 0 0 10px;
}

#activeMenuPod ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#activeMenuPod li {
	
}
#activeMenuPod a {
	font-weight: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 0 0px 0;
}
#activeMenuPod a.active {color:#008cff;
text-decoration: none;
font-weight: bold;
}
/****end******podragka*/

/************Us*/
#activeMenuUs {
	float: left;
	width: 170px;
	padding: 0px;
	margin: 0 0 0 10px;
}

#activeMenuUs ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#activeMenuUs li {
	
}
#activeMenuUs a {
	font-weight: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 8px 0 0px 0;
}
#activeMenuUs a.active {color:#a22be0;
text-decoration: none;
font-weight: bold;
}
/****end******Us*/

/* end SIMPLEACTIVE menu */

/************************************
START TAB NOVO
************************************/

.glowingtabs{
float:left;
width:100%;
line-height:normal;
/*border-bottom: 1px solid #7e9fff; Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background: #707070 url(uploads/images/topMenuAll.jpg) no-repeat 0 0px;
color: #fff;
margin:0;
margin: 0 0px 0 5px; /*spacing between each tab*/
padding:0 0 0 0px;
text-decoration:none;
text-align: center;
font-weight: bold;
vertical-align: center;
width: 116px;
height: 35px;
line-height: 35px;

}

.topMenuPortCurr a, .topMenuPort a:hover{
background: #FF0000 url(uploads/images/topMenuPort.jpg) no-repeat 0 0px;
}

.topMenuWebCurr a, .topMenuWeb a:hover{
background: #00A21D url(uploads/images/topMenuWeb.jpg) no-repeat 0 0px;
}

.topMenuSeoCurr a, .topMenuSeo a:hover{
background: #663fff url(uploads/images/topMenuSeo.jpg) no-repeat 0 0px;
}

.topMenuItCurr a, .topMenuIt a:hover{
background: #ff3f7d url(uploads/images/topMenuIt.jpg) no-repeat 0 0px;
}

.topMenuPodCurr a, .topMenuPod a:hover{
background: #1795ff url(uploads/images/topMenuPod.jpg) no-repeat 0 0px;
}

.topMenuUsCurr a, .topMenuUs a:hover{
background: #a22be0 url(uploads/images/topMenuUs.jpg) no-repeat 0 0px;
}

.topMenuNewsCurr a, .topMenuNews a:hover{
background: #c61744 url(uploads/images/topMenuNews.jpg) no-repeat 0 0px;
}

.topMenuPreCurr a, .topMenuPre a:hover{
background: #ff9200 url(uploads/images/topMenuPre.jpg) no-repeat 0 0px;
}

.glowingtabs a span{
float:left;
display:block;
/*background:url(uploads/media/glowtab.gif) no-repeat right top;*/
/*padding: 5px 12px 3px 3px;*/
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

/*.glowingtabs a.current{ Selected Tab style*/
/*background-position:0 -82px; Shift background image up to start of 2nd tab image
background: #333333;
}*/

/*.glowingtabs a.current span{ Selected Tab style*/
/*background-position:100% -82px; Shift background image up to start of 2nd tab image
color: black;
}*/

.glowingtabs a:hover{ /*onMouseover style*/
/*background-position:0% -82px; Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
/*background-position:100% -82px; Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:100%; /*width of 2nd level sub menus*/
height:20px; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
float: left;
display: inline;
}


.tabcontentPort{
display:none;
background: #FF0000 url(uploads/images/topSubMenuPort.jpg) no-repeat 0 0px;
}

.tabcontentPort li{
background: none;
display: inline;
}

.tabcontentPort a{
height: 20px;
line-height: 20px;
background: none;
display: inline;
color: #fff;
margin: 0 0 0 5px;
text-decoration: none;
}

.tabcontentWeb{
display:none;
background: #00A21D url(uploads/images/topSubMenuWeb.jpg) no-repeat 0 0px;
}

.tabcontentWeb li{
background: none;
display: inline;
}

.tabcontentWeb a{
height: 20px;
line-height: 20px;
background: none;
display: inline;
color: #fff;
margin: 0 0 0 5px;
text-decoration: none;
}

.tabcontentSeo{
display:none;
background: #663fff url(uploads/images/topSubMenuSeo.jpg) no-repeat 0 0px;
}

.tabcontentSeo li{
background: none;
display: inline;
}

.tabcontentSeo a{
height: 20px;
line-height: 20px;
background: none;
display: inline;
color: #fff;
margin: 0 0 0 5px;
text-decoration: none;
}

.tabcontentIt{
display:none;
background: #ff3f7d url(uploads/images/topSubMenuIt.jpg) no-repeat 0 0px;
}

.tabcontentIt li{
background: none;
display: inline;
}

.tabcontentIt a{
height: 20px;
line-height: 20px;
background: none;
display: inline;
color: #fff;
margin: 0 0 0 5px;
text-decoration: none;
}

.tabcontentPod{
display:none;
background: #1795ff url(uploads/images/topSubMenuPod.jpg) no-repeat 0 0px;
}

.tabcontentPod li{
background: none;
display: inline;
}

.tabcontentPod a{
height: 20px;
line-height: 20px;
background: none;
display: inline;
color: #fff;
margin: 0 0 0 5px;
text-decoration: none;
}

.tabcontentUs{
display:none;
background: #a22be0 url(uploads/images/topSubMenuUs.jpg) no-repeat 0 0px;
}

.tabcontentUs li{
background: none;
display: inline;
}

.tabcontentUs a{
height: 20px;
line-height: 20px;
background: none;
display: inline;
color: #fff;
margin: 0 0 0 5px;
text-decoration: none;
}

/************************************
END Menu NOVO
************************************/

/* END LISTS */

/* start Catalog */
.parvaBukva {
color: #CA1011; 
font-size: 5em;
padding: 2px 5px 0 0;
line-height: 0.8em;
display: block;
float: left;
font-family: Georgia, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.catLeft{
float: left;
display: inline;
width: 400px;
margin: 15px 30px 20px 0;
}

.catTitle{
float: left;
clear: both;
display: block;
margin: 0 0px 20px 0;
}

.catTitle a{
color: #CA1011;
font-weight: bold;
text-decoration: none;
}

.catSummary{
float: left;
clear: left;
width: 400px;
display: inline;
line-height: 12pt;
}

.catImg{
float: left;
display: inline;
margin: 15px 0px 30px 0;
}

.nolink{
font-weight: bold;
}

.catnavUp{
float:right;
display: inline;
clear: both;
}

.catnavBottom{
display: block;
float: left;
clear: both;
}

.itemTitlePort{
color: #CA1011;
font-size: 10pt;
font-weight: bold;
border-bottom: 2px solid #CECECE;
line-height: 2em;
margin: 0px 0px 20px 0;
}

.item_thumbnails{
margin: 0px 0px 10px 0;
}

#item_image{
margin: 0px 0px 10px 0;
}

.nazad{
float: left;
text-decoration: none;
vertical-align: up;
margin: 0 0 0 650px;
}

/* end Catalog */
/* End of 'Layout: Top menu + 2 columns' */