@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@600&family=Montserrat:wght@700&family=Open+Sans:wght@400;700&display=swap');

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

.fope{font-family: 'Open Sans', sans-serif;}
.fmon{font-family: 'Montserrat', sans-serif; font-weight: 700;}
.fgar{font-family: 'EB Garamond', serif; font-weight: 600;}


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

.imglog{ width:100%; max-width:452px;}

.contenedor{ width:100%;}
.mil175{ margin:auto; max-width: 1175px; width: 100%;}
.cien{ float:left; position: relative; width: 100%;}
.veinti2{width:22%;}
.treinta{width:30%;}
.treinta1{width:31%;}
.treinta6{width:37%;}
.treinta9{width:39%;}
.cuarenta43{width:43%;}
.cuarenta8{width:48%;}
.cincuenta5{width:55%;}
.cincuenta9{width:59%;}
.sesenta6{width:66%;}
.setenta{width:70%;}
.setenta6{width:76%;}
.noventa{ width: 90%;}
.noventa5{ width: 95%;}
.mauto{ margin:auto;}

.s11{ font-size:11px;}
.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s18{ font-size:18px;}
.s20{ font-size:20px;}
.s24{ font-size:24px;}
.s30{ font-size:30px;}


.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;}
.h110{ height:110px;}
.h170{ height:170px;}
.h220{ height:220px;}
.h250{ height:250px;}
.h390{ height:390px;}
.h10{ height:7px;}
.plat5 { padding-left: 5px; padding-right: 5px;}
.plat10 { padding-left: 10px; padding-right: 10px;}

.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:#9f2222;}
.cred a{ color:#9f2222; text-decoration:none;}
 
.lroja{height:3px; width: 100%; background-color: #9f2222; float: left; position: relative;}
.lgry{height:1px; width:100%; background-color:#d9d9d9; float: left; position: relative;}

.fondobco{background-color:#ffffff;}
.fondogrisosc{background-color:#2a2a2a;}
.fondoblk{background-color:#000000;}
 


.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(33,47,87,0.60); width: 100% }
.bluetextlabel2{position: absolute; bottom: 0px; background-color: rgba(33,47,87,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;
	}

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

	
	.mil175{ margin:auto; max-width: 1175px; width: 100%;}
.cien{ float:left; position: relative; width: 100%;}
.veinti2{width:99%;}
.treinta{width:99%;}
.treinta1{width:99%;}
.treinta6{width:99%;}
.treinta9{width:99%;}
.cuarenta43{width:99%;}
.cuarenta8{width:99%;}
.cincuenta5{width:99%;}
.cincuenta9{width:99%;}
.sesenta6{width:99%;}
.setenta{width:99%;}
.setenta6{width:99%;}
.noventa{ width: 90%;}
.noventa5{ width: 95%;}
	
	.h390{ height:auto;}

	
.mauto{ margin:auto;}
    
    .flpr{ margin: auto;}
.frpr{ margin: auto;}
    
    .desk{
		display: none !important;
	}

.mobile{
		display: block !important;
	}
}