/*galeria/css/styl.css*/
/* web and html elements */
.center {text-align: center;}
.red {color: red;}
.blue {color: blue;}
.green {color: green;}
.big {
	font-size: 24px;/*1.5em;*/
	font-weight: bold;
}
.mid {
	font-size:20px; /* 1.2em;*/	
}
.small {
	font-size:12px; /* 0.8em;*/
}
* {
    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: 100px;
	float: left;
	overflow: hidden;
	clear: both;
	margin-top:5px;
}
#hLeft p{
	margin:5px;
	margin-top:5px;
	text-align:center;
}
/*head center */
#hCenter {
	background-color: #F6F7F8;
	width:50%;
	height: 100px;
	float: left;
	margin-top:5px;
}
#hCenter p {
	margin: 5px;
	text-align:center;	
}
/*headRight */
#hRight {
	background-color: #EDECEB;
	z-index: -2;
	width:25%;
	height: 100px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
}
#navBack{
	margin-top:15px;
	margin-left:100px;
	border:3px solid red;
	border-radius: 5px;
	font-size:24px;
	text-align:center;
}
#navPrev{
	border:3px solid red;
	border-radius: 5px;
	font-size:24px;
	text-align:center;
}
#webCenter {
	background-color: #EDECEB;
	z-index: -2;
	width:100%;
	height: 550px;
	float: left;
	overflow: hidden;
}
#webCenter p{
	margin-top:5px;
	text-align:center;
}

#navNext{
	border:3px solid red;
	border-radius: 5px;
	font-size:24px;
	text-align:center;
}
@media only screen and (max-width:800px) {
  /* For mobile phones: */
  #web, #hLeft, #hCenter, #hRight, #webCenter {
    width:100%;
  }
  #webCenter img {
	  max-width:100%;
	  height:auto;
  }
}
@media only screen and (min-width:1200px){
	#web {
		width:1200px;
	}
}