/************** Plati pro celou stranku  **************/
body{
	background:#ecf5ff;
	padding-top: 10px;
	_padding-bottom: 10px;
}

html{
	font-size:14px;
	color:#80868C;
	font-family: Arial, "arial", Times, sans-serif;
}

a:link,
a:visited {
	color:#3b7bbc;
	text-decoration: underline;
}

a:hover {
	color:#3b7bbc;
	text-decoration: underline;
}

td {
	border-width: 1px;
	border-style: solid;
	border-color: #a2a8ae;
	padding: 2px;
	margin: 0px;
}

table {
	border-collapse: collapse;
}

img {
	border: none;
}

strong {
	letter-spacing: -0.25px;
	_word-spacing: -1px;
}

.clear {
    clear: both;
}

/************** Hlavni okno - zajistuje centrovani stranky na stred **************/
#main{
	width: 946px;
	height: auto;
	margin: auto;
	background-color:#ffffff;
	margin-top: 15px;
	position: relative;
}

#main .indent{
	width:901px;
	float:left;
	background-color: #ffffff;
	padding-top: 20px;
	padding-right: 23px;
	padding-left: 22px;
	padding-bottom: 8px;
	margin-bottom: 30px;
	_margin-bottom: 0px;
}

/************** horni cast  **************/
#top{
	width:901px;
	text-align: right;
}

#logo {
	width:150px;
	height:23px;
	background:url(../images/layout/logo.gif) no-repeat;
	float: left;
	margin-top: 10px;
}

#top .right {
	width:751px;
	height:auto;
	float: left;
}


#contact{
	font-family: Arial, "arial", Times, sans-serif;
	font-weight: bold;
	letter-spacing: -0.25px;
	font-size: 16px;
	padding-bottom: 12px;
}

#contact .label{
	color: #f68f35;
}

.bigorange{
	font-family: Arial, "arial", Times, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: #f68f35;
}

#language{
    /*
	width:901px;
	height:46px;
	*/
	text-align:right;
	display:inline;
}

#language a:link,
#language a:visited,
#language a:hover {
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}

/******* menu *********/
#menuBlock{
	width:901px;
	height: auto;
	margin-top:20px;
}

#menu{
	height:55px;
	width:auto;
	background:url(../../assets/images/layout/menuBackground.gif) repeat-x;
	text-transform:uppercase;
	_letter-spacing: -0.8px;
	_letter-spacing: -1px;
	color: #a2a8ae;
	/*
	position: absolute;
	top: -500px;
	*/
}

#menu .menuGap{
	float:left;
	height: 55px;
	width: 1px;
	background:url(../../assets/images/layout/menuGap.gif) no-repeat;
}

#menu a:link,
#menu a:visited,
#menu a:hover {
	text-decoration: none;
	color: #a2a8ae;
}

#menu .button{
	float:left;
	width: auto;
	height: auto;
	background-color: #ecf5ff;
	cursor: pointer;
}

#menu .button .block{
	float:left;
	width: auto;
	height: auto;
	background-color: #ffffff;
	margin-top: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Arial, "arial", Times, sans-serif;
	font-weight: bold;
	letter-spacing: -0.25px;
	font-size: 15px;
	_color: #AFB5B8;
	color: #a2a8ae;
}

#menu .button .block p{
	_margin-top: 13px;
}

#menu .button:hover {
	background-color: #b5d0ee;
}

#menu .buttonActual{
	float:left;
	width: auto;
	height: auto;
	background-color: #b5d0ee;
	/*
	background-color: #F68F35;
	background-color: #3B7BBC;
	*/
	cursor: pointer;
}

#menu .buttonActual .block{
	float:left;
	width: auto;
	height: auto;
	background-color: #ffffff;
	margin-top: 7px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: Arial, "arial", Times, sans-serif;
	font-weight: bold;
	letter-spacing: -0.25px;
	font-size: 15px;
	color: #a2a8ae;
}

#menu h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, "arial", Times, sans-serif;
	font-weight: bold;
	letter-spacing: -0.25px;
	font-size: 15px;
	color: #a2a8ae;
}

#menu .buttonActual .block {
	color: #3B7BBC;
}

#menu .submenu {
	position: absolute;
	top: -500px;
	left: -500px;
}

#banner{
	width:901px;
	margin-bottom: 0px;
}

#banner .leftImage{
	float:left;
	width: 275px;
	height: 245px;
	background:url(../../assets/images/layout/logoBanner.gif) no-repeat;
	cursor: pointer;
}

#banner .rightImageCZ {
	float:left;
	width: 625px;
	height: 245px;
	background:url(../../assets/images/layout/cz/dataBanner.jpg) no-repeat;
	cursor: pointer;
}

#banner .rightImageENG {
	float:left;
	width: 625px;
	height: 245px;
	background:url(../../assets/images/layout/eng/dataBanner.jpg) no-repeat;
	cursor: pointer;
}


#banner a:link,
#banner a:visited,
#banner a:hover {
	text-decoration: none;
}

/************** navigace **************/
#navigation {
	width: auto;
	text-align: left;
	/*
	padding-left: 10px;
	padding-bottom: 15px;
	*/
	padding: 10px;
	padding-left: 25px;
	background-color: #F3F3F3;
	margin-top: 15px;
}

#navigation a {
	text-decoration: none;
}

#navigation a:hover {
	text-decoration: underline;
}

/************** Prostredni pruh **************/
#center,
#centerHome {
	width: 850px;
	padding: 25px;
	background-color: #f3f3f3;
	margin-top: 0px;
}

#centerHome {
    width: 900px;
	padding: 0px;
}

#center a:link,
#center a:visited,
#center a:hover {
	text-decoration: none;
}

#div_box{
  background-color: #F3F3F3;
  padding: 0px 25px 25px 25px;
}

#div_box h2 {
	font-size:14px;
	font-weight: bold;
	letter-spacing: -0.25px;
	color:#3b7bbc;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
}

#div_box h3 {
	font-size:14px;
	font-weight: bold;
	letter-spacing: -0.25px;
	color:#3b7bbc;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
}

#div_box p {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0px;
  font-size:13px;
}

#table_box{
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  text-align: justify;
}
#table_box td{
  border-width: 0px;
  padding: 10px 10px 10px 10px;
}

/************** Hlavni obsah **************/

#content{
	float:right;
	width:558px;
	background:#ffffff;
	padding: 20px;
	color:#80868C;
	color:#4f5357;
}

#content h1{
	font-size:18px;
	color:#3b7bbc;
	color:#F68F35;
	text-transform:uppercase;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	height: 22px;
	overflow: hidden;
}

#content h1 a:link {text-decoration:none; cursor:text;}
#content h1 a:active {text-decoration:none; cursor:text;}
#content h1 a:visited {text-decoration:none; cursor:text;}
#content h1 a:hover {text-decoration:none; cursor:text;}

#content .h1d {
	display: none;
}

#content .h1d [id=h1] {
	display: block;
}

#content h2,
#leftColumn h2,
#rightColumn h2 {
	font-size:14px;
	font-weight: bold;
	letter-spacing: -0.25px;
	color:#3b7bbc;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	padding-bottom: 14px;
}

#content h3{
	font-size:14px;
	font-weight: bold;
	letter-spacing: -0.25px;
	color:#80868C;
	margin: 0px;
	padding: 0px;
	padding-bottom: 14px;
}

#content p {
	text-align: justify;
	margin: 0px;
	padding: 0px;
	padding-bottom: 14px;
}

#content ul,
#content ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 14px;
}

#content a:link,
#content a:visited {
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content li {
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content table {
	margin-bottom: 14px;
	padding-bottom: 0px;
}

#content .article .perex {
	text-align: justify;
}

#content .article .date {
	display: none;
}

#content .contact {
    font-size: 120%;
    padding-top: 20px;
}

    #content .contact h2 {
        color: #F68F35;
        font-size: 18px;
    }
    
    #content .contact form {
        background-color: #ECF5FF;
        /*background-color: #3B7BBC;*/
        border: 1px #3B7BBC solid;
        border: 1px #80868C solid;
        padding: 10px 20px 0px 20px;
    }
    
    #content .contact form input.button,
    #overlay-content form input.button,
    #contactForm input.button {
        background-image: url(../images/layout/button-background.gif);
        background-color: #F68F35;
        height: 50px;
        color: #ffffff;
        border: none;
        font-weight: bold;
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #contactForm input.button {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #content .contact form input.button:hover,
    #overlay-content form input.button:hover,
    #contactForm input.button:hover {
        background-image: url(../images/layout/button-background-reverse.gif);
    }

/************** Levy sloupec **************/

#leftColumn{
	float:left;
	width:225px;
	height: auto;
}

#leftColumn .submenu{
	width: 205px;
	height: auto;
	background-color: #ffffff;
	margin-bottom: 22px;
	padding: 10px;
}

#leftColumn .submenu div .item {
	font-family: Arial, "arial", Times, sans-serif;
	font-weight: normal;
	color:#3b7bbc;
	padding-top: 5px;
	padding-bottom: 5px;
}

#leftColumn .submenu div .item .actual {
	font-weight: bold;
	letter-spacing: -0.25px;
	color: #3B7BBC;
}

#leftColumn .submenu a:link,
#leftColumn .submenu a:visited,
#leftColumn .articles a:link,
#leftColumn .articles a:visited {
	text-decoration: underline;
	color: 
}

#leftColumn .submenu a:link,
#leftColumn .submenu a:visited {
	color: #80868C;
}

#leftColumn .submenu a:hover,
#leftColumn .articles a:hover {
	text-decoration: none;
}

#leftColumn .submenu a:hover {
	color: #3B7BBC;
}

#leftColumn .articles{
	float:left;
	width:225px;
	height: auto;
	min-height:325px;
	font-size:13px;
	background:#ffffff url(../../assets/images/layout/leftColumnBanner.gif) no-repeat;
}

#leftColumn .articles .block {
	padding: 10px;
	padding-top: 35px;
	padding-bottom: 0px;
}

#leftColumn .articles .item .perex {
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: justify;
}

#leftColumn .supply{
	width:225px;
	height:325px;
	background:url(../../assets/images/layout/supplyBanner.jpg) no-repeat;
	cursor: pointer;
}

#leftColumn .articles .block a {
	color:#3b7bbc;
	font-weight:bold;
	letter-spacing: -0.25px;
}

#leftColumn .articles .block .title {
	font-size: 14px;
	text-transform:uppercase;
}

#leftColumn .articles .block .title strong {
	color:#3b7bbc;
}

#leftColumn .articles .block a:link,
#leftColumn .articles .block a:visited {
	color:#3b7bbc;
	text-decoration: none;
}

#leftColumn .articles .block a:hover {
	color:#3b7bbc;
	text-decoration: underline;
}


/************** Pravy sloupec **************/

#supply{
	float:left;
	width:225px;
	height:325px;
	background:url(../../assets/images/layout/supplyBanner.jpg) no-repeat;
	display:inline;
	margin-right: 25px;
	margin-left: 25px;
	cursor: pointer;
}


#rightColumn{
	float:left;
	width:349px;
	height: auto;
	min-height:325px;
	font-size:13px;
	background:#ffffff url(../../assets/images/layout/rightColumnBanner.gif) top right no-repeat;
}

#rightColumn a:link,
#rightColumn a:visited {
	text-decoration: none;
}

#rightColumn a:hover {
	text-decoration: underline;
}

#rightColumn .partner a:link,
#rightColumn .partner a:visited,
#rightColumn .partner a:hover {
	text-decoration: none;
	color:#80868C;
	cursor:text;
}

#rightColumn div{
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
}

#rightColumn h2 {
	padding: 0px;
	margin-top: 10px;
}

#rightColumn h1 {
	font-size:16px;
	font-weight: bold;
	letter-spacing: -1px;
	color:#a2a8ae;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
}

#rightColumn p {
  margin-bottom:5px;
  margin-top:6px;
	text-align: justify;
}

#_rightColumn h2 {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}

#_rightColumn p {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	text-align: justify;
}

/************** Pata **************/
#footer{
	float:left;
	width:900px;
	height:24px;	
	_color:#7f7f7f;
	text-transform:uppercase;
	margin-top:20px;
	margin-top: 10px;
	font-size:11px;
	padding-bottom: 10px;
	/*background:url(../../assets/images/layout/footerImage.gif) top right no-repeat;*/
}

#footerLinks {	
	padding-top: 20px;
	font-size: 8px;
	line-height: 200%;
}

#footer a,
#footer a:hover {	
	color: #7f7f7f;
	text-decoration: none;
}

#footer a:hover {	
}

#footer .copyright {
	float: left;
	width: 508px;
	height: auto;
	padding-top: 10px;
}

    #footer .copyright span {
    	display: block;
    	/*font-style: italic;*/
    	font-size: 80%;
    	padding-top: 5px;
    	padding-left: 18px;
    	text-transform: none;
    }

#footer .logo {
	float: left;
	width: 362px;
	height: auto;
	text-align: right;
	padding-left: 30px;
}

    #footer .logo span {
    	display: block;
    	float: left;
    }

    #footer .logo .kaspersky {
    	width: 100px;
    	height: 34px;
    	background-image: url(../../assets/images/layout/logoKaspersky.gif);
    	background-repeat: no-repeat;
    }
    
    #footer .logo .itp2010 {
    	width: 104px;
    	height: 34px;
    	background-image: url(../../assets/images/layout/logoITP2010.gif);
    	background-repeat: no-repeat;
    	margin-left: 23px;
    }
    
    #footer .logo .datalabs {
    	width: 110px;
    	height: 34px;
    	background-image: url(../../assets/images/layout/logoDataLabs.gif);
    	background-repeat: no-repeat;
    	margin-left: 25px;
    }

/************** Formulare **************/

form {
	padding: 0px;
	margin: 0px;
}

fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

form div {
	clear: both;
	margin-top: 12px;
	margin-bottom: 12px;
}

form div.shortTop {
	margin-top: 2px;
}

form div.shortBottom {
	margin-bottom: 2px;
}

form p {
	font-size: 13px;
	/*color: #ffffff;*/
}

form .button {
	cursor: pointer;
}

label {
	float: left;
	width: 250px;
	width: 190px;
	padding-right: 10px;
	padding-top: 5px;
	/*color: #ffffff;*/
	text-align: left;
}

    label.requiredItem {
        font-weight: bold;
    }

.input {
	width: 294px;
	border: 1px solid #80868C;
	/*border: 1px solid #ffffff;*/
	padding: 7px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

.select {
	width: 310px;
	border: 1px solid #80868C;
	padding: 7px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

textarea {
	height: 100px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

.inputShort {
	width: 137px;
	border: 1px solid #80868C;
	padding: 7px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

.inputShortTaxId {
	width: 137px;
	border: 1px solid #80868C;
	padding: 7px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

.inputTiny {
	width: 76px;
	border: 1px solid #80868C;
	padding: 7px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

.inputMedium {
	width: 198px;
	border: 1px solid #80868C;
	padding: 7px;
	font-family: Arial,"arial",Times,sans-serif;
	font-size: 14px;
}

.labelDivider {
	float: left;
	width: 190px;
	padding-right: 10px;
}


/************** Hlasky **************/

.messageNotice {
	font-weight: bold;
	padding-left: 11px;
	padding-left: 0px;
	padding-right: 11px;
}

.messageError,
.messagesWarning {
	color: #f68f35;
	color: #f54812;
	font-weight: bold;
	padding-left: 11px;
	padding-left: 0px;
	padding-right: 11px;
}


/************** Uvodni stranka **************/

#teaser {
    width: 900px;
    height: 325px;
    position: relative;
}

.teaserCZ {
    background:url(../images/layout/cz/teaser.jpg) no-repeat;
}

.teaserSK {
    background:url(../images/layout/sk/teaser.jpg) no-repeat;
}

.teaserENG {
    background:url(../images/layout/eng/teaser.jpg) no-repeat;
}

#teaser .content {
    position: absolute;
    bottom: 47px;
    right: 22px;
    width: 430px;
    height: 215px;
}

    #teaser .content #contact-button a {
        background-image: url(../images/layout/button-background.gif);
        background-color: #F68F35;
        height: 35px;
        color: #ffffff;
        border: none;
        font-weight: bold;
        font-size: 15px;
        display: block;
        text-decoration: none;
        width: 250px;
        text-align: center;
        text-transform: uppercase;
        padding-top: 15px;
        position: absolute;
        left: 0px;
        bottom: 20px;
    }
    
    #teaser .content #contact-button a:hover {
        background-image: url(../images/layout/button-background-reverse.gif);
    }
    
    #teaser .content p {
        margin: 0px;
        padding: 0px;
        padding-bottom: 10px;
    }

#centerHome {
    color: #4F5357;
}

#centerHome h1 {
    color: #F68F35;
    font-size: 23px;
    text-transform: uppercase;
    margin-top: 5px;
}

#centerHome a:hover {
    text-decoration: none;
}

#centerHome .columns {
    padding-left: 25px;
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 150%;
}

#centerHome .leftColumn,
#centerHome .columnCenter,
#centerHome .rightColumn {
    width: 230px;
    height: 760px;
    height: 780px;
    float: left;
    background-color: #ffffff;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 5px;
}

#centerHome .columns h2 {
	font-size:14px;
	font-weight: bold;
	letter-spacing: -0.25px;
	color:#3b7bbc;
	text-transform:uppercase;
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 5px;
	padding-left: 40px;
	padding-right: 10px;
	line-height: 100%;
	background-repeat: no-repeat;
	/*background-position: left center;*/
	background-position: 0px 24px;
	height: 30px;
}

#centerHome .leftColumn h2 {
	background-image: url(../../assets/images/accessories/icon-work.png);
}

#centerHome .columnCenter h2 {
	background-image: url(../../assets/images/accessories/icon-rescue.png);
}

#centerHome .rightColumn h2 {
	background-image: url(../../assets/images/accessories/icon-time.png);
}

#centerHome .columns h3 {
	font-size: 14px;
	font-weight: bold;
	color: #F68F35;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 0px;
}

#centerHome .columns p {
	padding: 0px;
}

#centerHome .columnCenter {
    margin-left: 21px;
    margin-right: 21px;
}

#centerHome .contact {
    display: none;
}

#centerHome ul {
	padding-left: 20px;
}

#centerHome .news {
	background-color: #ffffff;
	padding: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 22px;
	/*margin-bottom: 0px;*/
}

    #centerHome .news .article {
    	float: left;
    	width: 250px;
    	width: 230px;
    	padding-left: 21px;
    	padding-right: 20px;
    	padding-right: 40px;
    }
    
    #centerHome .news .last {
    	padding-right: 0px;
    }
    
    #centerHome .news .title {
    	text-transform: uppercase;
    	font-weight: bold;
    	padding-bottom: 5px;
    }
    
    #centerHome .news .date {
    	font-size: 80%;
    	padding-bottom: 5px;
    }

#overlay {
    background:url(../../assets/images/layout/overlay.png) repeat scroll 0 0 #666666;
    opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    -khtml-opacity: 0.5; /* Safari 1.x */
    -moz-opacity: 0.5; /* FF lt 1.5, Netscape */
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

#overlay-content {
    z-index: 1001;
    position: absolute;
    display: none;
    text-align: center;
    color: #4F5357;
    width: 901px;
}

    #overlay-content .wrapper {
        /*padding-top: 60px;*/
        width: 571px;
        background-color: #ffffff;
        margin: auto;
        text-align: left;
        position: relative;
    }
    
    #overlay-content .close {
        width: 26px;
        height: 26px;
        background-image: url(../../assets/images/layout/close.gif);
        background-repeat: no-repeat;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 100;
    }
    
    #overlay-content form {
        background-color: #ECF5FF;
        border: 1px solid #80868C;
        padding: 30px 20px 15px;
        font-size: 120%;
        width: 530px;
    }
    
    #overlay-content .message {
        padding-left: 20px;
        padding-right: 40px;
        padding-top: 20px;
    }