/* ==============  HOME - ABOUT - BLOG - LOJA - SUPORTE - PRIVACY_POLICY - SEND_EMAIL - THANK_YOU -  ==================== */
@font-face {
    font-family:"Ubuntu";
     src:url('../fonts/Ubuntu-Regular.woff2') format('woff2'), url('../fonts/Ubuntu-Regular.woff') format('woff');
     font-weight:400;
}
@font-face {
    font-family:"Open Sans";
     src:url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff');
     font-weight:400;
}
@font-face {
    font-family:"Ubuntu";
     src:url('../fonts/Ubuntu-Light.woff2') format('woff2'), url('../fonts/Ubuntu-Light.woff') format('woff');
     font-weight:300;
}
@font-face {
    font-family:"Open Sans";
     src:url('../fonts/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans-Semibold.woff') format('woff');
     font-weight:600;
}

/* ================= PRODUTO1 ======================= */

@font-face{
    font-family:"Ubuntu";
    src:url('../fonts/Ubuntu-Light.woff2') format('woff2'),url('../fonts/Ubuntu-Light.woff') format('woff');
    font-weight:300;
}
@font-face{
    font-family:"Open Sans";
    src:url('../fonts/OpenSans-Bold.woff2') format('woff2'),url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight:700;
}


/*  By Popy */
.font-50{
    font-family:"Open Sans";
    font-size:12px;
    font-weight:400;
    font-style:normal;
    text-decoration:none;
    text-transform:none;
    color:rgb(196,196,196);
    background-color:initial;
    line-height:27px;
    letter-spacing:normal;
    text-shadow:none;
}
/*---- END By Popy ---- */




.anim{
    /* visibility:hidden */ 
}

 body,div {
    font-size:0;
}

 p, span, h1, h2, h3, h4, h5, h6 {
    margin:0;
    word-spacing:normal;
    word-wrap:break-word;
    -ms-word-wrap:break-word;
    pointer-events:auto;
}

h1, h2, h3, h4, h5, h6 {
    font-size:1em;
    line-height:1;
    margin:0em 0
}



sup {
    font-size:inherit;
    vertical-align:baseline;
    position:relative;
    top:-0.4em;
}
 sub {
    font-size:inherit;
    vertical-align:baseline;
    position:relative;
    top:0.4em;
}

ul {
    display:block;
    word-spacing:normal;
    word-wrap:break-word;
    list-style-type:none;
    margin:0;
    -moz-padding-start:0;
    -khtml-padding-start:0;
    -webkit-padding-start:0;
    -o-padding-start:0;
    -padding-start:0;
    -webkit-margin-before:0;
    -webkit-margin-after:0;
}

li {
    display:block;
}
 li p {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
}

form {
    display:inline-block;
}
 a {
    text-decoration:inherit;
    color:inherit; 
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 textarea {
    resize:none;
}

.shm-l {
    float:left;
    clear:left;
}
.shm-r {
    float:right;
    clear:right;
}
.whitespacefix {
    word-spacing:-1px;
}

video:not(#vbk):not(.videoinline){
    width:100%;
    max-width:900px;
}
video:-webkit-full-screen{
    max-width:100% !important;
}
video:-moz-full-screen{
    max-width:100% !important;
}
video:-ms-fullscreen{
    max-width:100% !important;
}
video:fullscreen{
    max-width:100% !important;
}
.player1.fullscreen1-active video{
    max-width:100% !important;
}

html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body {
    /*margin:0*/
    margin-left: 50px;
    margin-right: 0px;
    margin-top: 0;
    margin-bottom: 40px;
}
audio, video {
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}

a{
    background:0 0
}
a:active,a:hover {
    outline:0
}
b,strong {
    font-weight:700
}
dfn {
    font-style:italic
}

img {
    border:0
}
svg:not(:root){
    overflow:hidden
}
button, input, optgroup, select, textarea {
    color:inherit;
    font:inherit;
    margin:0
}
button {
    overflow:visible
}
button, select {
    text-transform:none
}
button, html input[type=button], input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer;
    /* box-sizing:border-box */
}

input[type=text]{
    -webkit-appearance:none;
    appearance: none;
    /* box-sizing:border-box */  /* Si activo esto, las cajas de texto de email y tel del form de contacto, salen más anchas que el resto */ 
}
button[disabled], html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input {
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
textarea {
    overflow:auto;
    box-sizing:border-box;
    border-color:#ddd
}
optgroup {
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td, th{
    padding:0
}

#body{
    background-color:rgb(255,255,255);
    background:rgb(255,255,255) url(../images/crossword.png) repeat center top;    
}

.section-2{
    pointer-events:none;
    min-width:960px;
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

.wrapper{
    font-size:15px;
    line-height:1.4;
    height:20px;
}
.wrapper div, .wrapper p, .wrapper a{
    font-size:15px;
    line-height:1.4;
}
.wrapper input{
    font-size:15px;
    line-height:1.4;
    margin:3px 2px 3px 2px;
}


.vis{
    display:inline-block;
    vertical-align:top;
}

.colwrapper{
    line-height:0;
}
.colwrapper-2{
    line-height:0;
}

.div_separador1{
    z-index:119;
    position:relative;
    margin-left:500px;
    margin-top:5px;    
    min-width:1px;
    width:1px;
    min-height:15px;
    height:15px;
    border:0;
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;    
    /*background-color:rgb(255,255,255);*/
}

.div_separador2{
    z-index:119;
    position:relative;
    margin-left:500px;
    margin-top:10px;    
    min-width:1px;
    width:1px;
    min-height:35px;
    height:35px;
    border:0;
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;    
    /*background-color:rgb(255,255,255);*/
}


/*  ##########################  CSS PARA EL MENÚ DE TODAS LAS PÁGINAS  ######################  */

.vis-menu{
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top;
}
.vis-menu2{
    display:inline-block;
    overflow:hidden;
    outline:0;
}
.pos-menu{
    position:relative;
    margin-left:102px;
    margin-top:6px;
}
/* Posición de inicio que afecta a los 4 botones después del primero (no afecta a ése boton 1º de HOME) */
.pos-menu1{
    position:relative;
    margin-left:388px;
    margin-top:-29px;
}
/* Determina la distancia a la que se muestra el segundo botón y los 3 restantes (EMPRESA y siguientes) con respecto al pto de inicio del botón HOME */
.pos-menu2{
    position:relative;
    margin-left:119px;
    margin-top:0;
}

.pos-menu3{
    position:relative;
    margin-left:0;
    margin-top:0;
}
.pos-menu4{
    position:relative;
    margin-left:47px;
    margin-top:0;
}
.pos-menu5{
    position:relative;
    margin-left:51px;
    margin-top:0;
}

/* Separación del texto del último botón (loja/encomendar) del texto del anterior botón */ 
/* Afecta al texto del botón y a la línea bajo él */
.pos-menu6{
    position:relative;
    margin-left:32px;
    margin-top:0;
}

/* BOTÓN MENÚ LOJA (OU ENCOMENDAR/COMPRAR) */
/* Si el texto del botón es mayor que 'loja' (4 letras), hay que reducir y hacer negativo el margin-left o el texto no sale centrado */
/* Para texto 'COMPRAR' o 'ENCOMENDAR' usar margin-left de -5 o -6 px; */
 .pos-menu7{
    position:relative;
    margin-left:-6px;  /* defecto: 14px; */
    margin-top:0;
}
.pos-menu8{
    position:relative;
    margin-left:0;
    margin-top:-2px;
}

/* Separación entre las líneas bajo los botones del menú ppal */
.pos-menu9{
    position:relative;
    margin-left:32px;  /* defecto: 32px; */
    margin-top:0;
}



.size-menu{
    min-width:90px;
    width:90px;
    min-height:29px;
}
.size-menu2{
    width:90px;
    height:16px;
}
.size-menu3{
    min-width:568px;
    width:568px;
    min-height:30px;
}
/* Dimensiones del contenedor de los textos de los botones del menú y de las líneas bajo los botones (contiene a ambos) */
/* Debe tener, como mínimo, el mismo ancho que el más ancho de los contenedores que incluye dentro (el de los textos y el de las líneas bajo los botones) */
.size-menu4{
    min-width:500px;  /* defecto: 449px; */
    width:500px;
    min-height:29px;
}
/* Dimensiones para el texto del botón EMPRESA (el 2º por la izda) */
.size-menu5{
    min-width:91px;
    width:91px;
    min-height:29px;
}
/* Dimensiones para el texto del botón BLOG (el 3º por la izda) */
.size-menu6{
    min-width:54px;
    width:54px;
    min-height:29px;
}
.size-menu7{
    width:54px;
    height:16px;
}
/* Dimensiones para el texto del botón SUPORTE (el 4º por la izda) */
.size-menu8{
    min-width:85px;
    width:85px;
    min-height:29px;
}
.size-menu9{
    width:85px;
    height:16px;
}
/* Dimensiones para el texto del botón ENCOMENDAR/LOJA/COMPRAR (el 5º por la izda) */
.size-menu10{
    min-width:88px;
    width:88px;
    min-height:29px;
}
.size-menu11{
    min-width:100px;
    width:100px;
    min-height:29px;
}
/* BOTÓN MENÚ LOJA (OU ENCOMENDAR/COMPRAR) */
/* Determina el ancho de la zona para visualizar el texto del botón Loja/encomendar */
/* Para determinar el left (la distancia que lo separa del anterior botón) para este mismo botón, ver pos-33 */
.size-menu12{
    width:100px; /* defecto: 60px; */
    height:16px;
}

/* Dimensiones de las líneas bajo los botones del mnenú. Afecta a todas las líneas bajo los botones */
.size-menu13{
    min-width:88px;
    width:88px;
    min-height:2px;
    height:2px;
}
/* Dimensiones del contenedor de todas las líneas bajo el menú */
/* El ancho a poner aquí es el de las propias líneas (size_menu13 width) x 5 + separación entre ellas (pos-menu9 margin-left) x 4  */
/* Si size_menu13 width = 88 y pos-menu9 margin-left = 32, será de 88x5 + 32x4 = 568px  */ 
/* Por tanto, si cambiamos el ancho y/o la separación de las líneas bajo los menús, hay que recalcular el ancho de este parámetro */
.size-menu14{
    min-width:568px;
    width:568px;
    min-height:3px;
}
/* Dimensiones del contenedor de las 4 primeras líneas bajo los 4 primeros botones del menú (no afecta al de Loja/encomendar) */
/* No incluye ni el espacio entre los dos últimos botones ni la longitud de la línea del último botón */
/* Se calcula como: size_menu13 width (88) x 4 + pos-menu9 margin-left (32) x 3 = 448px */
.size-menu15{
    min-width:448px;
    width:448px;
    min-height:2px;
}


.button_menu{
    border:0;
    background-color:transparent;
    color:rgb(0,0,0);
}
.button_menu:hover{
    background-color:transparent;
    border-color:rgb(0,0,0);
    color:rgb(22,122,255);
}
.button_menu:active{
    background-color:transparent;
    border-color:rgb(0,0,0);
    color:rgb(22,122,255);
}



.font-menu{
    font-family:Ubuntu;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    text-decoration:none;
    text-transform:none;
    line-height:normal;
    letter-spacing:0.40px;
    text-shadow:none;
    text-indent:0;
    text-align:center;
    padding-top:6px;
    padding-bottom:7px;
    margin-top:0;
    margin-bottom:0;
}


.colwrapper-menu{
    line-height:0;
}

.cont-menu-home{
    z-index:41;
    pointer-events:auto;
}
.cont-menu-about{
    z-index:11;
    pointer-events:auto;
}
.cont-menu-blog{
    z-index:28;
    pointer-events:auto;
}
.cont-menu-suporte{
    z-index:40;
    pointer-events:auto;
}
.cont-menu-loja{
    z-index:46;
    pointer-events:auto;
}
.gray_line_btt_loja{
    z-index:255;
    border:0;
    background-color:rgb(196,196,196);
    box-shadow:0 2px 0 rgb(255,255,255);
}

.cont-line-under-buttons{
    z-index:42;
    border:0;
    /*background-color:rgb(255,255,255);  /* Linea blanca que se ve entre los botones si activo esto y que sí se ve en el site de cedrus.com */
}

.gray_line_under_btt{
    z-index:222;
    border:0;
    background-color:rgb(196,196,196);
    box-shadow:0 2px 0 rgb(255,255,255);
}


/* By Popy */
.btt_selected{
    z-index:555;
    border:0;
    background-color:rgb(223,50,142);
    box-shadow:0 2px 0 rgb(255,255,255);
}
/* END by Popy */

/*  #########################################################################################  */

.color_azul_link {
    color:rgb(22,122,255);
}


.color_azul_link a{
    color:rgb(22,122,255);
}

.centrar_div{
  position: absolute;
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:999;
}

.loading_img{
    z-index:999;
}


.imagen-email-about{
    position:absolute;
    top:7px;
    right:20px;
}

.imagen-email-send-email{
    position:absolute;
    top:10px;
    right:50px;
}

.imagen-email-copyright{
    position:relative;
    top:3px;
    left:0px;
    margin-right: 3px;
}

.linea-gris-separadora{
    display:inline-block;
    vertical-align:top;

    position:relative;
    margin-left:0;
    margin-top:12px;

    min-width:960px;
    width:960px;
    min-height:1px;
    height:1px;

    z-index:107;
    border:0;
    background-color:rgb(230,230,230);    
}

.linea-gris-separadora2{
    display:inline-block;
    vertical-align:top;

    position:relative;
    margin-left:0;
    margin-top:0px;

    min-width:960px;
    width:960px;
    min-height:1px;
    height:1px;

    z-index:107;
    border:0;
    background-color:rgb(230,230,230);    
}

.linea-gris-separadora3{
    display:inline-block;
    vertical-align:top;

    position:relative;
    margin-left:-26px;
    margin-top:0px;

    min-width:960px;
    width:960px;
    min-height:1px;
    height:1px;

    z-index:107;
    border:0;
    background-color:rgb(230,230,230);    
}