@charset "utf-8";
/* CSS Document */

body{
	margin:0 auto;
	text-align: center;
	background-color:#212222;
	padding:0px 0px;
	font-family: 'Lato', sans-serif;
	color:#fff; 
	font-size:1.7em;
}

.h1{
	color:#C60;
	font-weight:bold;}

.h2{
	font-size:3rem;}
.h4{
	font-family: 'Archivo Black', sans-serif!important;
	font-size:3em !important;
	}

.menu-txt{
	color:#FFF;
	text-decoration:none;
	padding:5px;
	font-size:0.5em;
}	
.menu-txt:hover{
	color:#fb6e02;

}
.slogan{
	text-align:center;
	margin-bottom:2em;}
	
.texto{
	background-color:#212222}
	
.barra-top{
	background-color:#fb6e02;
	height:10px;
}
	
.iconos{
	color:#FFF;
	text-align:center;
	padding:10%;
	margin-top:7%;
	}
	
.btn-uno{
	background-color:#F60 !important;
	color:#FFF;}
	
.cartel-bco{
background-color: #FFF;
border-radius: 15px 50px;
padding-left: 6%;
width: auto;
color: #000;
display: inline-block;
font-weight: bold;
/*padding-right: 6%;
padding-top: 3%;
padding-bottom: 3%;*/
padding:7px;
min-width:250px;
max-width:750px;
}

.back-serv{
	background-color:#111; 
	border-radius:10px;
	border:#333 solid 1px; 
	padding:40px;
}

/* reglas CSS para formulario */
.form-consulta {max-width: 100%; padding: 25px; font-size:1em;}
.campo-form {width:100%; margin:5px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-size:1.5em;}
label {width:100%; font-weight: 500 !important;}
label span {color: #333}
textarea {min-height: 150px!important;}
.btn-form {
	display: inline-block; 
	border: #fb6e02 solid 2px; 
	margin-top:10px; width:70%; 
	line-height: 46px; padding: 0 20px; 
	border-radius: 6px; 
	background-color:#C60; 
	color:#fff;
	font-weight:bolder;
	text-decoration: none; 
	text-transform: uppercase; 
	letter-spacing: 1px}
.btn-form:hover {background:#fb6e02; color:#FFF; text-decoration:none; }
.btn-form a:hover {background:#fb6e02; color:#FFF; text-decoration:none; }

.conte-pack{
	border:solid 3px #C60; 
	border-radius: 15px 15px; 
	padding:1%;
	margin:1%;
}

.titu-pack{
	background:#C60;
	background-color:#C60;
	font-family: 'Archivo Black', sans-serif!important;
	color:#FFF;
	padding:3%;
	font-weight:bold;
	font-size:1.7em;
	text-transform:uppercase;
	border-radius: 15px 15px;
    margin:1%;
}

.subtitu-pak{
	background-color:#fff;
	color:#666;
	padding:2%;
	font-size:1.1em;
	text-transform:uppercase;
	border-radius: 15px 15px;
	margin-top:2%;
	}
.texto-pack{
	padding:2%;
	margin-top:15px;
	margin-bottom:20px;
	font-size:1.2em;}
	
.footer{
	background-color:#000;
	height:100%;
	padding:5%;

	}

.titu-nara{
	color:#C60;
	font-family:'Archivo Black', sans-serif;}	

.iconos{
	color:#CCC;}
	
.header{}
.menu{ height:auto; width:100%; background-color:#000; color:fff;}
.wrapper{ width:100%; padding-top:20px}
.fixed{position:fixed; top:0px}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;

  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}


.titu-grande{
	font-family: 'Archivo Black', sans-serif!important;
	font-size:2em;
	}
.num{
	font-size:2.3em !important;
	color:#F60;}

/*para celular*/
@media only screen and (min-width: 300px) and (max-width: 767px){
	.titu-grande{
		font-size:1.3em;
		
	}
	.num{
		font-size:1.6em;
	}
}

/*para tablet*/
@media only screen and (min-width: 768px) and (max-width: 900px){
	.titu-grande{
		font-size:1.8em;
		
	}
	.num{
		font-size:1.1em;
	}
}