@CHARSET "ISO-8859-1";

/* COPIED
------------------------------------------------------------------------------*/
/* 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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* GENERAL
------------------------------------------------------------------------------*/

* {margin:0; padding:0;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {height:100%;}

strong, b {color: #000000; font-weight: 700;}

/* TO REVIEW
--------------------------------------------------------------------------------------*/
BODY {
  height:100%;
  COLOR:  #000000 /*13446f #001489  #004000 #d8c811*/;
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff  /*#d8c811  - #004000*/;
	list-style-type: disc;
	border-color: #4a511b;
	font-size: 1 em;
  /* font-size: 18px;*/
}
input[type="text"]
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  /*font-weight: bold; */
  /* font-size: 18px;*/
}
textarea
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  /*font-weight: bold; */
  /* font-size: 18px;*/
}
input[type="email"]
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  /*font-weight: bold; */
  /* font-size: 18px;*/
}
input[type="tel"]
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  /*font-weight: bold; */
  /* font-size: 18px;*/
}
input[type="number"]
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  /*font-weight: bold; */
  /* font-size: 18px;*/
}
input[type="submit"]
{
 	font-family: Verdana, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  /* font-size: 18px;*/
} 
h1 {
	/* font-size: 25px; */
  font-size: 1.5em;
  font-weight: bold;
}
h2 {
	font-size: 1.25em;
	font-weight: bold;
}
h3 {
	font-size: 1.25em;
	font-weight: normal;
}
h4 {
	font-size: 1.25em;
	font-weight: normal;
}
h5 {
	font-size: 1.25em;
	font-weight: normal;
}
h6 {
	font-size: 1.25em;
	font-weight: normal;
}
table{
	border-collapse: separate;
    border-spacing: 10px;
    /*border-collapse: collapse;*/
    /*table-layout: fixed;*/	
}

th {
  vertical-align:middle;
  text-align: center;
  /*padding: 10px;*/
  padding: 2px;
  border-radius: 10px;
  border: 5px solid #000000; /* #004000; */
  background-color: #ffffff; /* #004000; */
  color: #ffffff;
  /*font-size: 1.25em;*/
  font-weight: bold;
}

td {
  vertical-align:middle;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  border: 5px solid #ffffff; /* #004000; */
  background-color: #ffffff; /*#13446f;  #004000; */
  color: #000000; /*#ffd7300; #d8c811; */
  font-size: 1.25em;
}

tr {
}

A:LINK {
	color: rgb(17, 135, 245)
}

A {
	color: rgb(17, 135, 245)
}

p {
  line-height: 1.6em; margin-bottom: 1.6em;
}

/* WRAPPERS
------------------------------------------------------------------------------*/

.wrapper {width: 100%; max-width: 980px; margin: 0 auto;}
.wrapper-gallery {width: 100%; max-width: 980px; margin: 0 auto;}

/* CONTENT
------------------------------------------------------------------------------*/

.full-width {width: 100%; padding: 5px 0; overflow: hidden;}
.yellow {background: #ffffff;}
.gray {background:#ffffff;}

.left-25 {float: left; width: 25%; padding-right: 30px;}
.right-75 {float: right; width: 75%; padding-left: 25px;}
.left-50 {float: left; width: 50%; padding-right: 25px;}
.right-50 {float: right; width: 50%; padding-left: 25px;}
.left-30 {float: left; width: 30%; padding-right: 25px;}
.right-70 {float: right; width: 70%; padding-left: 25px;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

/* empty block
------------------------------------------------------------------------------*/
.clear {clear: both; padding: 10px 0;}

/* GALLERY
------------------------------------------------------------------------------*/
.visual-small .wrapper-gallery  {padding: 10px; overflow: hidden;color: #ffffff;} 

.visual-small a.button {display: inline-block; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; padding: 10px; text-decoration: none; font-size: 0.9em; font-weight: 700; margin-top: 1em; margin-bottom: 1em; transition: all 0.2s ease-in-out; width: 33%;}
.visual-small a.button:hover {background: #ffffff; color: #13446f;}

.map a {color: #000000;}

/* RESPONSIVE
------------------------------------------------------------------------------*/

@media screen and (max-width: 960px) {
    .wrapper, .wrapper-gallery {padding: 0 20px;}
    .visual-small .wrapper-gallery {padding: 50px 20px;}
}

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

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

@media screen and (max-width: 650px) {
    .full-width {padding: 10px 0;}
    /*h2 {margin-bottom: 40px;} */

    .left-50, .right-50 {float: none; width: 100%; padding: 0; margin-bottom: 30px;}

    .wrapper, .visual-small .wrapper-gallery {padding: 0px 20px; text-align: center;}

    .left-25 {float: none; width: 100%; padding: 0;}
    .right-75 {float: none; width: 100%; padding: 0;}

    .button {width: 29.3333%; margin: 0 2% 20px;}
}

@media screen and (max-width: 550px) {
    .wrapper, .visual-small .wrapper-gallery {padding: 10px 10px; text-align: center;}
    /*.wrapper h1, .visual h1,*/ .visual-small h1 {font-size: 1.25em;}
    /*.wrapper h2, .visual h2,*/ .visual-small h2 {font-size: 1.15em;}
    
    .visual-small a.button {width: 44.0000%; margin: 0 2% 20px;}
  }

@media screen and (max-width: 500px) {
    /*.yellow {background: lightblue;}*/
    .wrapper, .visual-small .wrapper-gallery {padding: 10px 10px; text-align: center;}
    .left-25 {float: none; width: 100%; padding: 0;}
    .right-75 {float: none; width: 100%; padding: 0;}
    /*.wrapper h1, .visual h1,*/ .visual-small h1 {font-size: 1.25em;}
    /*.wrapper h2, .visual h2,*/ .visual-small h2, .wrapper td {font-size: 1.15em; padding: 2px}    
    .button {width: 44%; margin: 0 3% 20px;}
    .wrapper {font-size: .75em}
    /* next is added to put the pizza page with smaller fonts */
    .full-width {font-size: .75em};
}

@media screen and (max-width: 400px) {
    /*.yellow {background: blue;}*/
    /*.wrapper h1, .visual h1,*/ .visual-small h1 {font-size: 1.25em;}
    /*.wrapper h2, .visual h2,*/ .visual-small h2 {font-size: 1.15em;}
    .button {width: 44%; margin: 0 3% 20px;}
    .wrapper {font-size: .75em};
}

@media screen and (max-width: 360px) {
    /*.yellow {background: lightgreen;}*/
    /*.wrapper h1, .visual h1,*/ .visual-small h1 {font-size: 1.25em;}
    /*.wrapper h2, .visual h2,*/ .visual-small h2 {font-size: 1.15em;}
    .button {width: 44%; margin: 0 3% 20px;}
    .wrapper, .wrapper th, .wrapper th {font-size: .75em};
	
} 

@media screen and (max-width: 320px) {
    /*.yellow {background: green;}*/
    /*.wrapper h1, .visual h1,*/ .visual-small h1 {font-size: 1.25em;}
    /*.wrapper h2, .visual h2,*/ .visual-small h2 {font-size: 1.15em;}
    .button {width: 44%; margin: 0 3% 20px;}
    .wrapper, .wrapper th, .wrapper th {font-size: .50em};	
}