﻿body {
	margin: 0;
	padding: 0;
}

.bg {
	background:url('/img/bg_onas.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.bg_inovace {
	background:url('/img/bg_inovace.jpg') no-repeat center center fixed;
	height:100%;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.bg_artanimatum {
	background:url('/img/bg_artanimatum.jpg') no-repeat center center fixed;
	height:100%;
}

.bg_strategie {
	background:url('/img/bg_strategie.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.bg_vize {
	background:url('/img/bg_vize.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.bg_kontakt {
	background:url('/img/bg_kontakt.jpg') no-repeat center center fixed;
		  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.bg_agsluzby {
	background:url('/img/bg_agsluzby.jpg') no-repeat center center fixed;
	height:100%;
}

.bg_multimedia {
	background:url('/img/bg_multimedia.jpg') no-repeat center center fixed;
	height:100%;
}

.bg_projektovani {
	background:url('/img/bg_projektovani.jpg') no-repeat center center fixed;
	height:100%;
}

.bg_programovani {
	background:url('/img/bg_programovani.jpg') no-repeat center center fixed;
	height:100%;
}


.bg_agsluzby1 {
	background:url('/img/bg_agsluzby1.jpg') no-repeat center center fixed;
	height:100%;
}

.bg_multimedia1 {
	background:url('/img/bg_multimedia1.jpg') no-repeat center center fixed;
}

.bg_projektovani1 {
	background:url('/img/bg_projektovani1.jpg') no-repeat center center fixed;
	height:100%;
}

.bg_programovani1 {
	background:url('/img/bg_programovani1.jpg') no-repeat center center fixed;
	height:100%;
}





.mozaika {
	position:fixed;
	left:291px;
	width:100%;
	max-width: 1897px;
	height:100%;
}

.mozaika_table {
	width:85%;
	text-align:center;
	height:100%;
	padding:5px;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;	
	font-size:70px;
	color:white;
	/*font-weight:bolder;*/
}
.moz_top_left {
	width:50%;
	background:url('/img/bg_multimedia_bw.jpg') no-repeat center center;
	text-shadow:
    1px 1px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;

}

.moz_top_left:hover {
	width:50%;
	background:url('/img/bg_multimedia.jpg') no-repeat center center;
	box-shadow: 0px 0px 12px #000000;
}


.moz_top_right {
	width:50%;
	background:url('/img/bg_projektovani_bw.jpg') no-repeat center center;
	text-shadow:
    1px 1px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;


}
.moz_top_right:hover {
	width:50%;
	background:url('/img/bg_projektovani.jpg') no-repeat center center;
	box-shadow: 0px 0px 12px #000000;

}


.moz_bot_left {
	width:50%;
	background:url('/img/bg_programovani_bw.jpg') no-repeat center center;
	text-shadow:
    1px 1px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;


}
.moz_bot_left:hover {
	width:50%;
	background:url('/img/bg_programovani.jpg') no-repeat center center;
	box-shadow: 0px 0px 12px #000000;

}


.moz_bot_right {
	width:50%;
	background:url('/img/bg_agsluzby_bw.jpg') no-repeat center center;
	text-shadow:
    1px 1px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;


}
.moz_bot_right:hover {
	width:50%;
	background:url('/img/bg_agsluzby.jpg') no-repeat center center;
	box-shadow: 0px 0px 12px #000000;

}



.text_pole
{
	position:relative;
	background:white;
	width: 500px;
	left:50%;
	top:50px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;	
    font-size:15px;
	margin-left:-150px;
	padding:10px;
	text-align:justify;
	
}

.levy_pruh
{
	position:absolute;
	background:white;
	width: 400px;
	height:150%;
	left:440px;
	top:0px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;	
    font-size:15px;
	margin-left:-150px;
	padding:40px;
	padding-top:145px;
	text-align:justify;
	opacity:0.8;
	
}
.reference_pruh
{
	position:absolute;
	background:white;
	width: 400px;
	height:150%;
	left:919px;
	top:0px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;	
    font-size:15px;
	margin-left:-150px;
	padding:40px;
	padding-top:145px;
	text-align:justify;
	opacity:0.8;
	border-left: 1px solid #eaeaea;
	
}


.kontakt_jmena
{
	font-weight:bold;
}

/*-------MENU--------*/

.menu {
	height: 100%;
	background: #fff;
	width: 250px;
	left: 0;
	top: 0;
	padding: 120px 20px;
	text-align: left;
	z-index: 1;
	border-right: 1px solid #eaeaea;
	position:fixed;
	float:left;
	opacity:0.8;
	text-transform:uppercase;
	

}

.menu_logo {
	background:url('/img/main_logo.png') no-repeat center;
	height:80px;
	position:fixed;
	left:0;
	width: 250px;
	z-index:2;
	padding-top: 50px;
}


.kontakt_left {
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	text-align:justify;
	text-transform:none;
	margin-top:70px;
	padding-left:26px;
}

/*.menu nav {
	text-align: left;
	padding: 35px 13px;
	display: inline-block;
	float: left;
	width:240px;
}


.menu nav >a {
	padding: 5px 0 10px;
	position: relative;
	display: block;
}
*/

.piktogram {
	float: left;
	margin-right: 15px;
}




/*----------SUBMENU-------*/

#menu-v li, #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */
#menu-v, #menu-v ul
{
    width: 200px; /* Main Menu Item widths */
/*    border: 1px solid #ccc;*/
    border-top:none;
    position: relative; font-size:0;
    list-style: none; margin: 0; padding: 0; display:block;
    z-index:9;
    top:50px;

}
                
/* Top level menu links style
---------------------------------------*/

#menu-v li
{
    background: #FFF;
    list-style: none; margin: 0; padding: 0;
}
#menu-v li a
{
    font-size:15px;
/*    border-top: 1px solid #ccc;*/
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: black;
    text-decoration: none;
    line-height:26px;
    padding-left:26px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;         
}
#menu-v ul li a
{
    line-height:30px;
}
                
#menu-v li a.arrow:hover
{
    background-image:url(/img/arrowon.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
        
/*Sub level menu items
---------------------------------------*/
#menu-v li ul
{
    position: absolute;
    width: 200px; /*Sub Menu Items width */
    visibility:hidden; 
}
        
#menu-v a.arrow
{
    background-image:url(/img/arrow.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
#menu-v li:hover, #menu-v li.onhover
{
    background-position:0 -62px;
}
#menu-v ul li
{
    background: rgba(255, 255, 255, 0.86);
    background-image:none;
}
#menu-v ul li:hover, #menu-v ul li.onhover
{
    background: #FFF;
    background-image:none;
}
        
/* Holly Hack for IE \
* html #menu-v  li
{
    float:left;
    height: 1%;
}
* html #menu-v  li a
{
    height: 1%;
}*/
/* End */


/*----------fonty---------*/

h2 {
font-style:normal;
font-weight:normal;
	
}

a:link {
    text-decoration: none;
    color:black;
}

a:visited {
    text-decoration: none;
    color:black;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}



