/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px;
padding:0px;
text-align:center;
background-color:#DDDDDD;
background-image:url(/images/bg_body.jpg);
background-repeat:no-repeat;
background-position:left top;
background-attachment: fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
}

table tr td{
font-family:Verdana, Arial, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#666666;
font-weight:normal;
text-decoration:none;
padding:2px;
}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#E50000;
font-weight:bold;
text-decoration:underline;
}

img{ border:0px; padding:0px 0px 0px 0px; }
a:hover{ text-decoration:underline; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; text-align:justify;}

h1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:18px;
line-height:22px;
color:#E50000;
font-weight:normal;
text-decoration:none;
padding:10px 0px 20px 0px;
}

h2{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#666666;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding-bottom:10px;
}

h3{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color:#666666;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding-top:15px;
padding-bottom:2px;
}


#page{ 
width:886px; 
margin:0px auto; 
padding:0px 0px 0px 0px;
text-align:left;
background-image:url(/images/page_bg.gif);
background-repeat:repeat-y;
background-position:left top;
}

#page .page-wrapper{ padding:0px 58px 0px 58px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:88px; position:relative; }
#header .logo{ position:absolute; top:0px; left:535px; }
#header .logo-bm{ position:absolute; top:40px; left:0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ position:absolute; top:10px; left:0px; }

#top-nav a{
background-image:url(/images/icons/icon_home.gif);
background-repeat:no-repeat;
background-position:5px 2px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:normal;
color:#999999;
text-decoration:none;
padding:0px 0px 0px 20px;
}

#top-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */
#middle{ }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{}
#header-nav .option{ 
width:154px;
height:28px;
float:left;
background-image:url(/images/bg_top_nav.gif);
background-repeat:no-repeat;
background-position:right top;
}
#header-nav .option-wrapper{ padding:5px 0px 0px 25px; }
#header-nav .option a{
font-family:Verdana, Arial, Arial Narrow, Helvetica, Sans-serif, Times New Roman;
font-size:12px;
color:#666;
font-weight:normal;
text-decoration:none;
line-height:14px;
}
#header-nav .option a:hover{
text-decoration:none;
color:#E50000;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{height:32px;}
#main-nav .option{ 
height:32px;
float:left;
background-image:url(/images/bg_main_nav.gif);
background-repeat:repeat-x;
background-position:left top;
text-align:center;
}
#main-nav .option:hover{ background:none !important; background-image:url(/images/bg_main_nav_white.gif) !important;}

#main-nav .line{ float:left; width:1px;}

#main-nav .option a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:32px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
#main-nav .option a:hover{
color:#E50000;
}


#bottom-main-nav{
background-image:url(/images/sub_meniu.jpg);
background-repeat:repeat-x;
background-position:left top;
height:20px;
}

#main-text{
height:36px;
background-image:url(/images/sus_meniu.jpg);
background-repeat:repeat-x;
background-position:left top;
text-indent:10px;
}
#main-text a{
font-family:Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman;
font-size:18px;
color:#E50000;
font-weight:normal;
text-decoration:none;
line-height:36px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */

#left{ width:170px; float:left; }
#left .left-wrapper{ padding:20px 0px 0px 0px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */
#content{ width:410px; float:left; }
#content .content-wrapper{ padding:20px 15px 40px 15px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:190px; float:left; text-align:right;}
#right .right-wrapper{ padding:20px 0px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav css */

#right-nav{ width:188px; text-align:left;}
#right-nav .option{ 
padding:4px 0px 12px 16px;
background-image:url(/images/bg_rightnav_188x24.gif);
background-repeat:no-repeat;
background-position:left top;
}
#right-nav .option a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ gallery css */

#gallery{ width:188px; background-color:#A1A3A2; margin:0px 0px 20px 0px; }

#gallery .gallery-wrapper{ padding:5px 0px 0px 5px;}
#gallery .thumb{ width:61px; height:42px; float:left; }
#gallery .thumb-wrapper{ padding:0px 5px 5px 0px !important; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */
#footer{ 
border-top:1px solid #666666;
height:50px;  
position:relative; 
}

#footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:bold;
text-decoration:none;
position:absolute;
top:10px;
left:15px;
}

#footer .footer-nav{ position:absolute; top:10px; left:450px; }

#footer .footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;
padding:0px 10px;
}

#footer .footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

a.oferta{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#666;
font-weight:bold;
text-decoration:none;
}

a.oferta:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#E50000;
font-weight:bold;
text-decoration:none;
}