@charset "utf-8";

html, body, h3, p, ul, li, img {
	margin:0;
	padding:0;
}

body {
	background:#969fab;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.container{
	width:1200px;
	margin:20px auto 0;
}
header {
	background:#42517f;
	border-bottom:1px solid #000;
}
header h3 {
	color:#fff;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	font-size:25px;
	word-spacing:1px;
	text-shadow:1px 1px 2px #000;
}
#content {
	background:#848c9c;
	background:linear-gradient(to top, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	background:-webkit-linear-gradient(bottom, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	padding-top:30px;
	padding-bottom:30px;
	  /* de scos  border:5px solid #fff; */
	overflow:hidden;
}
.gallery {
	width:1100px;
	margin:auto;
}
.gallery ul {
	list-style:none;
	
}	

.gallery li {
	float:left;
	margin:22px;
}
.gallery img { 
display:block;
padding:1px;
background:#42517f;
border:1px solid #99adeb;
border-radius: 15px;
box-shadow:1px 1px 2px #000;
}
.gallery img:hover {
	border:1px solid #fff;
}

footer {
	background:#222222;
}
footer p {
	color:#fff;
	text-align:center;
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
  /* se termina desktop  */

@media screen and (max-width: 1176px) {
body {
	background:#969fab;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.container{
	width:860px;
	margin:20px auto 0;
}
header {
	background:#42157f;
	border-bottom:1px solid #000;
}
header h3 {
	color:#fff;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	font-size:16px;
	word-spacing:1px;
	text-shadow:1px 1px 2px #000;
}
#content {
	background:#848c9c;
	background:linear-gradient(to top, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	background:-webkit-linear-gradient(bottom, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}
.gallery {
	width:830px;
	margin:auto;
}
.gallery ul {
	list-style:none;
}	

.gallery li {
	float:left;
	margin:22px;
}
.gallery img {
width: 150px;
height: 100px;
display:block;
padding:2px;
background:#42517f;
border:1px solid #99adeb;
box-shadow:1px 1px 2px #000;
}
.gallery img:hover {
	border:1px solid #fff;
}

footer {
	background:#222222;
}
footer p {
	color:#fff;
	text-align:center;
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
}