body{margin:0;padding:0;box-sizing:border-box}.container h1{display:block;float:right}.container{background:#FFF;float:none}nav{border-radius:10px;padding-top:0;width:100%}.menu .container{border-radius:10px;z-index:2000;background-color:#000;width:100%}ul .dropdown-menu{background-color:#333}ul .dropdown-menu li a{color:#FFF}.lateral{background:#CFC}h5{text-color:#060}#footer-wrapper .container{float:center;background-color:#FFF;color:#033}hr{color:#000;font-size:10px}.jumbotron{background:#CFC}.social{position:fixed;left:-40px;top:235px;z-index:3000}.social ul{list-style:none}.social ul li a{display:inline-block;color:#fff;background:#000;padding:10px 15px;text-decoration:none;transition:all 500ms ease}.social ul li .icon-facebook{background:#3b5998}.social ul li .icon-twitter{background:#00abf0}.social ul li .icon-youtube{background:#ae181f}.social ul li a:hover{padding:10px 30px;background:#000}.columna{background-color: #fff;border: 1px solid #333;border-radius: 10px;box-shadow: 0 0 15px 10px rgba(0,0,0,0.2);transition: transform 1s;transform: scale(1,1)}#menuhorizontal{
	color: #fff;
	border-radius: 10px;
	background-color: #101010;
}#menuhorizontal nav ul li a{color:#fff}.marketing{color:#000;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:100%;margin:0 auto;max-width:90%;overflow:hidden;padding:10px;position:relative;width:100%!important;background-image:url("../imagenes/frijol supechiva chimaltenango1.webp")}#prueba{padding:10px;background:#fff;border-radius:10px}#prueba1{padding:0px;background: #093;border-radius:10px};
.mapael .map {
            position: relative;
        }

        .mapael .mapTooltip {
            position: absolute;
            background-color: #fff;
            moz-opacity: 0.70;
            opacity: 0.70;
            filter: alpha(opacity=70);
            border-radius: 10px;
            padding: 10px;
            z-index: 1000;
            max-width: 200px;
            display: none;
            color: #343434;
        }

        .mapael .areaLegend {
            margin-bottom: 20px;}
.dropdown-submenu{
	position:relative;
	}
.dropdown-submenu .dropdown-menu{
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	border-radius: 0 6px 6px 6px;
	}
	
	
	
.card{
	width: 100%;
	/**margin: 20px; /**20**/
	
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
	cursor: default;
	transition: all 400ms ease;
	}
	/**para dar movimientos a los tarjetas**/
	
.card:hover{
	box-shadow: 5px 5px 20px rgba(0,0,0,0.9);
	transform: translateY(-3%)
	}	
/**
.card img{
	width: 75%;
	height: 30%;	
	}
	
/**	
.card .contenido{
	padding: 15px; /**15**/
	
	/**
	text-align: center;
	}
	
	
.card .contenido p{
	line-height: 1.5;
	color: #c1d82f; /**#6a6a6a;**/
	/**}**/
	
	/**
.card .contenido h3{
	font-weight: 400;
	margin-bottom: 15px;
	}
	
	
.card .contenido a{
	text-decoration: none;
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
	color: #2fb4cc;
	border: 1px solid #2fb4cc;
	border-radius: 4px;
	transition: all 400ms ease;
	}
	
	
.card .contenido a:hover{
	background: #2fb4cc;
	color: #fff;
	}
	
	**/
	
	
	/*definir tipos de letras 28032022*/

p.cursiv {font-family: cursive;}

p.geor {font-family: georgia;}

p.fant {font-family: fantasy;}

p.new {font-family: new times roman;}

p.monos {font-family: monospace;}

p {font-family: arial, helvetica, roboto, "new times roman", lato;}



h2{font-size: 2em;}

p.och {font-size: 8px;}
p.diz {font-size: 10px;}
p.qui {font-size: 15px;}
p.vtr {font-size: 23px;}
p.cua {font-size: 40px;}


p.grande {font-size: large;}


letras-separadas {
  letter-spacing: 5px;
}




/***********************2022***



img{
  height:150px;
  width:100%;
}

div [class^="col-"]{
  padding-left:5px;
  padding-right:5px;
}
.card{
  transition:0.5s;
  cursor:pointer;
}
.card-title{  
  font-size:15px;
  transition:1s;
  cursor:pointer;
}
.card-title i{  
  font-size:15px;
  transition:1s;
  cursor:pointer;
  color:#ffa710
}
.card-title i:hover{
  transform: scale(1.25) rotate(100deg); 
  color:#18d4ca;
  
}
.card:hover{
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
}
.card-text{
  height:80px;  
}

.card::before, .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale3d(0, 0, 1);
  transition: transform .3s ease-out 0s;
  background: rgba(255, 255, 255, 0.1);
  content: '';
  pointer-events: none;
}
.card::before {
  transform-origin: left top;
}
.card::after {
  transform-origin: right bottom;
}
.card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
  transform: scale3d(1, 1, 1);
}

*******************/