/*************************************
 *
 *  Code By Attenzione
 *  12.03.2008
 *
 *************************************/
* {
    font-size: 1em;
}
html, body, th, td, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend {
    margin: 0; /* Clear margin for most usefull elements */
    padding: 0; /* Clear padding for most usefull elements */
}
html {
    height: 100%; /* Full Height */
}
body {
    background: #333334; /* Set Body Background Color, because users have different backgrounds */
    font-size: 12px; /* Set Relative font size*/
    font-family: "Myriad Pro Light", Tahoma, "Trebuchet MS", Helvetica, Arial; /* Set Font Family */
    height: 100%; /* Full Height */
	color: #FFF;
}
img {
    border: none; /* No border for Images */
}
li {
    list-style: none; /* No list with Bullets */
}
table {
    border-collapse: collapse; /* Table without Cell Spacing */
}
table th {
    vertical-align: top; /* Default Vertical Position */
    text-align: left; /* Default Horizontal Position */
    font-weight: normal; /* Set normal Font Weight */
}
table td {
    vertical-align: top; /* Default Vertical Position */
}
a {
    color: #30aef1; /* Default Color for Anchor */
}
a:hover {
    color: #87D1F7; /* Default Hover Color for Anchor */
}
h1 {
    color: #FFF;
    font-size: 2.5em;
	font-weight: normal;
}
h2 {
    color: #FFF;
    font-size: 1.67em;
	font-weight: normal;
}
p {
	margin-bottom: 14px;
	font-family: Tahoma;
}
small {
	font-family: Tahoma;
}
.clear {
    clear: both; /* Clear Element Floating */
}
.clear-after { //min-height: 1%; } /* ie7+ fix */
.clear-after:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size:0; }

div.spacer { line-height:0; font-size:0; }


input.txt, select, textarea { border: 1px solid #626366; background: #626366; color: #FFF; }
select.check, input.check, textarea.check { border: 1px solid #FFE3A7; background: #FFE3A7; color: #000; }
input.code, img.code { vertical-align: middle; }
label { color: #8B8D8E; font-size: 0.92em; font-family: Tahoma, Verdana, Sans-serif; }
input.btn {
	background: url(../images/i/bg/btn.gif) #8D8D8D 0 100% repeat-x;
	border-bottom: 1px solid #454545; border-right: 1px solid #777; border-left: 1px solid #777; border-top: 1px solid #959595;
	padding-left: 10px; padding-right: 10px;
	overflow: visible;
	color: #FFF; font-family: Tahoma, Verdana, Sans-serif;
	cursor: pointer;
}
div.check {
	background: url(../images/i/bg/attention.gif) 0 0 no-repeat;
	padding-left: 15px;
	color: #FFF; font-size: 0.92em; font-family: Tahoma, Verdana, Sans-serif;
}
div.error, div.done { padding: 50px 0; font-family: Tahoma, Verdana, Sans-serif; }
div.error strong  { color: #FFE3A7; }
div.done strong   { color: #FFF; }

div.form-item { padding-bottom: 10px; }
div.form-btns { padding-top: 5px; }


#logo {
	position: absolute;
	right: 39px;
	top: 74px;
	z-index: 2;
}

#lang {
	position: absolute;
	font-family: Tahoma;
	top: 40px;
	right: 23%;
}
#lang li {
	float: left;
	margin-right: 10px;
}
#lang li span {
	font-size: 0.92em;
	color: #666866;
}
#lang li a {
	font-size: 0.92em;
	color: #849ba8;
}

#home {
	position: absolute; right: 0; top: 235px; z-index: 2;
	width: 197px;
	font-size:0.92em; font-family: "Trebuchet MS", Tahoma, Verdana, Sans-serif;
}
#home a { background: url(../images/i/icons/home.gif) 0 0.27em no-repeat; padding-left: 18px; white-space: nowrap; }

#wrapper { /* table */
	background: url(../images/i/bg/bg-left.gif) repeat-y;
	height: 100%;
	width: 100%;
}
#fixer {
	width: 900px;
}
#top-left-corner div.corner { 
	background: url(../images/i/bg/bg-top-left.gif) no-repeat;
	width: 111px; height: 48px;
	position: absolute;
	top: 0;
	left: 0;
}
#top-left-corner div.fixer { 
	width: 25px;
}
#content {
	width: 100%;
}
#content {
	background: url(../images/i/bg/bg-top.gif) repeat-x;
	padding-bottom: 50px;
}
#content div.under-menu {
	background: url(../images/i/bg/bg-under-menu.png) no-repeat;
	width: 729px; height: 182px;
	position: absolute;
	z-index: 2;
	top: 180px; right: 15%;
}
#content div.menu-wrapper {
	background: url(../images/i/bg/bg-top-right.gif) top right no-repeat;
	margin-bottom: -148px;
	height: 351px;
}
#menu {
	padding-right: 270px;
	padding-top: 90px;
}
#menu a {
	color: #a7b2ab;
	white-space: nowrap;
}
#menu a:hover {
	color: #D2D7D4;
}
#menu div.active {
	padding-top: 40px;
	width: 617px; height: 117px;
	text-align: center;
}
#menu table.menu {
	margin: 0 auto;
	width: 80%;
	height: 50px;
}
#menu table.menu td.item {
	vertical-align: middle;
	text-align: center;
	/*padding: 0 30px;*/
	width: 33%;
}
#menu table.menu td.item img {
	margin: 0 30px;
}
#menu table.menu td.item a {
	position: relative;
	z-index: 1;
}
#menu table.menu td.active div.bubble {
	background: url(../images/i/bg/bg-menu-active.png) no-repeat;
	margin-top: -40px;
	margin-left: -307px;
	left: 50%;
	position: absolute;
	width: 611px; height: 117px;
}

#menu-tooltip {
	position: relative;
	text-align: left;
}
#menu-tooltip div.tooltip-wrapper {
	position:absolute; 
	width: 100%;
	z-index: 3;
}
#menu-tooltip table {
	margin: 0 auto;
}
#menu-tooltip table td.left div {
	background: url(../images/i/bg/bg-mtooltip-left.png) no-repeat;
	width: 30px;
	height: 91px;
}
#menu-tooltip table td.right div {
	background: url(../images/i/bg/bg-mtooltip-right.png) no-repeat;
	width: 30px;
	height: 91px;
}
#menu-tooltip table td.center {
	background: url(../images/i/bg/bg-mtooltip.png) repeat-x;
	padding: 8px 10px 0;
	color: #30AEF1;
	font-size: 1.5em;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	white-space: nowrap;
}
#menu-tooltip a {
	color: #87D1F7;
}
#menu-tooltip a:hover {
	color: #30AEF1;
}
#menu-tooltip table td.center div {
	background: url(../images/i/bg/bg-mtooltip-triangle.gif) center no-repeat;
	margin-bottom: 16px;
	height: 10px;
	font-size: 1px;
}

#footer {
	background: url(../images/i/bg/bg-body.gif) #333334 bottom repeat-x;
	position: relative;
}
#footer a {
	color: #FFF;
}
#footer a:hover {
	color: #BFBFBF;
}
#footer div.bottom-left-corner {
	background: url(../images/i/bg/bg-bottom-left.gif) bottom left no-repeat;
	height: 212px;
}

#footer div.contacts {
	position: absolute;
	top: 15px;
	left: 20%;
	font-size: 1.67em;
	width: 420px;
}
#footer div.contacts a.click, #footer div.contacts span.tooltip {
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
}
#footer div.tv {
	background: url(../images/i/tv.gif) no-repeat;
	position: absolute;
	right: 5%;
	bottom: 45px;
}
#footer div.tv a {
	display: block;
	width: 83px; height: 19px;
}
#footer div.copyright {
	position: absolute;
	top: 145px;
	left: 20%;
	font-size: 1.17em;
}
#footer div.lnk a {
	background: url(../images/i/lnk.gif) no-repeat;
	padding-top: 40px;
	padding-left: 16px;
	display: block;	
	position: absolute;
	top: 125px;
	left: 40%;
	min-width: 90px;
	font-family: Tahoma;
	color: #8f8e8d;
}
* html #footer div.lnk a {
	width: 90px;
}
.rombs-contacts #footer div.copyright { bottom: 135px; }
#footer div.copyright small {
	color: #8f8e8d;
	font-size: 0.79em;
}

/* Tooltip */

#tooltip {
	position: absolute;
	z-index: 3;
	font-size: 1.5em;
	color: #000;
}
#tooltip td.left {
	background: url(../images/i/bg/bg-tooltip-left.png) no-repeat;
}
#tooltip td.text {
	background: url(../images/i/bg/bg-tooltip.png) repeat-x;
	vertical-align: middle;
}
#tooltip td.right {
	background: url(../images/i/bg/bg-tooltip-right.png) no-repeat;
}
#tooltip td.left div,
#tooltip td.right div {
	width: 32px;
	height: 68px;
}
#tooltip div.triangle {
	background: url(../images/i/bg/bg-tooltip-triangle.png) no-repeat;
	width: 20px; height: 10px;
	position: absolute;
	margin-top: -18px;
	margin-left: 66px;
}

/* Frames */

div.frame-big {
	background-position: center;
	width: 325px;
}
div.frame-big div {
	background: url(../images/i/frames/large.png) no-repeat;
	width: 325px;
	height: 363px;
}

div.frame-medium {
	background-position: center;
	width: 230px;
}
div.frame-medium div {
	background: url(../images/i/frames/medium.png) no-repeat;
	width: 230px;
	height: 254px;
}

/* LAYER */

#layer-bg {
	background: #2b2b2b;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#float-layer {
	position: absolute;
	width: 100%;
	top: 200px;
	z-index: 1001;
}
table.float-layer {
	margin: 0 auto;
}
table.float-layer td.tl div {
	background: url(../images/i/layer/layer-tl.png) top left no-repeat;
	width: 24px;
	height: 24px;
}
table.float-layer td.tm div {
	background: url(../images/i/layer/layer-tm.png) top left repeat-x;
	height: 24px;
}
table.float-layer td.tr div {
	background: url(../images/i/layer/layer-tr.png) top left no-repeat;
	width: 24px;
	height: 24px;
}
table.float-layer td.ml {
	background: url(../images/i/layer/layer-ml.png) top left repeat-y;
}
table.float-layer td.ml div {
	width: 24px;
	height: 24px;
}
table.float-layer td.mr {
	background: url(../images/i/layer/layer-mr.png) top left repeat-y;
}
table.float-layer td.ml div {
	width: 24px;
	height: 24px;
}
table.float-layer td.bl div {
	background: url(../images/i/layer/layer-bl.png) top left no-repeat;
	width: 24px;
	height: 24px;
}
table.float-layer td.bm div {
	background: url(../images/i/layer/layer-bm.png) top left repeat-x;
	height: 24px;
}
table.float-layer td.br div {
	background: url(../images/i/layer/layer-br.png) top left no-repeat;
	width: 24px;
	height: 24px;
}
table.float-layer td.content {
	background: #232323;
}
table.float-layer td.content div.close {
	position: relative;
	font-size: 1px;
}
table.float-layer td.content a.close {
	background: url(../images/i/layer/close.gif) top left no-repeat;
	width: 19px;
	height: 19px;
	position: absolute;
	right: 10px;
	top: 10px;
}
table.float-layer td.content div.content {

}
#float-layer-inner {
	background-color: #2a2a2b;
	padding: 10px;
}
#layer-next {
	background: url(../images/i/layer/next.gif) no-repeat;
	margin-top: 230px;
	display: block;
	width: 28px;
	height: 29px;
	position: absolute;
}
#layer-prev {
	background: url(../images/i/layer/prev.gif) no-repeat;
	margin-top: 230px;
	margin-left: -5px;
	display: block;
	width: 28px;
	height: 29px;
	position: absolute;
}