@charset "utf-8";
/* CSS Document */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{margin:0;padding:0;text-decoration:none; font-size:100%; line-height:110%; font-family: 'Poppins', sans-serif;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

*:hover{
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}



body{background:#fff; }


.cabecera{position:relative; display:table; width:1600px; height:100px; max-height:100px; background: #fff; margin: 0 auto 20px auto;}
.logo_001{ position:relative; display:table; width:30%;  float:left; padding:20px 0 0px 40px; text-align:left; }
.img_logo_m{ position:relative; display:table; height:120px; width:auto; margin:0 10px;} 
.img_logo_b{ position:relative; display:table; height:110px; width:auto; margin:0 0px; padding:0 0 20px 0px;} 
.img_logo_s{ position:relative; display:table; height:80px; width:auto; margin:0 0px; padding:0px 0 40px 0px;} 

.img_logo{ position:relative; display:table; height:100px; width:auto; margin:0 10px;} 
.logo_002{ position:relative; display:table; width:70%; text-align:right; padding:20px 0;  }
.logo_001 .img_logo{ float: left;} 
.logo_002 .img_logo{ float: right;} 



.titulo_p1{ color:#fff; padding-right:20px; padding-top:15px; font-size:30px;  font-weight:700; }

.contenido{ position:relative;  width:auto; padding:20px 0px;  }
.contenido .txt_simple { font-size:100%; line-height:150%; font-weight:700; }

.div_1,.div_2,.div_25,.div_3,.div_33,.div_4,.div_5,.div_6,.div_7,.div_75,.div_8,.div_9,.div_10 { position:relative; display:table; float:left;  text-align:justify;   height:auto !important;}
.div_1{ width:10%;}
.div_2{ width:20%;}
.div_25{ width:25%;}
.div_3{ width:30%;}
.div_33{ width:33.3%;}
.div_4{ width:40%;}
.div_5{ width:50%;}
.div_6{ width:60%;}
.div_7{ width:70%;}
.div_75{ width:75%;}
.div_8{ width:80%;}
.div_9{ width:90%;}
.div_10{width:100%; }




.div_foot{position:relative; display:table; float:left;  text-align:justify;   height:auto !important; width: 50%;}

.div_sec1, .div_sec2, .div_sec3{  display: table-cell;   }
.div_sec1{ width:40%;}
.div_sec2{ width:60%;}
.div_sec3{ width:100%;}

.btn_icos{ width:35%; height: auto;}
.btn_ico_tit{ font-size: 30px!important; line-height: 110%!important; padding: 12% 30% 0 10px!important; }
.linea_verde{position: relative; display: table; width: 100%; height: 30px; background-image:url("../img/menu01.jpg"); background-position: right;}



.pad_l{ padding-left:30px;}
.pad_r{ padding-right:30px;}
.pad_t{ padding-top:30px;}
.pad_b{ padding-bottom:30px}
.pad_all{ padding:30px;}

.pad_l2{ padding-left:10px;}
.pad_r2{ padding-right:10px;}
.pad_t2{ padding-top:10px;}
.pad_b2{ padding-bottom:10px}
.pad_all2{ padding:10px;}
 
.super_pad{ padding:0% 10%;} 

.super_pad a{        color: #ffffff; text-decoration: none; }
.super_pad a:hover{  color: #d9d9d9; text-decoration:underline; }

	.redes{ position: relative; display: table; width: 100%;  margin:0 0 20px 0 ;	}	
	.btn_redes { position: relative; display:flex;  width: 40px; height: 40px; margin: 0 10px 0 0px;  float: left; background-position: center; background-repeat: no-repeat;background-size:40px 40px;}
	.btn_f { background-image:url("../img/btn_face.png"); }
	.btn_f:hover { background-image:url("../img/btn_face-h.png"); }
	.btn_x{ background-image:url("../img/btn_x.png"); }
	.btn_x:hover { background-image:url("../img/btn_x-h.png"); }
	.btn_i { background-image:url("../img/btn_inst.png"); }
	.btn_i:hover  { background-image:url("../img/btn_inst-h.png"); }
	.btn_y { background-image:url("../img/btn_you.png"); }
	.btn_y:hover  { background-image:url("../img/btn_you-h.png"); }

.super_pad .foot_2 li { position: relative; display: table;   padding:0px 0px!important; margin: 0px !important;  }
.super_pad .foot_2 li a {position: relative; display: table; padding: 5px 10px!important; margin:5px 0px!important; line-height: 100%; }
.super_pad .foot_2 li a:hover {  background: #CCCCCC; color: #5C5C5C; text-decoration: none; }


.mar_l{ margin-left:20px;}
.mar_r{ margin-right:20px;}
.mar_t{ margin-top:20px;}
.mar_b{ margin-bottom:20px;}
.mar_all{ margin:20px;}

.bor_l{ border-left:solid 1px #c9c9c9;}
.bor_r{ border-right:solid 1px #c9c9c9;}
.bor_t{ border-top:solid 1px #c9c9c9;}
.bor_b{ border-bottom:solid 1px #c9c9c9;}
.bor_all{ border:solid 1px #c9c9c9;}

.txt_j{ text-align:justify;}
.txt_c{ text-align:center;}
.txt_r{ text-align:right;}
.txt_l{ text-align:left;}
.txt_t1{ font-size:140%;}

.txt_c1{ color:#fff;}

.bgc-1{ background:#fdfdfd;}
.bgc-2{ background:#f4f5f4;}
.bgc-3{ background:#dae5ea;}
.bgc-4{ background:#ffffff;}

.img_100{ position:relative; display:table; width:100%; height:auto;}

.footer, .footer2{ position:relative; display:table; width:100%; height:100%; color:#fff; }
.footer{ background:#00aaa4; text-align: right;}


.cjx_1{ border-right: solid 1px rgba(255,255,255,0.2); border-bottom:none;}



.footer2{ background:rgba(0,0,0,0.1); padding:50px 0;}
.footer2 h2{  text-align:left; padding:0 0 30px 0; margin: 0px; color: #fff; font-size: 30px;}
.footer2 .txt_footer { position: relative;  padding: 0px;}
.footer2 p{ font-size: 90%; line-height:125%; padding: 0px;}
.footer2 ul{   margin:0px; padding:0px; }
.footer2 ul li{ margin:0px; padding:6px 0 6px 0px;  text-align: left;   list-style:none;   }
.footer2 ul li a{  margin:0px; padding:20px 0; color:#fff; font-size:90%; text-decoration:none;}
.footer2 ul li a:hover{  color:#CF0;   }


.footer2 .footer p{  margin:0px; padding:3px 0; color: #B4B4B4; font-size:90%;}
.copiri{ font-size: 16px; text-align: right; padding: 10px;}	

.s_txt{ font-size:120%; font-style:italic; border-bottom: solid 1px #9c9c9c; color: #9c9c9c;}
.bg-table{ display:table; width:100%;}


.norma{ position:relative; display:table; float:left; width:20%; margin:0px 0;}
.norma .n_bor{ border-left:solid 1px #bdbdbd; border-right:solid 1px #bdbdbd; border-bottom:solid 1px #bdbdbd; margin:20px 20px; padding:20px; border-radius:5px; background:#fbfeff;  }
.norma .n_tit{ padding:10px 0; font-weight:600; color:#0060b9; font-size:100%;}
.norma .n_det{ padding:10px 0; font-weight:500; text-align:left; line-height:180%;}
.norma .n_btn{ padding:20px 0; font-weight:500; position:relative; display:table;   font-size:90%;}
.norma .n_fec{ padding-top:0px;}
	
.txt_norma{ line-height: 150%; text-decoration: none; color: #838383; text-align: justify;}	
	
	
.img_100{ position:relative; display:table; width:100%; height:auto; margin:0px; padding:0px;}

.secc-cubo1{  width:100%; margin:0 auto; }
.secc-cubo1 img { border-radius: 5px 5px 0 0;} 
.secc-cubo1 p { font-size:100%; line-height:150%; padding:10px 10%;  } 
.secc-cubo1 .content{  }
.secc-cubo1 .content p{ padding:0 20px; }
.secc-cubo1 .content ul{ margin: 20px 0 20px 35px ; padding: 0px ;}
.secc-cubo1 .content ul li{  padding:10px 0px; margin:0px;  border-bottom: #BBBBBB solid 1px;  }
.secc-cubo1 .content ul li a{ margin: 0px; padding:0 ; font-size: 85%;}
.secc-cubo1 .content ul li a:hover{ color: #218C05}


.secc-cubo1 .owl-carousel p{  min-height: 130px;}
.secc-cubo1 .content a{ margin:20px auto;}
.scb{ display: table; text-align: center;  padding: 10px 0; margin: 0px; }
.scb p{ margin: 0px; line-height: 150%;}

.bor-line2{ border-style: solid; border-width: 1px; border-top: none;border-radius:0 0 10px 10px;}
.secc-cubo1 .content ul  .bor-line1{  border-bottom: #BBBBBB solid 0px;}


.btn_01{ position:relative; display:table; color:#fff;   padding:10px 30px; border-radius:0px;}
.btn_01:hover{  background:#5b9b00;  color:#fff; text-decoration:none;  }

.btn_02{ position:relative; display:table;  padding:15px 30px; border-radius:5px; margin:50px auto 0px auto;}
.btn_02:hover{   text-decoration: underline ; background:rgb(0,0,0,0.05)  }

.cont_tema{ position:relative; display:table; margin:20px auto 0px auto; text-align:center; }
.btn_tema {position:relative; float:left; margin:10px; width:40px; height:10px; padding:0px; border-radius:0px; color:#0F0; cursor:pointer; }
.btn_tema:hover { border: solid 1px #fff;}

.linea, .linea2{ position:relative; display:table; width:100%; height:1px; padding:10px 0; margin:10px 0; }

.linea{ border-bottom:1px solid #fdfdfd; }
.linea2{border-bottom:1px solid #fff; }

.caja_car{ padding: 20px; background:#1e5271; color:#fff; text-align: center;min-height: 50px;}
.caja_txt{ padding: 20px 10%;; text-align: center; font-size: 90%; min-height: 100px; }

.tbl_norma { width: 80%; margin: 0 auto; text-align: justify;}

.it_1{ font-size: 100px; font-weight: bold;  color: #afafaf; }
.it_2{ font-size:100%; line-height:150%; padding: 20px 50px;   }

.btn_fle { position: relative; display: table; width: 100%;  text-align: center;  }
.btn_fle img{ width:130px; height: auto; margin:30px auto;}
 
a.btn_img_sec1, a.btn_img_sec2, a.btn_img_sec3, a.btn_img_sec4  { display: block; width: 100%; min-height: 350px; color: #fff;   }
a.btn_img_sec1 { background: #00aaa4; }
a.btn_img_sec2 { background: #a0dbe4; }
a.btn_img_sec3 { background: #0075aa; }
a.btn_img_sec4 { background: #8aaa48; }




a.btn_img_sec1:hover, a.btn_img_sec2:hover, a.btn_img_sec3:hover, a.btn_img_sec4:hover  {  
  --opacidad-negro: 0.1;
    background-image: linear-gradient(rgba(0, 0, 0, var(--opacidad-negro)), rgba(0, 0, 0, var(--opacidad-negro))), url("../img/btn_hover.png");	color: #fff;
}

 


/* Style the tab */
.tab {
  overflow: hidden; 
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color:#f9fafc;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px 50px;
  transition: 0.3s;
  border-bottom:solid 5px #f9fafc;
  border-right:solid 1px #fff;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f2f2f2;
  border-bottom:solid 5px #bf0908;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f2f2f2;
  border-bottom:solid 5px #bf0908;
}

/* Style the tab content */
.tabcontent {
  position:relative;
  display: none;
  width:100%; 
  animation: fadeEffect 1s;
   
}

.seccion{
  position:relative;
  display:table;
  background:#f2f4f4;   
  width:100%;
  padding:30px;
  margin:30px 0px;
  border-top: none;
  border-radius:10px; 
  border:solid 1px #abacab;
  } 

.seccion2{
  position:relative;
  display:table;
  background:#fff;
  width:100%;
  padding: 20px;
  margin:20px 0;
  border-top: none;
  border-radius:10px; 
  border:solid 1px #abacab;
  } 

.seccion3, .seccion4{
  position:relative;
  display:table;
  width:100%;
  padding: 30px;
  margin:20px 0 0px 0;
  border-top: none;
  border-radius:10px; 
  border:solid 1px #abacab;
  } 

.seccion3{   background:#acdeea; } 
.seccion4{   background:#f1f1f1; } 

/* Formulario */

label{ position:relative; display:table; width:100%; padding:10px 0;  }

select{position:relative; display:table; border:solid 1px #abacab;  width:100%; padding:10px 10px; border-radius:5px; }

input {position:relative; display:table; border:solid 1px #abacab; border-radius:5px;  padding:10px 10px; float:left; margin-right:10px;   outline: none; }





input[type=button], input[type=submit], input[type=reset] {
  position:relative; display:table;  border-radius:5px;    
  border: none;
  color: white; 
  text-decoration: none;   
  cursor: pointer;
}
input:hover[type=button], input:hover[type=submit], input:hover[type=reset] {   }

input[type=radio]{ color:#f00; margin:0px 45%;}
 

input.mini_combo{  padding:3px 10px; margin:3px 0;  }

.btn_data{ width:40%; padding:10px 10px; margin-right:5px;}
.btn_buscar{ background-image:url(../img/btn_buscar.png);
background-repeat:no-repeat;
background-position:center left 5px;
background-size:auto 70%;
padding:13px 30px 13px 50px; 
background-color: #bf0908; }

.btn_buscar:hover{  background-color: #5b9b00;}

.btn_seleccionar{ background-color:#ee8100;  padding:13px 20px 13px 20px;   }
.btn_seleccionar:hover{ background-color:#5b9b00;    }

input.btn_mini {  width:100%; margin:10px auto; padding:10px 20px;  }



.cont_null{ position:relative; display:table; width:400px; padding:20px; margin:20px auto; border:solid 1px #CCCCCC; border-radius:20px;  text-align:center;}
.alert_img_1, .alert_img_2{ position:relative; display:block; width:150px; height:150px; margin:0 auto; 
background-repeat:no-repeat; 
background-position:center;
background-size:90% 90%;}

.alert_img_1{ background-image:url(../img/alert_si.png); }
.alert_img_2{ background-image:url(../img/alert_no.png); }

.alert_tit{  text-align:center; font-weight:600; font-size:120%; margin:20px auto; width:70%;}
input.btn_alert_1, input.btn_alert_2{  width:100%; margin:10px auto; padding:10px 20px; }
input.btn_alert_1{  background:#076d07; }
input.btn_alert_1:hover{  background:#1d931d; }
input.btn_alert_2{  background:#bf0908; }
input.btn_alert_2:hover{  background:#eb302f; }


.lis_grid-1, .lis_grid-2, .lis_grid-3{ position:relative; display:table; padding:10px 10px 0px 60px;  height:60px; 
background-repeat:no-repeat;
background-position:center left 5px;
background-size:auto 70%;}


.lis_grid-1{ background-image: url(../img/icon_lis_grid-1.png); }
.lis_grid-2{ background-image: url(../img/icon_lis_grid-2.png);}
.lis_grid-3{ background-image: url(../img/icon_lis_grid-3.png);}

.lg-n-cargo{  padding:3px 10px; font-weight:600; text-align:left;}
.lg-n-nombre{ padding:3px 10px; font-weight:400;  text-align:left;}



/* INICIO Popup  */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display: none ;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 850px;
    min-height: 490px;
    vertical-align: middle;
    width: 70%;
    position: relative;
    border-radius: 8px;
    padding: 20px 15px;
}
.hover_bkgr_fricc p{
padding: 3px 0;	
	font-size: 90%;
}
.popupCloseButton {
    background-color:#fff;   
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: 400;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
	z-index:9999;
}
.popupCloseButton:hover {
    background-color: #ededed;
}
.trigger_popup_fricc {
    cursor: pointer;     
}


/* FIN Popup   */
 

.pop_tit{position:relative; display:table; width:100%; padding:10px 0; text-align:left; border-bottom:solid 1px #666; margin:10px 0; }

.caja{ position: relative; display: table; width: 100%; overflow-y: scroll; height: 100px; max-height:50px;}

.tbl01{border-bottom: solid 1px #b9b9ba; border-left: solid 1px #b9b9ba; margin:10px 0; }
.tbl01 th {border-top: solid 1px #b9b9ba; border-right: solid 1px #b9b9ba; padding: 7px; font-size: 90%; background:#b9b9ba; color:#fff; }
.tbl01 td {border-top: solid 1px #b9b9ba; border-right: solid 1px #b9b9ba; padding: 7px; font-size: 90%; }




.marginbot {
margin:0px;
}

ul.list li {
list-style-type:none;
margin:20px;
}

ul.tabs {
width:100%;
overflow:hidden;
	margin-top: 30px;
}

ul.tabs li {
	
list-style-type:none;
display:block;
float:left;
color:#fff;
padding:8px 20px;
margin-right:2px;
border-bottom:1px solid #2f2f2f;
background-color:#1f5e6f;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
cursor:pointer;
	
}

ul.tabs li:hover {
background-color:#43b0ce;
}

ul.tabs li.current {
border-bottom:2px solid #43b0ce;
background-color:#43b0ce;
padding:8px 20px;
}

.tabscontent {
border-top:1px solid #c9c9c9;
padding:20px 30px 20px 0;
display:none;
width:100%;
text-align:justify;
}

.tabscontent p{ margin:0 0 25px 0; line-height: 120%;}
.miga{   width: 1600px; margin: 0 auto; height: 50px; display:flex; align-items: center;   }
.btn_home{ position: relative; display: block; align-content: center; align-items: center; width: 30px; height: 30px; background-image:url("../img/icon_home.png"); background-size: 30px 30px; float: left;  }
.btn_home_txt{ display: block;align-content: center; align-items: center; margin-top: 10px;float: left; }
.miga span{ padding-top: 10px; float: left;}
.miga a { text-decoration: none; color: #0075aa;}
.miga a:hover { text-decoration: underline; color: #00aaa4;}


@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

		.boton-subir{
		display: none;		 
		position: fixed;
		right: 30px;
		bottom:30px; 
		z-index: 999999999;
		opacity: 0.7;
		}
		.boton-subir:hover{ opacity: 1;  }
		.boton-subir .btn_sub{ width: 80px; height: auto;  }
		
.containerbackground {display: none; }
.no_ver_mo{ display: block;}
.no_ver_pc{ display: none;}

@media screen and (max-width:1919px){
.cabecera{  width:100%;  }
}


@media screen and (max-width:700px){

.no_mobil { display:block; width:100%; margin-bottom:0px;}
.no_mobil img{ display:none;}
	
.no_ver_mo{ display: none;}
.no_ver_pc{ display: block;}

	
.img_logo_b{  margin:20px auto; padding:10px 0;} 	
	
.cabecera{  width:100%; height:auto; max-height:auto;  margin: 20px auto 0px auto;   }	 
.logo_001{ width:80%; max-width: 350px; float:none!important; text-align: center; margin:0px auto!important;   padding:0px; }	
.logo_002{ width:80%; max-width: 350px; float:none!important; text-align: center; margin:0px auto!important;}	
.logo_002 .img_logo, .logo_001 .img_logo_m{  height:auto; width:100%; margin:0px auto 0px auto;} 
 
	
.titulo_p1{ padding-right:20px; padding:20px 10px; font-size:210%;  font-weight:700; }


.div_1,.div_2,.div_25,.div_3,.div_33,.div_4,.div_5,.div_6,.div_7,.div_75,.div_8,.div_9,.div_10 { width:100%;}
.pad_l, .pad_r, .pad_t, .pad_b{ padding: 0px; }
.lis_grid-1, .lis_grid-2, .lis_grid-3{ margin:0px 20px;}
.btn_seleccionar{ margin:30px;}

 .miga{ display: table; width: 100%; margin-bottom: 20px; border-bottom: solid 1px #dcdcdc;   padding: 10px 15px 10px 15px; text-align: center;}
.btn_home{ margin: 0 10px;}
 
.div_foot{  float:left;  width: 100%;}
.df_col{ background: #8C8C8C;}
	
	
.div_sec1{ width:30%;}
.div_sec2{ width:70%;}
.div_sec3 p { font-size: 14px; width: 90%; margin: 0 auto; padding:20px 0px; text-align: justify; }

.btn_icos{ width:75%; height: auto;}
.btn_ico_tit{ font-size: 20px!important;  }
.linea_verde{position: relative; display: table; width: 100%; height: 30px; background-image:url("../img/menu01.jpg"); background-position: right;}
	
.tbl_norma { width: 100%;  }	
.it_1{ font-size: 10px;   color: #ffffff;   }
.containerbackground {position: relative; display: block; height: 1px; width: 100%; color: #848484; text-align: center; top:70px; padding: 0px; margin: 0px;  z-index: 1; font-size: 150px; font-weight: bolder; opacity: 0.1;} 
	
	
.redes { display: flex; justify-content: center; flex-wrap: wrap;  width: 100%;  }
.redes a.btn_redes {  padding: 20px; margin: 10px; }		
.txt_footer p { padding: 0 30px; text-align: center;}	
.copiri{ font-size: 12px; text-align: center; padding: 15px 0;}	
	
.footer2 h2{  text-align:center; padding:10px 0 20px 0;  }	
	
.foot_2 {  display: grid; margin:0 0 50px 0!important; }
.foot_2 li { width: 100%;  border-bottom: solid 1px #bfbfbf; padding: 50px 0!important;}
.foot_2 li a{ width: 100%;  text-align: center; }
 
	
.tab button {
	width:100%;
    padding: 15px 20px;
	border-top: solid 1px #f1f1f1;
	
}
.seccion, .seccion2,.seccion3, .seccion4{ 
  width:90%;
  padding: 20px 5%;
  margin:30px 0;
  text-align:center; 
  } 

.footer2 h4{ text-align:center; } 
.footer2 ul li{  text-align:center;   }
.super_pad{ padding:0% 0px; }

 
.norma{  width:100%; margin:0px 0;}
.cjx_1{ border-bottom:solid 1px rgba(255,255,255,0.2); border-right:none; padding-bottom:30px;}

.secc-cubo1{  width:100%;  }
	
 
.contenido{  padding:10px 0px; margin: 0px;  } 
	
  
.video_conten{ position:relative; display:table; background:#fff;   padding:20px; margin:0 auto; border:solid 1px #cdcdcd; text-align:center; top:-320px; z-index:9999999; width:100%;}
.video_frame{ position:relative; margin:20px auto; width:150px;}

}