/**
 * Eyedea styles.
 *
 * @version 1.0
 */

html, body
{
  background-image: url(../img/sky-bckg-1400x1400.jpg);
	background-color: #32497d;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 92%;
}

a {
	color: #ffffff;
	overflow: hidden;
	cursor: pointer;
}

.hide {
	display: none;
}

p {
	margin: 15px 0px;
}


/* Header ------------------------------------------------------------------- */
#header {
	width: 995px;
	height: 55px;
	margin: 5px auto 0px auto;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}
   
#header a {
	position: relative;  
  text-decoration: none;
	display: block;
	overflow: hidden;
	width: 580px;
	height: 24px;
	left: 20px;
	top: 20px;
	cursor: pointer;
}

#header .logo {
	position: absolute;
	width: 275px;
	height: 100%;
	background-image: url(../img/logo-eyedea-bck.jpg);
	background-repeat: no-repeat;
}

#header .logo_com {
	position: absolute;
	width:  580px;
	height: 24px;
	background-position: 285px 11px;
	background-image: url(../img/logo-eyedea-comment-bck-60.jpg);
	background-repeat: no-repeat;
}

#header .lang {
	position: relative;
	width:  30px;
	height: 20px;
	top: 4px;
	right: 20px;
	text-align: right;
	font-size: 15px;
	color: #fff;
	background-color: #1a1a1a; 
	background-repeat: no-repeat;
	float: right;
}
#header .lang a {
	position: relative;
	display: block;
	overflow: hidden;
	width:  30px;
	height: 20px;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

/* The Main Home Page Image ------------------------------------------------- */
#homepageimage {
	width: 995px;
	height: 270px;
	margin: 0px auto 0px auto;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../img/homepage/auto-homepage-04.gif); 
	text-align: left;
}


/* Menu --------------------------------------------------------------------- */
#menubck {
	width: 995px;
	height: 30px;
	margin: 0px auto 0px auto;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}

#menu {
	float: left;
	padding-left: 10px;
	padding-top:  5px;
	font-size: 105%;
	font-weight: normal;
}

#menu a {
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
	padding: 0px 10px;
	border-right: 2px #999999 solid;
}

#menu .last {
	padding-right: 0px;
	border: none;
}

/* panels ------------------------------------------------------------------- */
#panelhome {
	width: 995px;
	height: 285px;
	margin: 0px auto 0px auto;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}
#panelhome .leftcol {
  position: relative;
	width: 380px;
	height: 285px;               
	margin: 0px auto 0px auto;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left;
}
#panelhome .rightcol {
  position: relative;
	width: 615px;
	height: 285px;              
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: right;
	color: #fff; 
}
#panelhome .panel_01 {
  position: relative;
	width: 305px;
	height: 265px;
	top: 20px;
	left: 20px;
	margin: 0px auto 0px auto;
	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left; 
}

#panelhome .panel_01 h1 {
	font-size: 100%;
	font-weight: bold;
	margin: 0; padding: 0;
}

#panelhome .panel_01_text_bck {
  position: relative;
	width: 650px;
	height: 265px;
	top: 20px;
	left: 20px;
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left; 
	color: #ffffff;
} 
#panelhome .panel_01_text_bck .panel_01_text {
  position: relative;
	width: 610px;
	height: 225px;
	top: 10px;
	left: 20px;
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left; 
	color: #ffffff;
}

#panelhome .panel_02 {
  position: relative;
	width: 305px;
	height: 265px;
	top: 20px;
	left: 40px;
	margin: 0px auto 0px auto;
	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left; 
}

#panelhome .panel_03 {
  position: relative;
	width: 305px;
	height: 265px;
	top: 20px;
	right: 20px;
	margin: 0px auto 0px auto;
	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: right; 
}

#panelhome .panel_text {
  position: relative;
	width: 285px;
	height: 30px;
	top: 10px;
	left: 15px;
	margin: 0px auto 0px auto;
	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
  font-size: 15px;
	color: #fff;
	float: left; 
}
#panelhome .panel_text h1 {
	font-size: 100%;
	font-weight: bold;
	margin: 0; padding: 0;
}
#panelhome .panel_image {
  position: relative;
	width: 275px;
	height: 220px;
	top: 0px;
	left: 15px;
	margin: 0px auto 0px auto;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: top;
	float: left; 
}

#panelhome a {
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
}

/* product ------------------------------------------------------------------- */
#product {
  position: relative;
  height: auto;
  top: 0px;
	width: 995px;
	margin: 0px auto 0px auto;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}


#product .textbck{
  position: relative;
  height: auto;
	width: 955px;
	margin: 0px 20px 0px 20px;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	color: #ffffff;
}
#product .text{
  position: relative;
  top: 10px;
  height: auto:
	width: 940px;
	margin: 0px 0px 0px 15px;   /* top right bottom left */
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	color: #ffffff;
}
#product ul {
	list-style: url(../img/bulletW.gif);
	list-style-position: outside;
	padding-left: 30px;
}
#product .imgcol {
  position: relative;
  width: 315px;
	right: 0px;
	margin: 0px 0px 0px 10px;
/*	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	/* text-align: left;*/
	float: right; 
}
#product .imgbck {
  position: relative;
	right: 0px;
	margin: 5px 0px 0px 10px;
	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	/* text-align: left;*/
	font-size: 90%;
	float: right;
}
#product .img {
  position: relative;
	margin: 15px 15px 15px 15px;
	background-color: #403c39;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left; 
}
#product h2 {
	font-size: 180%;
	font-weight: normal;
	margin: 0; padding: 0;
}
#product h1 {
	font-size: 180%;
	font-weight: normal;
	margin: 0; padding: 0;
}

/* Menu --------------------------------------------------------------------- */
#productheader {
  position: relative;
	width: 955px;
	top:  20px;
	left: 0px;	
	margin: 0px auto 20px auto;    /* top right bottom left */
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	color: #ffffff;
}
#productheader .text{
  position: relative;
	width: 935px;
	top: 10px;
	left: 5px;	
	margin: 0px auto 0px auto;    /* top right bottom left */
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	color: #ffffff;
}
#productmenubck {
	width: 950px;
	height: 30px;
	margin: 10px 0px 0px 5px;    /* top right bottom left */
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}

#productmenu {
  position: relative;
  left: 0px;
  margin: 0px 0px 0px 0px;   /* top right bottom left */
	padding-left: 0px;
	padding-top:  5px;
	font-size: 105%;
	font-weight: normal; 
}

#productmenu a {
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer; 
}

#productmenu ul {
	list-style: none;
	padding-left: 0px;
}

#productmenu li {
	float: left;
	padding: 0px 10px;
	border-right: 2px #999999 solid;
}

#productmenu .last {
	padding-right: 0px;
	border: none;
}
/* Technical info ----------------------------------------------------------- */
#product .tinfo_textbck{
  position: relative;
  height: auto;
	width: 949px;
	margin: 0px 20px 0px 20px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	color: #000000;
	border: 3px;
	border-style: ridge;
}
#product .tinfo_text{
  position: relative;
  top: 10px;
  height: auto:
	width: 925px;
	margin: 0px 15px 0px 15px;   /* top right bottom left */
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	color: #000000;
}
#product .tinfo_text ul {
	list-style: url(../img/bulletK.gif);
	list-style-position: outside;
	padding-left: 30px;
}

#product .tinfo_imgbck {
  position: relative;
  width: 400px;
	right: 0px;
	margin: 5px 0px 0px 15px;  /* top right bottom left */
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: top;
	/* text-align: left;*/
	float: right;
	font-size: 90%;
}
#product .tinfo_img {
  position: relative;
	margin: 0px 0px 0px 0px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left; 
}

#product .tinfo_text a {
	color: #000000;
	overflow: hidden;
	cursor: pointer; 
}
/* Footer ------------------------------------------------------------------- */
#footer {
	width: 995px;
	height: 40px;
	margin: 0px auto 5px auto;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: top;
}

#footer .textbck {
  position: relative;
	width: 995px;
	height: 20px;
	top: 20px;
	margin: 0px auto;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: bot;
	float: left; 
}

#footer .textbck .text {
  position: relative;
	width: 300px;
	height: 15px;
  left: 20px;
  top: 2px;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	font-size: 11px;
	color: #fff; 
	float: left; 
}

#footer .textbckmore {
  position: relative;
	width: 900px;
	height: 20px;
	top: 20px;
	margin: 0px auto;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: bot;
	float: left; 
}

#footer .textbckmore .text {
  position: relative;
	width: 300px;
	height: 15px;
  left: 20px;
  top: 2px;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	font-size: 11px;
	color: #fff; 
	float: left; 
}

#footer .more {
  position: relative;
	width: 95px;
	height: 40px;
	right: 0px;
	margin: 0px auto;
	background-color: #1a1a1a;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/more.jpg);
	float: right;
}


/* Content About page ------------------------------------------------------- */
#contentgoldenratio {
	width: 995px;
	height: 615px;               /* 995:615 zlaty rez*/
	margin: 0px auto 0px auto;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}
#contentgoldenratio .leftcol {
  position: relative;
	width: 380px;
	height: 615px;               
	margin: 0px auto 0px auto;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left;
}
#contentgoldenratio .rightcol {
  position: relative;
	width: 615px;
	height: 615px;              
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: right;
	color: #fff; 
}
#contentgoldenratio .rightcol .text {
  position: relative;
	width: 575px;
	height: 575px;  
  right: 20px;
  top: 20px;            
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: right;
	color: #fff; 
}

#contentgoldenratio .rightcol ul {
	list-style: url(../img/bulletW.gif);
	list-style-position: outside;
	padding-left: 30px;
}

#contentgoldenratio .leftcol .referenceslogos{
  position: relative;
	width: 320px;
	height: 450px;               
	top: 30px;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left;
}

/* Content normal page ------------------------------------------------------ */

#content {
	position: relative;
	background-color: #fff;
	width: 760px;
	margin: 0px auto;
	text-align: left;
}

#content .regpage {
	background-image: url(../img/regpage_bgr.png);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	padding-left: 42px;
}

#content .regpage .col {
	width: 510px;
	line-height: 1.5em;
	float: left;
}
#content .regpage .spacer {
	height: 400px;
	width: 10px;
	float: left; 
}

#content .regpage h2 {
	font-size: 180%;
	font-weight: normal;
	padding: 30px 0 5px 0;
}


#content ul {
	list-style: url(../img/bulletW.gif);
	list-style-position: outside;
	padding-left: 30px;
}

#content #ilustpic1 {
	position: absolute;
	width: 236px;
	height: 563px;
	left: 550px;
	top: 17px;
	background-image: url(../img/regpage_ilustpic1.png);
}

#content .photo img {
	line-height: normal;
	padding: 0px;
	margin: 0px;
	width: auto;

}

#content .photo  {
	border: 10px #ccc solid;
	width : auto;
}


#content .logo  {
	width : 170px;
}

#content .left {
	float: left;
	margin: 10px 10px 10px 0px;
}


/* Content index page */

#content .indexpagetop {
	width: 380px;
	height: 272px;
	background-color: #EEEEEE;
	background-image: url(../img/indexpage_bgr.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	overflow: auto;
}

#content #ilustpic1_index {
	position: absolute;
	width: 393px;
	height: 298px;
	left: 380px;
	top: -13px;
	background-image: url(../img/indexpage_ilustpic1.jpg);
}

#content .indexpagetop .col {
	padding: 20px 20px 20px 42px;
	line-height: 1.5em;
}

#content .indexpage {
	padding: 15px 25px 5px 42px;
	line-height: 1.5em;
}


#content .productbullets {
	list-style: none;
	list-style-image: none;
	padding: 15px 0px 15px 0px;
}

#content .productbullets li {
	padding-bottom: 20px;
}

#content .productbullets li a {
	font-weight: bold;
}
#content .productbullets li img {
	float: left;
	margin-right: 15px;
}

/* Content Download page ------------------------------------------------------- */
#contentdownload {
	width: 995px;
	height: 770px;               
	margin: 0px auto 0px auto;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
}
#contentdownload .leftcol {
  position: relative;
	width: 380px;
	height: 770px;               
	margin: 0px auto 0px auto;
	background-color: #555555;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left;
}
#contentdownload .rightcol {
  position: relative;
	width: 615px;
	height: 770px;              
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: right;
	color: #fff; 
}
#contentdownload .rightcol .text {
  position: relative;
	width: 575px;
	height: 655px;  
  right: 20px;
  top: 20px;            
	margin: 0px auto 0px auto;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: right;
	color: #fff; 
}

#contentdownload .rightcol ul {
	list-style: url(../img/bulletW.gif);
	list-style-position: outside;
	padding-left: 30px;
}

#contentdownload .leftcol .referenceslogos{
  position: relative;
	width: 320px;
	height: 470px;               
	top: 30px;
	background-color: #444444;
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	float: left;
}