:root {
--ColorStandarTitle:#3a5b76;
--ColorStandarTitleFont:#ebebeb;
--ColorStandarTitle2:#1d5696;
--ColorStandarTitleFont2:#e6e6e6;
--ColorStandarTitle3:#708faf;
--ColorStandarTitleFont3:#ffffff;
--ColorBackMenAdic:#ffe9e8;
--ColorMenuSelectedOver:#376597;
--ColorMenuSelectedOverFont:#f7f4f4;
}
*{
margin:0;
padding:0;
box-sizing: border-box;
font-size:13px;
}
body{
font-family:Tahoma, Geneva, sans-serif;
background-image: url("../images/fondo_Crucero.gif");
}
img{
border:none;
}
a{
color: #00C;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #1d68a7;
text-decoration: underline;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
#tapa_upload{
position:absolute;
width:99%;
height:1000px;
border:1px solid #C33;
background:#FFF;
opacity:0.2;
display:none;
z-index:99999;
}
.container_pagination{
display:flex;
flex-direction: row;
width:92%;
border-top:1px solid #999;
margin:auto;
flex-wrap:wrap;
justify-content:center;
box-sizing: border-box;
}
.container_pagination .a_paginas a{
font-size:1.1rem;
color:#069;
display:block;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:5px;
width:33px;
text-align:center;
}
.container_pagination .backapag{
background:#069;
color:#FFF;
}
.container_pagination	.backapagtc{
color:#FFF !important;
}
ul{
margin-left:10px;
font-family: Verdana, Geneva, sans-serif;
}
@media screen and (max-width: 768px){
body{
}
.wcard{
width:70% !important;
}
#card_login{
width:80% !important;
}
}
@media screen and (max-width: 600px){
body{
}
.wcard{
width:100% !important;
}
.form_general .row-row{
display:flex !important;
flex-direction:column !important;
}
.form_general .row-cont{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
}
.form_general .row-cont *{
width:100%;
}
#responsive_tdmender{
display:none;
}
#card_login{
width:90% !important;
}
.dcenter{
display:none;
}
.menu_resp{
display:none;
}
.icon-file-text {
display: inline-block;
font-size: 30px;
}
#link_sh{
display:block !important;
background:#FFF;
border:none;
cursor:pointer;
}
.logo_inst{
background:none !important;
}
#myresp{
width:100%;
left:0%;
}
#siimage{
width:40%;
}
}
.wcard{
width:100%;
margin:auto;
border:1px solid #666;
border-radius:8px 8px 0 0;
padding:5px;
box-shadow: 10px 10px 7px -7px rgba(0,0,0,0.51);
}
.wcard.width20{
width:20%;
}
.wcard.width30{
width:30%;
}
.wcard.width40{
width:40%;
}
.wcard.width50{
width:50%;
}
.wcard.width60{
width:60%;
}
.wcard.width70{
width:70%;
}
.wcard.width80{
width:80%;
}
.wcard .wtitle{
font-weight:bold;
text-align:center;
background:var(--ColorStandarTitle);
padding:0.5em;
color:#FFF;
border-radius:6px 6px 0 0;
margin:-5px -5px 5px;
}
.wcard .wlegend{
position:absolute;
margin-top:-20px;
background-color:#E6E6E6;
border-radius:10px;
padding-left:5px;
padding-right:10px;
color:#000;
font-size:1.25rem;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
select.form-control[size],
select.form-control[multiple] {
height: auto;
}
textarea.form-control {
height: auto;
}
textarea {
overflow: auto;
resize: vertical;
}
.form_general {
padding:2px;
}
.form_general.width30{
width:30%;
}
.form_general.width40{
width:40%;
}
.form_general.width50{
width:50%;
}
.form_general.width60{
width:60%;
}
.form_general.width70{
width:70%;
}
.form_general.width80{
width:80%;
}
.form_general .row-row{
display:grid;
grid-gap: 1px;
grid-template-columns:auto 70%;
padding:2px;
}
.form_general label{
margin-top:5px;
border-bottom:1px dotted #999;
font-weight:bold;
}
.form_general .red{
color:#F03;
}
.form_general .nobold{
font-weight:normal !important;
}
.form_general label span{
font-style:italic;
display:block;
color:#666;
font-weight:normal;
}
.form_general label .oblig{
font-style:normal;
display:inline;
color:#F00;
font-weight:bold;
position:relative;
}
.form_general .row-col{
display:grid;
grid-gap: 1px;
padding:2px;
align-items:center;
}
.form_general .row-col label{
border:none;
}
.form_general .row-gen{
display:flex;
justify-content:center;
padding:2px;
}
.form_general .row-cont{
display:flex;
flex-direction:row;
align-items:flex-end;
padding:5px;
}
.form_general .row-cont .col{
height:auto;
flex: 1 1 auto;
padding-right:5px;
padding-left:2px;
font-weight:bold;
}
.form_general input{
width:100%;
}
.form_general p{
font-weight:normal;
text-align:justify;
padding:2px;
}
.form_general fieldset{
border:1px solid #999;
padding:4px;
border-radius:8px;
}
.form_general fieldset legend{
color:#06C;
}
.inicon {
position: relative;
}
.inicon .fa {
position: absolute;
padding: 10px;
pointer-events: none;
}
.ileft .fa  { left:  0px;}
.iright .fa { right: 0px;}
.ileft input  { padding-left:  30px; }
.iright input { padding-right: 30px; }
.mypic{
border: 4px solid #F30;
border-radius:10px;
}
.TABLAE {
border-right: 1px dotted #069;
margin:0px;
padding:0px;
}
.TABLAE td{
vertical-align:top;
}
#TextoCentrado{
text-align:center !important;
}
#TextoIzquierda{
text-align:left !important;
}
#TextoDerecha{
text-align:right !important;
}
.TABLALISTADO{
width:100%;
empty-cells:hide;
border-collapse:collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
border:1px solid #036;
}
.TABLALISTADO caption{
font-size:1.25rem;
font-weight:bold;
}
.TABLALISTADO th{
padding:8px 2px 8px 2px;
font-size: 1rem;
font-family:Tahoma, Geneva, sans-serif;
background:var(--ColorStandarTitle);
color: #CCC;
border: 1px solid #999;
text-transform: uppercase;
text-align:center;
font-weight:bold;
}
.TABLALISTADO td {
padding:0.1rem;
text-align:left;
font-size:0.9rem !important;
color: #000000;
border: 1px solid #CCC;
}
.TABLALISTADO td a{
font-size:0.95rem;
}
.TABLALISTADO_print{
empty-cells:hide;
border-collapse:collapse;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.TABLALISTADO_M{
width           : 100%;
empty-cells     : hide;
border-collapse : collapse;
border          : 1px solid #FFD7D8;
box-sizing      : border-box;
}
.TABLALISTADO_M caption{
font-family    : montserrat,arial !important;
font-weight:bold;
padding-top:10px;
color:#333;
}
.TABLALISTADO_M th{
padding        : 4px 2px 2px 2px;
font-size		 : 1.1rem;
background     : var(--ColorStandarTitle2);
color          : var(--ColorStandarTitleFont2);
box-sizing     : border-box;
border         : 1px solid #CCC;
text-transform : uppercase;
text-align     : center;
cursor         : pointer;
font-weight    : normal;
font-family    : montserrat,arial !important;
}
.TABLALISTADO_M td {
padding    : 6px;
text-align : left;
font-size  : 1rem;
color      : #000000;
border     : 1px solid #C5D0DA;
box-sizing : border-box;
font-family: montserrat,arial !important;
}
.TABLALISTADO_print th{
padding:4px 2px 4px 2px;
border: 1px solid #09C;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align:center;
font-size:0.75rem;
}
.TABLALISTADO_print td {
padding:1px;
text-align:left;
color: #000000;
border-bottom: 1px solid #CCC;
font-size:0.6rem;
}
.TABLALISTADO_print td .title_ofic {
font-size:4rem !important;
font-weight:bold;
}
#navigation td {
border-bottom: 1px dotted #ccc;
}
#navigation a {
font-family:Verdana, Geneva, sans-serif;
text-decoration: none;
text-shadow:none;
display:block;
padding-left:33px;
line-height:35px;
font-size:0.9rem;
}
#navigation a:hover {
color:var(--ColorMenuSelectedOverFont);
}
#oscuro  {
text-align:center;
background: #444;
padding: 5px;
}
#esquina  {
background: #fff url(../images/doblado.jpg) bottom right no-repeat;
padding:5px 5px 50px 5px;
}
#tapa{
position   : fixed;
top        : 0;
left       : 0;
background : #000;
height     : 99%;
width      : 99%;
opacity    : 0.70;
display    : none;
}
#card_login{
width:40%;
}
.card{
display:flex;
background:var(--ColorStandarTitle);
height:250px;
margin:12em auto;
border-radius:0px 20px 20px 0px;
opacity:0.9;
border:1px dotted #CCC;
}
.card .card_left{
width:30%;
display:flex;
align-items:center;
justify-content:center;
background:#FFF;
opacity:0.8;
}
.card .card_left img {
width: 85%;
height: auto;
}
.card .card_right{
width:70%;
padding: 0.5em;
}
.card .card_title{
font-weight:bold;
text-align:center;
opacity:1 !important;
color:#CCC;
border-bottom:1px dotted #CCC;
}
.card .form_field{
display:flex;
padding:0.5em;
}
.card .form_field .input-append{
color:#333;
margin-left:-25px;
height:22px !important;
margin-top:4px;
}
.card input{
border-radius: 0.4rem;
border:1px solid #999;
line-height:2.0rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding:0.3em 2em 0.3em 0.8em;
background:#FFF;
width:100%;
}
.break_line {
flex-basis: 100%;
height: 0;
}
.footer{
display: flex;
justify-content: center;
background: rgb(8,21,37);
background: linear-gradient(90deg, var(--ColorStandarTitle2) 25%, var(--ColorStandarTitle) 50%, var(--ColorStandarTitle2) 75%);
flex-wrap: wrap;
flex-direction:row;
text-align:center;
}
.footer .links{
display:flex;
}
.footer .info_footer{
color:#CCC;
}
.footer .links a{
padding:2px;
padding-left:10px;
padding-right:10px;
color:#FFF;
}
.footer a:hover{
background:#FFF;
color:#333;
}
.css_loading{
display     : none;
position    : fixed;
text-align  : center;
height      : 100vh;
width       : 100vw;
padding-top : 20%;
margin-left : 0px;
margin-top  : 0px;
background  : #FFF url("../images/loading.gif") no-repeat 50% 50%;
z-index     : 99;
opacity     : 0.8;
box-sizing  : border-box;
}
.JustifyMB{
width      : 400px;
text-align : justify;
}
.Justify{
text-align:justify;
}
.JustifyMB500{
width:500px;
text-align:justify;
}
.cont_head{
padding:5px;
display:grid;
grid-gap:0px;
grid-template-columns:50% 50%;
grid-template-areas:"gtitle gtitle"
"gsubtitle gsubtitle"
"gleft gright"
}
.cont_head .ch_title{
grid-area: gtitle;
text-align:center;
text-transform:uppercase;
font-size:1.3rem;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;
background:var(--ColorStandarTitle);
padding:4px;
}
.cont_head .ch_subtitle{
grid-area: gsubtitle;
text-align:center;
font-style:italic;
font-size:1.1rem;
background:var(--ColorStandarTitle2);
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
padding:4px;
}
.cont_head .ch_head_left{
grid-area: gleft;
text-align:center;
padding-right:5px;
border-bottom:1px solid #FC0;
font-size:1.2rem;
font-weight:bold;
background:var(--ColorStandarTitle3);
color:var(--ColorMenuSelectedOverFont);;
padding:4px;
}
.cont_head .ch_head_right{
grid-area: gright;
text-align:center;
padding-left:5px;
border-bottom:1px solid #FC0;
font-size:1.2rem;
background:var(--ColorStandarTitle3);
color:var(--ColorMenuSelectedOverFont);;
padding:4px;
}
.menu_resp{
background:#FFF;
position: absolute;
display:none;
width:200px;
z-index:9999;
border:2px solid #069;
border-radius:4px;
margin-left:2px;
margin-top:1px;
}
.menu_resp ul{
list-style:none;
}
.menu_resp ul li{
display:block;
line-height:30px;
}
.menu_resp ul li a{
text-decoration:none;
color:#333;
border-bottom:1px dotted #999;
padding:4px;
display:block;
}
.menu_resp ul li a:hover{
background:#069;
color:#FFF;
}
#link_sh{
display:none;
}
.message_success {
position          : fixed;
top               : 50%;
left              : 50%;
-webkit-transform : translate(-50%, -50%);
transform         : translate(-50%, -50%);
padding           : 15px;
color             : #000;
background-color  : #C5F7BF;
border-color      : #d6e9c6;
display           : none;
font-size         : 18px;
text-align        : center;
border-radius     : 8px;
}
.message_successFV {
position          : fixed;
top               : 90%;
left              : 2%;
padding           : 10px;
color             : #FFF;
background-color  : #096;
border-color      : #d6e9c6;
display           : none;
font-size         : 18px;
text-align        : center;
border-radius     : 8px;
}
.message_error {
position          : fixed;
top               : 50%;
left              : 50%;
-webkit-transform : translate(-50%, -50%);
transform         : translate(-50%, -50%);
padding           : 15px;
color             : #333;
background-color  : #FBB;
border-color      : #333;
display           : none;
font-size         : 18px;
text-align        : center;
border-radius     : 8px;
}
.adicionales{
background:var(--ColorBackMenAdic);
border-bottom:1px dotted #333;
text-align:left;
line-height:35px;
display:block;
font-size:0.9rem;
}
.adicionales a{
color:#333;
text-decoration:none;
}
.adicionales a:hover{
background:none !important;
border-bottom:2px solid #F00;
text-align:left;
line-height:35px;
color:#333 !important;
text-decoration:none;
}
#myresp{
position:fixed !important;
background:#F8F8F8;
width:60%;
height:90%;
border: 2px solid #333;
z-index:10;
display:none;
left:20%;
top:8%;
overflow:scroll;
}
#myrespx{
position:fixed !important;
background:#B5245A;
padding:4px;
width:300px;
height:220px;
border: 1px solid #333;
border-radius:4px;
display:none;
left:50%;
top:40%;
text-align:justify;
color:#FFF;
}
#myrespx li{
font-size:0.8rem !important;
}
#myrespx textarea{
resize:none;
}
.toolbar_pers{
border-right:1px solid #06C;
border-bottom:1px solid #06C;
margin-bottom:2px;
}
.TrZebra:hover{
background-color: #EBEEC4 !important;
}
.area_video{
display:inline;
}
.info_video{
opacity: 0;
animation: fadeIn 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
display:inline-block;
position:absolute;
border:2px solid #FC0;
border-radius:5px;
margin-top:33px;
margin-left:-170px;
margin-right:12px;
text-align:justify;
z-index:900;
background:#F8FAB4;
padding:10 10 10 10;
}
.info_video a{
text-decoration:none;
font-size:0.9rem;
color:#333;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.linkflecha::after {
opacity: 0;
animation: fadeIn 1s;
animation-delay: 1s;
animation-fill-mode: forwards;
content: "";
position: absolute;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #F33 transparent;
margin-top:10px;
right:5px;
}
.font-small{
font-size:0.8rem !important;
}