@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin-ext);
/*
@font-face {
  font-family:'ProximaL';
  src:url('proxima/l/proximanova-light-webfont.eot');
  src:url('proxima/l/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('proxima/l/proximanova-light-webfont.woff') format('woff'), url('proxima/l/proximanova-light-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:'ProximaR';
  src:url('proxima/r/proximanova-regular-webfont.eot');
  src:url('proxima/r/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('proxima/r/proximanova-regular-webfont.woff') format('woff'), url('proxima/r/proximanova-regular-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}
*/

* {
   margin:0;
   padding:0;
}

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

body {
  background-color: #ffffff;
  background-image: url('../images/podklad.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
 /*
   font-family: "Trebuchet MS", Helvetica, sans-serif;
*/
  font-family: 'Open Sans', sans-serif;
  color: #0088dd;
  font-weight: 400;
  font-size: 1em;
  line-height: 15px;
  padding: 0 0 0 0;
  text-align: center;
}

h1, h2, h3, h4, p, ul, li, a, img, body, form, iframe {
  margin: 0;
  padding: 0;
  border: 0;
}

#wrapper{
   width: 1000px;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   position: relative;
}

#outer {
  color: #000000;
  /* margin-right: 195px;
  margin-left: 195px;*/
  width: 1000px;
}

.outerwrap {
   float: left;
   width: 1000px;
	/*
	background-image: url("../images/bgpodklad.gif");
	background-repeat: repeat-y;
	border: #00e0f0 dashed thin;
	*/
	background-color: #ffffff;
	margin-top: 200px;
}

#outerwrapinn{
	position: absolute;
	width: 980px;
	margin-left: 10px;
	background-color: #FaFaFa;/*
	background-image: url('../images/slider-brand-bg.png');
	background-repeat: repeat-x;
	border: #F5F5F5 thin solid;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#centrecontent{
	width: 760px;
	float: right;
	/*padding: 10px;*/
}

#header{
  position: absolute;
  top: 0;
  left: 0;
  width: 990px;
  height: 190px;
  /*background-repeat: no-repeat;
  background-image: url(../obr/logo.jpg);
  text-align: right;
  border: #6633AA thin dashed;*/
}

#leftcolumn {
  position: relative; /*ie needs this to show float */
  width: 230px;
  float: left;
 /* margin-left: -153px;*/ /*must be 1px less than width otherwise won't push footer down */
  /*left: -12px;*/
  top: 0px;
}

/*
 html #left {margin-right:-3px;}  3px jog
 html #outer { +3px jog
	margin-left: 198px;
	/*margin-right: 198px;
}
*/

#footer {
  width: 1000px;
  clear: both;
  line-height: 20px;
  color: #000000;
  position: relative;
  text-align: left;
}

#outerh1 {
	height: 25px;
	width: 1000px;
	/*margin;*/
	position: absolute;
	 margin-bottom: 0px;
	font-size: 12px;
	/* needed to make room for header */
	overflow: hidden;
	display: block;
	}
	#outerh1 span{
	height: 25px;
	width: 1000px;
	font-size: 12px;
	display: block;
}

html>body #centrecontent {margin: 0 -0.5%} /* moz needs this */

.clearer {clear: both;}
.cleaner {clear: both;}
.hidden {visibility: hidden;}