/**
 * Screen & projection stylesheet
 *
 * @version SVN:$Id: screen.css 11 2011-10-12 13:17:49Z michal $
 * @author mishal
 *
 */

/* reset all */ 
* {
  margin: 0;
  padding: 0;
}

/* always show vertical scrollbar */
html {
  overflow-y: scroll;
}

/* clear */
.clear {
  clear: both;
}

.hidden {
  display: none;
}

a img {
  border: 0;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* LAYOUT */
#wrapper {
  margin: 0 auto;
  margin-top: 55px;
  width: 710px;
}

#main {
  width: 710px;
  height: 425px;
}

#header {
  padding: 0 62px;
}

#content-wrapper {
  width: 710px;
  height: 425px;
  position: relative;  
  background: transparent url("../images/content_bg.png") top left no-repeat;
}

#content {
  padding: 40px 100px 10px 110px;    
}

#content #slides {
  /*overflow: scroll;*/
}

/* TYPO */
body {
  font-family: Arial, Helvetica, sans; 
  font-size: 10pt;  
  background: transparent url("../images/body_bg.jpg") top center no-repeat;  
}

#content p {
  line-height: 140%;
  text-align: justify;  
}

#content p, #content ul, #content ol {
  color: #5E5E5E;  
}

#header {
  width: 315px;
  height: 75px;   
}

div#logo h1 {
  width: 315px;
  height: 75px;  
  background: url("../images/kospra_logo.png") top left no-repeat;
}

div#logo h1 span {
  display: none;
}

#arrow-left, #arrow-right {
  position: absolute; 
  outline: none;  
}

#arrow-left:hover, #arrow-right:hover {
  background-position: 0 -65px;
}

#arrow-left.disabled, #arrow-right.disabled {
  background-position: 0 -130px;
}

#arrow-left span, #arrow-right span {
  display: none;
}

#arrow-right {
  right: 5px;
  top: 170px;
  width: 65px;
  height: 65px;
  background: url("../images/arrow_right.png") top left no-repeat;
  background-position: 0 0;
}

#arrow-left {
  left: 26px;
  top: 170px;
  width: 65px;
  height: 65px;
  background: url("../images/arrow_left.png") top left no-repeat;
  background-position: 0 0;
}

#slides-buttons {
 margin: 0 auto;
 margin-top: 10px;
 width: 270px;
 text-align: center; 
}

#slides-buttons a {
  display: inline-block;  
  width: 35px;
  height: 35px;
  outline: none;
  background: url("../images/slides.png") top left no-repeat;
}

#slides-buttons a.selected, #slides-buttons a:hover {  
  background-position: 0 -35px !important;
}

#slides-buttons a span {
  display: none;
}

#slides {
  background: none !important;
}

#slides div {
  width: 500px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
}

#slides p {
  margin: 1em 0;
  line-height: 140%;
}

#slides h2 {
  color: #154397;
  font-size: 14pt;
  font-weight: normal;
  margin: 0 0 1em 0;
}

#slides ul {
  margin: 0.5em 0 0.5em 2em;
  line-height: 140%;
}

#slides a {
  text-decoration: underline;
  color: #154397;
  padding: 0.1em 0.3em;
}

#slides a:hover {
  text-decoration: none;  
}

#slide-1 {
  position: relative;
}

#slide-1 h2 {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 445px;
  height: 190px;
  background: url("../images/slide_1_kospra.png") top left no-repeat;
}

#slide-1 h2 span {
  display: none;
}

.tooltip {
	display: none;
  background: #787878;
  color: #fff;
  padding: 5px;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}

#ie-sux {
  background: #E05C52;
  padding: 0.5em;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#ie-sux a {  
  color: #fff;
  text-decoration: underline;
}

#ie-sux a:hover {  
  text-decoration: none;
}

#slides p.small, #slides span.small {
  font-size: 9pt !important;
}