*
{
  margin: 0;
  padding: 0;
  border: none;
}

body
{
  margin:0px;
  text-align: center;
  padding: 0;
  font: 0.7em/1.4em  Arial, Verdana, Helvetica, sans-serif;
  background-color: #fff;
}
div#main
{
  margin:auto;
  position:relative;
  text-align:left;
  width:100%;
  margin-top:5px;
  background-color: #000;
}

div#top
{
  float:left;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#fff;
  border-top:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2;
}

div#in_top
{
  margin:auto;
  width:990px;
  position:relative;
  text-align:left;
}

div#logo
{
  float:left;   
  width:400px;
  height:55px; 
}
/*****************************************
**********HLAVNI MENU - ODKAZY************
*****************************************/
div#mainmenu
{
  float:right;
  width:480px;
}
ul#nav li 
{
  display:inline; 
  margin:0;
  padding:0;
}

ul#nav li a 
{
  font-size:1.7em;
  font-family: Calibri, Arial, Verdana;
  font-weight:bold;
  display:block;
  float:left;
  padding:15px 15px 15px 20px;
  color:#4f4f4f;
  text-decoration:none;
  cursor:pointer;
}

ul#nav li a span 
{
  display:block;
  background:100% 50% no-repeat;
}

ul#nav li.nav-last a 
{
  background:none;
}

ul#nav li#nav-active a 
{
  margin:0px;
  padding:15px 15px 15px 20px;
  color:#b30000;
}

ul#nav li a:hover 
{
  margin:0px;
  padding:15px 15px 15px 20px;
  color:#b30000;
}

div#middle
{
  float:left;
  width:100%;
  background-color:#fff;
}
div#in_middle
{
  margin:auto;
  position:relative;  
  width:990px;
  min-height:283px;
  margin-top:10px;
  background-color:#fff;
}

div.in_text
{
  float:left; 
  width:200px;
  background-color:#000;
}

div#submenu
{
  float:left;
  width:100%;
  height:80px;
  margin-top:30px;
}
div#submenu_grey
{
  float:left;
  width:100%;
  height:5px;
  background-color:#f2f2f2;
}
div#submenu_red
{
  float:left;
  width:100%;
  margin-top:0px;
  height:20px;
  background:#b20000 url(./images/red_line.png) repeat-x;
}
div#submenu_grey-bottom
{
  float:left;
  width:100%;
  height:75px;
  margin-top:-46px;
  background-color:#f2f2f2;
}
div#in_submenu
{
  margin:auto;
  position:relative;  
  width:930px;
}

ul#nav-submenu li 
{
  display:inline; 
  margin:0;
  padding:0;
}

ul#nav-submenu li a 
{
  font-size:1.7em;
  font-family: Calibri, Arial, Verdana;
  font-weight:bold;
  display:block;
  float:left;
  padding:15px 20px 0 20px;
  color:#4f4f4f;
  text-decoration:none;
  cursor:pointer;
}

ul#nav-submenu li a span 
{
  display:block;
  background:100% 50% no-repeat;
}

a.submenu1:active, a.submenu1:visited, a.submenu1:link
{
  display:block;
  float:left;
  width:83px;
  height:71px;
  margin-top:-40px;
  margin-left:40px;
  background: transparent url(./images/menu-elearning.png) no-repeat;
  background-position: 0px 0px;
  text-decoration:none;
}
a.submenu1:hover
{
  background: transparent url(./images/menu-elearning.png) no-repeat;
  background-position: 0px -86px;
  text-decoration:none;
}

a.submenu1-active:active, a.submenu1-active:visited, a.submenu1-active:link, a.submenu1-active:hover
{
  display:block;
  float:left;
  width:83px;
  height:71px;
  margin-top:-40px;
  margin-left:40px;
  background: transparent url(./images/menu-elearning.png) no-repeat;
  background-position: 0px -172px;
  text-decoration:none;
}

a.submenu2:active, a.submenu2:visited, a.submenu2:link
{
  display:block;
  float:left;
  width:83px;
  height:71px;
  margin-top:-40px;
  margin-left:80px;
  background: transparent url(./images/menu-web-na-miru.png) no-repeat;
  background-position: 0px 0px;
  text-decoration:none;
}
a.submenu2:hover
{
  background: transparent url(./images/menu-web-na-miru.png) no-repeat;
  background-position: 0px -86px;
  text-decoration:none;
}

a.submenu2-active:active, a.submenu2-active:visited, a.submenu2-active:link, a.submenu2-active:hover
{
  display:block;
  float:left;
  width:83px;
  height:71px; 
  margin-top:-40px;
  margin-left:80px;
  background: transparent url(./images/menu-web-na-miru.png) no-repeat;
  background-position: 0px -172px;
  text-decoration:none;
}

a.submenu3:active, a.submenu3:visited, a.submenu3:link
{
  display:block;
  float:left;
  width:83px;
  height:71px;
  margin-top:-40px;
  margin-left:110px;
  background: transparent url(./images/menu-eshop.png) no-repeat;
  background-position: 0px 0px;
  text-decoration:none;
}
a.submenu3:hover
{
  background: transparent url(./images/menu-eshop.png) no-repeat;
  background-position: 0px -86px;
  text-decoration:none;
}

a.submenu3-active:active, a.submenu3-active:visited, a.submenu3-active:link, a.submenu3-active:hover
{
  display:block;
  float:left;
  width:83px;
  height:71px;
  margin-top:-40px;
  margin-left:110px;
  background: transparent url(./images/menu-eshop.png) no-repeat;
  background-position: 0px -172px;
  text-decoration:none;
}

a.submenu4:active, a.submenu4:visited, a.submenu4:link
{
  display:block;
  float:left;
  width:225px;
  height:71px;
  margin-top:-40px;
  margin-left:50px;
  background: transparent url(./images/menu-is-na-miru.png) no-repeat;
  background-position: 0px 0px;
  text-decoration:none;
}
a.submenu4:hover
{
  background: transparent url(./images/menu-is-na-miru.png) no-repeat;
  background-position: 0px -86px;
  text-decoration:none;
}

a.submenu4-active:active, a.submenu4-active:visited, a.submenu4-active:link, a.submenu4-active:hover
{
  display:block;
  float:left;
  width:225px;
  height:71px;
  margin-top:-40px;
  margin-left:50px;
  background: transparent url(./images/menu-is-na-miru.png) no-repeat;
  background-position: 0px -172px;
  text-decoration:none;
}

div#content
{
  float:left;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  background-color:#f2f2f2;
  border-top:1px solid #f2f2f2;
  border-bottom:1px solid #f2f2f2;
}
div#in_content
{
  margin:auto;
  position:relative;  
  width:980px;
}
div#in_content2
{
  float:left;
  width:980px;
  min-height:300px;
  padding:20px;
  background-color:#fff;
}

div#in_content_left
{
  float:left;
  width:590px;
  background-color:#fff;
}

div#in_content_right
{
  float:left;
  width:380px;
  margin-left:10px;
  background-color:#fff;
}

div#foot
{
  float:left;
  width:100%;
  margin-top:10px;
  background-color:#454545;
  border-top:1px solid #555;
  border-bottom:1px solid #555;
}
div#in_foot
{
  margin:auto;
  position:relative;
  padding:10px 0px 10px 0px;
  width:990px;
}

div#in_foot_left
{
  float:left;
  width:280px;
  min-height:150px;
  margin-left:20px;
  margin-right:40px;
}

div#in_foot_middle
{
  float:left;
  width:300px;
  min-height:150px;
  margin-right:20px;
}

div#in_foot_right
{
  float:left;
  width:300px;
}

div.welcome
{
  float:left;
  width:980px;
}

div.welcome_left
{
  float:left;
  width:280px;
  min-height:150px;
  margin-right:40px;
}

div.welcome_middle
{
  float:left;
  width:300px;
  min-height:150px;
  margin-right:20px;
}

div.welcome_right
{
  float:left;
  width:300px;
}

div.select_portfolio
{
  float:left;
  width:380px;
  border-bottom:1px solid #ccc;
  margin-top:10px;
  padding-bottom:10px;
}

div.select_portfolio_top
{
  float:left;
  width:380px;
  margin-bottom:10px;
}

div.select_portfolio_middle
{
  float:left;
  width:380px;
  margin-bottom:10px;
}

div.select_portfolio_right
{
  float:left;
  width:380px;
}


div.portfolio_main
{
  float:left;
  width:980px;
  border-bottom:1px solid #ccc;
  margin-top:10px;
  padding-bottom:10px;
}

div.portfolio_left
{
  float:left;
  width:370px;
  margin-bottom:10px;
}

div.portfolio_middle
{
  float:left;
  width:380px;
  margin-bottom:10px;
}

div.portfolio_right
{
  margin-left:30px;
  float:left;
  width:200px;
}

a.portfolio:active, a.portfolio:visited, a.portfolio:link
{
  display:block;
  float:left;
  width:300px;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:10px;
  height:25px;
  border:1px solid #aaa;
  font-size:1.2em;
  color: #fff;
  background-color: #b20000;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
}
 
a.portfolio:hover
{
  background-color:#454545;
  text-decoration:none;
}

div.kontakt
{
  float:left;
  width:280px;
  margin-bottom:15px;
}
div.kontakt_left
{
  float:left;
  width:50px;
}
div.kontakt_right
{
  float:left;
  width:200px;
}

img.mapka
{
border: 4px solid #b4bcbc;
}
img.mapka_on
{
border: 4px solid #ddd;
}




div#lang
{
  float:right;
  margin-top:10px;
  width:100px;
  height:25px;
}



img.mapka
{
border: 4px solid #999;
}
img.mapka_on
{
border: 4px solid #bbb;
}



label
{
  font-family: Georgia, Verdana,serif;
  color: #40160a;
  font-size:1.0em;
}
input, textarea
{
  font-family: Georgia, Verdana,serif;
  background-color:#eee;
  padding:2px;
  border:1px solid #777;
}
form
{
  margin-bottom:10px;
}

input[type=text]:hover
{
  border:1px black solid;
}
input[type=password]:hover
{
  border:1px black solid;
}
textarea:hover
{
  border:1px black solid;
}

h1
{
  font-weight: bold;
  font-size: 2.1em;
  text-align:left;
  color: #555;
  margin: 5px 0px 20px 0px;
}
h2
{
  font-size: 1.7em;
  line-height: 1.5;
  margin:20px 0px 10px 0px;
  color: #b20000;
}

h2.portfolio
{
  font-size: 1.6em;
  line-height: 1.5;
  margin:0px 0px 10px 0px;
  color: #b20000;
}

h3
{
  font-size: 1.6em;
  line-height: 1.5;
  margin:0px 0px 10px 0px;
  color: #b20000;
}

h3.sluzby
{
  font-size: 1.6em;
  color: #555;
}

h3.select_portfolio
{
  font-size: 1.4em;
  color: #555;
}

h3.foot
{
  display:block;
  width:280px;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
  font-size: 1.4em;
  font-family:Calibri, Arial, Verdana;
  margin:10px 0px 10px 0px;
  color: #ccc;
}

h4
{
  font-size: 1.2em;
  margin:0px 0px 10px 0px;
  color:#b20000;
}

p
{
  margin: 0px 0px 20px 0px;
  font-size: 1.2em;
  color: #000;
}
p.reference_main
{
  margin: 0px 0px 10px 0px;
  font-size: 1.2em;
  color: #555;
}
p.reference_main_right
{
  margin: 20px 0px 0px 0px;
  text-align:right;
  font-size: 1.0em;
  color: #b20000;
}
b.reference_date
{
  color: #555; 
}

p.sekce
{
  text-align:justify;
}
p.left
{
  text-align:left;
}
p.justify
{
  text-align:justify;
}
p.foot
{
  font-size:1.1em;
  text-align:center;
  color:#eee;
  margin: 10px 0px 10px 0px;
}
p.foot_link
{
  font-size:1.3em;
  font-family:Calibri, Arial, Verdana;
  text-align:left;
  color:#eee;
  margin: 0px 0px 10px 0px;
}
p.foot_head
{
  font-size:1.4em;
  text-align:center;
  color:#fff;
  margin: 10px 0px 10px 0px;
}
p.middle
{
  text-align:center;
}
p.right
{  
  font-size:1.7em;
	letter-spacing:4px;
  text-align:right;
}
p.error
{
  color:red;
}

a
{
  color: #024788;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}


a.reference_main
{
	color:#b20000;
	text-decoration: underline;
}

a.reference_main:hover
{
	text-decoration:underline;
}

a.foot
{
	color:#eee;
	text-decoration: none;
}

a.foot:hover
{
	text-decoration:underline;
}

a.foot-active
{
	color:#eee;
	text-decoration: underline;
}

img
{
  margin:0px;
  padding:0px;
  border:0px;
}

img.sipka
{

}



img.clanek
{
  float: left;
  margin: 0px 10px 10px 0px;
  border: 1px solid #666;
  padding: 2px;
}


div.portfolio_middle ul
{
  padding: 0px 0px 0px 20px;
  font-size:1.1em;
}

ul.nahledy
{
  padding: 0px;
  border: 0px;
}
ul.nahledy  li
{
  display:inline;
}

ul.reference
{
  padding: 0px 0px 0px 20px;
  border: 0px;
  list-style-type:disc;
}



ul.reference li
{
  font-size:1.1em;
}


img.thumb
{
  float:left;
  margin: 0px 15px 5px 0px;
  border: 1px solid #666;
  padding: 2px;
}

div.video_all
{
  float:left;
  clear:both;
  width:990px;
}
div.video
{
  float:left;
  width:465px;
}