/* Layouts */
html, body {
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    overflow: hidden;
    overflow-y: auto;
}

/****Pre nastavenie vysky ak pouzivam FLOAT****/
.group:before,
.group:after {
   content:" ";
   display:table;
}
  #inline-auto145 p img {width:100%; !important;}
.group:after {
   clear:both;
}

.group {
   *zoom:1;
}
/****Koniec nastavenia****/

/****HEADER_WRAP****/
#header_wrap {
    padding:0;
    width: 100%;
}
.header {
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.moduletable_fb_logo {
    position: absolute;
    top: 0;
}
.moduletable_fb_logo img {
    width: 80%;
}
.instagrlogo {
  position:absolute;
  top:10px;
  right:10px;
  text-align:right;
}
.instagrlogo a img {
  width:60%;
}
/****LOGO****/
.logo {
    text-align: center;
    margin: 30px 0 0 0 ;

}
.logo img {
    width: 100%;
    max-width: 150px;
}
/****logo END****/
.nazov_skoly {
    color: #555555;
    padding: 20px 10px 30px 10px;
}
.nazov_skoly img {
    min-width: 300px;
    width: 100%;
    max-width: 700px;
}
/****header END****/

/****WRA_MAIN_TOMENU****/
#topmenu_wrap {
    width: 100%;
    border-bottom: 1px solid grey;
}
.am_search {
    display: block;
    width: 66%;
    padding: 0 0 0 20px;
}

.main_topmenu {
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#message {
    height: 36px;
    width: 100%;
    background: #1CA4E0;
}
/****WRAP_MAIN_TOMENU END****/

/****BANNER***/
#banner_wrap {
    width: 100%;
    position: relative;
background: #fff;
}

.banner {
min-width: 320px;
    max-width: 1100px;
    width:100%;
    margin:30px auto;
    padding: 0 15px;
}
/****MAIN_WRAPPER****/
#main_wrap {
    width: 100%;
    height: auto;
    border-bottom: 1px solid grey;
    padding: 0 0 30px 0;
}
/****SIDERBAR LEFT a RIGHT****/
.sidebar_left, .sidebar_right {
    width: 240px;
    background: #CCCCCC;
    height:auto;
    padding: 0;
}
/****siderbar END****/

.sidebar_left {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.sidebar_right {
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/****MAIN s SIDERBAR LEFT a RIGHT****/
.main0 {
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    margin:0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/****MAIN s SIDERBAR LEFT a RIGHT END****/

/****MAIN s SIDERBAR LEFT alebo RIGHT****/
.main1 {
    margin: 0 auto;
    padding: 0 15px;
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.main_center0 {
    width:610px;
    float:left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.main_center1 {
    width:850px;
    float:left;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/****MAIN s SIDERBAR LEFT alebo RIGHT END****/

/****MAIN bez SIDERBAR LEFT alebo RIGHT****/
.main2 {
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    margin:0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/****MAIN bez SIDERBAR LEFT alebo RIGHT END****/
.home_youtube{
    margin: 40px 0 0 0;
}
.spshare {
  position:relative;
  z-index:2;
}
.moduletable_letakflipbook {
  margin:-190px 0 0 0;
  position: relative;
  z-index: 1;
}
.home_novinky {
    margin: 40px 0;
}
.home_novinky h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #808080;
    border-bottom: 1px solid #FF0000;
    display: inline-block;
    padding: 0 40px 5px 0;
    margin: 40px 0 30px 5px;
}
.home_novinky .bt-row {
    width: 356px !important;
}
.home_novinky a.bt-image-link {
    position: relative;
}
.home_novinky .img_title {
    position: relative;
}
.home_novinky .img_title .bt-image-link img {
    border: none;
    outline: none;
}
.home_novinky p.bt-title {
    position: absolute;
    bottom: 9px;
    left: 0;
    padding: 8px 0 8px 15px;
    background: rgba(192,192,192,0.8);
    width: 285px;
    text-align: left;
    margin: 0;
    color: #fff !important;
}
.home_novinky .bt-introtext {
   /* margin: -9px 19px 0 19px;*/
   margin: -9px auto 0 auto;
   width: 278px;
    text-align: justify;
    border-bottom: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    padding: 10px;
    font-size: 15px;
}
.home_novinky .readmore {
    text-align: right;
    padding: 0;
    margin: 5px 0 0 0;

}
.home_novinky .readmore a {
    color: #FF0000;
}
.home_gallery h3{
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #808080;
    border-bottom: 1px solid #FF0000;
    display: inline-block;
    padding: 0 40px 5px 0;
    margin: 40px 0 30px 5px;
}
/****Galeria****/
.home_gallery .sj-gallery .sj-content {
	border:none;
	border-radius: 0;
}
.home_gallery .sj-gallery .sj-navigation {
	background: none;

}
.home_gallery .sj-gallery img {
	border:none;
	border-radius: 0;
	margin: 0;
}
.fancybox-overlay-fixed {
	z-index: 99999 !important;
}
.fancybox-lock .fancybox-overlay {
	overflow-y: hidden !important;
}
/****main END****/

/****BOX****/
#box_wrap {
    background: #212120;
    width:100%;
}

.box {
    margin:0 auto;
    width:100%;
    min-width: 320px;
    max-width: 900px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.box h3 {
    color: #fff;
    font-size: 15px;
    margin: 0;
}
#box_wrap .box1 {
    padding: 20px 0;
}
#box_wrap .box2 {
    padding: 29px 20px 20px 10px;
}
.box1, .box2, .box3 {
    width:300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 37px 0 0 10px;
    float:left;
    font-size: 11px;
    color: #9E9E9C;
}
.box1 img {
    width: 100%;
    max-width: 120px;
    padding: 0 0 0 20px;
}
.box3 .footer2 a {
    color:#9E9E9C;
}
.box3 .cwt-digi-counter {
    width: 85%;
    margin-top: 20px;
    margin-bottom: 5px;
}
.box3 .cwt-wio {
	width: 85%;
	margin-bottom: 15px !important;
}
/****BOX END****/
/**** Partner****/
#partner_wrap {
 width: 100%;
 background: #fff;
}
.partner {
    margin:0 auto;
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    padding: 30px 15px 15px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.partner h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #808080;
    display: inline-block;
    padding: 0 20px 5px 0;
}
/****FOOTER WRAP****/
#footer_wrap {
    height: 38px;
    background: #212120;
    width: 100%;
}
.footer {
    min-width: 320px;
    max-width: 1100px;
    width:100%;
    margin:0 auto;
    padding:10px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  text-align:center;
  color:#ccc;
  font-size:12px;
}

/****FOOTER END****/

/**** KONTAKTny formular***/
 h3.kontakt_form  {
    background: url("../images/telefon.png");
    background-repeat: no-repeat;
    background-position: top left;
    text-align: left;
    font-size: 35px;
    font-weight: normal;
    margin: 20px 0 0 0px;
    padding: 65px 0 0px 0;
    color: #fff;
}
#main_wrap .fox-row {
    padding: 10px;
}
#main_wrap .fox-row .fox-column .fox-item p {
    margin: 0;
    color: #fff;
}
#main_wrap .fox-form select, .fox-form textarea, .fox-form input[type="text"], .fox-form input[type="email"] {
    background: none !important;
    border:1px solid #fff !important;
    border-radius: 0 !important;
    color: #333333 !important;
    font-weight: bold !important;
}
#main_wrap .fox-form input[type="text"], .fox-form input[type="email"] {
    height: 45px !important;
}
#main_wrap .fox-form .left {
    width: 100% !important;
    min-width: 300px !important;
    max-width: 470px !important;
}

#main_wrap .fox-form .fox-item-submit {
    width: 48% !important;
}
#main_wrap .fox-form .btn {
    background: #fff !important;
    padding: 10px 45px !important;
    border-radius: 0 !important;
    border:0 !important;
    color: #2b2b2b !important;
    width: 200px !important;
    font-weight: bold !important;
}
#main_wrap .fox-item-html-fields {
    width: 320px !important;
}
/**** KOntaktny formular pre clanky***/
.moduletableskola .skola{
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}
#main_wrap .moduletableskola .fox-form-stacked .control-group {
	width: 353px !important;
}
#main_wrap .moduletableskola .fox-item-submit {
	clear: both;
}
#main_wrap .moduletableskola .fox-form-stacked .text1 {
	width: 100% !important;
}
#main_wrap .moduletableskola .fox-form-stacked .text1 textarea {

    height: 100px !important;
}
#main_wrap .moduletableskola .fox-form select, #main_wrap .moduletableskola .fox-form textarea, #main_wrap .moduletableskola .fox-form input[type="text"], #main_wrap .moduletableskola .fox-form input[type="email"] {
	border: 1px solid #808080 !important;
}
#main_wrap .moduletableskola .fox-form .btn {
	background: #808080 !important;

	text-shadow: none !important;
}
#main_wrap .moduletableskola .fox-form .btn span {
	color: #fff !important;
}
.clear {
    clear: both;
}

/* Topography */
h1, h2, h3 {
    margin:0;
}

img {
    border:0;
}
a:link, a:visited {
    color: #1BA5DF;
    text-decoration: none;
}

a:hover {
    color: #666;
}

.actions {
    list-style: none;
    float: right;
}

.actions li {
    float: left;
    display: block;
}

.actions img {
    padding: 0 4px;
    border: none;
}

/****Tooltip****/
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: none;
    border: 0;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
/****Koniec tooltipu****/
/****Kontaktny formular a registracny formular a prihlasenie****/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 25px;
    padding: 3px 6px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
}

input,
textarea,
.uneditable-input {
    width: 100%;
}
textarea {
    height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;

}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

}
/****Koniecc****/
/****animacie****/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

/****K2 clanky****/
span.catItemDateCreated {
    text-align: right;
    display: block;
    color: #808080;
    padding: 10px 0 0 0;
}
.itemBody span.itemDateCreated {
    text-align: right;
    display: block;
    color: #808080;
    padding: 10px 0 0 0;
}

#main_wrap div.itemView {
    margin: 0 0 0px 0;
}
#main_wrap div.itemToolbar {
    margin: 0;
    padding: 0;
    background: none;
}
#main_wrap div.itemHeader h2.itemTitle {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #808080;
    border-bottom: 1px solid #FF0000;
    display: inline-block;
    padding: 0 40px 5px 0;
    margin: 30px 0 10px 0;
}
#main_wrap div.itemFullText {
    text-align: justify;
}
.img_article_mob {
	max-width: 900px;
	min-width: 300px;
	width: 100%;
}
/**** K2 kategorie****/
#main_wrap .itemContainer .catItemTitle a{
     letter-spacing: 2px;
    text-transform: uppercase;
    color: #808080;
    border-bottom: 1px solid #FF0000;
    display: inline-block;
    padding: 0 40px 5px 0;
    margin: 0px 0 30px 5px;
}
#main_wrap .catItemIntroText {
    text-align: justify;
}
#main_wrap .catItemBody {
    border-bottom: 1px solid #808080;
}
#main_wrap .catItemReadMore {
    text-align: right;
    display: block;
}
#main_wrap .catItemReadMore a {
    color: #FF0000;
}
.fr-caption {
	display: none !important;
}
IFRAME.aridoc-frame {
    width: 100%;
}

/****Login****/
.main_center2 .login {
  width:100%;
  max-width:400px;
  min-width:330px;
  margin:80px auto 0 auto;
}
.main_center2 .login input {
  width:96%;
}
.main_center2 .login fieldset {
  padding:20px;
}
.main_center2 .login .login-description {
  text-align: center !important;
font-size: 18px !important;
padding: 0 0 20px 0 !important;
font-weight: bold !important;
}

/****Formular pre virtualnu hodinu ****/
#main_wrap div#fox-container-m154 .fox-row {
  margin:0 !important;
}
.fox-item-checkbox-group-label-stacked input {
  width:auto !important;
  margin: 8px 11px 8px 4px !important;
}
div#fox-container-m154 {
  background-color:#eee !important;
  border:15px solid #eee !important;
  box-shadow:none !important;
  padding:10px;
}
div.itemVideoBlock {
  display:none;
}
div.itemToolbar ul li a.itemVideoLink {
  display:none;
}
#topmenu_wrap .ajax-search .results-box {
	display: none !important;
}