/*
Theme Name: HOTdesign - Grafika 2020
Theme URI: https://www.hotdesign.eu
Author: HOTdesign.eu
Author URI: https://www.hotdesign.eu
Description: 
Version:
Text Domain: grafika20               
License:                               
License URI:
*/

body {
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, Sans-Serif !important;

}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
	color: #acacac;
}
::-moz-placeholder {
/* Firefox 19+ */
	color: #acacac;
}
:-ms-input-placeholder {
/* IE 10+ */
	color: #acacac;
}
:-moz-placeholder {
/* Firefox 18- */
	color: #acacac;
}
.header-top {
	background-color: #242424;
	z-index: 11;
	position: relative;
	min-height: 20px
}
.nav-small .nav>li>a, .nav.nav-small>li>a {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ikonytop {
	font-weight: 400;
	color: #424242;
	margin-left: 1.5em
}
.ikonytop a {
	color: #424242;
	font-size: 12px !important;
}
.obr1 {
	color: #fff;
    background-color: #03cdf5;
    padding: 2px 10px 2px 10px; 
    margin: 5px;
    margin-right: 0px;
    margin-bottom: 18px;
    font-weight: 300;
}
.obr2 {
	color: #fff;
    background-color: #000;
    padding: 12px; 
    margin: 5px;
    margin-bottom: 18px;
    font-weight: 800;
    margin-left: 0px;
}
.obr3 {
	color: #000;
    background-color: #fff200;
    padding: 12px; 
    margin: 5px;
    margin-bottom: 18px;
    font-weight: 800;
    margin-left: 0px;
}
.obr4 {
	color: #000;
    background-color: #fff200;
    padding: 12px; 
    margin: 5px;
//    margin-bottom: 18px;
    margin-left: 0px;
    text-transform: uppercase;
}

.obr5 {
	color: #fff;
    background-color: #ee1183;
    padding: 12px; 
    margin: 5px;
  //  margin-bottom: 18px;
    margin-left: 0px;
    text-transform: uppercase;
}
.obr6 {
	color: #fff;
    background-color: #000;
    padding: 12px; 
    margin: 5px;
//    margin-bottom: 18px;
    margin-left: 0px;
    text-transform: uppercase;
}
.obr7 {
	color: #fff;
    background-color: #04a8e7;
    padding: 12px; 
    margin: 5px;
   text-align: center;
   font-weight: 800;
    margin-left: 0px;
    text-transform: uppercase;
}
.titt {
	color: #fff;
    background-color: #000;
    padding: 12px; 
    margin: 5px;
//    margin-bottom: 18px;
    margin-left: 0px;
    text-transform: uppercase;
     font-weight: 800;
     font-size: 20px;
}
.titt2 {
	color: #fff;
    background-color: #000;
    padding: 12px; 
    margin: 5px;
//    margin-bottom: 18px;
    margin-left: 0px;
    text-transform: uppercase;
     font-weight: 400;
     font-size: 16px;
}

.obsah {
    background-color: #00000066;
    padding: 14px; 
    text-align: justify;
    	color: #fff;


}
.obsah2 {
    background-color: #0000009c;
    padding: 14px; 
    	color: #fff;


}
li {
    margin-bottom: -0em;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0.2em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 12px;
}
 .button.primary:not(.is-outline)    {  
    font-size: 17px; 
 color: #000;
                                           }
 
.hnadpis {
	font-size: .9em;
	text-transform: uppercase;
}
.nav > li > a {
	font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, Sans-Serif !important;
}

.round {
    border-radius: 0px !important;
}

.row-divided>.col+.col:not(.large-12) {
    border-left: 0px solid #ececec;
}
.dark .has-shadow.box:not(.box-overlay):not(.box-shade), .dark .has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: #000;
}