@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');

.fmul{
    font-family: 'Mulish', sans-serif;
}
.fpla{
    font-family: 'Playfair Display', serif;
}

.bold{font-weight: 700;}

.plecaultimo{ width: 214px; height: 45px; background-repeat: no-repeat; background-position: center; background-size:contain;}

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

.contenedor{ width:100%;}
.mil200{ margin:auto; max-width: 1200px; width: 100%;}
.cien{ float:left; position: relative; width: 100%;}
.veinte{ width:20%}
.veinti3{ width:23%}
.veinti5{width:25%;}
.veinti7{width:27%;}
.treinta{ width:30%}
.treinta2{ width:32%}
.cuarenta47{width: 47%;}
.cincuenta{width: 50%;}
.cincuenta2{width: 52%;}
.sesenta5{ width:65%}
.sesenta52{ width:65%}
.setenta1{ width:71%}
.setenta2{ width:72%}
.setenta4{ width:74%}
.noventa{ width:90%}
.noventa7{ width:97%}

.mauto{margin:auto;}


.fondoplecasec{ background-image: url("../src/linea.png"); background-position: bottom left; background-repeat: no-repeat; padding-bottom:7px; margin-bottom: 3px;}

.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s16{ font-size:16px;}
.s17{ font-size:17px;}
.s18{ font-size:18px;}
.s19{ font-size:19px;}
.s20{ font-size:20px;}
.s24{ font-size:24px;}
.s30{ font-size:30px;}

.pad3{ padding: 3px;}
.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;}
.pbot40{ padding-bottom:40px;}
.mbot10{ margin-bottom:10px;}
.mbot20{ margin-bottom:20px;}
.mbot40{ margin-bottom:40px;}

.mlef17{ margin-left:17px;}
.mlef20{ margin-left:20px;}
.plef17{ padding-left:17px;}

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

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

.h464{ height:464px;}
.h285{ height:285px;}
.h230{ height:230px;}
.h205{ height:205px;}
.h180{ height:180px;}
.h65{ height:65px;}
.h55{ height:55px;}
.lh65{ line-height:65px;}
.hvid{ height:450px;}

.imagenfill{ object-fit: cover;
   width: 100%;
   height: 100%;}

.imagen120{ object-fit: cover;
   width: 120px;
   height: 120px;}

.imagen80{ object-fit: cover;
   width: 80px;
   height: 80px;}

.bluetextlabel1{position: absolute; bottom: 15px; left: 15px; background-color: #9a0016; padding: 5px; }
.bluetextlabel2{position: absolute; bottom: 20px; left: 20px; background-color: #9a0016; padding: 5px; }

.cbco{ color:#FFFFFF;}
.cbco a{ color:#FFFFFF; text-decoration:none;}
.cblk{ color:#000000;}
.cblk a{ color:#000000; text-decoration:none;}
.cgry{ color:#3c3c3c;}
.cgry a{ color:#3c3c3c; text-decoration:none;}
.cred {color:#9a0016;}
.cred a{ color:#9a0016; text-decoration:none;}
.under {text-decoration:underline !important;}

.fondorojo{background-color:#9a0016;}
.fondogris{background-color:#efefef;}
.fondoazul{background-color:#2f4858;}
.fondonegro{background-color:#000000;}

.desk{
		display: block !important;
	}

.mobile{
		display: none !important;
	}

.imagencircular1{
    width:140px;
    margin: 2px;
    border:1px solid #ff2500;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
}

.imagencircular2{
    width:80px;
    margin: 2px;
    border:1px solid #ff2500;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
}
@media screen and (max-width: 800px){
    .mil200{ margin:auto;  width: 100%;}
.cien{ float:left; position: relative; width: 100%;}
.veinte{ width:98%}
.veinti3{ width:98%}
.veinti5{width:98%;}
.veinti7{width:98%;}
.treinta{ width:98%}
 .treinta2{ width:98%}
.cuarenta47{width: 98%;}
.cincuenta{width: 98%;}
.cincuenta2{width: 98%;}
 .sesenta52{ width:98%}
 
.setenta2{ width:98%}
.setenta4{ width:98%}
.noventa7{ width:98%}
    
    .imagen120{ object-fit: cover;
   width: 30%;
   height: 120px;}
    
    .mlef17{ margin-left:0px;}
    .mlef20{ margin-left:0px;}
    
    .flpr{ float:left; position: relative; margin-left: 1px;}
.frpr{ float:left; position: relative; margin-left: 2px;}
    .h65{ height:auto;}
 
.lh65{ line-height:auto;}
    .hvid{ height:250px;}
    
    .desk{
		display: none !important;
	}

.mobile{
		display: block !important;
	}
}