@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

*{margin:0;padding:0;text-decoration:none; font-size:100%; line-height:110%; font-family: 'Montserrat', 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:100%; height:60px; max-height:60px;   }
.logo_001{ position:relative; display:table; width:50%;  float:left;padding:10px 0; text-align:left; }
.logo_001 .img_logo{ position:relative; display:table;  height:50px; width:auto; margin:0 10px;} 
.logo_002{ position:relative; display:table; width:50%; text-align:right;}
.titulo_p1{ color:#fff; padding-right:20px; padding-top:15px; font-size:210%;  font-weight:700i; }

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

.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%;}

.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%;} 

.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:#eaf1f4;}
.bgc-3{ background:#dae5ea;}
.bgc-4{ background:#fdfdfd;}

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

.footer, .footer2{ position:relative; display:table; width:100%; height:100%; color:#fff; }
.footer{ background:rgba(33,33,33,0.8);}
.footer2{ background:rgba(0,0,0,0.1); padding:70px 0;}

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

.footer2 h4{ text-align:left;}
.footer2 ul{ list-style:none; margin:0px; padding:0px; }
.footer2 ul li{  margin:0px; padding:5px 0;   }
.footer2 ul li a{  margin:0px; padding:20px; color:#fff; font-size:90%;}
.footer2 ul li a:hover{ text-decoration:none; color:#CF0; font-size:95%; }


.footer p{  margin:0px; padding:3px 0; color: #B4B4B4; font-size:90%;}
 

.bg-table{ display:table; width:100%;}

h1, h2, h3 , h4 , h5 { font-weight:300; text-align:center; padding:20px; }

h1{ font-size:300%;}
h2{ font-size:250%;}
h3{ font-size:200%;}
h4{ font-size:150%;}
h5{ font-size:120%; font-weight:500;  }

.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;}
	
	
	
	
.img_100{ position:relative; display:table; width:100%; height:auto; margin:0px; padding:0px;}

.secc-cubo1{  width:80%; margin:0 auto;}
.secc-cubo1 img { border-radius: 5px 5px 0 0;} 
.secc-cubo1 p { font-size:100%; line-height:180%; } 
.secc-cubo1 .content{ background:#fff;}
.secc-cubo1 .content p{ padding:0 20px;}
.secc-cubo1 .content a{ margin:20px auto;}

.btn_01{ position:relative; display:table; color:#fff;   padding:15px 30px; border-radius:5px;}
.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; }



/* 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; border-radius:5px; 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%; }



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

@media screen and (max-width:700px){
.no_mobil { display:block;   border-bottom:solid 1px #CCC; width:100%; margin-bottom:30px;}
.no_mobil img{ display:none;}
.logo_001, .logo_002{ width:100%; text-align:center;}	
.logo_001 .img_logo{  height:50px; width:auto; margin:10px auto 0px auto;} 
.titulo_p1{ padding-right:20px; padding:20px 10px; font-size:210%;  font-weight:700i; }
.logo_002 span{ display: ;}

.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%;}

.lis_grid-1, .lis_grid-2, .lis_grid-3{ margin:0px 20px;}
.btn_seleccionar{ margin:30px;}

.logo_001{ text-align: center; margin:0 auto; }
.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%;}
  
.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;}

}