article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face {
  font-family: Gotham;
  src: url(../fonts/Gotham-Book.otf);
}
@font-face {
  font-family: GothamLight;
  src: url(../fonts/Gotham-Light.otf);
}

@font-face {
  font-family: GothamBold;
  src: url(../fonts/Gotham-Bold.otf);
}

@font-face {
  font-family: Chalet;
  src: url(../fonts/ChaletComprime-CologneSixty.ttf);
}

body {
	font-family: Gotham;
	background-color:#009c52; /*262626;*/
	align-items: center;
	margin: 0;
}


footer{
	color: white;
	background-color:#062243;
	text-align: center;
	margin: auto;
	line-height: 2em;
}

.header {
  background-color: #009c52;
  color: white;
  display: flex;
  height: 55px;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  flex-wrap: wrap;
}

.Logo{
	position: relative;
	height:40px;
  	left: 1vw;
  	top: 0px;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  height: 55px;
  padding-top:6px;
  vertical-align: middle;
}

.menu { 
	margin: 10px;
	vertical-align: middle;
	font-size: 1.3em;
}

a {color:white; outline:none; text-decoration:none;}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header ol {
  display: flex;
}

.header ol li {
  height: inherit;
}

.header a {
  color: white;
  text-decoration: none;
  height: inherit;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.home {
	background-image: url(../imgs/HomeBG.jpg);
	background-color:#062243;
	background-repeat: no-repeat;
  	background-size: 100% 100%;
	
}

.homeTitle {
	font-size: 6vw;
	line-height: 0.7vw;
	margin-right: 3vw;
}

.homeTitleEmphasis {
	font-family: GothamBold;
	font-weight: bolder;
	padding: -5px;
}
.homeTitleLight {
	font-family: GothamLight;
	padding: -5px;
}

.homeTitlesRegular {
	font-family: Gotham;
	font-weight: bold;
	padding: -5px;
}

.homeuNutcelularImg
{
	padding-top: -5px;
	padding-bottom: -5px;
}

.whiteText
{
	color: white; 
}

.darkBlueText{
	color: #062243;
}

.lineHeightx2{
	line-height: 2vw;
}
.lineHeightx4{
	line-height: 4vw;
}
.lineHeightx6{
	line-height: 6vw;
}

.forceOneLine{
	white-space: nowrap;
}

.upperCase
{
	text-transform:uppercase;
}

.alignItemsCenter{
	display: flex;
  justify-content: center;
  align-items: center;

}

.alignItemsLeft{
	display: flex;
  justify-content: left;
  align-items: left;

}

.sectionTitle
{
	background-color: #009c52;
	color: white;
	font-family: Gotham;
	text-align: center;
	vertical-align: middle;
	line-height: 6vw;
	font-size: 3vw;
	padding-top: 10px;
}

.productos {
	background-image: url(../imgs/ProductsBG.png);
	background-color:#062243;
	background-repeat: no-repeat;
  	background-size: 100% 100%;
	align-items: center !important;
	flex-wrap: wrap;
}

.prodArticles{
	font-size: 1.3em;
	font-family: "Chalet";
	height: 450px;
	width: 430px;
	margin: 10px;
}

.prodInfo {
	background-image: url(../imgs/semiTransparentBG.png);
	border-radius: 0px 10px 10px 0px;
	background-repeat: no-repeat;
  	background-size: 100% 100%;
	height: 350px;
	width: auto;
	margin: 15px;
	padding: 15px;
}

.prodImg {
	height: 420px !important;
	width: auto;
	position: absolute;
	left: 10px;
	z-index: 0 !important;
}

.prodTitle{
	color: #062243;
	font-weight: bold;

}

.prodTableTitle{
	color: #062243;
	font-weight: bolder;
	font-size: 2em;	
	text-align: center;
}

.prodTable{
	font-size: 0.8em;
	border-radius: 10px 10px 10px 10px;
	background-color: #062243;
	text-align: center;
	margin: 5px;
}

.prodTableOddRow
{
	background-color: #062243;
	border-radius: 10px 10px 10px 10px;
	color: white;
}

.prodTableEvenRow
{
	background-color: #16965f;
	border-radius: 10px 10px 10px 10px;
	color: white;
}

.prodTableHeader{
	line-height: 1em;
}

.garantias{
	background-color: #16965f;
}

.garantiasContainerLogo {
	height: 270px;
	position: relative;
  	text-align: center;
}

.garantiasLogo {
    margin: 5px;
	height: 270px;
}

.garantiasLogoTextCentered {
  position: absolute;
  top: 45%;
  left: 48%;
  line-height: 1.6em;
  transform: translate(-50%, -50%);
}

.garantiasColContainer {
    margin-top: 45px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
	width: 350px;
	padding: 10px;
	align-items: center;
}

.garantiasContainer {
  height: 70px;
}

.garantiasTitle{
	color: white;
	font-size: 1.3em;
	line-height: 1.3em;

}
.garantiasBulletPoint{
	font-family: GothamBold;
	color: #062243 !important;
	font-size: 1.3em;
	font-weight: bolder;
	width: 50px;
	margin-left: 5px;
}

.garantiasBulletPointImg{
	height:50px;
}

.garantiasBulletPointText{
	vertical-align: center;
	font-size: 0.9rem;
	margin-left: 15px;	
	vertical-align: middle;
}

.garantiasRowHeight{
	height: 60px;
}

.imgBullet{
	background-color: #96caae;
  	display:block;
	height:50px;
	width:50px;
	line-height:50px;
	margin-top: : 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 50px 50px 50px 50px;
	text-align: center;
}

.garantiasArticles{
	font-size: 20px;
	font-family: "Gotham";
	height: 60px;
	width: 330px;
	margin: 10px;
}


.lineBottom{
	border-bottom: 2px solid white;
	position: absolute;
}

.footerText
{
	background-color: #062243;
	font-family: GothamLight;
	text-align: center;
	vertical-align: middle;
	line-height: 2vw;
	font-size: 1.3vw;
	padding-top: 10px;
}

.socialMediaLogo{
	height: 35px;
	width: 35px;
}

.container {
  /* border: 1px solid red; */
  max-width: 1440px;
  flex: 1;
  margin: 0 auto;
  display: inherit;
  justify-content: center;
  align-items: center;
  height: inherit;
  flex-wrap: inherit;
}


.container-fluid,.container-lg,.container-md,.container-sm,.container-xl
{
	/*width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto; */
	width:1440px;
	margin: 0 auto;
	display: inherit;
	justify-content: inherit;
	align-items: inherit;
	height: inherit;
	flex-wrap: inherit;
}

.row{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto
{
	position:relative;
	width:100%;
}

.col
{
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;

}

.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}


@media screen and (min-width: 2000px) {
	.homeTitle {
		font-size: 3vw;
	}
}

@media screen and (min-width: 1500px) {
	.homeTitle {
		font-size: 5vw;
	}

	.garantiasBulletPointText{
		font-size: 1rem;
	}
	.garantiasArticles{
		font-size: 20px;
		font-family: "Gotham";
		height: 60px;
		width: 360px;
		margin: 10px;
	}
}

@media screen and (max-width: 1344px) {
	.alignItemsLeft{
		display: flex;
		justify-content: center;
		align-items: center;
	}

}

@media screen and (max-width: 900px) {
	.productos {
		background-image: url(../imgs/ProductsBG.png);
		background-color:#062243;
		background-repeat: repeat;
		background-size: auto;

	}

	.prodTableTitle{
		color: #062243;
		font-weight: bolder;
		font-size: 1rem;	
		text-align: center;
	}

	.prodTable{
		font-size: 2.7vw;
		border-radius: 10px 10px 10px 10px;
		background-color: #062243;
		text-align: center;
		margin: 3px;
	}
}

@media screen and (max-width: 768px) {
	.sectionTitle
	{
		font-size: 4vw;
	}

	.prodTableTitle{
		color: #062243;
		font-weight: bolder;
		font-size: 1.5rem;	
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.sectionTitle
	{
		font-size: 5vw;
	}

	.prodInfo {
		background-color: #FFFFFF;
		opacity: 70%;
	  	display:block;
		border-radius: 0px 10px 10px 0px;
		height: 350px;
		width: auto;
		margin: 15px;
		padding: 15px;
	}

	.prodArticles{
		font-size: 20px;
		font-family: "Chalet";
		height: 450px;
		width: 430px;
		margin: 10px;
		padding-top: 20px;
	}

	.prodTableTitle{
		color: #062243;
		font-weight: bolder;
		font-size: 1.1rem;	
		text-align: center;
	}

	.prodTable{
		font-size: 3vw;
		border-radius: 10px 10px 10px 10px;
		background-color: #062243;
		text-align: center;
		margin: 3px;
	}

	.menu { 
		margin: 10px;
		vertical-align: middle;
		font-size: 4vw;
	}
}

@media screen and (max-width: 360px) {
	.prodArticles{
		font-size: 5.5vw;
		font-family: "Chalet";
		height: 450px;
		width: 430px;
		margin: 10px;
		padding-top: 20px;
	}

	.prodTableTitle{
		color: #062243;
		font-weight: bolder;
		font-size: 0.8em;	
		text-align: center;
	}

	.prodTable{
		font-size: 3vw;
		border-radius: 10px 10px 10px 10px;
		background-color: #062243;
		text-align: center;
		margin: 2px;
	}
}