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

body 
{position: absolute;
top: 1px;
left: 1px;
width: 100%;
height: 100%;
border:0px;
background-color: #010009; }


marco
{position: absolute;
top: 1px;
left: 1px;
width: 100%;
height: 68%; }


@media screen and (max-width:655px)
{body { float: left;}}

div#velocirraptor
{position: relative;
top:0px;
left:0px;
width: 770px;
height: 500px;
visibility:visible;
background-image: url(horus.jpg);
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-repeat: no-repeat; }


horizontal
{ visibility: hidden; 
display: none; }

@media screen and (min-width:450px)
{horizontal { visibility: visible; display: block; }}

vertical
{ visibility: hidden; 
display: none; }

@media screen and (max-width:450px)
{vertical { position: absolute;
top: 10px;
left: 10px;
visibility: visible; 
display: block;
width: 98%;
height: 100%; }}






div#scanner-reset
{position: relative;
top:0px;
left:0px;
width:100px;
height:50px;
visibility:visible;
background-image: url(lector-m.png);}

div#scanner-reset-2
{position:relative;
top: -47px;
left: 104px;
width: 100%;
height: 100%;
background-image: url(tab.gif);
visibility:hidden;}

div#scanner-reset:hover div#scanner-reset-2
{visibility:visible;}













div#scanner
{position: relative;
top:0px;
left:0px;
width:65px;
height:30px;
visibility:visible;
background-image: url(lector-f.png);}

div#scanner-2
{position:relative;
top: -110px;
left: 70px;
width: 200px;
height: 120px;
background-image: url(tab.gif);
visibility:hidden;}

div#scanner:hover div#scanner-2
{visibility:visible;}


scanner
{ position: absolute;
top: 30px;
left: 1px;
width: 100%;
height: 100%;
visibility: visible;
display: block; }}


scanner
{position: absolute;
top: 10px;
left: 10px; }

@media screen and (max-width:655px)
{scanner { visibility: hidden;
display: none; }}

scanner-2
{visibility: hidden;
display: none; }

@media screen and (max-width:655px)
{scanner-2 { position: absolute;
top: 10px;
left: 10px;
width:80%;
visibility: visible;
display: block; }}



bicolumna
{ visibility: hidden; 
display: none; }

@media screen and (min-width:450px)
{bicolumna { visibility: visible; display: block; }}

bicolumna-b
{ visibility: hidden; 
display: none; }

@media screen and (max-width:450px)
{bicolumna-b { visibility: visible; display: block; }}



texto
{position: absolute;
top: 175px;
left: 255px;
border: 10px;
font-size: 1.5em;
font-weight: normal;
text-align: justify;
text-shadow: -3px 3px 3px #000000; }

@media screen and (max-width: 800px)
{texto { border:0px;
top: 210px;
left: 225px;
border: 10px;
font-size: 1.3em; }}

@media screen and (max-width: 655px)
{texto { position:absolute;
top: 210px;
left: 25px;
border: 10px;
font-size: 1.1em;
font-weight: normal; }}




/* ----------- iPad ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  

/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 

/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)


/* ----------- iPad 1 & 2 /Mini Media Queries  ----------- */
/* ----------- Retina iPad in portrait & landscape  ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) 

/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) 

/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) 



/* ----------- iPad 3 & 4  ----------- */
/* ----------- Retina iPad in portrait & landscape ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2)  

/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2)

/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2)


/* ----------- iPhone 4 and 4S ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) 
{ }

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) 
{ }

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) 
{ }

/* ----------- iPhone 5 and 5S ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px)
{ }

/* Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) 
{ }

/* Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) 
{ }


/* ----------- iPhone 6, 7, 8 ----------- */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) 
{ }

/* Landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape)  
{ }

/* Portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)  
{ }


/* ----------- iPhone 6, 7, 8 Plus ----------- */

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) 
{ }

/* Landscape */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) 
{ }

/* Portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) 
{ }


/* ----------- iPhone X ----------- */

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3)
{ }

/* Landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) 
{ }

/* Portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait)
{ }