@keyframes desaparecer{0%{bottom:0px;} 80%{bottom:0px;} 100%{bottom:-50px;} } @-webkit-keyframes desaparecer{0%{bottom:0px;} 80%{bottom:0px;} 100%{bottom:-50px;} } @keyframes aparecer{0%{bottom:-38px;} 10%{bottom:0px;} 90%{bottom:0px;} 100%{bottom:-38px;} } @-webkit-keyframes aparecer{0%{bottom:-38px;} 10%{bottom:0px;} 90%{bottom:0px;} 100%{bottom:-38px;} } #cookiesms1:target{display:none;} .cookiesms{width:100%;height:43px;margin:0 auto;padding-left:1%;padding-top:5px;font-size:1.2em;clear:both;font-weight:strong;color:#333;bottom:0px;position:fixed;left:0px;background-color:#FFF;opacity:0.7;filter:alpha(opacity=70);transition:bottom 1s;-webkit-transition:bottom 1s;-webkit-box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);-moz-box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);z-index:999999999;} .cookiesms:hover{bottom:0px;} .cookies2{background-color:#FFF;display:inline;opacity:0.95;filter:alpha(opacity=95);position:absolute;left:1%;top:-30px;font-size:15px;height:30px;padding-left:25px;padding-right:25px;-webkit-border-top-right-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topright:15px;-moz-border-radius-topleft:15px;border-top-right-radius:15px;border-top-left-radius:15px;-webkit-box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);-moz-box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);box-shadow:3px -3px 1px rgba(50, 50, 50, 0.56);} #container_demo{text-align:left;margin:0;padding:0;margin:0 auto;font-family:Arial, Helvetica, sans-serif;} @font-face{font-family:'FontomasCustomRegular';src:url('fonts/fontomas-webfont.eot');src:url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontomas-webfont.woff') format('woff'), url('fonts/fontomas-webfont.ttf') format('truetype'), url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'FranchiseRegular';src:url('fonts/franchise-bold-webfont.eot');src:url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/franchise-bold-webfont.woff') format('woff'), url('fonts/franchise-bold-webfont.ttf') format('truetype'), url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');font-weight:normal;font-style:normal;} a.hiddenanchor{display:none;} #wrapper{width:60%;right:0px;min-height:560px;margin:0px auto;width:500px;position:relative;} #wrapper a{color:#333;text-decoration:underline;} #wrapper h1{font-size:30px;color:#FFF;padding:2px 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:center;padding-bottom:30px;} #wrapper h1{background:-webkit-repeating-linear-gradient(-45deg, rgb(18, 83, 93) , rgb(18, 83, 93) 20px, rgb(64, 111, 118) 20px, rgb(64, 111, 118) 40px, rgb(18, 83, 93) 40px);-webkit-text-fill-color:transparent;-webkit-background-clip:text;} #wrapper h1:after{content:' ';display:block;width:100%;height:2px;margin-top:10px;background:-moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0)));background:-webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);background:-o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);background:-ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);background:linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%);} #wrapper p{margin-bottom:15px;} #wrapper p:first-child{margin:0px;} #wrapper label{color:rgb(64, 92, 96);position:relative;} ::-webkit-input-placeholder{color:rgb(190, 188, 188);font-style:italic;} input:-moz-placeholder, textarea:-moz-placeholder{color:rgb(190, 188, 188);font-style:italic;} input{outline:none;} #wrapper input:not([type="checkbox"]){width:92%;margin-top:4px;padding:10px 5px 10px 32px;border:1px solid rgb(178, 178, 178);-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;-moz-box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;} #wrapper input:not([type="checkbox"]):active, #wrapper input:not([type="checkbox"]):focus{border:1px solid rgba(91, 90, 90, 0.7);background:rgba(238, 236, 240, 0.2);-webkit-box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;-moz-box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;} [data-icon]:after{content:attr(data-icon);font-family:'FontomasCustomRegular';color:rgb(106, 159, 171);position:absolute;left:10px;top:35px;width:30px;} #wrapper p.button input{width:30%;cursor:pointer;background:#3A4450;padding:8px 5px;font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;color:#fff;font-size:24px;border:1px solid rgb(28, 108, 122);margin-bottom:10px;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0px 0px 0px 3px rgb(254, 254, 254), 0px 5px 3px 3px rgb(210, 210, 210);-moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0px 0px 0px 3px rgb(254, 254, 254), 0px 5px 3px 3px rgb(210, 210, 210);box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, 0px 0px 0px 3px rgb(254, 254, 254), 0px 5px 3px 3px rgb(210, 210, 210);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;} #wrapper p.button input:hover{background:rgb(74, 179, 198);} #wrapper p.button input:active, #wrapper p.button input:focus{background:rgb(40, 137, 154);position:relative;top:1px;border:1px solid rgb(12, 76, 87);-webkit-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;-moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;} p.login.button, p.signin.button{text-align:right;margin:5px 0;} .keeplogin{margin-top:-5px;} .keeplogin input, .keeplogin label{display:inline-block;font-size:12px;font-style:italic;} .keeplogin input#loginkeeping{margin-right:5px;} .keeplogin label{width:80%;} p.change_link{position:absolute;color:rgb(127, 124, 124);left:0px;height:20px;width:440px;padding:17px 30px 20px 30px;font-size:16px;text-align:right;border-top:1px solid rgb(219, 229, 232);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;background:rgb(225, 234, 235);background:-moz-repeating-linear-gradient(-45deg, rgb(247, 247, 247) , rgb(247, 247, 247) 15px, rgb(225, 234, 235) 15px, rgb(225, 234, 235) 30px, rgb(247, 247, 247) 30px);background:-webkit-repeating-linear-gradient(-45deg, rgb(247, 247, 247) , rgb(247, 247, 247) 15px, rgb(225, 234, 235) 15px, rgb(225, 234, 235) 30px, rgb(247, 247, 247) 30px);background:-o-repeating-linear-gradient(-45deg, rgb(247, 247, 247) , rgb(247, 247, 247) 15px, rgb(225, 234, 235) 15px, rgb(225, 234, 235) 30px, rgb(247, 247, 247) 30px);background:repeating-linear-gradient(-45deg, rgb(247, 247, 247) , rgb(247, 247, 247) 15px, rgb(225, 234, 235) 15px, rgb(225, 234, 235) 30px, rgb(247, 247, 247) 30px);} #wrapper p.change_link a{display:inline-block;font-weight:bold;background:rgb(247, 248, 241);padding:2px 6px;color:rgb(29, 162, 193);margin-left:10px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid rgb(203, 213, 214);-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;-ms-transition:all 0.4s linear;transition:all 0.4s linear;} #wrapper p.change_link a:hover{color:rgb(57, 191, 215);background:rgb(247, 247, 247);border:1px solid rgb(74, 179, 198);} #wrapper p.change_link a:active{position:relative;top:1px;} #forgot, #register, #login{position:absolute;top:1px;width:88%;padding:18px 6% 60px 6%;margin:0 0 35px 0;background:#FFF;border:1px solid rgba(147, 184, 189,0.8);-webkit-box-shadow:0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;-moz-box-shadow:0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;box-shadow:0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;-webkit-box-shadow:5px;-moz-border-radius:5px;border-radius:5px;left:-1px;} #forgot{z-index:20;opacity:0;} #register{z-index:21;opacity:0;} #login{z-index:22;} #toforgot:target ~ #wrapper #forgot, #toregister:target ~ #wrapper #register, #tologin:target ~ #wrapper #login{z-index:22;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;-ms-animation-delay:.1s;animation-delay:.1s;} #toforgot:target ~ #wrapper #login, #toregister:target ~ #wrapper #login, #tologin:target ~ #wrapper #register{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-ms-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;} .animate{-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-o-animation-duration:1s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:both;} .lt8 #wrapper input{padding:10px 5px 10px 32px;width:92%;} .lt8 #wrapper input[type=checkbox]{width:10px;padding:0;} .lt8 #wrapper h1{color:#066A75;} .lt8 #forgot{display:none;} .lt8 #register{display:none;} .lt8 p.change_link, .ie9 p.change_link{position:absolute;height:90px;background:transparent;} .social{position:fixed;left:0;top:200px;z-index:2000;} .social ul{list-style:none;} .social ul li a{display:inline-block;color:#fff;background:#000;padding:10px 15px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .social ul li .icon-facebook{background:#3b5998;} .social ul li .icon-twitter{background:#00abf0;} .social ul li .icon-googleplus{background:#d95232;} .social ul li .icon-mail{background:#666666;} .social ul li a:hover{background:#000;padding:10px 30px;} .top{position:fixed;right:0;top:110px;z-index:2000;} .top ul{list-style:none;} .top ul li a{display:inline-block;color:#fff;background:#fff;padding:10px 15px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .top ul li .icon-top{background:#ffffff;} .top ul li a:hover{background:#ffffff;padding:10px 30px;} .logins{position:absolute;right:0;top:-10px;z-index:2000;} .logins ul{list-style:none;} .logins ul li a{display:inline-block;color:#fff;background:#fff;padding:10px 15px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .logins ul li .icon-logins{background:transparent;} .logins ul li .icon-contacto{background:transparent;} .logins ul li a:hover{background:#64ACE6;padding:10px 20px;} .en{position:absolute;right:30%;top:1%;z-index:2000;} .en ul{list-style:none;} .en ul li a{display:inline-block;color:#fff;background:#fff;padding:10px 15px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .en ul li .icon-en{background:transparent;} .en ul li a:hover{background:#64ACE6;padding:10px 20px;} .home{position:absolute;left:1px;top:126px;z-index:2000;} .home ul{list-style:none;} .home ul li a{display:inline-block;color:#fff;background:#fff;padding:10px 15px;text-decoration:none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .home ul li .icon-home{background:#ffffff;} .home ul li a:hover{background:#ffffff;padding:10px 30px;} .nuevo{font-family:Verdana, Geneva, sans-serif;color:#FFF;font-size:14px;} .Estilo1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;} .Estilo108{color:#333333} .Estilo30{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#FF0000;} .Estilo90{color:#FF0000} .Estilo96{color:#FFFFFF} .Estilo2{color:#003366} .Estilo47{font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;} .Estilo85{font-size:9px} .Estilo84{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#fff;} .Estilo7{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;} .Estilo116{font-family:Verdana, Arial, Helvetica, sans-serif;color:#003366;font-size:12px;} .Estilo115{font-size:12px} .Estilo97{font-family:Verdana, Arial, Helvetica, sans-serif;color:#003366;} .Estilo110{color:#003366;font-weight:bold;} .Estilo11{font-family:Verdana, Arial, Helvetica, sans-serif} .EstiloAZUL{color:#3B5998;text-align:left;} .EstiloROJO{color:#FF0000;} .TODO{width:240px;margin:auto;} .COMENTARIOS{padding:5px;margin-top:5px;margin-bottom:5px;border-bottom:1px solid #CCCCCC;} .RESULTADO{padding:5px;color:#82A4C0;margin-bottom:5px;background-color:#FFECEC;border:1px solid #FF0000;} .FORMULARIO{padding:5px;margin-bottom:5px;} .TITULO{color:#FFFFFF;background-color:#333333;width:auto;margin:auto;padding:5px;text-align:center;margin-bottom:5px;} .LOGIN{color:#FFFFFF;background-color:#333333;width:auto;margin:auto;padding:5px;text-align:center;margin-bottom:5px;} .ca-menu{padding:0;margin:20px auto;width:200px;} .ca-menu li{width:200px;height:100px;overflow:hidden;position:relative;display:block;background:#fff;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);margin-bottom:4px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;} .ca-menu li:last-child{margin-bottom:0px;} .ca-menu li a{text-align:left;width:100%;height:100%;display:block;color:#333;position:relative;} .ca-icon{font-family:'WebSymbolsRegular', cursive;font-size:20px;text-shadow:0px 0px 1px #333;line-height:90px;position:absolute;width:90px;left:-18px;text-align:center;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;top:4px;} .ca-content{position:absolute;left:61px;width:135px;height:60px;top:22px;} .ca-main{font-size:26px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;font-family:Arial, Helvetica, sans-serif;} .VOLVER{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;background-color:#3A4450;width:auto;margin:auto;padding:5px;text-align:center;margin-bottom:5px;}.VOLVERE{font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#FFFFFF;background-color:#3A4450;width:auto;margin:auto;padding:5px;text-align:center;margin-bottom:5px;} .VOLVER2{font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#FFFFFF;background-color:#64ABE3;width:auto;margin:auto;padding:5px;text-align:center;margin-bottom:5px;} .CASILLAS{color:#333333;width:auto;padding:5px;text-align:left;margin-bottom:5px;margin-left:auto;margin-top:auto;margin-right:auto;} .fondocasillausuario{background-color:#F0F0F0;border:1px solid #8A96BD;border-color:#8A96BD;padding:4px;margin-bottom:3px;} .BOTONcomentarioenviar{cursor:pointer;background-color:#F0F0F0;border:1px solid #BEC6D6;padding:4px;width:150px;} .BOTONcomentarioborrar{cursor:pointer;background-color:#F2E3E3;border:1px solid #D9B0B0;padding:4px;width:150px;border-color:#D9B0B0;} .MENU{width:240px;margin:auto;text-align:center;margin-top:20px;padding:10px;background-color:#F0F0F0;border:1px solid #CCCCCC;margin-bottom:10px;} .SALIR{width:240px;margin:auto;text-align:center;margin-top:20px;padding:10px;background-color:#F0F0F0;border:1px solid #CCCCCC;margin-bottom:10px;} .MENUCOMENTARIOS{width:240px;margin:auto;margin-top:20px;padding:10px;background-color:#F0F0F0;border:1px solid #CCCCCC;margin-bottom:10px;text-align:justify;} .NW{font-size:24px;} .NW{color:#036;} .NW{text-align:center;font-family:Georgia, "Times New Roman", Times, serif;} .NW .NW .NW{font-family:Georgia, "Times New Roman", Times, serif;}