/* styl zorba */
/*links */
a:link {
	color: blue;
}
a:visited {
	color: green;
}
a:hover {
	color: red;
}
.art:first-letter {
	color: red;
	font-size: large;
}
/*classes fonts */
.big {
	font-size: 1.5em;
	font-weight: bold;
}
.mid {
	font-size: 1.2em;	
}
.small {
	font-size: 0.7em;
}
/*classes colours */
.red {color: red;}
.blue {color: blue;}
.green {color: green;}
.yellow {color: yellow;} 
/*classes position */
.right {text-align: right;}
.center {text-align: center;}
.left {text-align: left;}
/* web and html elements */
* {
    box-sizing: border-box;
}
body {
	margin: 0;
   padding: 0;
}
#web {
	/*width: 1210px;*/
	margin: 0 auto;
}
/*head left */
#hLeft {
	background-color: #EDECEB;
	z-index: -2;
	width:25%;
	height: 130px;
	float: left;
	overflow: hidden;
	clear: both;
	margin-top:5px;
}
#hLeft p {
	text-align:center;
	margin-top:15px;
}
/*head center */
#hCenter {
	background-color: #E0E0E0;
	width:50%;
	height: 130px;
	float: left;
	margin-top:5px;
}
#hCenter p {
	margin-top: 15px;
	text-align:center;	
}
/*headRight */
#hRight {
	background-color: #EDECEB;
	z-index: -2;
	width:25%;
	height: 130px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
}
#hRight p {
	margin: 5px;
	text-align:center;
}
#hRight hr {
	margin: 5px;	
}
/*middle left */
#webLeft {
	background-color: #E0E0E0;
	z-index: -2;
	width:25%;
	min-height: 550px;
	float: left;
	overflow: hidden;		
}
#webLeft p {
	margin: 5px;
}
#webLeft hr{
	margin:5px;
}

#webLeft table {
	margin-left:50px;
	margin-top:5px;
}
/*web center*/
#webCenter {
	background-color: #EDECEB;
	z-index: -2;
	width:50%;
	min-height: 550px;
	float: left;
	overflow: hidden;
}
#webCenter p{
	margin:3px;	
}
/*web right*/
#webRight {
	background-color: #E0E0E0;
	z-index: -2;
	width:25%;
	min-height: 550px;
	float: left;
	overflow: hidden;
}
#webRight p {
	margin: 5px;
}
@media only screen and (max-width:800px) {
  /* For mobile phones: */
  #web, #hLeft, #hCenter, #hRight, #webLeft, #webCenter, #webRight {
    width:100%;
  }
  #webLeft table {
	  width:100%;
	  margin:0;
  }
  #webCenter img {
	  max-width:100%;
	  height:auto;
  }
}
@media only screen and (min-width:1200px){
	#web {
		width:1200px;
	}
}