body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00477e; background-color: #ac1e36; background-repeat: repeat-x; background-image: url(../images/background.jpg); margin: 0; padding: 0; text-align: center;}

a         {color: #a71d37; font-size: 11px; text-decoration: underline;}
a:link    {color: #a71d37; font-size: 11px; text-decoration: underline;}
a:visited {color: #a71d37; font-size: 11px; text-decoration: underline;}
a:active  {color: #a71d37; font-size: 11px; text-decoration: underline;}
a:hover   {color: #00477e; font-size: 11px; text-decoration: underline;}
	
#header {width: 992px; text-align: left; height: 130px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; font-size: 11px; position: relative;}
#header-flash {width: 802px; text-align: left; height: 90px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; font-size: 11px; position: relative;}
	
#logo {height: 52px; width: 245px; left: 40px; top: 10px; position: absolute;}
#logo a img{border: 0px;}
	
h1 {font-size: 18px; font-weight: bold;}
h2 {font-size: 15px; font-weight: bold;}
  
#topmenu {height: 25px; width: 340px; position: absolute; top: 10px; right: 10px;}
.toplinks {background-color: #d9e1e4; margin-right: 5px; margin-left: 5px; padding: 5px; width: auto; float: left;}
.toplinks a {color: #001728; text-decoration: none;}
.toplinks a:hover {color: #a1152f; text-decoration: none;}
.toplinks-hover {background-color: #a1152f; color: #ffffff; margin-right: 5px; margin-left: 5px; padding: 5px; width: auto; float: left;}

#spacer {float: left; height: 25px; width: 20px;}

#menu {position: absolute; bottom: 0px; height: 39px; width: 670px; left: 10px;}
	
#sluzby { position: relative; top: 0px; left: 0px; width: 108px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#sluzby a { display: block; width: 100%; height: 100%; position: relative;}
#sluzby a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/sluzby.gif");}
#sluzby a:hover span { background: url("../images/sluzby-over.gif");}

#safeboot { position: relative; top: 0px; left: 0px; width: 102px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#safeboot a { display: block; width: 100%; height: 100%; position: relative;}
#safeboot a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/safeboot.gif");}
#safeboot a:hover span { background: url("../images/safeboot-over.gif");}

#software { position: relative; top: 0px; left: 0px; width: 105px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#software a { display: block; width: 100%; height: 100%; position: relative;}
#software a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/software.gif");}
#software a:hover span { background: url("../images/software-over.gif");}

#hardware { position: relative; top: 0px; left: 0px; width: 108px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#hardware a { display: block; width: 100%; height: 100%; position: relative;}
#hardware a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/hardware.gif");}
#hardware a:hover span { background: url("../images/hardware-over.gif");}

#web { position: relative; top: 0px; left: 0px; width: 113px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#web a { display: block; width: 100%; height: 100%; position: relative;}
#web a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/web.gif");}
#web a:hover span { background: url("../images/web-over.gif");}

#bezp { position: relative; top: 0px; left: 0px; width: 113px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#bezp a { display: block; width: 100%; height: 100%; position: relative;}
#bezp a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/bezp.gif");}
#bezp a:hover span { background: url("../images/bezp-over.gif");}

/*je vlastne kariera*/
#bezpecnost { position: relative; top: 0px; left: 0px; width: 97px; height: 39px; float: left; text-align: center; /*rozm?ry obr?zku*/;}
#bezpecnost a { display: block; width: 100%; height: 100%; position: relative;}
#bezpecnost a span { display:block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/kariera-over.gif");}
#bezpecnost a:hover span { background: url("../images/kariera.gif");}





#content {width: 992px; text-align: justify ; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #ffffff; background-image: url(../images/bg-content.jpg); background-repeat: repeat-x;}
#content-flash {width: 802px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto;  }
	
#footer{font-size: 10px; width: 992px; height: 77px; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #ffffff; background-image: url(../images/bg-footer.jpg); background-repeat: repeat-x; clear: both; position: relative;}

#left {float: left; width: 219px; margin-left: 10px;}
#safeboot-banner {}
#submenu {background-color: #091e2f; width: 219px;}
#submenu-links {font-size: 11px; color: #ffffff; width: 170px; margin-left: 28px;}
#submenu-links a {font-size: 11px; color: #ffffff; text-decoration: none; float: left;}
#submenu-links a:hover {font-size: 11px; color: #848f97; text-decoration: none; float: left;}

.submenu {background-color: #091e2f; width: 219px;}
.submenu-links {font-size: 11px; color: #ffffff; width: 170px; margin-left: 28px;}
.submenu-links a {font-size: 11px; color: #ffffff; text-decoration: none; float: left;}
.submenu-links a:hover {font-size: 11px; color: #848f97; text-decoration: none; float: left;}

.arrow {float: right;}

#copyright {position: absolute; width: 500px; right: 20px; bottom: 14px; text-align: right;}
#copyright a{ font-size: 10px; color: #a71d37; text-decoration: none;}
#copyright a:hover{font-size: 10px; color: #00477e; text-decoration: none;}

#copy {color:#eeeeee; float: right; width: 400px; right: 20px; bottom: 25px; text-align: right;}
#copy a{ font-size: 10px; color: #eeeeee; text-decoration: none;}
#copy a:hover{font-size: 10px; color: #eeeeee; text-decoration: none;}

#partners {position: absolute; height: 37px; width: 700px; left: 0px; text-align: left;}
#center {float: left; width: 485px; padding-top: 25px; padding-left: 25px;}
#right {float: left; width: 210px; margin-left: 10px; margin-top: 175px;}

#right-content {color: #a71d37; background-image: url(../images/bg-right-content.jpg); background-repeat: repeat-y; width: 200px; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;}
.right-content {color: #a71d37; background-image: url(../images/bg-right-content.jpg); background-repeat: repeat-y; width: 200px; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;}

#right-footer {background-image: url(../images/bg-right-footer.jpg); background-repeat: no-repeat; height: 16px; width: 220px;}
.right-footer {background-image: url(../images/bg-right-footer.jpg); background-repeat: no-repeat; height: 16px; width: 220px;}

#new1 {float: left; width: 465px;}
#new2 {float: left; width: 220px; margin-left: 25px;}

.articlePrew
{
	float: left;
	width: 190px;
	margin-left: 15px;
	margin-top: 25px;
	text-align: justify;
}

.articlePrew h2
{
	margin-bottom: 0px;
	padding-bottom: 0px

}

/* VECTOR */
div#article
{
	margin-top: 20px;
}
h1#article_header
{
	/*border-bottom: 2px solid #00477e;*/
	padding-left: 10px;
}

div.articlePerex
{
	border: 1px solid #00477e;
	background-color: #d9e1e4;
	padding: 5px;
}
div#article_date
{
	text-align: right;
}
div#article img
{
	margin: 5px;
}


.mini_date
{
	color: #a9a9a9;
	font-size: 90%;
	text-align: right;
}

.bold
{
	font-weight: bold;
}

address
{
	margin-left: 20px;
	margin-bottom: 10px;
}

/* //VECTOR */

/* FD */

#smenu
{
	color: #fff;
	padding-left: 3px;
}

.pollRowDiv
{
	height: 18px;
	background: url('../images/pollbg.jpg') repeat-x;
}

.newslettInput
{
	width: 110px;
	font-size: 10px;
	border: 1px solid #fff;
	background: #00477e;
	color: #fff;
}

.newslettSubm
{
	width: 30px;
	font-size: 10px;
	border: 1px solid #fff;
	background: #00477e;
	color: #fff;
}

/* EShop */

.itemPrew
{
	float: left;
	width: 190px;
	height: 210px;
	margin-left: 15px;
	margin-top: 45px;
	text-align: justify;
}

.shopInputAmount
{
	width: 20px;
	font-size: 10px;
	border: 1px solid #00477e;
}

.shopInputSubmit
{
	width: 80px;
	font-size: 10px;
	border: 1px solid #00477e;
}

.shopThumb
{
	margin: 8px;
}

.shopTable
{
	width: 188px;
}

.itemPrewText
{
	height: 120px;
}

.shopInput
{
	width: 110px;
	font-size: 11px;
	border: 1px solid gray;
}

.shopRecapTable
{
	width: 80%;
	margin: 10px;
}

#partnerProgram
{
    padding: 12px;
}

.webReference
{
    width: 470px;
    margin-top: 20px;
}

    .webReference img
    {
        float: left;
        margin: 0px;
    }


.browseProductContainerHeader
{
    height: 10px;
    width: 470px;
    margin: 0px;
    padding: 0px;
    background: transparent url(./images/shop-list-top-white.png) no-repeat scroll center top;

}

.browseProductContainerFooter
{
    background: transparent url(./images/grey-box.png) no-repeat scroll center bottom;
    height:10px;
    width:470px;
}

.browseProductContainerContent
{
    border-color: #DAD4D6;
    border-style: solid;
    border-width:0 2px;
    padding-bottom:5px;
    width:466px;
}
.browserProductGreyContent
{
    border-color: #DAD4D6;
    border-style: solid;
    border-width:0 2px;
    padding-top: 5px;
    width:466px;
    background-color: #E5EAED;
    text-align: right;
}

.refContent
{
    float: left;
    margin-left: 10px;
    width: 240px;
}

.browseProductContainerContent img
{
    float: left;
    border: 1px solid #DAD4D6;
    margin-left: 10px !important;
}

.browseProductContainerContent h3
{
    padding: 5px 0px;
}

.browserProductGreyContent a
{
    background: transparent url('/images/external_link_icon.png') no-repeat 100% 50%;
    padding-right: 18px;
    margin-right: 15px;

}