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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  font-family: quickregular;
  scroll-behavior: smooth;
}
:root {
--violetae:	#2c439d;
--azul: #011640;
--grisazul: #024059;
--verde: #00A48A;
--amarillo: #EDBD45;
--violeta: #4F66AE;
--violetac: #6b7ebd;
--verdec:#66c8b9;
--azulc:#4e5c7a;
--amarilloc:#eaca81;
--lilaclaro:#f6f7fa;
--grisoscuro: #3d3d3d;
--grisfondo:#525252;
--grisclaro:#858585;
}
@font-face {
  font-family: quickbold;
  src: url("../familyfont/Quicksand-Bold.ttf");
}
@font-face {
  font-family: quicksemibold;
  src: url("../familyfont/Quicksand-SemiBold.ttf");
}
@font-face {
  font-family: quickregular;
  src: url("../familyfont/Quicksand-Regular.ttf");
}
@font-face {
  font-family: quickmedium;
  src: url("../familyfont/Quicksand-Medium.ttf");
}
@font-face {
  font-family: quicklight;
  src: url("../familyfont/Quicksand-Light.ttf");
}
@font-face {
  font-family: roboto;
  src: url("../familyfont/Roboto-Regular.ttf");
}

body {
 background-image:url("../imagenes/wallpaper-01-01.png");
 background-color: var(--lilaclaro);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 100% 100%;
 background-size: cover;
 width: 100%;
 height: auto;
}
#alerta {
	background-color:var(--amarillo);
	width: auto;
	font-family:quickbold;
	text-align:center;
	color:var(--azul);
}
#logo {
	width: 130px;
	margin-left:35px;
	margin-top:0px;
}
#menu {
	background-color:var(--azul);
	margin-top:20px;
	padding-bottom:20px;
	box-shadow: 2px 2px 1px  #011640;
}
#navbarSupportedContent1 {
	margin-top:0px;
}
#btntoggle{
	background-color:var(--verde);
}
#btntoggle:hover{
	background-color:var(--amarillo);
}
#btntoggle:focus{
	outline:thin;
}
#item1, #item2, #item3, #item4, #item5, #item6{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--violetac);
	font-size: 1em;
}
#item1:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#item2:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#item3:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#item4:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#item5:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#item6:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#itemactive{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--amarilloc);
	font-size: 1em;
}
#itemactive:hover{
	font-family: quicksemibold;
	letter-spacing: 0.3px;
	color:var(--verde);
}
#item7, #item8{
	font-family: quickbold;
	letter-spacing: 0.3px;
	color:var(--amarillo);
}
#item7:hover{
	color:var(--violetac);
}
#item8:hover{
	color:var(--violetac);
}
#btnregistrarse {
	border-radius: 50px;
	font-family: quicksemibold;
	letter-spacing: 1.2px;
	font-size: 1em;
	border: 0px solid #00a48a;
	background-color:var(--azul);
	border-color:transparent;
	color:var(--amarillo);
	margin-right:20px;
}
#btnregistrarse:hover {
	color:var(--verde);
	border-color:transparent;
	background-color:var(--azul);
}
#btnregistrarse:hover {
	border-color:transparent;
	color:var(--violetaclaro);
}
#btningresar {
	margin-right: 20px;
	border-radius: 50px;
	background-color:var(--verde);
	border-color:var(--verde);
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}
#btningresar:hover {
	background-color:var(--verdec);
	border-color:var(--verdec);
	color:var(--azul);
}
#aa1 {
	color:var(--verde);
	font-family: quickbold;
	margin-right: 20px;
}
#aa1:hover {
	color:var(--verdec);
}
#a1 {
	color:var(--azul);
	font-family: quickbold;
	letter-spacing: 0.3px;
	font-size: 1.1em;
}
#a1:hover {
	color:var(--azul);
	text-decoration: none;
}
#a5 {
	color:var(--azul);
}
#a5:hover {
	color:var(--verde);
	text-decoration: none;
}
#btnregistrarsersp {
	border-radius: 50px;
	font-family: quicksemibold;
	letter-spacing: 1.2px;
	font-size: 1em;
	border: 2px solid #00a48a;
	background-color:var(--azul);
	border-color:transparent;
	color:var(--verde);
	margin-right:10px;
}
#btnregistrarsersp:hover {
	color:var(--amarillo);
}
#contfondo {
	background: rgb(1,22,64);
	background: -moz-linear-gradient(225deg, rgba(1,22,64,1) 54%, rgba(44,67,157,1) 100%);
	background: -webkit-linear-gradient(225deg, rgba(1,22,64,1) 54%, rgba(44,67,157,1) 100%);
	background: linear-gradient(225deg, rgba(1,22,64,1) 54%, rgba(44,67,157,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#011640",endColorstr="#2c439d",GradientType=1);
	height:100vh;
	width: auto;
}
#contgrid {
	padding-top:220px;
}
#logoprin {
	width: 400px;
	}
#copeteprin {
	color:var(--verde);
	font-family:quicksemibold;
	font-size:1.8em;
	margin-top:30px;
	letter-spacing: 1px;
	line-height: 1.1em;
}
#a2 {
	font-family: quickbold;
	letter-spacing: 1px;
	font-size: 1em;
	color:var(--lilaclaro);
}
#a2:hover {
	color:var(--lilaclaro);
	text-decoration: none;
}
#btnprin {
	margin-top:30px;
	border-radius: 50px;
	background-color: var(--violetae);
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
;	box-shadow: 2px 2px 1px  #011640;
}
#btnprin:hover {
	color:var(--lilaclaro);
	background: rgb(44,67,157);
	background: -moz-linear-gradient(225deg, rgba(44,67,157,1) 12%, rgba(1,22,64,1) 73%);
	background: -webkit-linear-gradient(225deg, rgba(44,67,157,1) 12%, rgba(1,22,64,1) 73%);
	background: linear-gradient(225deg, rgba(44,67,157,1) 12%, rgba(1,22,64,1) 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c439d",endColorstr="#011640",GradientType=1);
}
#intro {
	margin-top:-100px;
	color:var(--amarillo);
	width: 400px;
	height: 400px;
}
#jmbtitulo {
	margin-top:100px;
	text-align: center;
	color:var(--verde);
	font-size: 5em;
	font-family:quickbold;
}
#jmbsubtitulo {
	text-align: center;
	color:var(--verde);
	font-size: 3.2em;
	font-family:quicksemibold;
	margin-top:-50px;
	letter-spacing: 0.5px;
}
#jmbcopete {
	margin-top: 40px;
	text-align: center;
	color:var(--verde);
	font-size: 1.6em;
	font-family:quicksemibold;
}
#mediosdepago {
	color:var(--verde);
	font-family:quicksemibold;
}
#Producto {
	border-radius: 50px;
	background: var(--azul);
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
	box-shadow: 2px 7px 10px #afafaf;
	margin:auto;
	display: block;
	margin-top:150px;
}
#Producto:hover {
	color:white;
	text-decoration: none;
	background: var(--violeta);
}
#a4{
	font-family: quickbold;
	color:white;
	letter-spacing: 1px;
	font-size: 1em;
}
#a4:hover{
	color:white;
	text-decoration: none;
}
#jmbconticonos {
	margin-top:50px;
	margin-bottom: 40px;
}
#jmbicono1 {
	margin:auto;
	display: block;
	margin-bottom:10px;
	background-color:var(--violetac);
	border-radius:50px;
	width: 80px;
	height: 80px;
	padding:15px;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
}
#jmbicono1:hover {
	background-color:var(--violetae);
}
#jmbtexto1 {
	text-align: center;
	font-family: quickbold;
	color:var(--violetac);
	font-size:1.5em;
	line-height:1em;
}
#jmbicono2 {
	margin:auto;
	display: block;
	margin-bottom:10px;
	background-color:var(--violetac);
	border-radius:50px;
	width: 80px;
	height: 80px;
	padding:15px;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
}
#jmbicono2:hover {
	background-color:var(--violetae);
}
#jmbtexto2 {
	text-align: center;
	font-family: quickbold;
	color:var(--violetac);
	font-size:1.5em;
	line-height:1em;
}
#jmbicono3 {
	margin:auto;
	display: block;
	margin-bottom:10px;
	background-color:var(--violetac);
	border-radius:50px;
	width: 80px;
	height: 80px;
	padding:15px;
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	  transition: background-color 0.5s ease-out;
}
#jmbicono3:hover {
	background-color:var(--violetae);
}
#jmbtexto3 {
	text-align: center;
	font-family: quickbold;
	color:var(--violetac);
	font-size:1.5em;
	line-height:1em;
}
#contvalores {
	margin-top:100px;
	padding-bottom:30px;
}
#valorestitulo {
	color:var(--verde);
	font-family: quickbold;
	font-size:3em;
	text-align: center;
}
#valorescopete {
	color:var(--violetae);
	font-family: quickbold;
	font-size:1.5em;
	text-align: center;
	margin-top:80px;
}
#valoresaclaracion {
	color:var(--violeta);
	font-family: quickbold;
	font-size:1.3em;
	text-align: center;
}
#valoresrow {
	margin-top:80px;
}
.valores {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 3px 3px  #afafaf;
	margin:auto;
	display: block;
}
.valorestitulo {
	text-align: center;
	color:var(--verde);
	font-family: quickbold;
	font-size: 1.8em;
}
.valorestexto {
	font-size: 1.2em;
	margin-top:20px;
	text-align: center;
	color:var(--grisoscuro);
	font-family: quicksemibold;
}
.valoresspan {
	font-size: 1.05em;
	margin-top:20px;
	margin-bottom:20px;
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#valoresicono1 {
	margin:auto;
	display:block;
	width: 100px;
}
#valoresicono2 {
	margin:auto;
	display:block;
	width: 100px;
}
#valoresicono3 {
	margin:auto;
	display:block;
	width: 100px;
}
#containerblanco {
	background-color: white;
	width: auto;
	height: 50px;
}
#containerazul {
	background-color: var(--verde);
	width: auto;
	height: 200px;
}
#containergestion {
	background-color: var(--azul);
	padding-bottom: 100px;
	margin-bottom:100px;
	margin-top:0px;

}
#gestiontitular {
	text-align: center;
	margin-top:80px;
	color:var(--verde);
	font-size: 3em;
	font-family: quickbold;
	letter-spacing: 0.5px;
	padding-top:100px;
	padding-bottom:100px;
}
.gestionrow {
	margin-top:30px;
}
.gestiontexto {
	margin-top:100px;
}
.gestiontitulo {
	color:var(--verde);
	font-size: 2.5em;
	font-family: quickbold;
	letter-spacing: 0.5px;
	}
.gestioncopete {
	margin-top:15px;
	color:var(--violeta);
	font-size: 1.5em;
	font-family: quickbold;
	letter-spacing: 0.5px;
}
.gestiondetalle {
	color:var(--grisclaro);
	font-size: 1.1em;
	font-family: quickregular;
	letter-spacing: 0.5px;
	margin-top:15px;
}
.gestiontextod {
	margin-top:100px;
}
.gestiontitulod {
	color:var(--verde);
	font-size: 2.5em;
	font-family: quickbold;
	letter-spacing: 0.5px;
	text-align: right
	}
.gestioncopeted {
	margin-top:15px;
	color:var(--violeta);
	font-size: 1.5em;
	font-family: quickbold;
	letter-spacing: 0.5px;
	text-align: right
}
.gestiondetalled {
	color:var(--grisclaro);
	font-size: 1.1em;
	font-family: quickregular;
	letter-spacing: 0.5px;
	margin-top:15px;
	text-align: right
}
.fotos {
	margin:auto;
	display: block;
	width: 600px;
	margin-top:0px;
}
#gestionrow2rsp {
	margin-top:80px;
}
#gestionrow2conttextorsp {
	margin-top:150px;
}
#gestionrow2titulorsp {
	color:var(--verde);
	font-size: 2em;
	font-family: quickbold;
	letter-spacing: 0.5px;
	text-align: right;
}
#gestionrow2copetersp {
	color:var(--violeta);
	font-size: 1.3em;
	font-family: quicksemibold;
	letter-spacing: 0.5px;
	text-align: right;
}
#gestionrow2textorsp {
	color:var(--grisoscuro);
	font-size: 1em;
	font-family: quickmedium;
	letter-spacing: 0.5px;
	margin-top:5px;
	text-align: right;
}
#gestionrow2ilustracionrsp {
	width: 500px;
	margin:auto;
	display: block;
}
#Contactanos {
}
#logogestion {
	width: 250px;
	padding-bottom:10px;
}
#containerconsultas{
	margin-top:80px;
}
#consultastitulo{
	font-family: quickbold;
	color:var(--verde);
	font-size: 3em;
	text-align: center;
}
#consultascopete{
	font-family: quicksemibold;
	color:var(--violeta);
	font-size:1.8em;
	text-align: center;
}
#samacontactanos{
	width: 400px;
	height: 400px;
	margin:auto;
	display: block;
}
.hidden {
	font-size: 0.2em;
	display:none;
}
#consultanosform{
	margin-top:50px;
}
#Noticias {
	margin-right: 0px;
	border-radius: 50px;
	font-family: quickbold;
	letter-spacing: 1px;
	font-size: 1.1em;
	border: 2px solid #00a48a;
	border-color:var(--azul);
	background: var(--azul);
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
	box-shadow: 2px 7px 10px #afafaf;
	color:white;
	margin:auto;
	display: block;
	margin-top:30px;
}
#Noticias:hover {
	background-color:var(--violeta);
	border-color:var(--violeta);
	color:white;
}
#campoemail {
	font-family: quicksemibold;
	color:var(--grisoscuro);
}
#campocomentario {
	font-family: quicksemibold;
	color:var(--grisoscuro);
}
#novedadestitulo {
	margin-top:50px;
	font-family: quickbold;
	color:var(--verde);
	font-size: 3em;
	text-align: center;
}
#novedadesrow {
	margin-top: 30px;
}
#novedadesrow1 {
	padding-top: 15px;
	background-color:white;
	border-radius: 10px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-bottom:10px;
	margin-left: 60px;
}
#novedadesrow1titulo {
	text-align: center;
	font-family: quickbold;
	color:var(--verde);
	font-size: 1.2em;
	margin-top:10px;
}
#novedadesrow1copete {
	text-align: center;
	color:var(--grismediano);
	font-family: quicksemibold;
	font-size: 0.9em;
	margin-top:10px;
}
#novedadesrow1linkinstagram{
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
	font-size: 0.9em;
	text-decoration: underline;
	margin-top:10px;
}
#novedadesimagen1 {
	width: 200px;
	margin:auto;
	display: block;
}
#novedadesrow2 {
	padding-top: 15px;
	background-color:white;
	border-radius: 10px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-bottom:10px;
	margin-left: 60px;
}
#novedadesrow1titulo2 {
	text-align: center;
	font-family: quickbold;
	color:var(--verde);
	font-size: 1.2em;
	margin-top:10px;
}
#novedadesrow1copete2 {
	text-align: center;
	color:var(--grismediano);
	font-family: quicksemibold;
	font-size: 0.9em;
	margin-top:10px;
}
#novedadesrow1linkinstagram2{
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
	font-size: 0.9em;
	text-decoration: underline;
	margin-top:10px;
}
#novedadesimagen2 {
	width: 200px;
	margin:auto;
	display: block;
}
#novedadesrow3 {
	padding-top: 15px;
	background-color:white;
	border-radius: 10px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-bottom:10px;
	margin-left: 60px;
}
#novedadesrow1titulo3 {
	text-align: center;
	font-family: quickbold;
	color:var(--verde);
	font-size: 1.2em;
	margin-top:10px;
}
#novedadesrow1copete3 {
	text-align: center;
	color:var(--grismediano);
	font-family: quicksemibold;
	font-size: 0.9em;
	margin-top:10px;
}
#novedadesrow1linkinstagram3{
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
	font-size: 0.9em;
	text-decoration: underline;
	margin-top:10px;
}
#novedadesimagen3 {
	width: 200px;
	margin:auto;
	display: block;
}
#a6 {
	color:white;
	font-family: quickbold;
}
#a6:hover {
	color:white;
	font-family: quickbold;
	text-decoration: none;
}
#Suscribite {
	margin-right: 0px;
	border-radius: 50px;
	font-family: quickbold;
	letter-spacing: 1px;
	font-size: 1.2em;
	border: 2px solid #00a48a;
	background-color:var(--violeta);
	border-color:var(--violeta);
	box-shadow: 2px 7px 10px #afafaf;
	color:white;
	margin:auto;
	display: block;
	margin-top:50px;
}
#Suscribite:hover {
	background-color:var(--violetac);
	border-color:var(--violetac);
	color:white;
}
.scale {
  transition: transform .42s;
}
.scale:hover {  -ms-transform: scale(1.05); /* IE 9 */
	  -webkit-transform: scale(1.05); /* Safari 3-8 */
	  transform: scale(1.05); 
}
#containernewsletter{
	margin-top:80px;
}
#newslettertitulo{
	font-family: quickbold;
	color:var(--verde);
	font-size: 3em;
	text-align: center;
}
#newslettercopete{
	font-family: quicksemibold;
	color:var(--violeta);
	font-size:1.8em;
	text-align: center;
}
#samanewsletter{
	width: 300px;
	height: 300px;
	margin:auto;
	display: block;
}
#newsletterform{
	margin-top:50px;
}
#newsletterbtn {
	margin-right: 0px;
	border-radius: 50px;
	font-family: quickbold;
	letter-spacing: 1px;
	font-size: 1.1em;
	border: 2px solid #00a48a;
	background: var(--azul);
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
	box-shadow: 2px 7px 10px #afafaf;
	border-color:var(--azul);
	color:white;
	margin:auto;
	display: block;
	margin-top:50px;
}
#newsletterbtn:hover {
	background-color:var(--violeta);
	border-color:var(--violeta);
	color:white;
}
#campoemail1 {
	font-family: quicksemibold;
	color:var(--grisoscuro);
}
#campocomentario {
	font-family: quicksemibold;
	color:var(--grisoscuro);
}
#footer {
	margin-top:80px;
	background-color:#d3d6e2;
	padding-top:30px;
}
.titulofooterli {
	font-family: quickbold;
	font-size: 1.1em;
	list-style-type: none;
	color:var(--grisazul);
	letter-spacing: 0.5px;
}
.li {
	list-style-type: none;
	color:#858585;
}
.listadofooterli {
	font-family: quickbold;
	font-size: 1em;
	list-style-type: none;
	color:#666666;
}
.listadofooterli:hover {
	color:var(--violetac);
	text-decoration: none;
}
#afterfooter {
	margin-top:30px;
	background-color:var(--azul);
	color:var(--verde);
	font-size: 1em;
	font-family: quicksemibold;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
}
@media screen and (max-width: 1200px) {
body{
	background-image:url("../imagenes/wallpaper-02.png");
}
#btnregistrarse {
	margin-right:5px;
}
#btningresar {
	margin-right:10px;
	font-size: 1em;
}
}
@media screen and (max-width: 992px) {
#logo {
	width: 200px;
}
#isologo {
	width: 60px;
	margin:5px;
}
#jumbotron{
	width: 600px;
}

#valores1 {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
}
#valoresicono1 {
	margin:auto;
	display:block;
	width: 50px;
}
#valorestitulo1 {
	text-align: center;
	color:var(--verde);
	font-family: quicksemibold;
	font-size: 1.2em;
	margin-bottom:10px;
}
#valorestexto1 {
	text-align: center;
	color:var(--grisoscuro);
	font-family: quickmedium;
}
#valoresspan1 {
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#valores2 {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:0px;
	margin-top:20px;
}
#valoresicono2 {
	margin:auto;
	display:block;
	width: 50px;
}
#valorestitulo2 {
	text-align: center;
	color:var(--verde);
	font-family: quicksemibold;
	font-size: 1.2em;
	margin-bottom:10px;
}
#valorestexto2 {
	text-align: center;
	color:var(--grisoscuro);
	font-family: quickmedium;
}
#valoresspan2 {
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#valores3 {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
}
#valoresicono3 {
	margin:auto;
	display:block;
	width: 50px;
}
#valorestitulo3 {
	text-align: center;
	color:var(--verde);
	font-family: quicksemibold;
	font-size: 1.2em;
	margin-bottom:10px;
}
#valorestexto3 {
	text-align: center;
	color:var(--grisoscuro);
	font-family: quickmedium;
}
#valoresspan3 {
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#gestionrow1 {
	margin-top:0px;
}
#gestionrow1conttexto {
	margin-top:80px;
}
#gestionrow1titulo {
	text-align: center;
}
#gestionrow1copete {
	text-align: center;
}
#gestionrow1texto {
	text-align: center;
}
#gestionrow1ilustracion {
	width: 500px;
	margin: auto;
	display: block;
}
#gestionrow2rsp {
	margin-top:30px;
}
#gestionrow2conttextorsp {
	margin-top:10px;
}
#gestionrow2titulorsp {
	text-align: center;
}
#gestionrow2copetersp {
	text-align: center;
}
#gestionrow2textorsp {
	text-align: center;
}
#gestionrow2ilustracionrsp {
	width: 500px;
	margin:auto;
	display: block;
}
#gestionrow3 {
	margin-top:30px;
}
#gestionrow3conttexto {
	margin-top:10px;
}
#gestionrow3titulo {
	text-align: center;
}
#gestionrow3copete {
	text-align: center;
}
#Contactanos {
	text-align: center;
}
#gestionrow3ilustracion {
	width: 500px;
	margin:auto;
	display: block;
}
#novedadesrow1 {
	margin-bottom:25px;
}
#novedadesrow2 {
	margin-bottom:25px;
}
}
@media screen and (max-width: 768px) {
#alerta {
	background-color:var(--amarillo);
	width: auto;
	font-family:quicksemibold;
	text-align:center;
	color:var(--azul);
	font-size: 0.8em;
}
#btnregistrarsersp{
	margin-right:0px;
	font-size: 0.9em;
}
#btningresarrsp{
	margin-right:0px;
	font-size: 0.9em;
}
#contfondo {
	background-color:var(--azul);
	width: auto;
}
#contxtrsp {
	margin-top:40px;
}
#logoprinrsp{
	width:200px;
	}
#contgrid {
	background-color:var(--azul);
	padding-top:90px;
}
#introrsp {
	width: 400px;
	margin:auto;
	display: block;
	margin-top:60px;
}
#isologo {
	width: 40px;
}
#logoprin{
	margin:auto;
	display:block;
	width: 200px;
}
#logoprinrsp{
	margin:auto;
	display:block;
	width: 200px;
}
#copeteprinrsp {
	font-size:1.5em;
	text-align: center;
	color:var(--verde);
	font-family:quickbold;
	margin-top:15px;
	line-height: 1.2em;
}
#btnprin{
	margin:auto;
	display:block;
	margin-top:30px;
	font-size: 1.1em;
}
#btnprin:hover {
	color:var(--azul);
}
#btnprinrsp {
	margin:auto;
	display:block;
	margin-top:30px;
	border-radius: 50px;
	font-family: quickbold;
	letter-spacing: 1px;
	font-size: 1.2em;
	color:white;
	background-color:var(--azul);

}
#btnprinrsp:hover {

	color:var(--azul);
}
#jumbotron{
	width: 350px;
	border-radius: 30px;
}
#jmbtitulo{
	font-size: 2em;
	font-family: quickbold;
	font-weight: 600;
	letter-spacing: 0px;
}
#jmbcopete{
	font-size: 1em;
}
#jmbconticonos{
	margin-top:20px;
	margin-bottom:20px;
}
#jmbtexto1,#jmbtexto2,#jmbtexto3{
	font-size: 1em;
}
#videotitulorsp {
	text-align: center;
	margin-top:100px;
	color:var(--verde);
	font-family: quickbold;
	font-size:1.8em;
}
#valorestitulo{
	font-size: 1.8em;
}
#valorestitulo{
	font-size: 1.8em;
}
#valorescopete{
	font-size: 1.4em;
}
#valoresaclaracion{
	font-size: 1.2em;
}
#valoresrow {
	margin-top:20px;
}
#valores1 {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
}
#valoresicono1 {
	margin:auto;
	display:block;
	width: 50px;
}
#valorestitulo1 {
	text-align: center;
	color:var(--verde);
	font-family: quicksemibold;
	font-size: 1.2em;
	margin-bottom:10px;
}
#valorestexto1 {
	text-align: center;
	color:var(--grisoscuro);
	font-family: quickmedium;
}
#valoresspan1 {
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#valores2 {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:0px;
	margin-top:20px;
}
#valoresicono2 {
	margin:auto;
	display:block;
	width: 50px;
}
#valorestitulo2 {
	text-align: center;
	color:var(--verde);
	font-family: quicksemibold;
	font-size: 1.2em;
	margin-bottom:10px;
}
#valorestexto2 {
	text-align: center;
	color:var(--grisoscuro);
	font-family: quickmedium;
}
#valoresspan2 {
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#valores3 {
	background-color:#F4F9F9;
	border-radius: 20px;
	box-shadow: 2px 7px 10px #A0A8AA;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
}
#valoresicono3 {
	margin:auto;
	display:block;
	width: 50px;
}
#valorestitulo3 {
	text-align: center;
	color:var(--verde);
	font-family: quicksemibold;
	font-size: 1.2em;
	margin-bottom:10px;
}
#valorestexto3 {
	text-align: center;
	color:var(--grisoscuro);
	font-family: quickmedium;
}
#valoresspan3 {
	text-align: center;
	color:var(--violeta);
	font-family: quickbold;
}
#gestiontitulo {
	font-size: 1.8em;
}
#gestionrow1 {
	margin-top:10px;
}
#gestionrow1titulo {
	font-size: 1.6em;
}
#gestionrow2titulorsp {
	font-size: 1.6em;
}
#gestionrow3titulo {
	font-size: 1.6em;
}
#consultastitulo {
	font-size: 1.6em;
}
#consultascopete{
	font-size: 1.4em;
}
#samacontactanos{
	width: 250px;
	height: 250px;
	margin:auto;
	display: block;
}
#samanewslettermobile {
	width: 200px;
	height: 200px;
	margin:auto;
	display:block;
}
#newsletterformcont {
	margin:auto;
	display:block;
}
#novedadesrow1 {
	padding-top: 15px;
	padding-bottom:10px;
	margin-left: 0px;
	width: 300px;
	margin: auto;
	display:block;
}
#novedadesrow2 {
	padding-top: 15px;
	padding-bottom:10px;
	margin-left: 0px;
	width: 300px;
	margin: auto;
	display:block;
	margin-top:30px;
}
#novedadesrow3 {
	padding-top: 15px;
	padding-bottom:10px;
	margin-left: 0px;
	width: 300px;
	margin: auto;
	display:block;
	margin-top:30px;
}
}
@media screen and (max-width: 576px) {
body{
	background-image:url("../imagenes/wallpaper-02.png");
}
#a5 {
	font-size: 1em;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom: 14px;
	font-family: quicksemibold;
}
#item1, #item2, #item3, #item4, #item5, #item6{
	font-size: 0.9em;
}
#link-menu-rsp{
	margin-right: 20px;
	text-align: center;
}
#a1rsp{
	color:var(--verde);
	font-family: quickbold;
	font-size: 0.9em;
}
#a1rsp:hover{
	color:var(--verdec);
}
#aa1rsp{
	color:var(--verde);
	font-family: quickbold;
	font-size: 0.9em;
	margin-right: 10px;
contxtrsp}
#aa1rsp:hover{
	color:var(--verdec);
}
#contgrid {
	background-color:var(--azul);
	padding-top:250px;
}
#contxtrsp {
	margin-top:60px;
}
#logoprinrsp {
	width: 250px;
}
#copeteprinrsp {
	color:var(--verde);
	font-family:quickbold;
	font-size:1.8em;
	margin-top:20px;
	letter-spacing: 1px;
	line-height: 1.1em;
}
#btnprinrsp {
	margin-top:30px;
	border-radius: 50px;
	background-color: var(--violetae);
	-webkit-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
;	box-shadow: 2px 2px 1px  #011640;
}
#btnprinrsp:hover {
	color:var(--lilaclaro);
	background: rgb(44,67,157);
	background: -moz-linear-gradient(225deg, rgba(44,67,157,1) 12%, rgba(1,22,64,1) 73%);
	background: -webkit-linear-gradient(225deg, rgba(44,67,157,1) 12%, rgba(1,22,64,1) 73%);
	background: linear-gradient(225deg, rgba(44,67,157,1) 12%, rgba(1,22,64,1) 73%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c439d",endColorstr="#011640",GradientType=1);
}
#Producto {
	margin-top:30px;
}
#jmbtitulo {
	margin-top:50px;
	text-align: center;
	color:var(--verde);
	font-size: 3em;
	font-family:quickbold;
}
#jmbsubtitulo{
	text-align: center;
	color:var(--verde);
	font-size: 1.8em;
	font-family:quickbold;
	margin-top:-25px;
	letter-spacing: 0.5px;
	}
#jmbcopetersp{
	margin-top: 60px;
	text-align: center;
	color:var(--verde);
	font-size: 1.3em;
	font-family:quickbold;
	}
#jmbconticonos{
	margin-top:20px;
	margin-bottom:40px;
	}
.jmbiconocont{
	padding:10px;
}
#a4{
		font-size:1.1em;
	}
#contvalores{
margin-top: 80px;
	}
#valorestitulorsp {
	margin-top:80px;
	font-size: 2.4em;
	text-align:center;
	font-family: quickbold;
	color:var(--verde);
}
#valorescopetersp {
	font-size: 1.5em;
	text-align: center;
	color:var(--violetae);
	font-family: quickbold;
	margin-top:80px;
}
#valoresaclaracion {
	font-size: 1.1em;
}
#logogestion {
	margin-top:10px;
	width: 150px;
}
#gestiontitulo {
	font-size: 1.5em;
	margin-top:20px;
}
.valores{
	margin-top:30px;
}
.valorestitulo{
	font-size: 1.8em;
}
.valorestexto{
	font-size:1.2em;
	font-family: quicksemibold;
}
.valoresspan{
	font-size:1.3em;
	font-family: quickbold;
}
#gestiontitular{
	font-size: 2.4em;
	margin-top:30px;
	padding-top:50px;
	padding-bottom:0px;
}
#containergestion{
	padding-bottom:60px;
}
#logogestion{
	width: 180px;
	padding-bottom:0px;
}
.gestionrow{
	margin-top:0px;
	text-align: center;
}
.gestiontitulo{
	font-size: 1.8em;
}
.gestioncopete{
	font-size: 1.4em;
	font-family: quickbold;

}	
.gestiondetalle{
	font-size: 1.1em;
	font-family: quickmedium;
	text-align: left;
	margin-bottom:50px;
}	
.gestiontitulod{
	font-size: 1.8em;
	text-align: center;
}
.gestioncopeted{
	font-size: 1.4em;
	font-family: quickbold;
	text-align: center;

}	
.gestiondetalled{
	font-size: 1.1em;
	font-family: quickmedium;
	text-align: left;
	margin-bottom:50px;
}	
#consultastitulo{
		font-size:2em;
		line-height: 35px;
	}
#novedadestitulo {
	font-size: 2em;
}
#novedadesrow2{
	margin-top:20px;
}
#novedadesrow3{
	margin-top:20px;
}
#Suscribite{
	font-size: 1.3em;
}
#Noticias{
	margin-top:30px;
	font-size: 1em;
}
#newsletterbtn{
	font-size: 1em;
}
#newslettertitulo {
	font-size: 2em;
	line-height: 1;
	margin-bottom:10px;
}
#newslettercopete {
	font-size: 1.2em;
	line-height: 1.1;
}
.titulofooterli {
	font-size: 0.9em;
}
.listadofooterli {
	font-size: 0.8em;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#contfondo {
	background-color:var(--azul);
	height:1300px;
	width: auto;
}
#contgrid {
	background-color:var(--azul);
	padding-top:250px;
}
#logoprin {
	width: 350px;
}
#copeteprin {
	color:var(--verde);
	font-family:quickbold;
	font-size:2.3em;
	margin-top:40px;
	letter-spacing: 1px;
	line-height: 1.1em;
}

#videotitulo {
	font-size: 2em;
}
#novedadesrow2{
	margin-top:0px;
}	
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
#logoprin {
	width: 550px;
	margin-top:60px;
}
#intro {
	margin-top:-30px;
	width: 100px;
	height: 100px;
}
#contfondo {
	background-color:var(--azul);
	height:1000px;
	width: auto;
}
}