/*

CSS Style

Made with HateML Pro

Copyright by Michal Gajek,

Migajek Software

http://migajek.com/

*/







body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size: 0.7em;
line-height: 1.5em;
padding: 0px;
border-width: 0px;
background-color: #FFFFFF;
margin: 0px;
min-height: 100%;
}





div.imgheader {

 width : 100%;

 height: 160px;

 margin-top: 10px;

 text-align: center;

}





div.langsel {

           padding-right: 15px;

           text-align: right;

           font-size: 10px;

           font-weight: normal;

           color: black;
           text-decoration: none;
}



div.langsel a {

           font-size: 10px;

           font-weight: normal;

           color: black;

           text-decoration: none;

}



div.langsel a:hover {

           text-decoration: none;

}





/* naglowek */

div.header{

padding-top: 15px;

color: #FFFFFF;

font-size: 25px;

font-weight: bold;

font-family: sans-serif, verdana, arial;

background-color: #324671;

width: 100%;

height: 70px;

}



/* podpis w naglowku (fast and easy way ... ) */

div.header div.sub {

           font-size: 18px;

           font-weight: normal;

           padding-left: 50px;

}





div.headerspacer {

 height: 2px;

 width: 100%;

 background-color: white;

}



div.headersubline{

 height: 10px;

 width: 100%;

 background-color: #253555;

}





/* glowny container z danymi! */

div.maincontainer {

           margin: 0px 20px 20px 20px;

	   padding: 5px 5px 5px 5px;

           border-style: solid;

           border-color: #ccc;

           border-width : 0px 1px 1px 1px;

}











/* menu :) (zakladki) */

div.menucontainer{

           margin: 10px 20px 0px 20px;

           border-bottom : 1px solid #ccc;

           padding-bottom : 19px;

           padding-left : 10px;           

}

div.menucontainer2 {
  margin: 0px -5px 25px -5px; 
  border-style: solid; 
  border-color: #ccc; 
  border-width : 0px 0px 1px 0px;
  padding-bottom : 5px;
  text-align: center;  
}

ul.menu2, li.menu2 {
  display: inline;
  list-style-type : none;
  margin: 0px;
  padding: 0px;
}


ul.menu, li.menu{

display : inline;

list-style-type : none;

margin : 0px;

padding : 0px;

}



div.menucontainer li.r{

display : inline;

list-style-type : none;

padding: 0px;

margin: 0px;

float: right;

text-decoration: none;
}

div.menucontainer li.r a{
text-decoration: none;
}



#PL_BG {

       background-image: url('./img/flags/164_2.ico');

       background-repeat: no-repeat;

       background-position: center center;

}



#EN_BG {

       background-image: url('./img/flags/217_2.ico');

       background-repeat: no-repeat;

       background-position: center center;

}





ul.bullet {

list-style-type: square;

}



/* odnosnik menu :D */

div.menucontainer a

{

font-family: verdana, arial, sans-serif;

font-size: 10px;

border : 1px solid #ccc;

color : #666;

float: left;

padding : 2px 10px 2px 10px;

display: inline;

text-decoration: underline;

color: black;

line-height : 14px;

margin-right : 8px;

background-color: #ECE8E8;

}





div.menucontainer a:hover{

 background-color: #9E9696;  

color: #383131;

border-color: #ccc;

}



div.menucontainer a.selected{

border-bottom-color: #FFFFFF;
font-weight: bold;

}



div.menucontainer a.selected:hover{

border-bottom-color: #FFFFFF;

}




div.menucontainer2 a
{
font-family: verdana, arial, sans-serif;
font-size: 10px;
display: inline;
text-decoration: none;
color: black;
border-style: solid;
padding: 4px;
border-color: #fff;
border-width: 0px 1px 0px 1px;
}





div.menucontainer2 a:hover{

background-color: #9E9696;

color: #383131;

border-color: #ccc;

}

div.menucontainer2 a.selected{
 text-decoration: underline;  
}



div.footer {

width: 100%;

text-align: center;

font-size: 11px;

color: #85888A;

}



div.footer a{

color: #85888A;

text-decoration : underline;

}



div.footer a:hover{

text-decoration: underline;

}



div.footer img{

padding: 1px;

border-style: none;

}





div.imgdesc {

            color: #000000;

            font-size: 12px;

            text-decoration: underline;

            text-align: center;

}



table.awards {              
              margin: 15px;
              background-color: #fff;
}





table.awards td {

              border-style: solid;

              border-width: 1px;

              border-color: #000000;

              padding: 10px;

}





table.screens {

              border-collapse: collapse;

}



div.sup_subtext{

	font-family: Verdana, Arial, Halvetica, sans-serif;

	text-indent: 5px;

}



table.screens td {

              border-style: solid;

              border-width: 1px;

              border-color: #000000;

              background-color: #F0EDED; /*#C6D3EF; */



}



#side_left {

        margin: 30px auto 0px auto;

	width: 150px;

	border-right: 1px dotted #C4D0D7;

	padding: 0px 20px 0px 10px;

	color: #999;

	float: left;

	font-size: 80%;

}





/* home */



#side_right {

        margin: 30px auto 0px auto;

	width: 223px;

	border-left: 1px dotted #C4D0D7;

	padding: 0px 10px 0px 10px;

	color: #999;

	float: right;

	font-size: 80%;

}







#side_center {

	color: #222;

	padding: 30px 50px 30px 50px;

	width: 600px;

}





hr.products {

	border: 1px solid #FFFFFF;

	border-top: 1px dashed #000;

}



div.fielddot {

border: #000000 dotted 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9pt;

}



div.fielddot_prod{

/*border: #000000 dotted 1px; */

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9pt;

padding: 5px;

}



div.box {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 8pt;

}



input.txt {

border: #000000 solid 1px;

}



a {

text-decoration: underline;
color: #404040;
}



a:hover {

text-decoration: underline;

}



a:active {

text-decoration: none;

}



#red {

color: red;

}



img {

border-width: 0px;

} 


table.pretty {

	margin: 2px;
	background-color: #A0A0A0;
	font-family: Tahoma,Verdana,Arial,Helvetica, sans-serif;
	font-size: 11.2px;
	margin-left:auto; margin-right:auto;
}



table.pretty td.btCell, table.pretty td {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
}



table.pretty th.btHead, table.pretty th {
	background-color: #e5e5e5;
	vertical-align: top;
}

h3 {
	color: #0c67d6;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	border-bottom: 1px solid #e8e8e8;
}

h2 {
	color: #0c67d6;
	font-size: 17pt;
	font-weight: normal;
	line-height: 30px;
	border-bottom: 1px solid #e8e8e8;
}

ul.featureslist {
  font-family:	Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 12.2px;
}

.imageright {
	float: right;
	position: relative;
	margin-left: 15px;

}

img.screenshot{
	border: 1px solid #666666;
	padding: 2px;
	margin-right: 10px;
}



img.screenshot:hover{
	border: 1px solid #FF6666;
}


#playButton{
	width: 49%;
	height: 100%;
	background: transparent url(./img/play.png) no-repeat; /* Trick IE into showing hover */
	display: block;
	right: 0; 
	float: right;}


.newstitle{
	color: #282828;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
}

.newsdate {
	color: #888888;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.newsitem p{
  margin-left: 10px;
}
