/*TO WHOEVER IS LOOKING AT MY CSS: HI PEOPLE, I JUST WANT TO SAY THAT I'M
 * A COMPLETE AMATEUR PROGRAMMER, I HAVE NEVER GONE TO ANY PROGRAMMING SCHOOL.
 * YOU ARE WELCOME TO LOOK AT MY CSS, BUT PLEASE, DO NOT COPY ANYTHING, FOR YOUR
 * OWN SAKE, ESPECIALLY IF YOU ARE A STUDENT, AS I'M PRETTY SURE I HAVE MANY PROGRAMMING 
 * MISTAKES IN MY CSS, HTML AND PHP FILES. YOU SHOULD RELY ON PROFESSINALS.
 * THANKS, YOU CAN CONTACT ME THROUGH CONTACT FORM ON INDEX PAGE IF YOU SEE ANY 
 * MISTAKES. THANKS -LUCKYTURIST-*/

.brainquest {
	box-shadow:2px 2px 5px black; 
	background-color: white; 
	margin: auto;
    width: 80%;
    padding: 10px;
    
}
.brainquest a:hover {background-color: lime;}

.awesome {
  
  width: 100%;
 

  color: #313131;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 2px 2px 2px yellow;
 
  -webkit-animation: colorchange 5s infinite alternate;
}

@-webkit-keyframes colorchange {
  0% {
    color: blue;
  }
  10% {
    color: #8e44ad;
  }
  20% {
    color: #1abc9c;
  }
  30% {
    color: #d35400;
  }
  40% {
    color: blue;
  }
  50% {
    color: #34495e;
  }
  60% {
    color: blue;
  }
  70% {
    color: #2980b9;
  }
  80% {
    color: #f1c40f;
  }
  90% {
    color: #2980b9;
  }
  100% {
    color: pink;
  }

}






.video_printable {box-shadow: 8px 11px 17px 2px #242424;
-webkit-box-shadow: 8px 11px 17px 2px #242424;
-moz-box-shadow: 8px 11px 17px 2px #242424;
-o-box-shadow: 8px 11px 17px 2px #242424; }

.white  {background-color:#EDEBEB; background-image:url('offers/piano/p1.jpg'); background-attachment:fixed;text-align:center;}     /* pouze na reklamy ve folderu offers*/
.white1  {background-color:#EDEBEB; background-image:url('offers/housesitters/4.jpg'); background-attachment:fixed;text-align:center;}     /* pouze na reklamy ve folderu offers*/
.white2  {background-color:#EDEBEB; background-image:url('offers/diabetes/4.jpg'); background-attachment:fixed;text-align:center;}     /* pouze na reklamy ve folderu offers*/
#noimage { background-image:none; background-color:#EDEBEB;}                      /* pouze na reklamy ve folderu offers*/
#noimage2 { background-image:none; background-color:#EDEBEB;}                     /* pouze na reklamy ve folderu offers*/

.levysloupec tr {box-shadow: 1px 1px 1px #8F8164;}
.pravysloupec tr {box-shadow: 1px 1px 1px #8F8164;}
.statestable tr {box-shadow: 1px 1px 1px #8F8164; background-color:white;}
.statestable {margin-left: 4%; text-align: left; }
.statestable td {padding-left:0.5em; display:inline;}
.statestable th {text-align: center; display:inline; box-shadow: 1px 1px 1px #8F8164;}

.statestable2 tr { box-shadow: 1px 1px 1px #8F8164; background-color:white;}
.statestable2 {margin-left: 4%; text-align: left; }
.statestable2 td {padding-left:0.5em; display:inline; }
.statestable2 th {text-align: center; display:inline; box-shadow: 1px 1px 1px #8F8164; }

.seznam {text-align: left; margin-left: 0; padding-bottom: 1em; box-shadow: 1px 1px 1px #8F8164;}


.pic {box-shadow: 2px 2px 5px black; max-width: 95%;
	height: auto;}
.pic1 {box-shadow: 2px 2px 5px black; max-width: 75%;
	height: auto;}		
.pic2 {box-shadow: 2px 2px 5px black; max-width: 55%;
	height: auto;}	
.pic3 {box-shadow: 2px 2px 5px black; max-width: 25%;
	height: auto;}		
.pic4 {box-shadow: 2px 2px 5px black; max-width: 40%;
	height: auto;}		
.pic5 {max-width: 30%; height: auto;}
.pic6 {max-width: 60%; height: auto;}	
.pic7 {box-shadow: 2px 2px 5px black; max-width: 45%;
	height: auto;}	
.pic8 {width: 220px; box-shadow: 2px 2px 5px black;}	
.pic_responsive {width: 220px; box-shadow: 2px 2px 5px black;}		
.pic_responsive2 {width: 220px; box-shadow: 2px 2px 5px black;}	


.forma1 {background-color:#F1F0E1; box-shadow: 1px 1px 4px black; text-align:center;  }
.velikost1 {width:30%;}
.velikost2 {width:70%;}

.thanks {color: #07F840; font-size:1.5em; text-shadow: 1px 1px 1px black;}
.napiste {box-shadow: 1px 1px 3px black;  font-size:1.2em; color:#02FEA2;
          text-shadow: 1px 0px 1px  black;}
.click {color: #7FFB6E;}          
textarea {text-align:left;}


.kalkulacka {background-color: #6A3F8C;  box-shadow:2px 2px 4px black; padding:10px; display:inline-block; border-style:outset; border-width:5px;}

.calculator 
{padding:0px; box-shadow: 1px 1px 1px black; border-radius:5px; display:inline-block; background-color: #CDC2CC; padding: 3px; margin-bottom: 0;} 
 a:hover {color:#FF6600;text-shadow: 0px 1px 0px black;}
/*v indexu calculator button*/

.fun {font-size: 1em; padding:0px; box-shadow: 1px 1px 1px black; border-radius:5px; display:inline-block; background-color: #F8B6C9; padding: 3px; margin-bottom: 0;} 
 a:hover {color:#FF6600;text-shadow: 0px 1px 0px black;}
/*v indexu radio a piano buttons*/

body {font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif ;background-color:#210617;}
.celek {
background-image:url("obrazky/moje7.png");   box-shadow: 3px 3px  17px black;
text-align:center;
width:90%;
margin:0 auto; 
padding-top:3%; padding-bottom:3%;padding-left:1em;padding-right:1em;
box-sizing:border-box;
overflow: auto;   }
 
 .nadpis {margin-bottom:0;font-size:2em; color:black;font-weight:bold;text-shadow: 3px 3px 1px #FFFF99;}

.pravysloupec { float:right;text-align:left;padding:2%;} 
.pravysloupec a {color:#4B0B81;text-shadow: 0px 1px 0px black;}
.pravysloupec a:visited {color:#4B0B81;}
.pravysloupec a:hover {color:#FF6600;}

.levysloupec { float:left;text-align:left;padding:2%; }
.levysloupec a {color:#4B0B81;text-shadow: 0px 1px 0px black;}
.levysloupec a:visited {color:#4B0B81;}
.levysloupec a:hover {color:#FF6600;}
.levysloupec li {font-variant: small-caps;}
.pravysloupec li {font-variant: small-caps;}

.clear a {color:black;  text-shadow: 0px 2px 1px #FFCCFF;}
.clear a:visited {color:black;}
.clear a:hover {color:#FF6600;text-shadow: 0px 1px 0px black;}
.clear {margin-bottom:0em; font-size:1.3em;}
.clear {clear: both; padding-top: 0em;}

#kolaz {width:70%; }
#vforkids {color:black;  text-shadow: 0px 2px 1px #FFCCFF;}
#forgrown {color:black; text-shadow: 0px 2px 1px #FFCCFF;}
.navigace, .navigacedole {background-color: #00FF66;font-weight:bold;display:inline-block;padding:0.7em;color:#533319;
border-radius:7px;box-shadow:2px 2px 5px black;margin-bottom:1.2em;}
.navigacedole {margin-top:1em;}
nav a {color:black;}
nav a:visited {color:black;}
nav a:hover {color:#FF6600;}
.popis {font-weight:bold;}


.podlist {text-align:left; margin: 0 auto;padding-top:5%; padding-left: 7%;}
.podlist ul {font-size:1.4em;}
.podlist h1 {font-size: 1.7em;}

.podlist a {color:#4B0B81;text-shadow: 0px 1px 0px black;}
.poslist a:visited {color:#4B0B81;}
.podlist a:hover {color:#FF6600;}
.podlist li {font-variant: small-caps;}


h1 {color:black;  text-shadow: 0px 2px 1px #FFCCFF;}
.linky {padding:0em;}
.youtube-player {margin:0.3em; border-style:none;}
.icon {width:90px; border: 2px solid black; }
 a:hover .icon {border: 2px solid #FF6600;}
#print {font-size:0.9em; color:black;}
footer {text-align:right; font-size: 0.7em; padding-right:2em;margin-top:1em;}
#vaccines {padding:5%; overflow: auto;}
.disclaimer {font-size:0.5em; text-align:left;}

.phone_pic {width: 200px; border-right: 10px solid black; border-left: 10px solid black; border-top: 24px solid black; border-bottom: 24px solid black;
border-radius: 25px; box-shadow: 2px 2px 5px black;}

@media only screen and (min-width: 30em) {
    body {background-image:url('obrazky/upravene6.gif'); 

background-attachment:fixed;text-align:center; } 

.youtube-player {width:270px; height:200px; padding:0.7em;} 
ul {padding-left:1em;} 
.nadpis {font-size:3em; } 
.levysloupec,.pravysloupec {width:40%;} 
.levysloupec{padding-left:2em;}
.podlist {padding-left:10%;}
.icon {width:130px;margin: 0.4em;box-shadow:0.1px 0.1px 3px #4B4B47;}
#kolaz {margin-top: 1em;}
.navigacedole {margin-bottom:0em; }
.clear {margin-bottom:1.5em;}
.disclaimer {font-size:0.7em;}

.statestable td {display:table-cell;}
.statestable th {display:table-cell; box-shadow: none;}
.seznam {text-align: left; margin-left: 10%;}

.pic_responsive {width: 310px; box-shadow: 2px 2px 5px black;}
.pic_responsive2 {width: 60%; box-shadow: 2px 2px 5px black;}

}


@media only screen and (min-width: 48em) {
h1 {font-size:300%;}  
ul {padding-left:1.5em;} 
 .levysloupec{padding-left:3.5em;}
 .navigace {margin-top:0em;margin-bottom:1.5em;}
.navigacedole {margin-top:2em;}

.statestable {margin-left: 20%;}

.statestable2 {margin-left: 15%;}
.statestable2 td {display:table-cell;}
.statestable2 th {display:table-cell; box-shadow: none;}

}

@media only screen and (min-width: 78em)
 {
.celek {width:70%;}
.youtube-player {width:330px; height:248.1px;}
.disclaimer {font-size:0.8em;}
 }