@charset "UTF-8";
/* CSS Document */	


body {
      margin: 0 auto;
      height:100%;
      
}
#wrapper{
	 margin:0 auto;
	 width:100%;
	 max-width: 1260px;
	 min-width:500px;
	 height:100%;
	 background-color:#462A16;
	 }
	 
/*#logo{
	 
}-top*/

#logo img{ 
           margin-top:8%;
		   margin-left:15%;
		     
}
h1t{
	font-family: 'Monoton', cursive;
	 font-size:250%;
	 color:#E4B24F;
	 float:right;
	 margin-right:37%;
	 margin-top:6%;
	 
}
#nav{ margin-bottom:1%;
     
}
 	 
#line{
      border-color:#E4B24F;
      border-top-style:double;
	  border-width:6px;	
	}


h2ab{  font-family:'Monoton', cursive; 
     font-size:200%;
	 color:#19878c;
	 margin-left:10%;
	 width:50%;	 
}
h2me{ font-family:'Monoton', cursive; 
     font-size:200%;
	 color:#EA4FD3;
	 margin-left:10%;
	 width:50%;
	 
}
h2cat{  font-family:'Monoton', cursive; 
     font-size:200%;
	 color:#E96D1A;
	 margin-left:10%;
	 width:50%;	 
}
h2loc{  font-family:'Monoton', cursive; 
     font-size:200%;
	 color:#38C251;
	 margin-left:10%;
	 width:50%;	 
}

p{   font-family: Helvetica, Arial, sans-serif;
     color:#23dee2;
	 font-size:110%;
	 line-height:160%;
	 margin-left:10%;
	 margin-right:10%;
	 margin-top:3%;
	 padding-bottom:2%;
	 
}

footer{	
	border-color:#E4B24F;
    border-top-style:double;
	border-width:6px;	
	background-color:#462A16;
	text-align:center;
    heigth:40px;
	padding-bottom:15px;
}

#imagebig,
#imagecat,{
   	width:100%;
	}
	
#imagebig img,
#imagecat img {width:80%;
               margin-left:10%;}



#map{align:center;
     width:100%;}
	 

#Image2,#Image3,#Image4,#Image5{margin-right:2%;margin-left:2%;}

span {color:#462A16;}

/*MENU*/

h3t{  font-family:'Monoton', cursive; 
     font-size:130%;
	 color:#19878c;
	 margin-left:20%;
	 margin-top:-30%;
}
h5t{  font-family:'Monoton', cursive; 
     font-size:120%;
	 color:#19878c;
	 margin-left:10%;
	 width:50%;	 
}

h4{  font-family:Helvetica, Arial, sans-serif;
     color:#23dee2;
	 font-size:100%;	 
	 line-height:140%; 
}

#donuts{
	width:96%;
	height:auto;
	margin:0 auto;
	margin-left:8%;
	position:relative;	
}
#donuts figure{
	display:inline-table;
	margin:auto;
	width:31%;
}
	
#donuts figcaption{padding-top:10%;
                   padding-right:19%;
				   
				  				  	                      
}
#donuts figure img{margin-left:8%;
                   padding-bottom:1%;
}
	
#map{ 
      margin-top:3%;	
	  text-align:center; 
	  border: 
}

#loc{text-align:center;
     	
}	

/*** Table Styles **/

.table-fill {
  background:#462A16;
  border-radius:2px;
  border-collapse: collapse;
  height: 220px;
  margin: auto;
  max-width: 500px;
  padding:2px;
  width: 100%;
  animation: float 5s infinite;
}
 
th {
  color:#23dee2;
  background:#23dee2;
  font-size:22px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  vertical-align:middle;
}


tr {
  color::#23dee2;
  font-size:16px;
  font-weight:normal;

}
 
tr:hover td {
  background:#19878c;
  color:#E4B24F;
}
 
tr:nth-child(odd) td {
  background:#7A6658;
}
 
tr:nth-child(odd):hover td {
  background:#19878c;
}
td {
  background:#462A16;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-family:Helvetica, Arial, sans-serif;
  font-weight:300;
  font-size:18px;
  color:#23dee2; 
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}