/*--- definice pisma ---*/
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);

.center {
  text-align: center;
}

h2.nadpis-cary {
    font: lighter 28px "Open Sans", Arial;
    color: #000000;
    padding-top: 30px;
    padding-bottom: 30px;

    text-align: center;

    width: 100%;
}
h2.nadpis-cary span{
    font: lighter 14px "Open Sans", Arial;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 0px;

    text-align: center;


}

h2.nazev {
    font: lighter 28px "Open Sans",  Arial;
    color: #118de6;
    margin-top: 15px;
    margin-bottom: 30px;
    position: absolute;
    margin-left: 20px;
    text-align: left;
    display: inline-block;
}



/*
rozdeleni stranky na 2 sloupce
*/

/*levy sloupec*/

div.levy-sloupec {

    display: inline-block;
    width: 71%;
    vertical-align: top;
    float: left;
}
div.pravy-sloupec {

    display: inline-block;
    overflow: hidden;
    width: 28%;
    vertical-align: top;
    border: solid 1px #f9f9f9;
    float:right;
/*    background-color: rgba(255, 255, 255, 1);   */
    margin-top: 20px;
    min-height: 600px;
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
   /*   border-left: 1px solid #e6e6e6;    */

}




@media all and (max-width: 1024px) {


div.levy-sloupec {

    display: inline-block;
    width: 63%;
    vertical-align: top;
}
div.pravy-sloupec {

    display: inline-block;
    width: 36%;
    vertical-align: top;
/*    background-color: rgba(255, 255, 255, 1);   */
    margin-top: 20px;
    min-height: 600px;
/*      -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
box-shadow: 0px 0px 30px rgba(0,0,0,0.05);*/
   /*   border-left: 1px solid #e6e6e6;    */
}
}


@media all and (max-width: 800px) {


div.levy-sloupec {

    display: inline-block;
    width: 100%;
    vertical-align: top;
}
div.pravy-sloupec {

    display: inline-block;
    width: 100%;
    vertical-align: top;
/*    background-color: rgba(255, 255, 255, 1);   */
    margin-top: 20px;
    min-height: 200px;
    overflow: hidden
/*      -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.05);
box-shadow: 0px 0px 30px rgba(0,0,0,0.05);*/
   /*   border-left: 1px solid #e6e6e6;    */
}
}




@media all and (max-width: 1024px) {






h2.nazev {
    font: lighter 28px "Open Sans", Arial;
    color: #118de6;
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: left;
    position: relative;

       margin-left: 20px;
    display: inline-block;
width: 80%
}
}

h2.nazev a{

    color: rgba(255, 255, 255, 1);

}



.texty h2{
color: #118de6;
    font: lighter 28px "Open Sans", Arial;

padding-top: 0px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
}






h2.zeleny {
color: #88ce0c;
    font: bold 30px "Open Sans", Arial;
    text-transform: uppercase;
padding-top: 0px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
position: relative;
text-align: center;

}

h2.oranzovy {
color: #ff6600;
    font: bold 30px "Open Sans", Arial;
    text-transform: uppercase;
padding-top: 0px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
position: relative;
text-align: center;

}
h2.oranzovy span{
color: #ff6600;

    text-transform: uppercase;

left: 0px;
right: 0px;

opacity: 1;
position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}

h2.oranzovy:hover span{
color: #ff6600;

    text-transform: uppercase;
padding-top: 0px;
margin-bottom: 40px;
left: 0px;
right: 0px;
  opacity: 0;
      -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
h2.oranzovy a{
  opacity: 0;
color: #ff6600;

    text-transform: uppercase;
padding-top: 0px;
left: 0px;
right: 0px;
position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
h2.oranzovy:hover a{
  opacity: 1;
color: #ff6600;

    text-transform: uppercase;
    text-decoration: underline ;
padding-top: 0px;

left: 0px;
right: 0px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}







.texty h2 span{
color: #000000;
font: 15px "Open Sans", Arial;

}


.texty h2 strong{
  text-transform: none;
  font-weight: bold;
}


.texty #flexloader-5 .slides li  h2, .texty #flexloader-6 .slides li  h2{
      color: #02a64f;
    font: 20px "Open Sans", Arial;
    padding-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
    line-height: 20px;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis


}







.texty h3{
color: #000000;
    font: lightr 21px "Open Sans", Arial;
padding-top: 0px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}


.texty h4{
color: #000000;
font: lighter 17px  "Open Sans", Arial;
padding-top: 2px;

margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;

}







.texty{
  text-align: left;
  margin-bottom: 20px;
  padding-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
  z-index: 2;
  position: relative;

}
.center .texty{
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
  z-index: 2;
  position: relative;

}
.texty.center1000 {
  text-align: center;
  max-width: 1040px;

  margin-left: auto;
  margin-right: auto;
}



.texty img.clen{
    margin: 0 auto;
    border-radius: 200px;
    border: solid 3px #800700;
    text-align: left;
    float: left;
    margin: 20px

}
@media all and (max-width: 450px) {
.texty img.clen{
    margin: 0 auto;
    border-radius: 200px;
    border: solid 3px #800700;
    text-align: center;
    display: inline-block;
    clear: both;
    float: none;
    margin: 20px

}
}


@media all and (max-width: 866px) {
.texty{
  text-align: center;
  margin-bottom: 0px;
  padding-top: 20px;
  margin-left: 0px;
  margin-right: 0px;

}
}




.texty p img{
/*width: 100%;  */


}

.uvnitr.detail .texty p img{
  max-height: 25px;
}

.texty ul{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.texty #flexloader-5 ul{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}





.texty ul li{
color: #000000;
font: 13px  "Open Sans", Arial;
line-height: 24px;
margin-bottom: 13px;
margin-left: 20px;
margin-right: 0px;
text-align: left;
list-style: square

}
.texty ul li a{
color: #000000;
text-decoration: underline
}


.texty #flexloader-5 ul li, .texty ul li.flexloader-5-nav-next, .texty ul li.flexloader-5-nav-prev{
background: none;
padding-left: 0px;

text-align: center;

line-height: 0px;
min-height: 0px;
margin-bottom: 0px;
}








.texty p{
color: #000000;
font: 13px "Open Sans", Arial;
line-height: 24px;
margin-bottom: 26px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}


.texty p.center{
color: #000000;
font: 14px  "Open Sans", Arial;
line-height: 24px;
margin-bottom: 26px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
}

.texty p.modry{
color: #118de6;
    font: bold 16px "Open Sans", Arial;

padding-top: 0px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
text-align: center;
}
.texty p.modry2{
color: #118de6;
    font: bold 17px "Open Sans", Arial;

padding-top: 0px;
margin-bottom: 30px;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;

}
.texty p.zeleny{
color: #88ce0c;
    font: bold 16px "Open Sans", Arial;

padding-top: 0px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
margin-top: -30px;
text-align: center;
}



.texty p a{
color: #000000;
font: 13px Arial,  "Open Sans", Arial;
text-decoration: underline
}


.texty #flexloader-5 ul li p{
color: #000000;
font: 12px  "Open Sans", Arial;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}

 /*
 reference detail
  */



 @media all and (max-width: 990px) {




}




 h2.oranzovy{
font: bold 20px "Open Sans", Arial;
text-align: center;
}

.texty h2{
font: bold 22px "Open Sans", Arial;

}
.texty h2 span{
color: #000000;
font: 12px  "Open Sans", Arial;

}



.texty h3{
color: #000000;
font: bold 18px  "Open Sans", Arial;

}

.texty h4{
color: #000000;
font: bold 15px  "Open Sans", Arial;

}



.texty p a, .texty ul li{
/*  font-size: 12px;    */


}

.texty .odst50 ul li{
 font-size: 12px;


}



@media all and (max-width: 866px) {


.texty h2{
font: bold 23px,  "Open Sans", Arial;

}
.texty h2 span{
color: #000000;
font: 12px   "Open Sans", Arial;

}



.texty h3{
color:  #118de6;
font: bold 18px  "Open Sans", Arial;

}

.texty h4{
color: #000000;
font: bold 14px  "Open Sans", Arial;

}
}



































 .texty table{
   border-collapse: collapse;

  font: lighter 13px "Open Sans", Arial;
  min-width: 200px;
/*  width: 93%;*/

  margin-left: 20px;
  margin-right: 0px;
  text-align: left;
  margin-bottom: 10px;

}


 .texty .odst50 table{
   border-collapse: collapse;

  font: lighter 13px "Open Sans", Arial;
  min-width: 200px;
 width: 93%;

  margin-left: 20px;
  margin-right: 0px;
  text-align: left;
  margin-bottom: 10px;
}


 div.pravy-sloupec .texty .odst50 table{
   border-collapse: collapse;

  font: lighter 13px "Open Sans", Arial;
  width: 96%;
  margin-left: 2%;
  margin-right:0px;
  text-align: left;

}


 .texty table th{




       background-color: rgba(255, 255, 255, 0.7);

    border-bottom: 1px solid #e6e6e6;



   padding: 6px;
   padding-top: 8px;
  padding-bottom: 8px;
}


 .texty table td{
/*   background: #e3f4fe; */


       background-color: rgba(255, 255, 255, 0.7);

    border-bottom: 1px solid #e6e6e6;
  padding-top: 8px;
  padding-bottom: 8px;
  padding: 6px
}

 .uvnitr.detail  .texty table td{
  /* background: #e3f4fe;*/
  border-top: solid 1px #cbe9fa;

}

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

 .uvnitr.detail  .texty table td{
   font-size: 13px;
}
}




.texty .odst{

  display: inline-block;
  vertical-align: top;
  width: 100%;

   margin-bottom: 20px;
   min-height: 390px;
   border: solid 1px #eeeeee;
   padding-top: 15px;
   background: #FFFFFF

}
.texty .odst50{

  display: inline-block;
  vertical-align: top;
  width: 45%;
  margin: 1% ;
   margin-bottom: 20px;
   min-height: 390px;
   border: solid 1px #eeeeee;
   padding-top: 15px;
   background: #FFFFFF

}
.texty .odst50 ul li, .texty .odst ul li{
color: #000000;
font: 13px  "Open Sans", Arial;
line-height: 16px;
margin-bottom: 13px;
margin-left: 20px;
margin-right: 0px;
text-align: left;
list-style: square

}

div.pravy-sloupec .texty .odst50 ul li, .texty .odst ul li{
color: #000000;
font: 13px  "Open Sans", Arial;
line-height: 16px;
margin-bottom: 13px;
margin-left: 5px;
margin-right: 0px;
text-align: left;
list-style: square

}
.texty .odst50 h3, .texty .odst h3, .texty .odst50 h2, .texty .odst h2{
  text-align: left;
  color: rgba(0, 0, 0, 1);
  font: lighter 20px "Open Sans", Arial

}

.texty .odst45{
  display: inline-block;
  vertical-align: top;
  width: 45%;
   margin-bottom: 20px;
}


@media all and (max-width: 940px) {
.texty .odst50, .texty .odst45{
  display: inline-block;
  vertical-align: top;
  width: 90%;
  margin-bottom: 20px;
  min-height: 100px;
}
}

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

 .uvnitr.detail  .texty .odst50 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 0px;
}
}



 .uvnitr.detail  .texty p{
color: #000000;
font: 13px Arial, "Open Sans", Arial;
line-height: 24px;
margin-bottom: 26px;
margin-left: 10px;
margin-right: 10px;
text-align: left;

}


 .texty table td img{
   max-width: 53px;
   height: 35px;
   float: left;
   margin-right: 5px;
   margin-top: 2px;
   margin-bottom: 2px;
}




 .texty table tr:hover td{
   background: #f0f0f0;
}

.texty .schody table{
   border-collapse: collapse;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-top: 0px;
   width: 500px;
  font: lighter 14px "Open Sans", Arial;
  float: left;
}

 .texty .schody table th{
   background: #e3f4fe;
  border: solid 1px #ffffff;
   padding-left: 14px;
   padding-right: 14px;
   padding-top: 6px;
   padding-bottom: 6px;
}


 .texty .schody table td{
   background: #f1faff;
   border: solid 1px #ffffff;
    padding-left: 14px;
   padding-right: 14px;
   padding-top:6px;
   padding-bottom: 6px;
}
 .texty .schody table tr:hover td{
   background: #e7f5fd;
}

.texty .schody table td.bez{
   background: #e3f4fe;
   border: solid 1px #ffffff;
   padding: 0px;
   width: 60px;
   padding-right: 4px;
   padding-top: 4px;
       padding-left: 4px;
}




 /*
 kosik
  */

.texty table#kosik-tabulka{
  text-align: left;

padding: 0px;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
width: 100%;
max-width: 1200px;

}


.texty  table#kosik-tabulka tr th {
  width: auto;
  padding: 12px;
border: none;
color: #000000;
font: bold 14px Arial, "Open Sans";
border-bottom: solid 1px rgba(0, 0, 0, .1)
}


.texty  table#kosik-tabulka tr td {
  width: auto;
  padding: 12px;
border: none;
color: #000000;
font: normal 13px Arial, "Open Sans";
line-height: 17px;
border-bottom: solid 1px rgba(0, 0, 0, 0.06)
}

.texty  table#kosik-tabulka tr td span{
color: #666666;
font: lighter 12px Arial, "Open Sans";

}
.texty  table#kosik-tabulka tr td strong {
 color: #e30a1d;

}


.texty  table#kosik-tabulka tr td input.ks{
  width: 40px;
  height: 30px;
border: none;
color: #000000;
font: lighter 13px Arial, "Open Sans";
line-height: 30px;
text-align: center;

background: #f5f5f5;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);

}




.texty  a.jit-zpet{
background: #e30a1d;
font-size: 17px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
border-radius: 10px;
float: left;
height: 40px;
width: 280px;
line-height: 40px;
text-align: center;
margin-left: 20px;
margin-bottom: 10px;
}



.texty  a.jit-dal{
  font-size: 17px;
  font-weight: bold;
  border-radius: 10px;
color: rgba(255, 255, 255, 1);
background: #02a64f;
float: right;
height: 40px;
width: 280px;
line-height: 40px;
text-align: center;
margin-right: 20px;
margin-bottom: 10px;

}


.texty p.hlaska{
  color: rgba(0, 0, 0, 1);
    font: bold 14px "Open Sans", Arial;
    /*border: solid 2px #F7D111;    */
        background-color: rgba(255, 204, 0, 1);
    border-radius: 1px;
    display: inline-block;
    padding: 10px;

    margin-left: 10px;
    margin-right: 10px;


}

.texty p.hlaska a{

    font: bold 14px "Open Sans", Arial;



}

.texty p.hlaska i{

    font-size: 40px;
    color: #ff0000;
    position: absolute;


}
.texty p.hlaska span{
    display: inline-block;
    margin-left: 50px;


}


  @media all and (max-width: 639px) {


.texty  table#kosik-tabulka  {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
}


.texty  table#kosik-tabulka tr th {
  width: auto;
  padding: 3px;
border: none;
color: #000000;
font: bold 12px Arial, "Open Sans";
border-bottom: solid 1px rgba(0, 0, 0, .1)
}


.texty  table#kosik-tabulka tr td {
  width: auto;
  padding: 3px;

color: #000000;
font: lighter 11px Arial, "Open Sans";
vertical-align: top;
}


.texty  table#kosik-tabulka tr td input.ks{
  width: 40px;
  height: 30px;
border: none;
color: #000000;
font: lighter 13px Arial, "Open Sans";
line-height: 30px;
text-align: center;

background: #f5f5f5;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);

}
}




  @media all and (max-width: 639px) {
.texty  a.jit-zpet{
background: #e30a1d;
font-size: 17px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
border-radius: 10px;
float: none;
height: 40px;
width: 280px;
line-height: 40px;
text-align: center;
margin-left: auto;
display: inline-block;
}



.texty  a.jit-dal{
  font-size: 17px;
  font-weight: bold;
  border-radius: 10px;
color: rgba(255, 255, 255, 1);
background: #02a64f;
float: none;
height: 40px;
width: 280px;
line-height: 40px;

text-align: center;
margin-right: auto;
display: inline-block;

}
}

.texty  table#kosik-tabulka tr td a.smazat{
color: #e30a1d;
font-size: 20px;
}

.texty  table#kosik-tabulka tr td a.prepocitat{
  font-size: 20px;
color: #02a64f
}









h2.nadpis{
color: #000000;
font: bold 30px "Open Sans", "Open Sans", Arial;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
}
h2.nadpis.reference{

 font: bold 40px Gibson, "Open Sans", Arial;
 color: #e30a1d;
padding-top: 60px;
margin-bottom: 30px;
text-align: center;
background: url(https://skola.prosenice.cz/css/nadpis-cerveny.png) no-repeat bottom;
padding-bottom: 10px;
}

h2.nadpis-zeleny{
color: #02a64f;
font: 40px Gibson,  "Open Sans", Arial;
padding-top: 60px;
margin-bottom: 50px;
text-align: center;
}




#anketa {
	width: 206px;
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, "sans-serif";
	font-size: 11px;
	padding: 5px;
	padding-top: 5px;
}
#anketa span {
	display: block;
}
#anketa a {
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
}
#anketa a:hover {
	text-decoration: underline;
}
#anketa img {
	border: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
}
#anketa .otazka {
	display: inline;
	font-weight: bold;
}
#anketa .spolu {
	display: inline;
}
#anketa .perc {
	display: inline;
	color: #FF9966;
}




.uvnitr.detail{
    width: 100%;
    max-width: 1200px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.uvnitr.detail .texty h2{
  color: #ff0000;
}

.uvnitr.detail .texty h2 strong{
    color: #118de6;
}


.uvnitr.detail .texty{
    width: 100%;
    text-align: left;
}

.uvnitr.detail .texty .sipka:before {
    content: "";
    background: url(https://skola.prosenice.cz/css/sipka.png) no-repeat center top;
    width: 100%;
    height: 439px;
    z-index: -1;
    position: absolute;
    left: 0px;
    margin-top: -30px;

}


.uvnitr.detail .texty a.vice{

display: block;

width: 260px;
height: 50px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 50px;


   font:  bold 20px "Open Sans", Arial;
line-height: 40px;
  text-transform: uppercase;
line-height: 50px;
z-index: 10000;
background-color: #Ff0000;
white-space: nowrap;
color: rgba(255, 255, 255, 1);

     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.uvnitr.detail .texty a.vice:hover{


background-color: #cc0000;


     -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.uvnitr.detail .texty .nahled{
    width: 62%;
    margin-left: 10px;

    vertical-align: top;
    float: left;
}
.uvnitr.detail .texty .nahled .nahledy{
    width: 100%;
    margin-left: 0px;

    vertical-align: top;
    float: left;
}
.uvnitr.detail .texty .nahled .nahledy img{
  max-width: 12.5%;
  height: auto;
  float: left;
}


.uvnitr.detail .texty .popis{
    text-align: left;
    width: 33%;
    vertical-align: top;
    float: right;
    margin-right: 10px;

}


.uvnitr.detail .texty p.cena{
  position: absolute;

top: 10px;
right: 40px;
}
.uvnitr.detail .texty p.cena span{
  background-color: rgba(255, 255, 255, 1);
color: #000000;
font: bold 17px "Open Sans", Arial;
padding: 8px;
padding-bottom: 25px;

white-space: nowrap;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);


}
.uvnitr.detail .texty p.cena strong{
  background-color: rgba(255, 204, 0, 1);
color: #000000;
font: bold 35px "Open Sans", Arial;
padding: 8px;
padding-left:14px ;
padding-right: 14px;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);
-webkit-transform: rotate(-2.4deg);
-moz-transform: rotate(-2.4deg);
-ms-transform: rotate(-2.4deg);
-o-transform: rotate(-2.4deg);
position: absolute;
right: -10px;
top: 25px;
}




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

.uvnitr.detail .texty .nahled{
    width: 98%;
    margin-left: 10px;

    vertical-align: top;
    margin-bottom: 20px;
    float: none;
}
.uvnitr.detail .texty .popis{
    text-align: left;
    width: 98%;
    vertical-align: top;
    float: none;
    margin-left: 10px;
    margin-right: 0px;

}



.uvnitr.detail .texty p.cena{
  position: absolute;

top: 150px;
right: auto;
left: 10px;

}
.uvnitr.detail .texty p.cena span{
  background-color: rgba(255, 255, 255, 1);
color: #000000;
font: bold 13px "Open Sans", Arial;
padding: 0px;
padding-bottom: 0px;
padding-left:4px;
padding-right: 4px;
height: 25px;
line-height: 25px;

white-space: nowrap;
display: inline-block;
vertical-align: top;


}
.uvnitr.detail .texty p.cena strong{
  background-color: rgba(255, 204, 0, 1);
color: #000000;
font: bold 20px "Open Sans", Arial;
padding: 0px;
padding-left:4px;
padding-right: 4px;
height: 25px;
line-height: 25px;
  -webkit-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -o-box-shadow:  0 0 3px rgba(0,0,0,0.3);
  box-shadow:  0 0 3px rgba(0,0,0,0.3);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
position: relative;
right: 0px;
top: 0px;
display: inline-block;
vertical-align: top;
}
}


.uvnitr.detail .texty  h3{
  margin-left: 10px;

}

.uvnitr.detail .texty h3{
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 12px;
  font-size: 17px;
  text-transform: none;
  color: rgba(0, 0, 0, 1);
  text-align: left;
}
.uvnitr.detail .texty div.parametry{
    text-align: left;

    margin-right: 8px;
    width: 48%;
padding: 0px; text-align: center; padding-top: 10px; padding-bottom: 10px; float: right


}

.uvnitr.detail .texty div.parametry h3 {

    font: 22px "Open Sans", Arial;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 0px;
    text-align: left;
}

.uvnitr.detail .texty div.parametry span{
/*  width: 100%;    */
  display: block;
  clear: both;


}



.uvnitr.detail .texty div.parametry .accordionContent span{

  font-size: 12px;

}

.uvnitr.detail .texty .nahled img{
    width: 100%;

}



.uvnitr.detail .texty h2{

    text-align: left;
    margin-left: 0px;
    padding-left: 10px;
}

@media all and (max-width: 866px) {
.uvnitr.detail .texty h2{
    font-size: 20px;
    text-align: left;
    margin-left: 0px;
    padding-left: 10px;
}
}



.uvnitr.detail .texty .popis p{

    text-align: left;

    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;

    border-top: solid 1px #daf0f9;
    font-size: 14px;
    line-height: 35px;
    padding-top: 2px;
    padding-bottom: 2px;

}

.uvnitr.detail .texty .popis p:hover{

background: #cbe9fa;   

}





.uvnitr.detail .texty .popis p img{
  height: 35px;
  width: auto;
  float: left;
  margin-right: 4px;
  max-width: 46.53px
}


.uvnitr.detail .texty p strong{

    text-align: left;
color: #05bf12;


}





@media all and (max-width: 970px) {


}

@media all and (max-width: 820px) {

.uvnitr.detail .texty div.parametry{


    margin-right: 0px;
    width: 100%;
padding: 0px; text-align: center; padding-top: 10px; padding-bottom: 10px;


}
}
@media all and (max-width: 640px) {



.uvnitr.detail .texty{
    width: 100%;
    text-align: center;
}

.uvnitr.detail .texty .nahled{
   width: 98%;
   margin-left: 1%;
   margin-right: 1%;
    display: inline-block;
    vertical-align: top;
}
.uvnitr.detail .texty .popis{
    text-align: left;
   width: 98%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    margin-left: 1%;

}
.uvnitr.detail .texty .nahled img{
    width: 100%;

}


.uvnitr.detail .texty ul.ikony {
    margin-left: 10px;

}
.uvnitr.detail .texty ul.ikony li{
    margin-left: 4px;

}



.uvnitr.detail .texty table {
    border-collapse: collapse;
    font: lighter 14px "Open Sans", Arial;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: left;
}

}

@media all and (max-width: 440px) {








}


.texty p a.velke-tlacitko, a.velke-tlacitko{
    text-align: center;
    height: 60px;
    border: solid 3px #02a64f;
        color: #02a64f;
  display: inline-block;
  width: 240px;
    font: bold 18px "Open Sans", "Open Sans", Arial;
    text-transform: uppercase;
    line-height: 60px;

        -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
      -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;

}

.texty p a.velke-tlacitko i, a.velke-tlacitko i{
  font-size: 45px;
  line-height: 60px;
  float: left;
  margin-left: 16px;
}


.texty p a.velke-tlacitko:hover, a.velke-tlacitko:hover{
 background-color: rgba(2, 166, 79, 1);
        color: #ffffff;
              -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}




.slozky {
 text-align: center;
    height: 60px;
    border: solid 3px #02a64f;
    color: #02a64f;
    display: inline-block;
    width: 240px;
    font: bold 18px "Open Sans", "Open Sans", Arial;
    text-transform: uppercase;
    line-height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}


.slozky:hover {
 text-align: center;
    height: 60px;
    border: solid 3px #02a64f;
    background-color: #02a64f;
    color: #ffffff;
    display: inline-block;
    width: 240px;
    font: bold 18px "Open Sans", "Open Sans", Arial;
    text-transform: uppercase;
    line-height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}


.slozky i {
    font-size: 45px;
    line-height: 60px;
    float: left;
    margin-left: 16px;
}








ul.ouska{
  height: 45px;
  position: relative;
  z-index: 1;
  margin-left: 0px;
  margin-top: 30px;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #E3E3E3;
}

ul.ouska li{
  position: relative;
  z-index: 2;
  cursor: pointer;
  list-style: none;
  float: left;
  background: #f5f5f5;
  width: 150px;
  height: 44px;
  text-align: center;

font: 18px Gibson, Arial;
webkit-transition:all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 -o-transition: all 0.25s ease-in;
 transition: all 0.25s ease-in;
 line-height: 44px;

 letter-spacing: 1px;
margin-right: 1px;
border-bottom: 1px solid #E3E3E3;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    color: #666666;
    -moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-left: 0px;
 }

 ul.ouska li:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
webkit-transition:all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 -o-transition: all 0.25s ease-in;
 transition: alll 0.25s ease-in;

 }

 ul.ouska li.active{
  cursor: pointer;
  position: relative;
  z-index: 2;
  cursor: pointer;
  list-style: none;
  float: left;
  background: #ffffff;
  width: 150px;
  height: 44px;
  text-align: center;
font: 18px Gibson, Arial;
color: #02a64f;
 line-height: 44px;
 letter-spacing: 1px;
margin-right: 1px;
    border: solid 1px #E3E3E3;
border-bottom: 1px solid #ffffff;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
 }


.obsahy-overflow
{
  height: 500px;
  overflow: hidden;
}

  div.obsah1{

   text-align: left;
   width: 100%;
   clear: both;
}
 div.obsah2{

   text-align: left;
      width: 100%;
   clear: both;
}
 div.obsah3{

   text-align: left;
      width: 100%;
   clear: both;
   min-width: 300px;
}

ul.ouska li#obsah1{

  margin-left: 20px;

}
  @media all and (max-width: 495px) {
ul.ouska{
  height: 45px;
  position: relative;
  z-index: 1;
  margin-left: 0px;
  margin-top: 30px;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #E3E3E3;
}
ul.ouska li#obsah1{

  margin-left: 10px;

}
ul.ouska li{
  position: relative;
  z-index: 2;
  cursor: pointer;
  list-style: none;
  float: left;
  background: #f5f5f5;
  width: 100px;
  height: 44px;
  text-align: center;

font: 14px Gibson, Arial;
webkit-transition:all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 -o-transition: all 0.25s ease-in;
 transition: all 0.25s ease-in;
 line-height: 44px;

 letter-spacing: 1px;
margin-right: 1px;
border-bottom: 1px solid #E3E3E3;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    color: #666666;
    -moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding-left: 0px;
 }

 ul.ouska li:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
webkit-transition:all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 -o-transition: all 0.25s ease-in;
 transition: alll 0.25s ease-in;

 }

 ul.ouska li.active{
  cursor: pointer;
  position: relative;
  z-index: 20;
  cursor: pointer;
  list-style: none;
  float: left;
  background: #ffffff;
  width: 100px;
  height: 44px;
  text-align: center;
font: 14px Gibson, Arial;
color: #02a64f;
 line-height: 44px;
 letter-spacing: 1px;
margin-right: 1px;
    border: solid 1px #E3E3E3;
border-bottom: 1px solid #ffffff;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
 }
 }






 #obsah-kosiku{
      width: 50%;
    min-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-bottom: 20px;
}





 #obsah-kosiku p{
color: #000000;
font: normal 12px "Open Sans", "Open Sans", Arial;
margin-bottom: 5px;
}
#obsah-kosiku p strong{
color: #cc0000;
font: normal 18px "Open Sans", "Open Sans", Arial;
}
#obsah-kosiku p span{
    width: 27%;
display: block;
float: left;
color: #000000;
border-bottom: dotted 1px #cccccc;
font: normal 12px "Open Sans", "Open Sans", Arial;
}

#obsah-kosiku p .udaje{
    width: 70%;

padding: 5px;
height: 30px;

color: #000000;
font: normal 12px "Open Sans", "Open Sans", Arial;
    background: #f5f5f5;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}
#kosik-tabulka td textarea{
width: 100%;
height: 60px;

color: #000000;

font: normal 12px "Open Sans", "Open Sans", Arial;
  background: #f5f5f5;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}




  @media all and (max-width: 660px) {



 #obsah-kosiku{
      width: 96%;
    min-width: 300px;
    margin-left: 2%;
    margin-right: 2%;
    display: inline-block;
    margin-bottom: 20px;
}
}


  @media all and (max-width: 438px) {




 #obsah-kosiku p span{
    width: 10%;
    white-space: nowrap;
display: block;
float: left;
color: #000000;
border-bottom: none;
font: normal 11px "Open Sans", "Open Sans", Arial;
}


#obsah-kosiku p {
    clear: both;
    min-height: 40px;
    max-width: 98%;
    margin-left: 0px;
    margin-right: 0px;


}


#obsah-kosiku p .udaje{
    width: 65%;
    float: right;

padding: 5px;
height: 30px;
margin-right: 0px;

color: #000000;
font: normal 12px "Open Sans", "Open Sans", Arial;
    background: #f5f5f5;
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.4);
}




}




.pruh-sedy .texty, .pruh-bily .texty{
  text-align: center;
  margin-bottom: 10px;
  padding-top: 10px;
  margin-left: 0px;
  margin-right: 0px;

}

.webka{
  display: inline-block;
  vertical-align: top;
  width: 31%;
  height: 250px;
}

  @media all and (max-width: 540px) {

.webka{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 200px;
  margin-bottom: 40px;
}

}
.webka h3{
  font-size: 15px;
  margin-bottom: 12px;
}


 a.vic {
    color:  #cccccc;
    font: 13px "Open Sans";

    width: 140px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: solid 1px  #cccccc;
    text-align: center;


    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
/*    margin-left: 20px;  */
    margin-bottom: 10px;
}
 a.vic:hover {
    background:  #cccccc;

    color: #FFFFFF;

    width: 140px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: solid 1px  #cccccc;



    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;

}






div.obsah1:before, div.obsah2:before, div.obsah3:before, div.obsah4:before, div.obsah5:before, div.obsah6:before, div.obsah7:before, div.obsah8:before{
content: "";
    background: url(https://skola.prosenice.cz/css/sipka.png) no-repeat center top;

    width: 100%;
    height: 439px;
    z-index: 1;
    position: absolute;
    left: 0px;
    margin-top: -30px;
}



.texty p.datum2{
  font: normal 11px "Open Sans", Arial;
  color: #333333;
  width: 45px;
  height: 45px;
/*     border-radius: 40px;  */
     text-align: center;

     margin-left: 20px;
     margin-top: 20px;
     margin-right: 0px;
     background-color: rgba(255, 255, 255, 1);
     border: solid 1px #616161

}
.texty p.datum2 span{
  font: bold 13px "Open Sans", Arial;
  color: #333333;
  border-bottom: solid 1px #707070;
  display: inline-block;
  height: 21px;
  line-height: 21px;
  width: 90%;
}
.texty a.hlavni-obrazek{
  display: block;
  margin: 20px;
      margin-top: 0px;
}

.texty a.hlavni-obrazek-vlevo img{
  width: 50%;
  margin: 20px;
      margin-top: 0px;
}
.texty a.hlavni-obrazek-vpravo img{
  width: 50%;
  margin: 20px;
      margin-top: 0px;
}

.texty a.hlavni-obrazek-l img{
  width: 20%;
  margin: 20px;
      margin-top: 0px;
}
.texty a.hlavni-obrazek-p img{
  width: 20%;
  margin: 20px;
      margin-top: 0px;
}


.texty a.hlavni-obrazek img{

  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.2)
}