#cookies{ background: rgba(100,149,237,0.8); color: white; overflow: hidden; display: table; animation: salCookies 3s; -webkit-animation: salCookies 3s; bottom: 0; margin: 10px; padding: 0 20px; position: fixed; right: 0; /*width: 150px;*/ z-index: 1000; } @keyframes salCookies{ 0%{ right:-200px; } 50%{ right:-200px; } 100%{ right: 0px; } } @-webkit-keyframes salCookies{ 0%{ right: -200px; } 50%{ right: -200px; } 100%{ right: 0px; } } #cookies span{ display: table-cell; vertical-align: middle; text-align: center; font-size: 0.8em; } #cookies span a{ color: #fff; text-decoration: underline; } #cookies button{ float: none !important; padding: 3px 10px; border: 2px solid rgb(255, 143, 0); margin: 8px; color: darkblue; background: rgba(255, 143, 0,0.6); cursor: pointer; } #texto_legal{ padding: 10px; font-size: 0.9em; } #texto_legal table{ border: 1px solid #4289A5; padding: 3px; } #texto_legal td{ border: 1px solid #4289A5; padding: 3px; } textarea{ color: #0A0C17; font-family: 'Cuprum',Verdana, Geneva, sans-serif; font-size: 1.1em; background-color: #FFFFFF; } body,html { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'Cuprum',Verdana, Geneva, sans-serif;font-weight: 400;font-size: 1.1em; } .minitxt { font-size: 0.8em; } .copiaTexto{ cursor: pointer; } .copiaTexto:hover{ color: green; } .aviso { color: #93341F; } .avisoOK{ color: green; } .avisoKO{ color: darkred; } .error { border-radius: 0px20px 20px 20px 20px; padding: 10px; background-color: #93341F; color: #fff; } .error a:link,.error a:visited,.error a:active { font-style:italic; text-decoration: dashed; color: #fff; } .googlefonttitle{ font-family: 'Cuprum',Verdana, Geneva, sans-serif; font-weight : 700; } .redondo { border-radius: 0px20px 20px 20px 20px; } .flex.menu{ flex-wrap: wrap; margin: 10px 0 0 0; background: none; font-size: 0.7em; border-bottom: 1px solid #8e8c8c; } .flex.menu > div, .flex.menu > a { background: #ccc; padding: 10px; display: table; width: 150px; cursor: pointer; color: #fff; } .flex.menu div:hover, .flex.menu a:hover { background: #b7b7b7; } .flex.menu div.on, .flex.menu a.on{ background: #8e8c8c; } .flexh .fa { display: table-cell; margin-right: 10px; } .fieldsets{ padding: 20px; border: 1px solid #4289A5; padding: 0 20px 20px 20px; } #miPerfil #desconectarBtn{ background: white; color: red; } #miPerfil #desconectarBtn.on, #miPerfil #desconectarBtn:hover{ background: red; color: white; } #miPerfil input{ width: 80%; } #miPerfil input[type="checkbox"]{ width: inherit; } #miPerfil #passN, #miPerfil #passR{ width: 40%; } <!--[if lt IE 8]> .oculto { 1; } .mostrar{ 1 transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; } .mostrar:hover{ 1 } .ocultar{ 1 transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; } .ocultar:hover{ 1 } <!--<![endif]--> .iti-flag {background-image: url("https://www.camaleonsocialmedia.es/X3Msites/statics/v1/Scripts/intl-tel-input-master_v13.0.4/build/img/flags.png");} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag {background-image: url("https://www.camaleonsocialmedia.es/X3Msites/statics/v1/Scripts/intl-tel-input-master_v13.0.4/build/img/flags@2x.png");} }