@charset "utf-8";
/* CSS Document */
body,p,a,h1,h2,h3 {
	margin: 0;
	padding: 0;
        text-decoration: none;
        font-family: 'Open Sans',Verdana, sans-serif;
        
        
}
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans-Regular.eot'); /* IE9 Compat Modes */
	src: url('font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('font/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
	     url('font/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('font/OpenSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
a {
    color: #243c97;
}
h3 {
    font-size: 20px;
    color: #0066cc;
    font-weight: 600;
    margin: 15px 0 15px 0;
    text-align: center;
    
}
b {
    color: #243c97;
}
html {
    /*height: 100%;*/
}
body {
    background: #fff;
    /*height: 100%;*/
}
.pagewrap {
    min-height: 100%;
    margin-bottom: -75px;
}
.page-wrap:after {
  content: "";
  display: block;
  height: 75px;
}
/*--------------------styly odstavcu a obrazku v div content------------------*/
p {
    font-weight: 400;
    font-size: 18px; 
}
.uvodni p{
    text-align: justify;
}
.spolecnost p {
    text-align: justify;
    margin: 10px 0 0 0;
}
/*--------------------------struktura----------------*/
#headerfull {
    width: 100%;
    background:url('img/pozadiheader.png') repeat-x;
}
#header {
    display: table;
    width: 1004px;
    padding: 10px;
    margin: 20px auto 20px auto;
    background: #fff; 
    /*-webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; */
    
    /*-webkit-box-shadow: 0px 8px 7px rgba(36, 60, 151, 0.75);
-moz-box-shadow:    0px 8px 7px rgba(36, 60, 151, 0.75);
box-shadow:         0px 8px 7px rgba(36, 60, 151, 0.75);*/
}
.logo {
vertical-align: middle;
border: 0;
    
}
#uvod { 
    margin:0;
    padding:0;
    display: table-cell;
    vertical-align:middle;  
}
.pan {
    display:inline-block; 
    vertical-align:middle;
}

#menu {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;   
}
#menu a {
    color: #243c97;
}

ul {
}
.menuitem {
    display: inline;
    padding: 5px 9px 5px 9px;
    margin:0;
    
    /*border-left: 1px solid #243c97;*/
    
}
.menuitem:hover,#menu a:hover,li.menuitem a:hover {
    color: #fff;
    background: #0066cc;
}
.menuitem:first-child {
    border-left: 0;
}

#nadpis {
    width: 1004px;
    margin: 0 auto 0 auto;
    padding:10px;
    background: transparent;
}
.nadpissekce {
    text-align: center;
    font-weight: normal;
    font-size: 60px;
    color: #fff;
}

.nadpisstranky {
    paddding: 0 0 10px 0;
    margin:0;
}
.fullflex {
    width: 100%;
    background: #0066cc;
    margin:0;
    padding: 5px 0 5px 0;
}
.flexwrap {
    width: 1024px;
    margin: 0 auto 0 auto;
    padding: 0;
    
    display: table;
}
.flextext {
    width: 35%;
    color: #fff;
    margin: 0;
    padding: 0 5% 0 0;
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
.flextext h1 {
    font-size: 60px;
    font-weight: normal;
    padding: 60px 0 10px 0;
}
.flextext p {
    font-style: italic;
    padding: 20px 0 20px 0;
}
.fleximage {
    width:60%;
    margin: 0;
    padding: 0;
    display: table-cell;
}
#content {
    background:#fff;
    width: 1004px;
    margin: 0px auto 0 auto;
    padding:40px 10px 40px 10px;
}
#contentfull {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
}
.nadpisclanku {
    text-align: center;
    margin: 5px 0 15px 0;
    font-size: 50px;
    font-weight: normal;
    color: #243c97;
    text-wrap: normal;
}
.obrazeknadpis {
    width: 25%;
    height: 25%;
    margin: 20px 0 20px 0;
}

.profil {
    padding: 5px;
    margin: 10px 0;;
    -webkit-border-radius: 0px;
    -moz-border-radius: 10px;
    border-radius: 100px;
    border: 1px solid #0066cc;
    verical-align: middle;
}
.faq {
    padding:10px;
    background: #0066cc;
    color: #fff;
    text-wrap: none;
}
.faq:hover {
    background: #243c97;
}
hr.kontakt {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,102,204,0), rgba(0,102,204,0.75), rgba(0,102,204,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,102,204,0), rgba(0,102,204,0.75), rgba(0,102,204,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,102,204,0), rgba(0,102,204,0.75), rgba(0,102,204,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,102,204,0), rgba(0,102,204,0.75), rgba(0,102,204,0));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#0066cc');/*For IE7-8-9*/
    color:#0066cc; /*used for IE, top color*/
    /*background:#0066cc; /*firefox and chrome, top color*/
    min-height: 0px;  /*required to get IE to render the top pixel color*/
    border-left: 0px; 
    border-right: 0px; 
    /*border-top: 1px solid #0066cc; /*Your top color*/
    /*border-bottom: 1px solid #0066cc; /*Your bottom color*/
}
hr.uvod {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
}
.prostor {
    width:100%;
    height: 50px;
}
.vyber {
    list-style: none;
    text-align: center;
    margin:0;
    padding:0;
}
.vyber li {
    display:  inline;
}
.vyber a li {
    color:#243c97;
    margin: 0 0 0 15px;
    padding: 5px;
    line-height: 35px;
}
.vyber a li:hover {
    background: #0066cc;
    color: #fff;
    margin: 0 0 0 15px;
    padding: 5px;
    line-height: 35px;
}


a.example1 {
    margin:0 0 0 0;
    padding: 0;
    border:0;
    text-decoration: none;
}
a.example1 img {
    border:0;
    margin:0;
    padding: 0;
}
.client {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 30px 0;
    
}
.client img {
    float:left;
    border: none;
    verical-align: middle;
    margin: 15px 15px 15px 0;
    -webkit-filter: grayscale(100%);  
}
.box1 {
    width: 22%;
    border: none;
    margin: 15px 2% 15px 0;
    -webkit-filter: grayscale(100%);
}
.box1:hover {
    -webkit-filter: grayscale(0%);
}
.client h2 {
    color: #0066cc;
}
/*----------------------------responsive grid system-----------------*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0;
        
}
.col:first-child { margin-left: 0;
}

/*  GRID OF THREE  */
.c3o3 {
	width: 100%;
}
.c2o3 {
	width: 64%;
        border-right: 1px #0066cc solid;
        padding: 0 1% 0 0;
        
}
.c1o3 {
	width: 32.333%;
        padding: 0 0 0 1%;
        text-align: center;
}
.c1o3 a{
    text-align: center;
}
.c1o3kontakt {
	width: 32.0%;
        margin: 0 0 0 0.5%;
        padding: 0 auto 0 auto;
        text-align: center;
}
.c1o6 {
    width:15.1%;
    margin: 1.4% 0 0 1%;
    padding:0.2%;
    background: #0066cc;
    
}
.c1o6:nth-child(6n+1) {
    width:15.1%;
    margin: 1.4% 0 0 0;
    padding:0.2%;
    
}
.c1o6 img,.c1o6first img {
    width: 100%;
}

/*  GRID OF FOUR  */
.c4o4 {
	width: 100%;
}
.c3o4 {
	width: 74.6%;
}
.c2o4 {
	width: 49.2%;
}
.c1o4 {
	width: 23.8%;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}


/*------------------footer-------------*/
#footer {
    background: #000 url('img/kindajean1.png') repeat;
    color: #ccc;
    width:100%;
    margin: 0px 0 0 0;
    padding: 15px 0 15px 0;
    height:25px;
    
    -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.75);
}
#footertext {
    width: 1024px;
    margin: auto;
    text-align: center;
}

::selection {
    background: #87C924;
}
/*---------------MEDIA QUERIES-----------------*/
@media (max-width: 480px){
    .menuitem {
        display: block;
        margin: 5px 0 5px 0;
    }
    ul {
        margin:0;
        padding:0;
    }
    .c2o3 {
        width:100%;
        border: none;
    }
    .c1o3,.c1o3kontakt {
        width: 100%;
    }
    .c1o3 img {
        margin: 40px 0 0 0;
    }
    .c1o6,.c1o6:nth-child(6n+1) {
        width: 100%;
    }
    .prostor{
        height:0;
    }
    #footertext,.flexwrap,#header,#nadpis,#content {
        width: 85%;
    }
    .flextext {
        display: block;
        width: 100%;
    }
    .fleximage,.flexslider {
        display: block;
        width: 100%;
    }
    
    
}
@media (max-width: 1200px){
    #uvod {
        display: block;
        width: 100%;
        text-align: center;
    }
    #menu {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0 0 0;
    }
    #footertext,.flexwrap,#header,#nadpis,#content {
        width: 85%;
    }
    
    
}