html *
{
   font-family: Georgia, serif !important;
    font-size: 16px;
 }   
 @font-face {
  font-family: PermanentMarker;
  src: url(css/PermanentMarker.ttf);
}
.ckkbox {
    transform: scale(1.5);
    margin-bottom:5px;
} 


body {
   padding:3px;
  /* padding-bottom:120px;    Height of the footer */
}


.zoom {
  padding: 50px;
  background-color:;
  transition: transform 1.5s; /* Animation */
  width: 1000px;
  height: 500px;
  border: solid 1px #000;
  margin: 0 auto;
}
.zoom:hover {
  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom2 {
  padding: 50px;
  background-color:;
  transition: transform 1.3s; /* Animation */
  width: 1000px;
  height: 500px;
  border: solid 1px #000;
  margin: 0 auto;
}
.zoom2:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

table {
  padding: 12px;
  margin: 3px;
  display: block;

  border: none;
  border-radius: 6px;
  box-sizing: border-box;
}
 
 td {
 padding:5px;
 font-size: 1.1em;
 }

 /* FORM  styling--------------------------------------  */
input[type=text], input[type=password], input[type=tel], input[type=submit], textarea, select {
display:inline; width:100%; 
font-size: 1.2em;
  padding: 9px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #aaa;
  border-radius: 6px;
  box-sizing: border-box;
}

input[type=button], input[type=submit], input[type=reset]  {
 display:inline-block;
 width: auto;
 height: auto;
 border:solid 1px #aaa;
 margin: 2px;
 padding: 6px 12px 6px 12px;
 background-color:#B0E796;
 cursor:pointer;
}
input#submit2 {
 color: #006699;
 font-weight: bold;
 width: 70px;
 height: 25px;
 border:solid 1px #3366cc;
 margin: 2px;
 padding: 0 5px 0 3px;
 background-color:#EBFFBF;
/* background: #0c0 url(image) 0 0 no-repeat;  */
}
input#submit2:hover, input#submit2:focus {
 color: #fff;
  font-weight: bold;
 width: 70px;
 height: 25px;
 border:solid 1px #aaa;
 margin: 2px;
  padding: 0 5px 0 3px;
 background-color:#006600;
/* background: #0c0 url(image) 0 0 no-repeat;  */
}
input[type=checkbox] {
    transform: scale(1.3);
}
 input[type=radio] {
    transform: scale(1.3);
}
/* END FORM  --------------------------------------  */



.sub2 {
 color: #006699;
 font-weight: bold;
 width: 60px;
 height: 25px;
 border:solid 1px #3366cc;
 margin: 2p;
 padding: 2px  7px 2px  7px;
 background-color:#EBFFBF;
/* background: #0c0 url(image) 0 0 no-repeat;  */
}
.sub2:hover, .sub2:focus {
 color: #fff;
  font-weight: bold;
 width: 60px;
 height: 25px;
 border:solid 1px #aaa;
 margin: 2px;
 padding: 2px  7px 2px  7px;
 background-color:#006600;
/* background: #0c0 url(image) 0 0 no-repeat;  */
}


 
.inbox {
padding: 1px 5px 3px 5px;
border-style: solid;
border-color: #aaaaaa;
border-width: 1px;
font-size: 24px;
width: auto;
}

.flex-button {
width:auto; 
font-size:24px; 
font-weight:bold;
background-color:#33ff33;
padding:5px 10px;
text-decoration:none;
text-align:center; 
}
/*display styles from io-style */
 .warn {
color: #cc0000;
font-size: larger;
font-weight: bold;
}

.yo {
font-family: Comic Sans MS; 
font-size: 36px;
letter-spacing: 2px;
word-spacing: 2px;
color: #000000;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: none;
}
.cty {
font-size: 28px;
font-weight: bold; 
margin-top:20px;
color:#000; 
}
.cty2 {
font=family: Impact, Charcoal, sans-serif;
font-size: 20px;

color: #003399;
text-shadow:1px 1px #000000;
}
.title1 {
display:inline-block;
font-size:larger;
font-weight:bold;
}
.title2 {
display:inline-block;
color:#ffffff;
font-size:18px;
font-weight:bold;
background-color:#555555;
}
.title3 {
display:inline-block;
color: black;
font-size:12px;
font-weight:normal;
background-color:#baddff;
}
.title4 {
display:inline-block;
color: #0066cc;
font-size:18px;
font-weight:bold;
}
.title5 {
display:inline-block;
color: #ffffff;
font-size: 16px; 
font-weight: bold;
}
.title24 {
display:inline-block;
color: #0066cc;
font-size:24px;
font-weight:bold;
}
.txt1 {
/*display:block; 
width:80px; 
background-color: black; */
color: black;
font-size: larger;
font-weight: bold;
} 
.txt1bac {
 
background-color: #ddd; 
color: black;
font-size: larger;
font-weight: bold;
} 
.txt1g {
display:inline-block;
border:solid 1px #666; 
padding:2px;
color: black;
font-size: 1.3em;
font-weight: bold;
} 

.txt2 {
/*display:block; 
width:80px; 
background-color: black; */
color: #006699;
font-size: normal;
font-weight: bold;
} 
.txt0 { 
font-size: smaller; 
color: black;
font-weight: bold;
}   

.txt3 {
color: black;
font-size: 16px;
font-weight: bold;
}

.txt4 {
color: #006600;
font-size: 16px; 
font-weight: bold;
}
.txt5 {
color: #623202;
font-size: 24px; 
font-weight: bold;
}
.txt6 {
color: #007305;
font-size: 24px; 
font-weight: bold;
}

.note1 {
color: #660000;
font-size: smaller; /* 14px;  */
font-weight: bold;
}
.note2 {
color: #660000;
font-size:  12px; 
font-weight: bold;
}
.gray2 {
display: inline-block;
width:100px;
color:#000000;
background:#cccccc;
text-decoration: none;
border-bottom:solid 2px #ffffff;
margin-right:5px;
}

.cs {
font-family: georgia, sans-serif;
color: #003300;
font-size: 16px; 
font-weight: bold;
}

.sml1 {
font-family: georgia, sans-serif;
color: #ffff99;
font-size: smaller; 
font-weight: bold;
}

.sml2 {
font-family: georgia, sans-serif;
color: #999;
font-size: 12px; 
}
a.cat:link,a.cat:visited,a.cat:active 
{

display:block;
width:100%;
height:30px;
font-size:18px;
font-weight:bold;
color:#eeeeee;
background-color:#215061;  /*00537d; */
text-align:center;


text-decoration:none;
text-transform:uppercase; 


margin:0;
padding:0;
overflow:hidden;
}
a.cat:hover
{
color:#aaaaaa;
background-color:#000000;
}


.membox {
display:inline-block; 
width:24%; 
min-width:150px; 
height:250px; 
padding:5px 3px 5px 3px; 
background-color:#FEFCE7; 
border:solid 1px #444;
margin:3px;
word-break: break-all;
}

 @media screen and (max-width: 1280px) {
  .membox {
    width: 32%;
  }
}

 @media screen and (max-width: 800px) {
  .membox {
    width: 48%;
  }
}

 @media screen and (max-width: 400px) {
  .membox {
    width: 100%;
  }
}






a.warni:link{color:#cc0000;font-weight: bold;text-decoration: underline;}
a.warni:visited{color:#cc0000;font-weight: bold;text-decoration: none;}
a.warni:hover{color:#0000ff;font-weight: bold;text-decoration: none;}
a.warni:active{color:#cc0000;;font-weight: bold;text-decoration: none;}

a.wht:link{color:#ffffff;font-size:14px;font-weight: bold;text-decoration: none;}
a.wht:visited{color:#ffffff;font-weight: bold;text-decoration: none;}
a.wht:hover{color:#66ccff;font-weight: bold;text-decoration: underline;}
a.wht:active{color:#ffffff;font-weight: bold;text-decoration: none;}

a.bwht:link{color:#eeeeee;font-size:24px;font-weight: bold;text-decoration: none;}
a.bwht:visited{color:#eeeeee;font-size:24px;font-weight: bold;text-decoration: none;}
a.bwht:hover{color:#CD0A5B;font-size:24px;font-weight: bold;text-decoration: none;}
a.bwht:active{color:#eeeeee;font-size:24px;font-weight: bold;text-decoration: none;}
 
a.red:link{color:#111111;font-size:normal;font-weight: bold;text-decoration: underline;}
a.red:visited{color:#111111;font-size:normal;font-weight: bold;text-decoration: none;}
a.red:hover{color:#ff0000;font-size:normal;font-weight: bold;text-decoration: none;}
a.red:active{color:#111111;font-size:normal;font-weight: bold;text-decoration: none;}

a.sml0:link{color:#333;font-size:smaller;font-weight: bold;text-decoration: none;}
a.sml0:visited{color:#333;font-size:smaller;font-weight: bold;text-decoration: none;}
a.sml0:hover{color:#ff0000;font-size:smaller;font-weight: bold;text-decoration: none;}
a.sml0:active{color:#333;font-size:smaller;font-weight: bold;text-decoration: none;}

a.red2:link{color:#CD0A5B;font-size:smaller;
font-weight: bold;
background-color:#DBE6F3;
border:solid 1px #aaa;
text-decoration: none;
}
a.red2:visited{color:#006600;font-size:smaller;font-weight: bold;text-decoration: none;}
a.red2:hover{color:black;font-size:normal;font-weight: bold;text-decoration: none;}
a.red2:active{color:#006600;font-size:smaller;font-weight: bold;text-decoration: none;}

a.red1:link{color:#000000;text-decoration: none;}
a.red1:visited{color:#000000;text-decoration: none;}
a.red1:hover{color:#990000;background:#000000;text-decoration: none;}
a.red1:active{color:#000000;text-decoration: none;}

a.blk:link{color:#111111;font-size:16px;font-weight: bold;text-decoration: underline;}
a.blk:visited{color:#111111;font-weight: bold;text-decoration: none;}
a.blk:hover{color:#ff0000;font-weight: bold;text-decoration: none;}
a.blk:active{color:#111111;font-weight: bold;text-decoration: none;}

a.blk2:link{color:#000000;text-decoration: none;}
a.blk2:visited{color:#000000;text-decoration: none;}
a.blk2:hover{color:#ee0000;text-decoration: none;}
a.blk2:active{color:#000000;text-decoration: none;}

a.black:link{color:#000000;font-size:18px;font-weight: bold;}
a.black:visited{color:#000000;font-weight: bold;text-decoration: none;}
a.black:hover{color:#3333FF;background-color: yellow;text-decoration: underline;}
a.black:active{color:#000000;font-weight: bold;text-decoration: none;}

a.big:link{display: inline-block;width:99%; background-color:#89DAD8;color:#000000;
           font-size:3em;font-weight: bold; padding:5pxpx 0 10px 10px;text-decoration: none;}
a.big:visited{display: inline-block;width:99%; background-color:#89DAD8;color:#000000;
           font-size:3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
a.big:hover{color:#ffffff;background-color: #516253;text-decoration: none;}
a.big:active{display: inline-block;width:99%; background-color:#BB0000;color:#000000;
           font-size:3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}

a.big2:link{display: inline-block;width:99%; background-color:#333333;color:#ffffff; text-align: center;
           font-size:1.3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
a.big2:visited{display: inline-block;width:99%; background-color:#333333;color:#ffffff;
           font-size:1.3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
a.big2:hover{color:#ffffff;background-color: #516253;text-decoration: none;}
a.big2:active{display: inline-block;width:99%; background-color:#BB0000;color:#ffffff;
           font-size:1.3em;font-weight: bold; padding:1px 0 20px 10px;text-decoration: none;}
 
a.gray:link{display:block;width:200px;color:#ffffff;background:#333333;text-decoration: none;padding:2px;margin:5px;}
a.gray:visited{color:#006600;background:#003300;text-decoration: none;}
a.gray:hover{color:#000000;background:#cccccc;text-decoration: none;}
a.gray:active{color:#006600;background:#003300;text-decoration: none;}


a.gray1:link{display: inline-block;text-align:center;width:auto;color:#333;background:#eee;text-decoration: none;padding:5px;margin:0px;}
a.gray1:visited{text-align:center;color:#333;background:#eee;text-decoration: none;}
a.gray1:hover{text-align:center;color:#000000;background:#fff;text-decoration: none;}
a.gray1:active{text-align:center;color:#333;background:#eee;text-decoration: none;}

a.gray2:link{display: inline-block;text-align:center;width:100px;color:#333;background:#ccc;text-decoration: none;padding:5px;margin:0px;}
a.gray2:visited{text-align:center;color:#333;background:#ccc;text-decoration: none;}
a.gray2:hover{text-align:center;color:#000000;background:#fff;text-decoration: none;}
a.gray2:active{text-align:center;color:#333;background:#ccc;text-decoration: none;}

a.green:link{color:#006600;text-decoration: none;}
a.green:visited{color:#006600;text-decoration: none;}
a.green:hover{color:#ffffff;background:#003300;text-decoration: none;}
a.green:active{color:#006600;text-decoration: none;}

a.blue:link{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}
a.blue:visited{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}
a.blue:hover{color:#111111;font-size:larger;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.blue:active{color:#006699;font-size:larger;font-weight: bold;text-decoration: underline;}

a.blue1:link{color:#006699;font-weight: bold;text-decoration: underline;}
a.blue1:visited{color:#006699;font-weight: bold;text-decoration: underline;}
a.blue1:hover{color:#ff0000;font-weight: bold;text-decoration: none;}
a.blue1:active{color:#006699;font-weight: bold;text-decoration: underline;}

a.blue2:link{color:#006699;font-size:12px;font-weight: bold;text-decoration: none;}
a.blue2:visited{color:#006699;font-size:12px;font-weight: bold;text-decoration: none;}
a.blue2:hover{color:#111111;font-size:12px;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.blue2:active{color:#006699;font-size:12px;font-weight: bold;text-decoration: none;}


a.blue3:link{display:inline-block;color:#000;font-size:24px;font-weight: bold;background-color:#A9EBD6;text-decoration: none;padding:3px 7px 3px 7px;border:solid 1px #333;margin:2px}
a.blue3:visited{color:#006699;font-size:24px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3:hover{color:#111111;font-size:24px;font-weight: bold;background-color:#ffffffhttp://localhost/eandarts/index.php;text-decoration: none;padding:3px 7px 3px 7px;border:solid 1px #BF0069}
a.blue3:active{color:#006699;font-size:24px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}


a.blue3b:link{color:#006699;font-size:24px;font-weight: bold;background-color:#eae364;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3b:visited{color:#006699;font-size:24px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3b:hover{color:#111111;font-size:24px;font-weight: bold;background-color:#cccccc;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}
a.blue3b:active{color:#006699;font-size:24px;font-weight: bold;text-decoration: none;padding:2px 5px 2px 5px;border:solid 1px #aaaaaa;}



a.blue4:link{display:inline-block;color:#000;font-size:32px;font-weight: bold;background-color:#EEDE6A;text-decoration: none;padding:3px 7px 3px 7px;border:solid 1px #333;margin:2px}
a.blue4:visited{color:#006699;font-size:32px;font-weight: bold;text-decoration: none;}
a.blue4:hover{color:#111111;font-size:32px;font-weight: bold;background-color:#cccccc;text-decoration: none;}
a.blue4:active{color:#006699;font-size:32px;font-weight: bold;text-decoration: none;}

a.class1:link {background: #fff; border: solid 1px #777; font-weight: bold; color: black; text-decoration: none; padding:3px;}
a.class1:visited {background: #fff; font-weight: bold; color: black; color: black; text-decoration: none; padding:3px;}
a.class1:active {background: #fff;  font-weight: bold; text-decoration: none; padding:3px;}
a.class1:hover {background: #3FD391; font-weight: bold; color: #fff; text-decoration: none; padding:3px;}

a.class2:link {background: #FECCFF; border: solid 1px #777; font-weight: bold; color: black; text-decoration: none; padding:3px;}
a.class2:visited {background: #FECCFF; font-weight: bold; color: black; color: black; text-decoration: none; padding:3px;}  
a.class2:active {background: #FECCFF;  font-weight: bold; color: black; text-decoration: none; padding:3px;}
a.class2:hover {background: #3FD391; font-weight: bold; color: #fff; text-decoration: none; padding:3px;}

a.class3:link {background: #A8E6F0; border: solid 1px #777; font-weight: bold; color: black; text-decoration: none; padding:9px;}
a.class3:visited {background: #A8E6F0;; font-weight: bold; color: black; color: black; text-decoration: none; padding:9px;}
a.class3:active {background: #A8E6F0;;  font-weight: bold; text-decoration: none; padding:9px;}
a.class3:hover {background: #3FD391; font-weight: bold; color: #fff; text-decoration: none; padding:9px;}


a.rep:link{color:#006699;font-size:14px;background-color:#dddddd;text-decoration: none;}
a.rep:visited{color:#006699;font-size:14px;background-color:#dddddd;text-decoration: none;}
a.rep:hover{color:#111111;font-size:14px;background-color:#ffffcc;text-decoration: none;}
a.rep:active{color:#006699;font-size:14px;background-color:#dddddd;text-decoration: none;}

a.foot:link{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;}
a.foot:visited{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;}
a.foot:active{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;}
a.foot:hover{color:#dd0000;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #aaa;text-decoration: none;}

a.foot2:link{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;border:solid 1px #333;}
a.foot2:visited{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;border:solid 1px #333;}
a.foot2:active{color:#006699;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #ddd;text-decoration: none;border:solid 1px #333;}
a.foot2:hover{color:#dd0000;font-size:14px;font-family:Georgia, serif; font-weight: bold;background-color: #aaa;text-decoration: none;border:solid 1px red;}


 a.wow:link,a.wow:visited,a.wow:active
{
display:inline-block;
font-size:20px;
font-weight:bold;
color:#000000;
background-color:#BEEFD5;
border:solid 1px #006600;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
width:auto;
}
a.wow:hover
{
background-color:#fff;
}

 a.wowblu:link,a.wowblu:visited,a.wowblu:active
{
display:inline-block;
font-size:20px;
font-weight:bold;
color:#000000;
background-color:#AED0FF;
border:solid 1px #006600;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
width:auto;
}
a.wowblu:hover
{
background-color:#fff;
}

 a.eve:link,a.eve:visited,a.eve:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#FECCFF;
width:95px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.eve:hover
{
background-color:#fff;
}

 a.eve2:link,a.eve2:visited,a.eve2:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#BEEFD5;
width:180px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.eve2:hover
{
background-color:#fff;
}
 
 a.eve3:link,a.eve3:visited,a.eve3:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#FECCFF;
width:180px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.eve3:hover
{
background-color:#fff;
}



 a.bus:link,a.bus:visited,a.bus:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#669900;
width:100px;
text-align:center;
padding:5px;
margin:3px 5px 3px 5px;
text-decoration:none;
}
a.bus:hover
{
background-color:#fff;
}

 a.afro:link,a.afro:visited,a.afro:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#88AEFF;
width:122px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.afro:hover
{
background-color:#fff;
}

 a.afrog:link,a.afrog:visited,a.afrog:active
{
display:block;
font-size:18px;
font-weight:bold;
color:#000000;
background-color:#ccc;
width:122px;
text-align:center;
padding:5px;
margin:2px;
text-decoration:none;
}
a.afrog:hover
{
background-color:#fff;
}

 a.art:link,a.art:visited,a.art:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#66ccff;
width:140px;
text-align:center;
padding:0 2px 3px 2px;
margin:3px;
text-decoration:none;
}
a.art:hover
{
background-color:#fff;
}
 a.art2:link,a.art2:visited,a.art2:active
 {
color:#000000;
font-size:18px;
font-weight:bold;
background-color:#66ccff;
padding:5px 1px 5px 1px;
text-shadow: 2px 1px #fff;
box-shadow: 4px 5px 5px #000000;
border-radius: 10px;
}
a.art2:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}

 a.lit:link,a.lit:visited,a.lit:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#ffff99;
width:140px;
text-align:center;
padding:0 2px 3px 2px;
margin:3px;
text-decoration:none;
}
a.lit:hover
{
background-color:#fff;
}

 a.lit2:link,a.lit2:visited,a.lit2:active
 {
color:#000000;
font-size:1.3em;
font-weight:bold;
background-color:#ffff99;
border:solid 1px #000;
padding:10px;
width:40%;
min-width:300px;
}
a.lit2:hover
{
background-color:#fff;
}
 a.lit3:link,a.lit2:visited,a.lit2:active
 {
color:#000000;
font-size:18px;
font-weight:bold;
padding:5px 1px 5px 1px;
background-color:#ffff99;
text-shadow: 2px 1px #fff;
box-shadow: 4px 5px 5px #000000;
border-radius: 10px;
}
a.lit3:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}   
 a.music:link,a.music:visited,a.music:active
{
display:block;
font-size:larger;
font-weight:bold;
color:#000000;
background-color:#99ff99;
width:140px;
text-align:center;
padding:0 2px 3px 2px;
margin:3px;
text-decoration:none;
}
a.music:hover
{
background-color:#fff;
}
 a.music2:link,a.music2:visited,a.music2:active
 {
color:#000000;
font-size:18px;
font-weight:bold;
padding:5px 1px 5px 1px;
background-color:#99ff99;
text-shadow: 2px 1px #fff;
box-shadow: 4px 5px 5px #000000;
border-radius: 10px;
}
a.music2:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}



.newcont {
color:#000000;
font-size:18px;
border:solid 1px #000;
color:#000000;
padding:5px 1px 5px 1px;
 
box-shadow: 4px 5px 5px #bbb;
border-radius: 10px;
 
}
a.newcont:hover
{
background-color:red;
box-shadow: 1px 1px 1px #000000;
}



a.pag1 {
  display:inline-block;
  font-size:larger;
  font-weight:bold;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
   background-color: dodgerblue;
}

a.pag2 {
  display:inline-block;
    font-size:larger;
  font-weight:bold;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
   background-color: #ddd;
}

.infos {
background-color: #ffffcc;
width:90%; 
padding:10px;
font-size:larger;
}

.seebox {
float:left; 
display: inline-block; 
width:20%;
max-width:110px;
min-width:100px;
height:200px; 
padding:2px; 
margin:2px; 
border:solid 1px #999; 
word-break:keep-all;
overflow:hidden;
}


     

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;

}
a {
  text-decoration:none;
} 
.enlarge:hover {
	transform:scale(5,5);
	transform-origin:0 0;
}

.travel {
color:#000000;
font-size:32px;
font-weight:bold;
background-color:#ffff99;
border:solid 1px #000;
padding:11px;
width:99%;
min-width:300px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0DDFA6;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0DDFA6;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 18px;
}

.slider.round:before {
  border-radius: 50%;
}