html, body {
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:12px;  
	line-height: 18px;
	text-align: justify;
}
a {
	color:#7D1F7A;
}
a:hover {
	color:#000;
}
ul, li, a {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}
h1 {
	font-size:1.2em;
	text-transform: uppercase;
	color:#7D1F7A;
}
h2, h3 {
	font-size:1.2em;
	color:#7D1F7A;
}
object {
  border:0;
  margin:0;
  padding:0;
}
p {
  margin: 0 0 10px;
}
p.p-mini {
  margin:0;
}


.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#page {
	margin:18px auto;
	width:1200px;
	border:1px solid #e5e5e5;
}
#page .languages {
	height:22px;
	padding:6px 28px 0;
	text-align:right;
}
#page .languages a {
	text-decoration:none;
}
#page .languages a:hover {
	text-decoration:underline;
}
#page .languages ul li {
	list-style:none;
	display:inline;
	padding-right:15px;
}
#page .languages ul li.active a {
	color:#000;
	text-decoration:none;
}
#footer {
	margin:0px auto;
	width:1200px;
}

#header {
	height:162px;
}
#header .logo {
	width:358px;
	height:162px;
	float:left;
}
#header .header {
	float:right;
	margin-right:28px;
	width:814px;
	height:162px;
	text-align:center;
	background:url(/images/header-bg.jpg) center top no-repeat;
}

#nav {
	margin-top:16px;
	margin-bottom:25px;
	height:52px;
	padding-left:358px;
	padding-right:28px;
	background:#e5e5e5;
}
#nav ul {
	width:814px;
	height:52px;
	background:#fff;
	list-style: none;
	position: relative;
	display: inline-table;
}
#nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}
#nav ul li {
	list-style:none;
	float:left;
}

#nav ul li a {
	padding:19px 0 0 0;
	height:33px;
	display:block;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	padding-left:23px;		/* MENIT POUZE TOTO */
	padding-right:23px;		/* MENIT POUZE TOTO */
}
#nav ul.en li a {			/* PADDING V MENU PRO ANGLICKY WEB */
	padding-left:25px;		/* MENIT POUZE TOTO */
	padding-right:25px;		/* MENIT POUZE TOTO */
}
#nav ul.de li a {			/* PADDING V MENU PRO NEMECKY WEB */
	padding-left:21px;		/* MENIT POUZE TOTO */
	padding-right:21px;		/* MENIT POUZE TOTO */
}

#nav ul li.active > a {
	color:#fff;
	background:#7D1F7A;
}
#nav ul li:hover > a {
	color:#fff;
	background:#F0D6AB;	 
/*	color:#000; */
}
#nav ul ul {
	display: none;
}

#nav ul li:hover > ul {
	display: block;
}
#nav ul ul {
	background:#e5e5e5;
	padding: 0;
	position: absolute;
	top: 100%;
	width:auto;
}
#nav ul ul li {
	background:#e5e5e5;
	float: none; 
	position: relative;
}
#nav ul ul li a {
	background:#e5e5e5;
	display:block;
	float:none;

  margin:0;
	padding:9px 10px 0 10px;
	height:23px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.0em;
	font-weight:normal;
}
#nav ul ul li a:hover {
	color:#fff;
	background:#7D1F7A;
}
#nav ul.en ul li a {			/* PADDING V MENU PRO ANGLICKY WEB */
	padding-left:10px;		/* MENIT POUZE TOTO */
	padding-right:10px;		/* MENIT POUZE TOTO */
}
#nav ul.de ul li a {			/* PADDING V MENU PRO NEMECKY WEB */
	padding-left:10px;		/* MENIT POUZE TOTO */
	padding-right:10px;		/* MENIT POUZE TOTO */
}

.obsah {
	float:right;
	margin-right:20px;
	width:822px;
}
.aside {
	width:318px;
	float:left;
	margin:0 20px;
}
.aside .nadpis {
	border-left:4px solid #F0D6AB;
	font-size:1.2em;
	text-transform: uppercase;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:15px;
	display:block;
}
.aside article.article {
	border:1px solid #d4d4d4;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-bottom:20px;
}
.aside article.article div.article {
	border:1px solid #f9f9f9;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:15px;

  background:transparent url(/images/news-bg.png) 0 0 repeat-x;
   
  background-image: linear-gradient(top, rgb(230,230,231) 0%, rgb(255,255,255) 75%);
	background-image: -o-linear-gradient(top, rgb(230,230,231) 0%, rgb(255,255,255) 75%);
	background-image: -moz-linear-gradient(top, rgb(230,230,231) 0%, rgb(255,255,255) 75%);
	background-image: -webkit-linear-gradient(top, rgb(230,230,231) 0%, rgb(255,255,255) 75%);
	background-image: -ms-linear-gradient(top, rgb(230,230,231) 0%, rgb(255,255,255) 75%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.04, rgb(230,230,231)),
		color-stop(0.75, rgb(255,255,255))
	);
}
.aside article.article a.vice {
	background:#7D1F7A;
	color:#fff;
	text-decoration:none;
	padding:2px 5px;
	margin:5px;
}
.aside article.article a.vice:hover {
	text-decoration:underline;
}
.bottom .aside {
	padding:10px 0;
	text-align:center;
}
.bottom .obsah {
	padding:10px 0;
	text-align:justify;
}

.prouzek {
	margin:20px 1px 1px;
	height:14px;

  background:transparent url(/images/footer-bg.png) 1px 1px no-repeat;

	background-image: linear-gradient(left , rgb(125,31,122) 0%, rgb(240,214,171) 100%);
	background-image: -o-linear-gradient(left , rgb(125,31,122) 0%, rgb(240,214,171) 100%);
	background-image: -moz-linear-gradient(left , rgb(125,31,122) 0%, rgb(240,214,171) 100%);
	background-image: -webkit-linear-gradient(left , rgb(125,31,122) 0%, rgb(240,214,171) 100%);
	background-image: -ms-linear-gradient(left , rgb(125,31,122) 0%, rgb(240,214,171) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, rgb(125,31,122)),
		color-stop(1, rgb(240,214,171))
	);
}
div.dashed {
  /*
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAACCAYAAACHSIaUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAoSURBVAiZY/z///9/BiTw/PlzhpMnTzKgAzY2NgYvLy8UMSYMVSQAACpoCgD7wxonAAAAAElFTkSuQmCC);
  */
	background-repeat:repeat-x;
	background-color:#fff;
	background-position:top center;
	height:1px;
	clear:both;
	margin:12px 0;
}

div.dashed-fix {
  /*
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAACCAYAAACHSIaUAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAoSURBVAiZY/z///9/BiTw/PlzhpMnTzKgAzY2NgYvLy8UMSYMVSQAACpoCgD7wxonAAAAAElFTkSuQmCC);
  */
	background-repeat:repeat-x;
	background-color:#fff;
	background-position:top center;
	height:1px;
	clear:both;
	margin:12px 0;
}

.bottom div.dashed {
  border-top:1px solid #ccc;
}

.row [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row [class*="span"]:first-child {
  margin-left: 0;
}
.row .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

article.hidden {
	display:none;
}
#advokati ul, #inlinepages ul, .obsah ul {
	margin:5px 10px;
}
#advokati ul li, #inlinepages ul li, .obsah ul li {
	margin:0 15px;
}
#advokati .pozice {
	margin:10px 0 0 0;
}
#advokati strong {
	text-decoration:underline;
}

#files {
	display:block;
	padding:5px 0px;
}

.backto {
  padding:10px 0;
  clear:both;
  text-align:right;
}

#header .header {
    position:relative;
}
#animation::before {
    content:" ";
    position:absolute;
    width:162px;
    height:162px;
    top:0px;
    right:100%;
    z-index:99;
    background:url(/images/header-square.jpg) 0 0 no-repeat;
}
#animation::after {
    content:" ";
    position:absolute;
    width:162px;
    height:162px;
    top:0;
    left:100%;
    z-index:99;
    background:url(/images/header-square.jpg) 0 0 no-repeat;
}
#animation {
  position:absolute;
  left:162px;
  top:0;
  width:490px;
  height:162px;
}
@keyframes animationFading {
  0% {
    opacity:1;
  }
  29% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  96% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#animation img:nth-of-type(1) {
  animation-delay: 16s;
}
#animation img:nth-of-type(2) {
  animation-delay: 8s;
}
#animation img:nth-of-type(3) {
  animation-delay: 0s;
}
#animation img {
   position:absolute;
   left:0;
   top:0;
    -webkit-animation-name: animationFading;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 24s;
    -moz-animation-name: animationFading;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 24s;
    -o-animation-name: animationFading;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 24s;
    animation-name: animationFading;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 24s;
}
@keyframes slide {
    0% { left:-162px; }
    60% { left: 489px; }
    100% { left:489px; }
}

#animation .square {
    position:absolute;
    left:-200px;
    top:0;
    height:162px;
    width:162px;
    z-index:1;
    background:rgba(240,214,171,0.6);


    -webkit-animation-name: slide;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    -moz-animation-name: slide;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 8s;
    -o-animation-name: slide;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 8s;
    animation-name: slide;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    animation-delay: -1s;
}