@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&family=Roboto+Condensed:wght@100..900&display=swap');

.reg{ font-weight:400;}
.semi {font-weight:600;}
.bold{font-weight:700;}

.fope{font-family: 'Open Sans', sans-serif; }
.frobc{font-family: "Roboto Condensed", serif; }


 body{
	background-color:#ffffff;
	height: 100%;
    min-height: 100%;
	font-weight: 400;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

 
.contenedor{ width:100%;}
.mil200{ margin:auto; max-width: 1200px; width: 100%;}
.cien{ float:left; position: relative; width: 100%;}

.treinta8{width:38%;}
.treinta9{width:39%;}
.cuarenta8{width:48%;}
.cincuenta{width:50%;}
.cincuenta9{width:59%;}
.sesenta{width:60%;}
.ochenta{width:80%;}
.noventa7{ width:97%;}
 
.mauto{ margin:auto;}

.s12{ font-size:12px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s16{ font-size:16px;}
.s18{ font-size:18px;}
.s22{ font-size:22px;}
.s28{ font-size:28px;}
.s35{ font-size:35px;}


.pad5{ padding: 5px;}
.pad10{ padding: 10px;}
.ptop10{ padding-top:10px;}
.ptop20{ padding-top:20px;}
.ptop40{ padding-top:40px;}
.mtop5{ margin-top:5px;}
.mtop10{ margin-top:10px;}
.mtop20{ margin-top:20px;}
.mtop40{ margin-top:40px;}
.pbot10{ padding-bottom:10px;}
.pbot20{ padding-bottom:20px;}
.pbot30{ padding-bottom:30px;}

.pbot40{ padding-bottom:40px;}
.mbot10{ margin-bottom:10px;}
.mbot20{ margin-bottom:20px;}
.mbot30{ margin-bottom:30px;}

.mbot40{ margin-bottom:40px;}
.h120{ height:120px;}
.w120{width:120px;}
.h140{ height:140px;}
.w140{width:140px;}
.h200{ height:200px;}
.w200{width:200px;}
.h450{ height:450px;}
.h500{ height:500px;}
.h40{ height:40px;}
.h10{ height:7px;}
.plat5 { padding-left: 5px; padding-right: 5px;}
.plat10 { padding-left: 10px; padding-right: 10px;}
.hvid{ height:450px;}

.flpr{ float:left; position: relative;}
.frpr{ float:right; position: relative;}

.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

.cbco{ color:#FFFFFF;}
.cbco a{ color:#FFFFFF; text-decoration:none;}
.cblk{ color:#000000;}
.cblk a{ color:#000000; text-decoration:none;}
.cred{ color:#661111;}
.cred a{ color:#661111; text-decoration:none;}
 
.lroja{height:2px; width: 100%; background-color: #661111; float: left; position: relative;}
.lgry{height:1px; width:100%; background-color:#111111; float: left; position: relative;}

.fondobco{background-color:#ffffff;}
.fondorojo{background-color:#661111;}
.fondoblk{background-color:#000000;}
.fondorojo2{background-color:#321315;}
 


.lh25{ line-height: 27px;}
.lh40{ line-height: 40px;}

.contimg43{
 	 
  	position: relative;
	width: 100%;
	overflow:hidden;
 }

.contimg1{
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: relative;
}

.imagenfill{ object-fit: cover;
   width: 100%;
   height: 100%;}
 
.bluetextlabel{position: absolute; bottom: 0px; background-color: rgba(102,17,17,0.60); width: 100% }
.redtag{position: absolute; bottom: 20px;  width: 100%; }
.whitetag{ position: absolute; top: 10px;}
.innerwhitetag{ width: 100%; background-color: #FFFFFF; padding: 5px;}
.innertag{ width:85%; margin: auto; background-color: rgba(102,17,17,0.60); padding: 5px;}

.bgpleca{ height:50px; background-image:url('../src/plecanaranja.png'); background-repeat:no-repeat; background-position:left center; text-indent:60px; }
.bgbco{ background-color:#ffffff;}
.bgblk{ background-color:#000000;}


.desk{
		display: block !important;
	}

.mobile{
		display: none !important;
	}
.bglred{ background-image: url('../src/bglred.png'); background-position: center; background-repeat: repeat-x;}

@media screen and (max-width: 800px){
    
	.imglog{ width:90%; max-width:252px;}

	
	.mil200{ margin:auto; max-width: 1200px; width: 100%;}
.cien{ float:left; position: relative; width: 100%;}
.treinta8{width:99%;}
.treinta9{width:99%;}
.cuarenta8{width:99%;}
.cincuenta{width:99%;}
.cincuenta9{width:99%;}
.sesenta{width:99%;}
.ochenta{width:90%;}
	
	
	
	.h390{ height:auto;}
	.h500{ height:auto;}

	
.mauto{ margin:auto;}
    
    .flpr{ margin: auto;}
.frpr{ margin: auto;}
    
    .desk{
		display: none !important;
	}
	.hvid{ height:250px;}

.mobile{
		display: block !important;
	}
}