/*******************************************/

/*                                         */

/* (c) 2018-2022 LANSY Software & Services */

/*                                         */

/*******************************************/





/* 360px x 240px - img galerie        */

/* 360px (x 480px) - img lektor       */

/* (1000px) x 300px - img uvod        */



/* vsechny kotvy pouze malé znaky */



/* Browser Reset */

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

font,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	background: transparent;

	font-size: 100%;

	vertical-align: baseline;

}



body {

	line-height: 1;

}



body {

	color: #666;

	background-color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 14px;

	font-weight: 500;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	line-height: 1.7em;

}





/* Links */



a{color:#de217d;text-decoration:none;xdisplay:block}

a:hover,a:focus{color:#9b1758;text-decoration:underline}

a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}



/* Headers */

h1,

h2,

h3,

h4,

h5,

h6 {

	padding-top: 10px;

	padding-bottom: 10px;

	color: #333;

	font-weight: 500;

	line-height: 1em;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: inherit;

}



h1 {

	font-size: 30px;

}



h2 {

	font-size: 26px;

}



h3 {

	font-size: 22px;

}



h4 {

	font-size: 18px;

}



h5 {

	font-size: 16px;

}



h6 {

	font-size: 14px;

}





.button { font-family: Helvetica,Arial,sans-serif,MS Sans Serif; border-color: black;border-style: solid; border-width: 1px; background-color: silver; border-radius: 5px; }



/* Horní menu */



.header {

/*        height-min: 53px; */

/*	xheight: 53px; */

	width: 100%;

/*	xbackground-color: #1b1b1b; */

	position: fixed;

	top: 0;

	z-index:100;



}



.header a {

	color: white; 

	padding: 1em 1em; 

	font-size: 100%; 

	text-decoration: none; 

	xbackground: #fff;

}



/* položka, na které je myš*/

.header a:hover {

/*        xbackground: #ffbb00; */

	background-color: #6600cc;

        box-shadow: 0px 0px 5px black;

	text-decoration: none;

	color:#9b1758;

}





.menu2 {

	text-align: center; 

	background: #cc66cc; 

/*	xheight: 73px; */

/*	xoverflow: hidden; */

}



.menu2 li {

	display: inline-block; 

	padding: 1em 0em;

}



.menu2 ul li a {

	color: white; 

	padding: 1em 1em; 

	font-size: 130%; 

	text-decoration: none; 

	xbackground: #fff;

}



/* položka, na které je myš*/

.menu2 ul li a:hover, .menu ul li a:focus {

/*        xbackground: #ffbb00; */

	background-color: #6600cc;

        box-shadow: 0px 0px 5px black;

	text-decoration: none;

	color:#9b1758;

}



/*Hide dropdown links until they are needed*/

.menu2 ul li ul, .menu2 ul li ul li a {

    display: none;

}

/*Make dropdown links vertical*/

.menu2 ul li ul li {

    xdisplay: block;

	display: none;

    float: none;

}

/*Prevent text wrapping*/

.menu2 ul li ul li a {

    width: auto;

    min-width: 100px;

    padding: 0 20px;

}

/*Display the dropdown on hover*/

.menu2 ul li ul li a:hover, .hidden:hover {

    display: block;

}







.aktivni {

/*        xbackground: #ffbb00;*/

/*	background: #cf9669 url("xeq1a_background.jpg"); */

	background: #cf9669;

        background-size: cover;

        box-shadow: 0px 0px 5px black;

}



.logo_item {

	display: inline-block; xtext-align: center;

	width: 120px;

	float: left;

/*	xbackground: #ffbb00; */

/*        xbox-shadow: 0px 0px 10px black;*/

        margin: 10px 30px -90px 30px;

        

	color: black;

	text-decoration: none;

}



.logo {

/*        xmargin: 10px 10px -90px 10px;*/

/*        xbackground-color: #ffbb00; */

	background-color: #edc77c;

        box-shadow: 0px 0px 10px black;

        height: 70px;

	padding: 5px;

}





.menu2 a:visited {

	color:#ddd;

}









/*Style 'show menu' label button and hide it by default*/

.show-menu {

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-decoration: none;

    color: #fff;

/*    background: #19c589; */

    background: #353535;

    text-align: center;

    padding: 10px 0;

    display: none;

    height: 32px;

	font-size: 150%; 



}

/*Hide checkbox*/

input[type=checkbox]{

    display: none;

}

/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ #xmenu{

    display: block;

}







/*Responsive Styles*/

@media screen and (max-width : 760px){

    /*Make dropdown links appear inline*/

.xmenu2 ul {

        position: static;

        display: none;

    }



    /*Create vertical spacing*/

.xmenu2 ul li {

        margin-bottom: 1px;

    }

    /*Make all menu links full width*/

.xmenu2 ul li, .xmenu2 ul li a {

        width: 100%;

    }



    /*Display 'show menu' link*/

.xshow-menu {

        display:block;

    }

}





#main {

	margin-top: 53px;

}



#obsah {

/*	background: #edc77c url("egyptian-queen1.jpg") fixed;*/

/*        background-size: 100%;*/

/*	background: #edc77c url("eq_pozadi.jpg") fixed;*/

/*	background-image: url("pozadi-tanec-deti-01.jpg");*/

/*	background-attachment: fixed;*/

/*	background-color: green;*/

/*	background-color: #ffeeff;*/

        background-size: 100%;

/*background-image: radial-gradient(circle at 80% 20%,#cf9669,#edc77c,yellow,#cf9669);*/

background-image: radial-gradient(circle at 80% 20%,#66ffff,white,#ff99ff,#993399);

/*background-image: radial-gradient(circle at 80% 20%,prava_horni,prostredni,leva_horni,leva_dole);*/

/*background-image: radial-gradient(circle at 80% 20%,#cf9669,#ccffff,#ffffcc,#ccccff);*/

}



#obsah {

	xMargin-left: auto; xmargin-right: auto; width: 100%;

	text-align: center; 

}





.uvod {

	max-width: 900px;

}



.uvod img { 

	width: 896px;

	margin: 2px 2px 20px 2px;

}



.uvod h1, .kontakt h1 {

	text-align: center;

}



.uvod p, .kontakt p {

	margin: 20px;

}



.krouzek {

	max-width: 900px;

}

.krouzek img { 

	width: 896px;

	margin: 2px 2px 20px 2px;

}



.krouzek h1 {

	text-align: left;

}



.krouzek p, .krouzek h3, .krouzek h4 {

	margin: 20px;

}

#krouzek_logo {

	width: 360px; height: 240px;

	float: left;

display:inline-block;

margin: 20px 20px 2px 20px;

}



#krouzek_ok {

	width: 40px; height: 40px;

display:inline-block;

margin: -20px 0px -20px 0px;

align:bottom;

}



#krouzek_foto {

	width: 120px; height: 80px;

display:inline-block;

margin: 0px 0px -140px 0px;

xalign:bottom;

}



#xbutton_right {

	float: right;

display:inline-block;

top: -100px;

margin: -100px 0px 80px 0px;

}



.krouzek label {

margin: 20px 20px 0px 20px;

}

.krouzek input {

margin: 0px 20px 0px 20px;

}

.krouzek textarea {

margin: 0px 20px 0px 20px;

width: 500px;

}



input, textarea, select {

background-color: #ffffcc; color: navy; border: 1px solid red

}



input.tlacitko {

background-color: navy; color: #ffffcc; font-weight: bold; cursor: hand;

align: center;

}







.onas {

	max-width: 900px;

}



.onas p {

	padding-bottom: 10px;

}



.kontakt {

	max-width: 500px;

}



.kontakt_popis, .onas_popis {

	padding: 20px;

}



.lektor {

	max-width: 700px;

}



.lektor_popis {

	display: table-cell;

	vertical-align: top;

}



.lektor_popis h3 {

padding-top: 5px;

padding-bottom: 0;

}



.lektor_cinnost {

	padding-bottom: 7px;

	color: #aaa;}



.lektor_img {

	width: 360px;

	float: left;

	margin: 2px 20px 2px 2px;

}



.uvod, .onas, .galerie_skladba, .lektor, .kontakt, .tym, .blok1, .krouzek {

        xbox-shadow: 0px 0px 10px black;

        box-shadow: 0px 0px 10px #002040;

	margin: 10px;

	display: inline-block; /* aby se centrovaly a skládaly za sebou v obsahu */

	text-align: left;

	background: white;

	xmargin-bottom: -2em;

xmargin-top: 3em;

}



.tym, .blok1 {

	max-width: 900px;

}



.blok1 {

	min-width: 560px;

}



.aktualita {

	xdisplay: table-cell;

text-align: left;

overflow: hidden;

        box-shadow: 0px 0px 10px #002040;

	margin: 10px;

}



.aktualita p {

	padding-top: 0px;

	margin-top: 0;

}



.galerie_skladba {

	width: 660px;

}



.galerie_skladba img, .tym img, .aktualita img {

width:360px;

float: left;

display:inline-block;

margin: 2px 20px 2px 2px;

}



.aktualita img {

width:360px;

float: right;

display:inline-block;

margin: 2px 2px 2px 20px;

}



.blok1 img {

width:246px;

float: left;

xdisplay:inline-block;

margin: 2px 2px 2px 2px;

}



.skladba_popis {



}



.skladba_popis h3

{

padding-top: 5px;

padding-bottom 0;

}



/* pro správnou pozici kotvy a horního menu */

h3 a {

	position: relative; 

	top:-5em;

}



h2 a {

	position: relative; 

	top:-5em;

}



.play {

margin: 0px 0;

padding: 0px 0;

	position: relative; 

	xtop:0px;

z-index: 100;

  xtop: 0;

float: none;

display: inline-block;

left: -100px;

}





.dl-horizontal dt:after{content:": ";margin-right:5px}



.dl-horizontal {

    	xmargin-bottom:50px; 

	xwidth: 50%;

	overflow: hidden; /* nepřetéká pod obrázek */

}

 

.dl-horizontal dt {

	xbackground:#5f9be3;

	xcolor:#fff;

	float:left; 

	font-weight:bold; 

	margin-right:10px; 

	padding:0px;  

	xwidth:130px; 

}

 

.dl-horizontal dd {

	margin:0px 0; 

	padding:0px 0;

	margin-left: 140px;

	xdisplay: block;

	xwidth: 50%;

	overflow: hidden; /* pokud text přeteče na další řádek, nepřeteče pod dt */

}





tab { position:absolute;left:375px; }