/* _________________PorDefecto.css__________________ */

@import url('/fmto/css/TipografiasCsicIataIbarra.css');
@import url('/fmto/css/0_colores.css');

/* @import url('/fmto/css/TipografiasCsicIataIbarra.css') print, screen and (min-width: 300px);  */
/* @import url('/fmto/css/TipografiasCsicIataIbarra.css') all;  */

/* -------------------------- inicio media:screen */
@media screen and (min-width: 300px) {

* {
    margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;
  }

body, html {
    padding: 3px 3px 3px 3px;	ccccolor: black; bbbbbbbbbbbackground-color: #D8DBE2;
    font-family: "IbarraRealNova2020", serif;	font-size: 12pt;
    text-align: center;
  }

  div.main_page {
    position: relative;	display: table;	width: 800px;
    padding: 0px 0px 0px 0px;	bbbbbbbbbbbbackground-color: #FFFFFF;
    margin-bottom: 3px;	margin-left: auto;	margin-right: auto;
    border: 2px solid #212738;
	box-shadow: 0 2px 8px black;
    text-align: center;
  }

  div.page_header {
    height: 99px;	width: 100%;
    bbbbbbbbbbbbbbackground-color: #F5F6F7;
  }

  div.page_header span {
    margin: 15px 0px 0px 50px;
    font-size: 180%;	font-weight: bold;
  }

  div.page_header img {
    margin: 3px 0px 0px 40px;	border: 0px 0px 0px;
  }

  div.table_of_contents {
    clear: left;	min-width: 200px;
    margin: 3px 3px 3px 3px;	background-color: #FFFFFF;
    text-align: left;
  }

  div.table_of_contents_item {
    clear: left;	width: 100%;
    margin: 4px 0px 0px 0px;
    background-color: #FFFFFF;	color: #000000;
    text-align: left;
  }

  div.table_of_contents_item a {
    margin: 6px 0px 0px 6px;
  }

  div.content_section {
    margin: 3px 3px 3px 3px;	background-color: #FFFFFF;
    text-align: left;
  }

  div.content_section_text {
    padding: 4px 8px 4px 8px;	color: #000000;
    font-size: 100%;
  }

  div.content_section_text pre {
    margin: 8px 0px 8px 0px;	padding: 8px 8px 8px 8px;
    border: 1px dotted #000000;
    background-color: #F5F6F7;
    font-style: italic;
  }

  div.content_section_text p {
    margin-bottom: 6px;
  }

  div.content_section_text ul, div.content_section_text li {
    padding: 4px 8px 4px 16px;
  }

  div.section_header {
    padding: 3px 6px 3px 6px;	bbbbbbbbbbbbackground-color: #8E9CB2;
    ccccccccccccolor: #FFFFFF;
    font-family: "Railway", "IbarraRealNova2018", sans-serif;	font-size: 11pt;
    font-weight: bold;	font-size: 112%;	text-align: center;
  }

  div.section_header_red {
    background-color: #CD214F;
  }

  div.section_header_grey {
    background-color: #9F9386;
  }

  .floating_element {
    position: relative;	float: left;
  }

  div.table_of_contents_item a,
  div.content_section_text a {
    text-decoration: none;	font-weight: bold;
  }

  div.table_of_contents_item a:link,
  div.table_of_contents_item a:visited,
  div.table_of_contents_item a:active {
    color: #000000;
  }

  div.table_of_contents_item a:hover {
    background-color: #000000;

    color: #FFFFFF;
  }

  div.content_section_text a:link,
  div.content_section_text a:visited,
   div.content_section_text a:active {
    background-color: #DCDFE6;	color: #000000;
  }

  div.content_section_text a:hover {
    background-color: #000000;	color: #DCDFE6;
  }

  div.validator {
  }

  #sobreaviso {font-size: 1em; top: 11.3em; right: 6.5em; margin: 0; position: fixed; z-index: 4;
  }
  #sobreaviso + label {font-size: 1em; position:fixed; z-index: 5;
               /* necesita position:fixed para que se superponga todo su contenido sobre el fondo */
  }
  #sobreaviso:checked, #sobreaviso:checked + label {  display: none;
  }
  .sobrecaja {
        background: #fdd;       color: red;
        margin-top: 1.2em;      padding: 1em 1em 1em 1em;
        border: solid red;      border-radius: 1em;
        font-weight: bold;
        position: fixed; zzzzzzzzzz-index: 3;
               /* necesita position:fixed para que se respeten sus medidas dentro del label con position:fixed */
        top: 9em; left: 5em; right: 5em; text-align: center;
        box-shadow: 0px 15px 25px black; border-radius: 1em
        min-height:8em;
  }
  .sobrecaja .sobrepulsa { 
        float:right; margin: 0.75em; padding: 0.75em 0.75em 0.60em 0.75em; 
        max-width:10%; border:1px solid grey; color:grey;
  }


}
/* -------------------------- fin media:screen */

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

  #sobreaviso { display:none;
  }
  #sobreaviso + label { display:none;
  }
  .sobrecaja { display:none;
  }
  .sobrecaja .sobrepulsa { display:none;
  }



}