body
{
background-color: #e6eef5;
margin-top: 0px;
margin-bottom: 0px;
}

#top
{
height: 20px;
border: 0px solid;
text-align: center;
background: #e6eef5;
margin-top: 0px;
}

#topblack
{
width: 766px;
height: 20;
background: #0083de;
/*border-left: 1px solid #019549;
border-right: 1px solid #019549;*/
border: 0px;
margin: 0 auto;
}

#topleft
{
font-family: Tahoma;
font-size: 10;
color: /*#bcd2e6*/white;
float: left;
margin-left: 5px;
margin-top: 4px;
font-weight: bold;

}
#topright
{
font-family: Tahoma;
font-size: 10;
color: /*#bcd2e6*/white;
float: right;
margin-right: 5px;
margin-top: 4px;
font-weight: bold;

}

#topimg
{
height: 220px;
border: 0px solid;
text-align: center;
background: #e6eef5;
}

#imgtop
{
width: 766;
height: 220px;
border: 0px;
background: url("../images/topimg.jpg") left no-repeat;
margin: -2 auto;
/*border-left: 1px solid #9c9c9c;
border-right: 1px solid #9c9c9c;*/

}

#center
{
/*height: 820px;*/
min-height: 820px;
height: expression( this.scrollHeight < 821 ? "820px" : "auto" );
border: 0px solid red;
text-align: center;
background: #e6eef5;
}

#main
{
width: 766px;
min-height: 820px;
height: expression( this.scrollHeight < 821 ? "820px" : "auto" );

/*border-left: 1px solid #9c9c9c;
border-right: 1px solid #9c9c9c;*/
border: 0px solid green;
margin: 0 auto;
background: white;
}

#maintop
{
height: 215px;
width: 766px;
border: 0px solid;
background: white;
}

#mainleft
{
/*height: 180px;*/
width: 270px;
border: 0px solid red;
float: left;
background: url("../images/mainleft.jpg") left no-repeat;

}

#mainright
{
height: 180px;
width: 496px;
border: 0px solid red;
float: right;

}

#mainrightcon
{
height: 180px;
width: 496px;
border: 0px solid red;
float: right;
background: url("../images/world.jpg") right top no-repeat;
}

#mainrighttop
{
width: 496px;
height: 50px;
background: url("../images/maintopwelcome.jpg") left no-repeat;
border: 0px solid green;
float: left;
}

#mainrighttopcon
{
width: 200px;
height: 50px;
/*background: url("../images/maintopwelcome.jpg") left no-repeat;*/
border: 0px solid;
float: left;
}

#mainrighttext
{
width: 486px;
margin-right: 10px;
height: 130px;
border: 0px solid;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
/*padding-left: 10px;
padding-right: 10px;*/
float: left;

}

#mainrighttextnews
{
width: 480px;
margin-right: 10px;
height: 130px;
border: 0px solid;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
/*padding-left: 10px;
padding-right: 10px;*/
float: right;
background: #9c9c9c;
}

#threenews
{
margin-left: 10px;
margin-right: 10px;
margin-top: 15px;
border: 0px solid;
font-family: Tahoma;
font-size: 11;
color: white;
text-align: left;
}

#allnews
{
margin-left: 10px;
margin-right: 10px;
margin-top: 15px;
border: 0px solid;
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-align: left;
}

#mainrighttextcontact
{
width: 496px;
height: 130px;
border: 0px solid;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
padding-left: 10px;
padding-top: 10px;
float: left;
}

#mainbottom
{
/*height: 820px;*/
width: 766px;
border: 0px solid red;
min-height: 480px;
height: expression( this.scrollHeight < 481 ? "480px" : "auto" );

}



#logoboard
{
height: 429px;
width: 100px;
border: 0px solid red;
float: left;
margin-left: 20px; 
text-align: center;
}

#logoboardnews
{
height: 429px;
width: 100px;
border: 0px solid;
float: left;
margin-left: 20px;
margin-top: 60px;
text-align: center;
}

#logoboardx
{
height: 429px;
width: 100px;
border: 0px solid;
float: left;
margin-left: 0px;
margin-top: 20px;
text-align: center;
}

#logoboardy
{
height: 41px;
width: 496px;
border: 0px solid;
float: left;
margin-left: 0px;
margin-top: 20px;
text-align: center;
}

#test {vertical-align: bottom;
display: block;
}

#logoy
{
width: 100px;
border: 0px solid;
float: left;

}

#logoya
{
width: 100px;
border: 0px solid;
float: left;
margin-left: 32px;
margin-bottom: 0px;
}

#logo
{
width: 100px;
border: 0px solid;
margin-bottom: 54px;
float: left;
}

#logoori
{
width: 100px;
border: 0px solid;
margin-bottom: 20px;
float: left;
}

#register
{
width: 730px;
height: 50px;
border: 0px solid black;
float: right;
margin-bottom: 20px;
margin-right: 10px;

}

#productboard
{
height: 429px;
width: 280px;
border: 0px solid;
float: right;
margin-left: 0px;
background: #e6eef5;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: center;
}

#login
{
height: 150px;
width: 300px;
border: 1px solid #6092BF;
float: left;
margin-left: 100px;
margin-top: 10px;
background: #e6eef5;
font-family: Tahoma;
font-size: 11;
color: black;
}

#linkback
{
width: 300px;
float: left;
text-align: center;
margin-left: 100px;
margin-top: 20px;
}

#logintopline
{
width: 300px;
height: 20px;
background: #6092BF;

}

#loginwhite
{
font-family: Tahoma;
font-size: 12;
color: white;
font-weight: bold;
float: left;
margin-top: 3px;
margin-left: 3px;
}

#logintable
{
width: 250 px;
border: 0px;
float: left;
margin-top: 10px;
margin-left: 25px;
text-align: centre;
}

#boardtopblue
{
width: 280px;
height: 40px;
border: 0 px solid;
background: url("../images/productsblue.jpg") left no-repeat;
}

#productpic
{
width: 216px;
height: 150 px;
border: 0px solid;
}

#newsboard
{
height: 429px;
width: 260px;
border: 0px solid red;
float: right;
margin-left: 30px;
background: #fbfae8;/*fbfae8*/
padding-left: 20px;
text-align: center;
}

#news
{
width: 240px;
min-height: 100px;
height: expression( this.scrollHeight < 101 ? "100px" : "auto" );
border: 0px solid black;
margin-top: 15px;
text-align: left;
font-family: Tahoma;
font-size: 11;
color: black;
}

#boardtopyellow
{
width: 260px;
height: 40px;
border: 0px solid green;
background: url("../images/newsyellow.jpg") left no-repeat;
}

#mainboard
{
/*height: 398px;*/
min-height: 429px;
height: expression( this.scrollHeight < 430 ? "429px" : "auto" );
width: 490px;
margin-right: 10px;
border: 0px solid;
float: right;
margin-left: 26px;
margin-top: 0px;
margin-bottom: 30px;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}

#indexboard
{
/*height: 398px;*/
min-height: 429px;
width: 615px;
border: 0px solid black;
float: right;
/*margin-left: 26px;*/
margin-top: 0px;
margin-bottom: 30px;
margin-right: 10px;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;

}

#mainboardnews
{
min-height: 398px;
height: expression( this.scrollHeight < 399 ? "398px" : "auto" );
width: 480px;
margin-right: 10px;
border: 0px solid;
float: right;
margin-left: 0px;
margin-top: 0px;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
background: #fbfae8;
}

#opennews
{
/*height: 500px;*/
width: 490px;
border: 0px solid;
float: right;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 30px;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}

#newstop
{
height: 30px;
width: 490px;
border: 0px solid;
float: right;
margin-left: 0px;
margin-top: 0px;
font-family: Tahoma;
font-size: 13;
color: #9c9c9c;
text-align: left;
font-weight: bold;
}

#newsimg
{
min-height: 135px;
height: expression( this.scrollHeight < 136 ? "135px" : "auto" );
width: 490px;
border: 0px solid;
float: right;
margin-left: 0px;
margin-top: 10px;
text-align: center;
}
#newsimage
{
height: 200px;
width: 490px;
border: 0px solid;
float: right;
margin-left: 0px;
margin-top: 10px;
text-align: center;
}

#newstext
{
/*height: 355px;*/
width: 490px;
border: 0px solid;
float: right;
margin-left: 0px;
margin-top: 20px;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}

#mainproduct
{
min-height: 429px;
width: 490px;
margin-right: 10px;
border: 0px solid;
float: right;
/*margin-left: 26px;*/
margin-top: 0px;
margin-bottom: 30px; 
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}

#principle
{
min-height: 50px;
width: 490px;
border: 0px solid;
float: right;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 20px; 
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}

#principlebig
{

width: 500px;
height: 21px;
border: 0px solid;
float: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px; 
text-align: left;
background: url("../images/maintopprinciple.jpg") left no-repeat;
}

#sonic
{

width: 500px;
height: 21px;
border: 0px solid;
float: left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px; 
text-align: left;
background: url("../images/maintopsonic.jpg") left no-repeat;
}
#sitranspic
{
width: 490px;
float: right;
text-align: right;
border: 0px solid;

}

#zoznam
{
width:490px;
float: right;
text-align: justify;
border: 0px solid;
margin-top: 20px;
}

#mainproductx
{
min-height: 429px;
width: 500px;
border: 0px solid;
float: right;
margin-left: 26px;
margin-top: 0px;
margin-bottom: 30px; 
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}

#mainproductlogo
{
width: 500px;
text-align: center;
margin-bottom: 20px;
border: 0px solid;
float: left;
}

#productgroupname
{
width: 500px;
height: 50px;
border: 0px solid green;
float: left;
}

#legend
{
width: 500px;
height: 70px;
border: 0px solid red;
float: left;
}

#mainproductlogox
{
width: 400px;
text-align: center;
margin-bottom: 20px;
border: 0px solid;
float: left;
}

#mainproductfilm
{
width: 90px;
height: 390px;
margin-top: 0px;
margin-right: 0px;
float: right;
border: 0px solid;
}

/*#mainproductsolo
{
width: 600px;
border: 0px solid;
float: left;
/*margin-left: 30px; --- to be dislabed
margin-top: 0px;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
margin-bottom: 30px;

}*/

/*#mainproductpic
{
height: 135px;
width: 200px;
border: 0px solid;
float: left;
}

#mainproducttext
{
height: 135px;
width: 378px;
border: 0px solid;
float: right;
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
}*/



#contactmenu
{
height: 31px;
width: 600px;
margin-right: 10px;
/*border-left: 2px solid #e2ebf4;
border-right: 2px solid #e2ebf4;*/
border: 0px solid black;
float: right;
margin-left: 30px;
/*background: url("../images/contactmenu1.jpg") left no-repeat;*/
}


#contactboard
{
height: 250px;
width: 600px;
margin-right: 10px;
/*border-top: 0px;
border-right: 2px solid #e2ebf4;
border-bottom: 2px solid #e2ebf4;
border-left: 2px solid #e2ebf4;
border: 2px solid black;*/
float: right;
margin-left: 30px;
background: #e2ebf4;
margin-top: -4px;
}

#howtofind
{
height: 319px;
width: 600px;
margin-right: 10px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 20px;
float: right;
background: url("../images/howtofind.jpg") left no-repeat;

}

#map
{
margin-top: 80px;
}

#contactpictop
{
width: 140px;
height: 170px;
border: 0px solid;
margin-top: 20px;
margin-left: 20px;
float: left;
}

#contactdetailstop
{
width: 290px;
height: 110px;
border: 0px solid;
margin-top: 40px;
margin-left: 5px;
float: left;
color: black;
font-family: Tahoma;
font-size: 11;
text-align: center;
}

#contactdetailsbottom
{
width: 290px;
height: 110px;
border: 0px solid;
margin-top: 40px;
margin-left: 5px;
float: left;
color: black;
font-family: Tahoma;
font-size: 11;
text-align: center;
}

#contactpicbottom
{
width: 140px;
height: 170px;
border: 0px solid;
margin-top: 20px;
margin-left: 20px;
float: left;
}

#bottom
{
height: 20px;
border: 0px solid;
text-align: center;
background: #e6eef5;
}

#bottommiddle
{
width: 766px;
height: 20;
/*border-left: 1px solid #9c9c9c;
border-right: 1px solid #9c9c9c;*/
border: 0px;
margin: 0 auto;
background: #e6eef5;
}

#bottommenu
{
font-family: Tahoma;
font-size: 10;
color: black;
float: left;
margin-top: 4px;
margin-left: 5px;
}

#copyright
{
font-family: Tahoma;
font-size: 10;
color: black;
float: right;
margin-right: 5px;
margin-top: 4px;
font-weight: bold;
}
/*******************************************************fonty**************************************************************/

a.graylinkbold
{
font-family: Tahoma;
font-size: 11;
color: #9c9c9c;
text-decoration: none;
font-weight: bold;
display: block;
}



a.graylinkbold:hover
{
font-family: Tahoma;
font-size: 11;
color: #9c9c9c;
text-decoration: underline;
font-weight: bold;
}

a.blacklinksmall
{
font-family: Tahoma;
font-size: 10;
color: black;
text-decoration: none;
}

a.blacklinksmall:hover
{
font-family: Tahoma;
font-size: 10;
color: #6f8bd5;

}

a.blacklink
{
font-family: Tahoma;
font-size: 11;
color: black;
text-decoration: none;
}

a.blacklink:hover
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: underline;
}

a.blacklinkboldx
{
font-family: Tahoma;
font-size: 11;
color: black;
text-decoration: none;
font-weight: bold;
}

a.blacklinkboldx:hover
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: underline;
font-weight: bold;
}

a.blacklinkbold
{
font-family: Tahoma;
font-size: 12;
color: black;
text-decoration: none;
font-weight: bold;
}

a.blacklinkbold:hover
{
font-family: Tahoma;
font-size: 12;
color: #6f8bd5;
text-decoration: underline;
font-weight: bold;
}

a.bluelinkbold
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: none;
font-weight: bold;
}

a.bluelinkbold:hover
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: underline;
font-weight: bold;
}

a.bluelink
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: none;
}

a.bluelink:hover
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: underline;
}

a.whitelink
{
font-family: Tahoma;
font-size: 10;
color: white;
text-decoration: none;
font-weight: bold;
}

a.whitelink:hover
{
font-family: Tahoma;
font-size: 10;
color: white;
text-decoration: underline;
font-weight: bold;
}

a.whitelinkbig
{
font-family: Tahoma;
font-size: 11;
color: white;
text-decoration: none;
font-weight: bold;
}

a.whitelinkbig:hover
{
font-family: Tahoma;
font-size: 11;
color: white;
text-decoration: underline;
font-weight: bold;
}

a.darkbluelink12
{
font-family: Tahoma;
font-size: 12;
color: #186cb6;
text-decoration: none;
font-weight: bold;
}

a.darkbluelink12:hover
{
font-family: Tahoma;
font-size: 12;
color: #186cb6;
text-decoration: underline;
font-weight: bold;
}

a.bluelinkbig
{
font-family: Tahoma;
font-size: 12;
color: #6f8bd5;
text-decoration: none;
}

a.bluelinkbig:hover
{
font-family: Tahoma;
font-size: 12;
color: #6f8bd5;
text-decoration: underline;
}
a.lightbluelink
{
font-family: Tahoma;
font-size: 11;
color: #bcd2e6;
text-decoration: none;
}

a.lightbluelink:hover
{
font-family: Tahoma;
font-size: 11;
color: #bcd2e6;
text-decoration: underline;
}


.date
{
font-family: Tahoma;
font-size: 11;
color: black;
text-decoration: none;
font-weight: bold;
}

.bluebold
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: none;
font-weight: bold;
}
.blue
{
font-family: Tahoma;
font-size: 11;
color: #6f8bd5;
text-decoration: none;
}
.lightblue
{
font-family: Tahoma;
font-size: 11;
color: #9c9c9c;
text-decoration: none;
}
.lightbluebold
{
font-family: Tahoma;
font-size: 11;
color: #9c9c9c;
text-decoration: none;
font-weight: bold;
}
.lightbluebig
{
font-family: Tahoma;
font-size: 12;
color: #9c9c9c;
text-decoration: none;
}
.lightblueboldbig
{
font-family: Tahoma;
font-size: 12;
color: #9c9c9c;
text-decoration: none;
font-weight: bold;
}

.prod
{
line-height: 24px;
vertical-align: bottom;
}

.smalltext
{
font-family: Tahoma;
font-size: 9;
color: black;
}
.blacktext
{
font-family: Tahoma;
font-size: 11;
color: black;
}
.blackbold
{
font-family: Tahoma;
font-size: 12;
color: black;
text-decoration: none;
font-weight: bold;
}
.redtext
{
font-family: Tahoma;
font-size: 11;
color: red;
}
.redbold
{
font-family: Tahoma;
font-size: 12;
color: red;
text-decoration: none;
font-weight: bold;
}
.login
{
font-family: Tahoma;
font-size: 12;
color: #6092BF;
text-decoration: none;
font-weight: bold;
}
.newphone
{
font-family: Arial, Arial Black;
font-size: 18;
color: red;
text-decoration: none;
font-weight: bold;
}
/**************************************************************fonty***************************************************************/

/**************************************************************zoznamy***************************************************************/

#mainproduct li
{
	line-height: 20px;
	
}

#mainproductx ul
{
	margin: 10px 0 10px 5px;
padding: 0;
list-style-type: none;
border: 0px solid;
width: 495px;
}

#list ul
{
	list-style-type: square;
	list-style-position: outside;
	line-height: 20px;
	
	border: 0px solid black;
	
}

/**************************************************************zoznamy***************************************************************/
/********************************IE padding inside divs********************************************************/
#singlenamein
{
height: 22px;
width: 120px;
}
#singletypein
{
height: 8px;
width: 120px;
}

#detailsin
{

width: 400px;
/*height: 180px;*/
}
/********************************IE padding inside divs********************************************************/
/******************************************************producty detaily*************************************************************/

#singleproduct
{
width: 160px;
height: 240px;
background: #e6eef5;
float: left;
margin-left: 5px;
margin-top: 5px;
}

#singlepicture
{
width: 160px;
height: 190px;
float: left;
margin-left: 0px;
margin-top: 0px;
}

#singlepicturebig
{
width: 440px;
height: 250px;
float: left;
margin-bottom: 10px;
margin-top: 30px;
margin-left: 30px;
}

#singlename
{
font-family: Tahoma;
font-size: 12;
color: white;
font-weight: bold;
width: 120px;
height: 22px;
float: left;
margin-left: 20px;
margin-top: 0px;
background: #b3d2ed;
text-align: center;
vertical-align: middle;
padding-top: 8px;
border: 0px solid black;
}

#singletype
{
font-family: Tahoma;
font-size: 11;
color: black;
width: 120px;
height: 6px;
float: left;
margin-left: 20px;
margin-top: 0px;
padding-top: 2px;
border: 0px solid black;
text-align: center;
}



#name
{
vertical-align: middle;
}

#back
{
width: 500px;
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
float: right;
border: 0px solid black;
}

#list
{
width: 435px;
/*height: 160px;*/
float: left;
margin-left: 25px;
margin-top: 10px;
border: 0px solid black;
background: #e6eef5;
font-weight: bold;
}

#download
{
width: 200px;
height: 120px;
float: left;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 40px;
border: 0px solid black;

}

#details
{
width: 400px;
/*height: 230px;*/
float: left;
border: 0px solid black;
margin: 0 40px;
background: #b3d2ed;
padding: 10px;
color: #186cb6;
line-height: 15px;
}

#trailer
{
width: 420px;
/*height: 230px;*/
float: left;
border: 0px solid black;
margin: 0 40px;
color: #186cb6;
line-height: 15px;
}


#openproduct
{
/*height: 860px;*/
width: 490px;
margin-right: 10px;
border: 0px solid;
float: right;
margin-left: 26px;
margin-top: 0px;
margin-bottom: 30px; 
font-family: Tahoma;
font-size: 11;
color: black;
text-align: justify;
background: #e6eef5;
}