/* Reseteamos los tags HTML y HTML5  */
/* Reset this . . .  */

@charset "utf-8";

/*  */

@media all {

/* ()()() Basica
()()()()()()()()()()()()()()()()()()()()() */
/* --------------Firefox------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
h1,h2,h3,h4,h6 {
         text-rendering:optimizeLegibility;
}
/* -------------- Basica ------------- */

        * {
                margin: 0;
                padding: 0;
        }

        /* -------------- clear ------------- */

** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clr {
        clear:both;
}
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Start Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End Hides from IE-mac */

/* C O M M E N T */
/*  */

*html .page .pagebg { background-attachment: scroll; }

html {

}
         body {
                 -webkit-font-smoothing:subpixel-antialiased;
                 }
::-moz-selection {
    background: #CFDBF1;
    text-shadow: none;
}

@media screen,projection {

body,
html {
        margin:0;
        padding:0;
        display : block;
}
body {
        overflow-x: hidden;
        overflow-y: hidden;
        max-width: 100%;
        height: 100%;
        margin: auto;
        padding: auto;
        background:orange url(../pi/bg_info_210.png) repeat;
        background-attachment:fixed; background-size: 100%;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";
        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=93);
        /* Older than Firefox 0.9 */
        -moz-opacity:0.93;
        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.93;
        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.93;
        /*background: url(../pi/bg.jpg) no-repeat fixed top center;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        color: #414141;
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 1.0em;
        font-style: normal;
        font-weight: normal;
        text-decoration : none;
        font-color: #000;
        line-height: 1.8em;

}


/* I M A G E - S T Y L E */

img {
  max-width: 100%;
  height: auto;
   padding:1px;
   border:1px solid #021a40;
   background-color:#ff0;
   border: 10px solid orange;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 10px;
        border-radius: 24px;
        -moz-box-shadow: 10px 10px 10px #888;
        -webkit-box-shadow: 10px 10px 10px #888;
        box-shadow: 8px 8px 8px red,
                 -8px 8px 8px green,
                  8px -8px 8px blue,
               -8px -8px 8px yellow;
}

/* L O G O - M E N U */

.logor img {
  position: fixed;
  top: 0px;
  right: 0px;
        background: #fff;
          max-width: 50%;
          display: block;
}
.logol img {
  position: fixed;
  top: 0px;
  left: 0px;
        background: #fff;
          max-width: 50%;
          display: block;
}
.logur img {
  position: fixed;
  bottom: 0px;
  right: 0px;
        background: #fff;
          max-width: 50%;
          display: block;
}
.logul img {
  position: fixed;
  bottom: 0px;
  left: 0px;
        background: #fff;
          max-width: 50%;
          display: block;
}

/* L O G O - M E N U */

h1 {
         font-size: 2.2em;
}
h2 {
         font-size: 1.8em;
}
h3 {
         font-size: 1.5em;
}
p {
         font-size: 1.4em;
}

.framer_h1 {
        z-index: 1;
        line-height: 4.1vw;
        font-weight: bold;
        font-size: 4.4vw;
        color: #300080;
        border: #5000A0 7px double;
        font-family: courier new, tahoma, verdana, arial, sans-serif;
        background:#fff url(../pi/bkg-noise-510.png) repeat;
        background-attachment:fixed; background-position: middle left;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=49)";
        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=49);
        /* Older than Firefox 0.9 */
        -moz-opacity:0.49;
        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.49;
        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.49;
}
.style {
        height : 6vh;
        max-width : 44vw;
        border: 3px solid orange;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -moz-border-radius: 10px;
        border-radius: 24px;
        -moz-box-shadow: 10px 10px 10px #888;
        -webkit-box-shadow: 10px 10px 10px #888;
        box-shadow : 3px 3px 3px red,
                 -3px 3px 3px green,
                  3px -3px 3px blue,
               -3px -3px 3px yellow;
        margin : 20px;
        width: 80%;

}