body { text-align:center; margin:0;padding:0; background:#fff;color:#303030;
font-family:'Lato','Tahoma','verdana',sans-serif;}
a { color:inherit;text-decoration:none; }

div#root { margin:50px auto; width:948px; overflow:hidden; }

header { width:100%;clear: both; margin:28px 0 25px; }

nav#mainmenu { float:right; width:100%; /*height:30px;*/ clear: both;   }
nav#mainmenu ul{ float:right; width:87%; height:inherit;  margin:0; padding:0;  }
nav#mainmenu ul li { display:inline-block;list-style:none;text-align:center;float:left; margin:0px auto;
width:25%; }

nav#mainmenu ul li.act,nav#mainmenu ul li:hover {  }

nav#mainmenu ul li a { color:#FF020A;  display:block; font-size:15px; text-decoration:none; margin: 8px 0;
letter-spacing: -0.01em; text-transform:uppercase; 
padding: 0 0px;font-weight:400; line-height: 20px; }

nav#mainmenu ul li.act a { font-weight:700; font-size: 16px; }




div#fluid {  width:100%;height:479px;clear: both; }

div#logo { width:120px; margin: 0px 0px 0px; height:100%; float:left;  }
div#logo a { display:block;width:100%;height:100%;background-image:url('../graph/logo.png'); background-repeat:no-repeat; }

div#graph { width:828px;float:right;height:100%; position:relative; }
div#graph div.graph { overflow:hidden; height:100%; width: 206px; float:left; border-left:1px solid #fff;}
div#graph div.graph a img {  transition:0.5s; -moz-transition:0.5s;}

div#graph div.graph a img:hover { transform:scale(1.05); -webkit-transform:scale(1.05);
-moz-transform:scale(1.02); -o-transform:scale(1.05);}

div#graph div.kontakt { padding: 0 210px 0 412px;background:url('../graph/kontakt_bgq.png') no-repeat top right;  }

div#graph div.kontakt article { color:#fff;text-align:left; font-size:13px; padding: 20px 0 0 25px; }


input[type=text],input[type=email],textarea {  background:#fff;border:1px solid #B50F0F;
padding:3px 3%;  width: 84%; font-family:'Lato'; font-size: 11px; margin:0px 0 4px;}
input[type=submit],#send { width:65px; height:21px; border:0; cursor:pointer; clear:both;
background:#FE0000; margin: 2px auto;float:none;color:#fff; font-family: 'Lato';text-align: center; display: inherit; }
textarea { max-width:200px; min-width:105px; max-height:150px; min-height:30px; height:80px; }



div#over { width:100%; height:100%; position:absolute; background:url('../graph/over.png') no-repeat right top; z-index:3; }
div#over.s_obrazy { width:30%; right:0; }

div.foto { position:relative; width:100%;float:left;background:url('../graph/graph.png') no-repeat top right #2A2A2E; height:100%; left:1px; z-index:2;  }
div.foto img { float:left; }
div.foto aside { float:right; width:207px; height:100%;  background:#000; background: #2A2A2E; color:#fff; box-sizing:border-box; padding:22px 0 22px 15px; font-size:16px; text-align:left; border-left: 0px solid #fff;}
div.foto aside p { margin:1px 0;display:block; }
div.foto aside b { font-size:15px; letter-spacing: -0.03em; }
div.foto aside span { padding:100px 0 0; text-transform:lowercase; position: absolute; bottom: 70px; }

div.hide { display:none; }
div.vis { display:block; }

div#pn { float:right; margin:9px 0 1px; clear:both; }
div#pn span { color:#000; font-size:14px; cursor:pointer; position:relative; top:0; 
transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s;} 
div#pn span.active { color:#FC3F43; text-decoration:underline;  }
div#pn span:hover { transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); /* padding:0 1px;*/}

span.in { position:absolute;color:#fff;bottom:15px; right:115px; font-size:14px; }

section#content { clear:both;margin:0 0 10px; }

section#content article { text-align: justify; font-size:15px; line-height:19px;  color:#303030; }

section#content article ul {list-style-type: none;padding: 0;margin: 15px;}
section#content article li { background-image: url('../graph/dot.png'); background-repeat: no-repeat;
background-position: 0 .4em;  padding-left: 20px;}



footer { margin:45px 0 10px; clear:both; font-size:13px; color:#202020; }