@charset "UTF-8";

/* 
gris #bdc9d1
azul  #0f69b4
*/



@font-face {
  font-family: 'gobCL';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/gobcl_light.eot?") format("eot"), url("../fonts/gobcl_light.woff") format("woff"), url("../fonts/gobcl_light.ttf") format("truetype");
}
@font-face {
  font-family: "gobCL";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/gobcl_regular.eot?") format("eot"), url("../fonts/gobcl_regular.woff") format("woff"), url("../fonts/gobcl_regular.ttf") format("truetype");
}
@font-face {
  font-family: "gobCL";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/gobcl_bold.eot?") format("eot"), url("../fonts/gobcl_bold.woff") format("woff"), url("../fonts/gobcl_bold.ttf") format("truetype");
}
@font-face {
  font-family: "gobCL";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/gobcl_heavy.eot?") format("eot"), url("../fonts/gobcl_heavy.woff") format("woff"), url("../fonts/gobcl_heavy.ttf") format("truetype");
}
.gobcl {
  font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
}

/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

html {
  min-height: 100%;
  position: relative;
}



body{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
    propuesta-para-bootstrap-font-size: 0.875rem;
}

header { background-color:#fff;	height: auto; overflow: auto; margin-bottom: 10px;}

fieldset {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);}


.clearfix {overflow: auto; clear: both;}

.mantenedor_requerido{color : red; margin: 3px;}

.web-logo-gob {float: left;}
.web-logo-sernapesca {float: left;}
.web-titulo {float: left; font-size: 1.8em; color:#0f69b4; padding: 10px 20px; text-align: center; }
.web-usuario {float: right; text-align: right; }
.caja-login {padding: 50px;}
.usr-sernapesca {color: #333; font-weight: bold; text-align: center; display: block; width: 100%; }
.azul-rojo { display: block; width: 100%; padding: 0px 25%}
.azul {border:1px solid #0f69b4; background: #0f69b4; width: 45%; float:left; height: 8px;}
.rojo {border:1px solid #eb3c46; background: #eb3c46; width: 55%; float: left; height: 8px;}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 20px;
  font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif; color:#0f69b4; text-align: left;
}


h1 {  font-size: 14px;  line-height: 1.4em;  font-weight: 500;}
h2 {  font-size: 45px;  line-height: 1.1em;  font-weight: 500;}
h3 {  font-size: 32px;  line-height: 1.1em;  font-weight: 500;}
h4 {  font-size: 22px;  line-height: 1.2em;  font-weight: 500;}
h5 {  font-size: 18px;  line-height: 1em;  font-weight: 500;}
h6 {  font-size: 14px;  line-height: 1em;  font-weight: 700;}


label {
  /*display: inline-block;*/
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/** JOS */
.form-check > label {
    margin-top: inherit;
    margin-bottom: inherit;
}


/****** LOGIN MODAL ******/
#popUpWindow{
  //background: lightblue; 
}
/*******************/

.card {
    /*position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);*/
    width:300px;
    min-height:300px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
    border-radius:10px;
    transition:0.5s;
    float:left;
    margin:20px;
}
.card:hover {
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.card .box {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    text-align:center;
    padding:20px;
    box-sizing:border-box;
    width:100%;
}
.card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.card .box .img img {
    width:100%;
    height:100%;
}
.card .box h2 {
    font-size:20px;
    color:#262626;
    margin:20px auto;
    text-align: center;
}
.card .box h2 span {
    font-size:14px;
    background:#e91e63;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
}
.card .box p {
    color:#262626;
}
.card .box span {
    display:inline-flex;
}
.card .box ul {
    margin:0;
    padding:0;
}
.card .box ul li {
    list-style:none;
    float:left;
}
.card .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}
.card .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}

.container {position: relative;}
/*********************/

.navbar {background: #0f69b4;}
.dropdown-menu.show  {background: #0f69b4; color:#FFF;}
.dropdown-item {color: #FFF;}

/********************/
footer {

  background-color: #0b4f87;
  /* 
  position: absolute;
  bottom: 0; 
   */
  width: 100%;
  height: 140px;
  color: white;
 margin-top: 60px;
   
}

.columna50 {width: 690px;  overflow: auto; margin:20px auto;}


/*espacios entre cajas*/
.espacio_10 {height: 10px; width: 100%;}
.espacio_20 {height: 20px; width: 100%;}
.espacio_30 {height: 30px; width: 100%;}
.espacio_40 {height: 40px; width: 100%;}
.espacio_50 {height: 50px; width: 100%;}
.espacio_60 {height: 60px; width: 100%;}
.espacio_70 {height: 70px; width: 100%;}
.espacio_80 {height: 50px; width: 100%;}
.espacio_90 {height: 60px; width: 100%;}
.espacio_100 {height: 70px; width: 100%;}

.margen-centro {margin:auto;  overflow: auto; width: 350px;}
.flota-izquierda {float:left;}
.float-derecha {float: right;}
.texto-derecha {text-align: right;}
.texto-izquierda {text-align: left;}

.margen-vertical {margin: 10px auto;}

.vista-previa-documento {border: 1px solid #DDD; padding: 30px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); background: #555;}
.vista-previa-documento IMG {width: 100%}

.caja-gris {border:1px solid #CCC; padding: 3px;}

.modal-header {
    display: block; 
    }





article {
	width: auto;
	overflow: hidden;
	border-radius: 10px;
	background-color: rgba(202,217,189,1);
	padding:10px;	
}

article h3 {
	font-family: 'Exo', sans-serif;
	font-size: 2em;
	
}

article p {
	font-size: 1em
}

footer{
	border-top: 1px dashed black;
	margin-top:20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer p{
	color:green;
	font-size: 0.9em;
}














@media (max-width:767px){
	
	
	article{
		background-color: black;
		width: auto;
		overflow: hidden;
		border-radius: 0px;
		border-bottom: 5px solid yellow;
		padding:10px;	
		color: white;
		margin-bottom: 20px;
		
	}

	.columna50 { width: 100%;  overflow: auto; }
	.columna50 .card { margin:20px auto; text-align: center; float:none;}
	.web-titulo {float: none; font-size: 1.5em; color:#0f69b4; padding: 0px; text-align: center; display: block; clear: both;}

.web-logo-gob {float: left;  width: 50%;}
.web-logo-gob IMG {width: 70%}
.web-logo-sernapesca {float: left;  width: 50%;}
.web-logo-sernapesca IMG {width: 100%}
.web-usuario {float: right; text-align: right;}
.caja-login {padding: 50px;}

}



.disabled{
    color: gray;
    cursor: not-allowed;
}

.aviso_disabled{
    color: red;
}




body.iframe .container-navbar,
body.iframe #ruta,
body.iframe footer,
body.iframe header { display: none; }