* {margin:0px;}

div.espacio{
	height:117px;
	}

/*TOP 1*/

body {
  margin: 0;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

/*MENU RESPONSIVO INICIO*/

.topnav {
  overflow: hidden;
  
}

.topnav a {
  float: left;
  display: block;
  color: #504141;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color:#d49e9d;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 500px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*MENU RESPONSIVO FIN*/

img.a{
	width:40px;
	margin:auto auto 0px 10px;
	position:relative;
	float:right;
	}

/*menu*/
 
	.img1{ width: 90%;}
	.img2{ width: 100%;}
	
	.full{ width:100%;}
	
#img-logo { width:272px; height:73px; display:block; position:relative; margin: auto;}	

#uno { width:100%; display:block; position:fixed; z-index:2; background-color:#FFFFFF;}
	
#logo {display:block; width:22%; position:relative; float:left; margin:15px 0px 15px 23px;}
#dire {display:flex; flex-direction:column; width:50%; position:relative; float:right; margin-left:auto;}		
	
#menu { margin:0 auto; display:flex; width:100%; position:relative; flex-wrap: wrap; background-color:#FFFFFF;}

#menu-1 { width:100%; position:relative;}	
	
#top { margin:0 auto; width:90%; height:130px; display:block; position:relative;}

div.tel{
	flex-direction: row;
    float: right;
    display: flex;
    width: 40%;
	margin: 20px 0px 20px auto;
	}
	
p.tel{
	margin:auto 5px;
	color:hsla(210,2%,21%,1.00);
	font-size:15px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
	
img.tel{
	width:30px;
	height:30px;
	}

/*fin menu*/

.no{
	display:none;
	}
	
div.top3{
	width:95%;
	margin:20px auto;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	}
	
div.suba{
	width:100%;
	margin:auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	}

div.con{
	width:500px;
	margin:auto;
	display:flex;
	flex-direction:column;
	}
	
p.a{
	color:hsla(0,66%,47%,1.00);
	font-size:20px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
p.b{
	color:hsla(0,66%,47%,1.00);
	font-size:15px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
p.c{
	color:hsla(210,2%,21%,1.00);
	font-weight:600;
	font-size:15px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
p.d{
	color:hsla(210,2%,21%,1.00);
	font-size:15px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
	
div.sub{
	margin:10px 13px;
	}

div.pie{
	width:100%;
	margin:auto;
	background-color:hsla(210,2%,21%,1.00);
	}

p.pie{
	padding:20px 0px;
	text-align:center;
	color:hsla(0,0%,91%,1.00);
	font-size:15px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
	
@media screen and (max-width:500px) {

.no{
	display:block;
	}
	
.topnav {width:100%; margin-left:0px;}
	
#logo {width:50%;}
#dire {width:100%; margin-left:0px;}		
	
div.espacio{
	height:153px;
	}
	
div.tel{
    display:none;
	}
	
}