@charset "utf-8";

/*------------- GLOBAL ------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
html, body {height:100%; font:13px Arial, Helvetica, sans-serif; color:#000; }
body {background: url(../i/content-bg.jpg) repeat-x #e0f9ff}
body#customers { background:#FFFFFF; background-image:none;}
a {color:#0997ba}


/*------------ CONTENT ------------ */
#infosphere {display:block; margin:0 0 0 0}
#w3c-semantic-web { margin:5px 20px 0 20px; padding:0 0 10px 0}
body:first-of-type #infosphere  {float:left}
body:first-of-type #w3c-semantic-web  {float:left}
.description-ss {background:url(../i/shadow-bg-block_02.jpg) repeat-y; margin:0px 0 0 0; float:left;}
.top-description-ss {margin:0 0 -30px 0}
.title-description-ss {position:relative; margin:0 0 5px 100px}
#more-description-index {float:right; display:block; margin:0 0 0px 0}
html:first-child #more-description-index {width:100%; text-align:right}
html:first-child .title-description-ss {position: static; float:left}
.more {float:left; display:inline; width:310px; height:63px; background: url(../i/shadow-bg-block_04.png) no-repeat; margin:0px 0 0 0  }

.more a.try {display:inline; cursor:pointer; float:left; margin: 15px 20px 0 10px; background:url(../i/try-2.png); width: 79px; height:34px; text-align:center}

.more a.try-2 {display:inline; cursor:pointer; float:left; margin: 15px 20px 0 10px; background:url(../i/button.png); width: 45px; height:20px; text-align:center}

.more a.try-3 {display:inline; float:left; cursor:pointer; margin: 15px 20px 0 30px; background:url(../i/button.png); width: 45px; height:20px; text-align:center}

#windows {float:left; display:inline; margin:15px 0 0 20px}
#linux {float:left; display:inline; margin:15px 0 0 10px}

#description-index { width:964px; margin:0 0 10px 17px; display:block; float:left }

#top-bg { background: url(../i/star-bg.jpg) #000000; float:left; height:240px; width:100%; min-width:1000px }

#menu-block {float:left; width:100%; position:relative; display:block; height:55px; margin:-25px 0 0 0; background:url(../i/menu-bg.png) no-repeat center;}

#menu { font:15px Arial, Helvetica, sans-serif; display: block; width:550px; margin:0 auto; margin-top:7px;}
#menu li {display:inline; margin:0 5px 0 0; text-align:center }
#menu li a, a#language {color:#0dbde8; }

#globus { width:100%; float:left; display:inline; background: url(../i/globus.jpg) right no-repeat; height:216px}

#main {min-height: 100%;	height: auto !important; height: 100%; width:100%; margin: 0 auto -100px; float:left; 	display:block; }
#content{ float:left; width:100%;  }
#content-bg { width:1000px; margin:0 auto}
#content-bg-2 {float:left; width:1000px}

#logo {height:216px; width:100%; float:left; display:inline;}
#logo img {display:block;}
#logo #semantic-soft { margin:15px 0 0 90px; }
body:first-of-type #logo #semantic-soft { float:left }
*:first-child+html #logo  { width:49%;}

#semantic-web {display:block; float:left; margin:35px 0 0 100px}

#star-block {float:left; display: block; width:1000px;  }

#star-block-2 {float:left; display: block;  margin: 0 0 50px 17px; width:964px }

#star-block-4 {float:left; display: block;  margin: 0 0 0 17px; width:964px }
#star-block-3 {float:left; display: block;  margin: 0 0 20px 17px; width:964px }
#star-block-3   p, #star-block-2   p, #star-block-4   p {margin:10px 0 15px 0}
#star-block-3   h2, #star-block-2  h2, #star-block-4  h2 {margin:20px 0 0 0}
#star-block-4   ul li { list-style: disc; margin:0 0 10px 40px}

h1 { font:24px Georgia, "Times New Roman", Times, serif}
h2 {font:20px Georgia, "Times New Roman", Times, serif}

#semantic-studio p, #semantic-server p, #semantic-site  p { margin:-30px 0 0 0  ; padding:0 10px 0 10px}

*:first-child+html #semantic-studio p, *:first-child+html #semantic-server p, *:first-child+html #semantic-site  p { position:relative}

#semantic-studio {display:block; width: 310px; height: auto; margin:0 0 0 17px; float:left;    }

#semantic-server {display:block; width: 310px; height: auto; float:left;  margin:0 0 0 60px;}

#semantic-site {display:block; width: 200px;height: auto;  float:left; margin:0 0 0 17px;} /*310*/

#spacer-block { width:100%; height:0px; float:left; display:block;}
#star-wars {display:block; width:600px; height:100px; float:left; margin:-20px 0 10px 400px}

#satelit-1 {  margin:-450px 0 0 350px;  float:left;}
#satelit-2 { margin:-210px 0 0 350px; float:left;}
#a3 { float:left; display:block; margin:0 0 0 375px}

#a3-2 { float:left; display:block; margin:0px 0 0 360px}

#a3-3 { float:left; display:block; margin:0px 0 0 250px}

#a3-4 { float:left; display:block; margin:0px 0 0 370px}

*:first-child+html  #satelit-2 { margin-left:350px} 

#content-customers {width:750px; margin:0 auto;}
#content-customers  .brand p {margin:0 0 0 0; font:12px Arial, Helvetica, sans-serif;}
.brand {float:left; display:block; width:200px; margin:25px;}
*html .brand { margin:20px}
*:first-child+html .brand { margin:20px}
.brand p {}
.brand span { font-weight:bold} 
/*------------ FOOTER ------------ */

#eplaqueimg { float:right; display:inline; margin:20px 20px 10px 0}

#footer, #push { width:100%; float:left; display:block; }
#push {height: 100px;  }

#footer-content { width:1000px; margin:0 auto}

#copyright {color:#000; float:left; display:block; margin:20px 0 20px 10px; }