/*Estilos base de la aplicación. Aquí estarán
los estilos relativos a las partes que se repiten
en toda la aplicación (plantilla base de los tiles)
y NO CAMBIAN en ningún momento.
Por ejemplo: cabecera, pie, menú...*/


/*********************ESTILOS GLOBALES***********************/
html, body {	 /*Redefinicion en explorer.css*/
              margin:0;
              padding:0;
              font-family:verdana;
              font-size:10px;
              background-color: #ffffff;
              min-width:1024px;
              min-height:800px;
              /*min-width:989px \0/;
              *min-width:989px;*/
}
html {
    overflow:auto; /*Evita que se vea scroll en Explorer cuando no es necesario*/
}

a {
    text-decoration: none;
    color: #cb9904;
}

a:hover {
    text-decoration : underline;
    color: #cb9904;
}

#cabecera a:hover {
    text-decoration : none;
    color: #FFFFFF !important;
}

#pie a:hover {
    text-decoration : none;
}

a img {
    border:none;
}

p {
    margin:0;
    padding:0;
    line-height: 1.6;
}

input[type=text] {
    border: 1px solid #7F9DB9 !important;
}
textarea {
    border: 1px solid #7F9DB9 !important;
}
input[type=password] {
    border: 1px solid #7F9DB9 !important;
}
select {
    border: 1px solid #7F9DB9 !important;
}
select optgroup {
/*    color: #cccccc;*/
}

select option {
/*    color: #000032;*/
}

[readonly="readonly"]
{
    background-color: #FFFFFF !important;
    color:#7D7C76 !important;
    border: 1px solid #7F9DB9 !important;
}

input[type=text][disabled], input[type=password][disabled] {
    /* Estilos para los campos disabled */
    color:#7D7C76 !important;
    background-color: #F2F2F0 !important;
    border: 1px solid #7F9DB9 !important;
}

select[disabled] {
    /* Estilos para los campos disabled */
/*    color:#7D7C76 !important;
    background-color: #F2F2F0 !important;
    border: 1px solid #C0BFB5 !important;*/
    color:#7D7C76 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #7F9DB9 !important;
}

input[type=radio][disabled] {
    background-color: #FFFFFF !important;
    border: 0px !important;
}

input[type=checkbox][disabled] {
    background-color: transparent !important;
    border: 1px !important;
    *border: 0px !important;
}

input[type=submit], input[type=reset], input[type=button] {
    filter:chroma(color=#000000);
}

::-ms-clear {/* Quita el icono "clear" en los input de IE10 */
    display: none;
}
/********************* CONTENEDORES DE PLANTILLA*******************/

.contenedorBody {
    background: url("../imagenes/imagenesDicoins/ImgFondoWebDICOINSv0100.png") no-repeat;
    background-position: 50% -200px;
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    min-height: 800px; /* tiene que ser lo mismo que se define en html, body */
    /*overflow: hidden;*/
}

.contenedorCabecera {
    float: left;
    position: absolute;
    /*background: none repeat scroll 0pt 0pt rgb(255, 255, 255);*/
    left: 0;
    /*    height: 160px;*/
    width: 100%;
    z-index: 4;
    
}

.contenedorMenuIzda {
    left: 0;
    top: 90px;
    bottom: 30px;
    position: absolute;
    overflow: hidden;
    float: left;
    width: 200px;
    z-index: 1;
}

.contenedorContenido {
    /*background: url("../imagenes/fondoMapa.png") no-repeat;*/
    background-position: 50% 0px;
    top: 25px;
    bottom: 23px;
    position: absolute;
    /*overflow-y: hidden;*/
    z-index: 1;
    float: left;
    width:100%;
    /*height: 582px;*/
    display: table;
    margin: 0 auto;
    height: 700px;
}

.menuCabecera {
    background-color: #000000;
    height: 30px;
    position: relative;
    width: 100%;
    box-shadow: 0 5px 15px -6px #665600;
}

.contenedorMenuCabeceraIzquierda, .contenedorMenuCabeceraDerecha, .contenedorMenuCabeceraCentral {
    margin-top: 7px;

}

.contenedorMenuCabeceraIzquierda {
    float: left;
    margin-left: 15px;
}
.contenedorMenuCabeceraDerecha {
    float: right;
    /*margin-right: inherit;*/
    margin-right: 20px;
}
.contenedorMenuCabeceraCentral{
   /* float: left;
    margin-left: 17%;*/
    margin-left: calc(50% - 90px);
    position: absolute;
}

.contenedorMenuCabeceraDerecha2 {
    margin-right: 70px;
 
    margin-top: 15px;
    position: relative;
}

.accesoUsuarios {
    font-size: 13px;
    float: left;
    color: #FFFFFF;
}

.accesoMenuDescubraComo {
    font-size: 13px;
    float: left;
}

.accesoMenuDolarImagen{
    font-size: 13px;
    float: left;
}

.accesoCotizacionesBolsa {
    font-size: 13px;
    float: left;
}
.accesoMenuDolarFicha{
    font-size: 13px;
    float: left;
}

.accesoMenuDolarArticulo, .accesoMenuDolarIntroduccion,
.accesoMenuDolarGlosario, .accesoMenuDolarFuentes, .accesoMenuDolarTimeline {
    font-size: 13px;
    float: left;
}

 .textoAccesoMenuDolarImagen:hover, .textoAccesoMenuDolarIntroduccion:hover,
.textoAccesoMenuDolarFicha:hover, .textoAccesoMenuDolarArticulo:hover,
.textoAccesoMenuDolarFuentes:hover, .textoAccesoMenuDolarGlosario:hover,
.textoAccesoMenuDolarTimeline:hover{
    color: #ffffff !important;
}

.accesoMenuContacto {
    font-size: 13px;
    float: left;
}

.accesoMenuCasosDeUso {
    font-size: 13px;
    float: left;
}

.accesoMenuQuienesSomos {
    font-size: 13px;
    float: left;
}

.accesoEnlaceNoticia {
    font-size: 13px;
    float: left;
}

.accesoMenuQuienesSomosIngles {
    cursor: default !important;
    color: #5575A9 !important;
}

.textoAccesoMenuDescubraComo:hover, .textoAccesoMenuContacto:hover, .textoAccesoMenuCasosDeUso:hover,
.textoAccesoMenuQuienesSomos:hover, .botonFormularioAcceso:hover {
    color: #ffffff !important;
}
.textoAccesoMenuCotizaciones:hover{
     color: #ffffff !important;
     text-decoration: none;
}

.textoAccesoDolarUSA:hover{
     color: #C8DCF2 !important;
     text-decoration: none;
}
.textoAccesoDolarUSA{
    font-weight:100;
    font-size: 14px;
    color:#FFFFFF;
        font-family: verdana;
}

.accesoRegistroPerfil {
    font-size: 13px;
    float: left;
}

.colorTextoRegistroPerfil {
    color: #daae66 !important;
}

.accesoMenuIdioma {
    top: 10px;
    font-size: 0.7em;
    cursor: pointer;
    float: left;
    margin-top: 2px;
    width: 70px;
}
.accesoMenuIdioma2 {
    top: 0px;
    font-size: 0.7em;
    cursor: pointer;
    float: right;
    margin-top: 2px;
    width: 70px;
    right: 0;
    position: relative;


}

.colorTextoMenuIdioma {
    color: #e5cea8;
}

.botonIdiomaExtendido{
    display:none;
    background-color: rgb(13, 59, 133);
    color: #E5CEA8;
    top: 20px;
    font-size: 0.7em;
    left: 73px;
    height: 20px;
    line-height: 20px;
    width: 80px;
    position: relative;
    float: right;
 
}

.separacionIzquierdaBotonesCabecera {
    margin-left: 30px;
}

.contenedorMenuDcha {
    right: 20px;
    top: 90px;
    bottom: 30px;
    position: absolute;
    float: left;
    width: 180px;
}

.contenedorPie {
    bottom: 0;
    position: absolute;
    background-color: #000000;
    bottom: 0pt;
    font-size: 0.8em;
    float: left;
    height: 27px;
    width: 100%;
    -moz-opacity :1;
    opacity :1;
    z-index: 3;
    box-shadow: 0px -3px 9px -5px  #665600 ;

  
}

/***********************************CABECERAS***********************************/
#cabecera {
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 1;
}

#subcabecera {
    background: #FFFFFF;
    height: 25px;
    width: 100%;
    top: 120px;
    left: 0;
    position: fixed;
    z-index:1;
}

.contenido_cabecera {
    height: 140px;
    position: relative;
    display: table;
    margin: 0 auto;
    text-align: center;
}

.tituloSuperiorContenido {
    position: relative;
    display: table;
    margin: 20px auto auto;
    text-align: center;
}

.tituloInferiorContenido {
    position: relative;
    display: table;
    margin: 0 auto;
    text-align: center;
}

.opcionesEntorno {
    float:left;
    height:20px;
    margin-top:5px;
    width:100%;
}

.menu_cabecera {
    position:absolute;
    right: 0px;
    font-size: 10px;
    width: 110px;
}

.fondoBanderaMain {
    background-repeat: no-repeat;
    padding-left: 15px;
}
.fondoBandera {
    background-repeat: no-repeat;
    padding-left: 21px;
}

.fondoBanderaCat {
    background-image: url("../imagenes/banderaCatalana.gif");
}

.fondoBanderaIng {
    background-image: url("../imagenes/banderaInglesa.gif");
}

.fondoBanderaCas {
    background-image: url("../imagenes/banderaEspanola.gif");
}

.itemIdiomaFirst {
    padding-top:7px;
}

.itemIdioma {
    padding-top:10px;
}

/**********************Aqui acaba la cabecera**************************/


/************************ESTILOS DEL MENU LATERAL****************************/

.contenido_menu_iqda{
    float: left;
    height: 100%;
    /*margin-right: 15px;*/
    /*padding-bottom: 10px;*/
    position: relative;
    top: 0;
    width: 99%;

}

.rayas_verticales{
    border-right: 3px double #A0A0A2;
    float: left;
    position: relative;
    width: 99%;
}

.contenedorMenuDchaNoticias{
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    /*min-height: 290px;*/
}
.lineaNoticiasDegradado{
    margin-top: 4px; /* en explorer sin margin-top: */
    width: 100%;
    float: left;
    background-color: white;
}

.capaImagenTelefono{
    bottom: 0px;
    margin-left: 25px;
    height: 30%;
    width: 79%;
}
.imagenTelefono{
    bottom: 0px;
    position: absolute;
    width: 80%;
}

/**************** AQUÍ ACABA EL MENÚ LATERAL ***************************/

/********************************* CONTENIDOS**************************/
.contenido{
    width: 82%; /*la anchura debe ser un poco menor para compensar el borde lateral*/
    height: 69%;
    float: right;
    position:relative;
    margin-right: 3px;
    padding-bottom:30px;
    background-color: #FFFFFF;
    top:114px;
    z-index:0;
}

#contenido {
    float: left;
    /*height: 100%;*/
    /*position: relative;*/
    /*top: 25px;*/
    width: 99%;
    z-index: 0;
}

#contenido_inicio {
    float: left;
    /*height: 94%;*/
    position: relative;
    top: 25px;
    width: 100%;
    z-index: 0;
}

#texto_contenido { /*Redefinicion en explorer.css*/
                   bottom: 0;
                   float: left;
                   margin-left: 2%;
                   overflow-y: auto;
                   padding-top:15px;
                   /**overflow-x:hidden;*/
                   position: absolute;
                   top: 65px;
}

#texto_contenido_formulario_contacto { /*Redefinicion en explorer.css*/
                                       bottom: 0;
                                       overflow-y: auto;
                                       overflow-x:hidden;
                                       *overflow-x:hidden;
                                       position: absolute;
                                       top: 0px;
                                       height:100%;
}


#texto_contenido_aviso_legal { 
    bottom: 0;
    overflow-y: auto;
    overflow-x:hidden;
    *overflow-x:hidden;
    position: absolute;
    top: 0px;
    height:100%;
}



#texto_contenido a{
    color:#666666;
}

#texto_contenido a:hover{
    /*color:#cc3300;*/
}

#texto_contenido_inicio {
    /*width: 100%;*/
    position: relative;
    overflow:hidden; /*overflow-x:hidden; overflow-y: auto;*/
    height: 100%;
    min-width: 600px;
    max-width: 800px;
}


#cabecera_contenido {
    float: left;
    /*height: 70px;*/
    left: 2%;
    position: absolute;
    top: 25px;
    width: 98%;
    z-index: 4;
}

#cabecera_contenido_sin_menu_derecha {
    float: left;
    /*height: 40px;*/
    left: 2%;
    position: relative;
    width: 98%;
    z-index: 4;
}

.textoContenidoEspecialGris{
    color: #808080;
    font-size: 13px;
    font-weight: bold;
}

#menu_banner_dcha{
    position: relative;
    top: 25px;
    margin-left: 15px;
    float: left;
}

/**************************PIE DE PAGINA***********************/

#pie {
    font-size: 0.8em;
    height: 28px;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    z-index: 3;
}

.pie_contenido{
    left:0;
    background-color:#fff;
    position:absolute;
    height:0px;
    width: 100%;
    bottom:23px;
    z-index:3;
    border-top: 3px double #e50005 ;

}

.pie_centrado{
    top:8px;
    float: left;
    position: absolute;
    left: 300px;
    right: 300px;
    text-align: center;
    font-size: 10px;
}

.imagenLinkedInPie{
    position: relative;
    top: 4px;
    padding-left:1px;
}

.logosRedesSocialesPie{
    right: 0;
    bottom: 25px;
    width: 180px;
    height: 30px;
    position: absolute;
    background: white;
    padding-top: 15px;
    z-index: 3;
}

.enlacePie{ color:#dab362; }
.enlacePie:hover{ color:#ffffff; }
.color_texto_pie{color:#dab362;}
.estiloTextoContactoPie { color:#dab362; }
.estiloTextoContactoPie:hover { color:white; }

/*****  FIN DE ESTILOS DEL PIE  *************************************************************************/


.capaLineaBotonesSuperior {
    border-style: solid;
    border-width: 1px;
    height: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -1px;
}

.contenedorBotonMensajeSuperior {
    height: 19px;
    margin-right: 12px;
    margin-top: 6px;
    padding-left: 5px;
    position: relative;
}

.trebolDicoins {
    position: relative;
    width: 500px;
    top: 0px;
    text-align: center;
    display: table;
    margin: 0 auto;
}

.cotizacionesDicoins {
    left: 10%;
    position: absolute;
    text-align: right;
    top: 606px;
    float:left;
}
.talloCotizaciones {
    float: left;
    left: -56px;
    position: absolute;
    text-align: right;
    top: -84px;
}

.textoCotizaciones {
    color: #ffffff;
    font-family: verdana;
    font-size: 14px;
    left: -78px;
    position: absolute;
    top: /*32px;*/22px;
}

.textoGoldprice {
    color: #dab362;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    left: -71px;
    position: absolute;
    top: /*60px;*/48px;
    margin-top:2px;
}
.texto24h{
   margin-left: 13px;
  /* margin-top: 26px;*/
  top:71px;
}

.logoLeuchtturm {
    position: relative;
    width: 734px;
    top: 0px;
    text-align: right;
    display: table;
    margin: 0 auto;
}

.accesoDolarUSA {
    position: relative;
    left: 228px;
    bottom: 400px;
    width: 280px;
    text-align: right;
    display:table;
    margin: 0 auto;

}

.obetosVarios{
    position: absolute;
    width: 200px;
    text-align: left;
    left: 200px;
    top: 350px;
    color: white;
    font-size: 12px;



}

.trebolImagenProyectosEn {
    cursor: pointer;
}

.trebolImagenUsuariosAfinesEn {
    cursor: pointer;
}

.trebolImagenSociosEn {
    cursor: pointer;
}

.trebolImagenFinanciacionEn {
    cursor: pointer;
}

.trebolImagenSello {
    cursor: pointer;
}

.trebolImagenChapa {
    cursor: pointer;
}

.trebolImagenBillete {
    cursor: pointer;
}

.trebolImagenMoneda{
    cursor: pointer;
}

.anuncio{
    /*  font-family: calibri;*/
     font-family: brush ;
    font-size: 35px;
    /*color: #e5cea8;*/
    color:   #dad0bb;
    text-align: center;
    width: 1024px;
    display: table;
    margin: 0 auto;
    margin-top: 35px;
    font-weight: 200;
    margin-bottom: 20px;
    
}

.flechaIdioma{
    height: 5px;
    width: 5px;
    background: url("../imagenes/flechaIdiomaAbajo.png") no-repeat;
}
.flechaSesion{
    height: 5px;
    width: 5px;
    background: url("../imagenes/imagenesDicoins/ImgFlechaInicioSesion.png") no-repeat;
}

.boton_contacto{
    margin-top:65px;
    margin-right: 26px;
    float: right;
}

.contenedorFormularioContacto{
    z-index: 30;
    width: 860px;
    min-width: 860px;
    height: auto;
    min-height: 200px;
    background-color: white;
    opacity: 0.95;
    border-radius: 9px;
    display: table;
    margin: 15px 15px 15px 15px;
    border: 2px solid rgb(109, 165, 255);
    /*position: absolute;*/
    box-shadow: 0px 0px 10px 2px #999999;
}

.mascaraDraggable{
    background-image: url(../imagenes/pixelTransparente.png);
    position: absolute;
    z-index: 3000;
    left: 0pt;
    top: 0pt;
    right: 0pt;
    bottom: 0pt;
}
.capaMaximizada {
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width:100% !important;
}
.capaMaximizadaContenedor {
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;

}
.iframeMaximizadoImportant{
    width:100% !important;
    height:100% !important;
}
/*alturas*/
.altura91porcentajeImportant{ height: 91% !important; }
.altura95porcentajeImportant{ height:95% !important; }
.altura100porcentajeImportant{ height: 100% !important; }

/* DISPOSITIVOS POR TAMAÑO DE PANTALLA */
/* Portatiles 800 max ancho */
@media only screen and (min-device-height: 769px) and (max-device-height: 800px) {
    html, body {	 /*Redefinicion en explorer.css*/
                  margin:0;
                  padding:0;
                  font-family:verdana;
                  font-size:10px;
                  background-color: #ffffff;
                  min-width:1024px;
                  min-height:768px;
                  /*min-width:989px \0/;
                  *min-width:989px;*/
    }

    .contenedorBody {
        /*background: url("../imagenes/imagenesDicoins/ImgFondoWebDICOINSv0100.png") no-repeat;*/
        background-position: 50% -200px;
        position: relative;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        min-height: 755px; /* tiene que ser lo mismo que se define en html, body */
        /*overflow: hidden;*/
    }


    .contenedorContenido {
        /*background: url("../imagenes/fondoMapa800.png") no-repeat;*/
        background-position: 50% -30px;
        top: 25px;
        bottom: 23px;
        position: absolute;
        /*overflow-y: hidden;*/
        z-index: 1;
        float: left;
        width:100%;
        /*height: 582px;*/
        display: table;
        margin: 0 auto;
     
    }

    .anuncio {
        margin-top: 40px;
    }

    .tituloSuperiorContenido {
        margin-top: 10px;
    }

    .trebolEutarget {
        position: relative;
        width: 500px;
        top: 8px;
        text-align: center;
        display: table;
        margin: 0 auto;
    }
}

/* DISPOSITIVOS POR TAMAÑO DE PANTALLA */
/* Portatiles 768 max ancho */
@media only screen and (max-device-height: 768px) {
    html, body {	 /*Redefinicion en explorer.css*/
                  margin:0;
                  padding:0;
                  font-family:verdana;
                  font-size:10px;
                  background-color: #ffffff;
                  min-width:1024px;
                  min-height:768px;
                  /*min-width:989px \0/;
                  *min-width:989px;*/
    }

    .contenedorBody {
       /* background: url("../imagenes/imagenesDicoins/ImgFondoWebDICOINSv0100.png") no-repeat;*/
        background-position: 50% -200px;
        position: relative;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        min-height: 768px; /* tiene que ser lo mismo que se define en html, body */
        /*overflow: hidden;*/
    }

    .contenedorContenido {
       /* background: url("../imagenes/fondoMapa800.png") no-repeat;*/
        background-position: 50% -30px;
        top: 25px;
        bottom: 23px;
        position: absolute;
        /*overflow-y: hidden;*/
        z-index: 1;
        float: left;
        width:100%;
        /*height: 582px;*/
        display: table;
        margin: 0 auto;
    }

    .anuncio {
        margin-top: 40px;
    }

    .tituloSuperiorContenido {
        margin-top: 10px;
    }

    .trebolEutarget {
        position: relative;
        width: 500px;
        top: -10px;
        text-align: center;
        display: table;
        margin: 0 auto;
    }
}


/* Resoluciones mayores de 1920x1080 */
/*
    Modificaciones:
    - Se quita el destello
*/
@media only screen and (min-device-height: 1921px) and (max-device-width: 1080px){
    .contenedorBody {
        background: none;
    }
}

/* Nexus 4 */
/*
    Modificaciones:
    - Se quita el destello*/

@media only screen and (max-device-width: 384px) and orientation (portrait) and (-webkit-device-pixel-ratio: 2){
    .html, body {
        width: 1050px;
    }

    .contenedorBody {
        background: none;
    }
}

@media only screen and (max-device-width: 599px) and orientation (landscape) and (-webkit-device-pixel-ratio: 2){
    .html, body {
        width: 1450px;
    }

    .contenedorBody {
        background: none;
    }
}

/* Galaxy s3 */
/*
    Modificaciones:
    - Se quita el destello
*/
@media only screen  and (max-device-width: 384px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : portrait) {
    .html, body {
        width: 1050px;
    }

    .contenedorBody {
        background: none;
    }
    #texto_contenido_formulario_contacto{
        margin-left: 6%;
    }
}

@media only screen  and (max-device-width: 641px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : landscape) {
    .html, body {
        width: 1450px;
    }
    .contenedorBody {
        background: none;
        min-height: 700px;
    }
    #texto_contenido_formulario_contacto{
        margin-left: 6%;
        top: 2px;
    }
}

@media only screen
and (min-device-width : 768px) and (max-device-width: 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .contenedorBody {
        background: none;
    }
}

/* portatiles, subir tallo cotizaciones */
@media only screen and (max-device-height: 850px) and (max-device-width: 1366px){
    .cotizacionesDicoins {
    top: 600px;
    }
}