@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:100px; max-height:100px;}
.logo_001{ position:relative; display:table; width:60%;  float:left;padding:20px 0; text-align:left; }
.logo_001 .img_logo{ position:relative; display:table;  height:60px; width:auto; margin:0 20px;} 
.logo_002{ position:relative; display:table; width:40%; text-align:right;}
.titulo_p1{ color:#fff; padding-right:20px; padding-top:15px; font-size:30px;  font-weight:700i; }

.contenido{ position:relative; width:auto; padding: 0px; width: 1200px; margin: 0 auto;}
.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:#f2f5f5;}
.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:1200PX; height:100%; color:#fff; }
.footer{ background:#535656;}
.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 h2{  text-align:center; padding:0 0 30px 0; margin: 0px; color: #fff;}
.footer2 ul{   margin:0px; padding:0px; }
.footer2 ul li{ margin:0px; padding:12px 0 12px 0px;  text-align: left; border-bottom: solid 1px rgba(255,255,255,0.3); list-style:none;   }
.footer2 ul li a{  margin:0px; padding:20px 0; color:#fff; font-size:75%; }
.footer2 ul li a:hover{ text-decoration:none; color:#CF0;   }


.footer p{  margin:0px; padding:3px 0; color: #B4B4B4; font-size:80%;}
.footer a{   color: #61dfff;  }
.footer a:hover{   color: #CF0;  }
 
.
.s_txt{ font-size:120%; font-style:italic; border-bottom: solid 1px #9c9c9c; color: #9c9c9c;}
.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:220%;}
h3{ font-size:190%; color: #4d9aa5; font-weight: 600;}
h4{ font-size:130%; font-weight: 700;}
h5{ font-size:110%; font-weight:500; font-weight: 600; }

.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:1200px; margin:0 auto;}
.secc-cubo1 img { border-radius: 5px 5px 0 0;} 
.secc-cubo1 h5 { font-size:80%; line-height:120%; text-align: left; } 
 

.secc-cubo1 .content .noti_p{ padding:0 20px; font-size:16px; line-height:150%; color: #4D4D4D;   text-align: left;}
.secc-cubo1 .content{ background: #fff;  }
.secc-cubo1 .content p{ padding:0 20px; font-size:10px; }
.secc-cubo1 .content ul{ margin: 20px 0 20px 35px ; padding: 0px ;}
.secc-cubo1 .content ul li{ margin: 0px; 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;}


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




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






@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
@media screen and (max-width:1200px){

.contenido{ width: 100%; margin: 0 auto;}	
.footer, .footer2{ width:100%;  }
.secc-cubo1{width:100%; }
 
}


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

.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%;  }
	
 
.contenido{  padding:10px 5px; 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;}

}