@charset "UTF-8"; /* CSS Document */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; } body { margin: 0 auto; text-align: center; font-family: 'bbvalight'; } #container { width: 792px; margin: 0 auto; text-align: center; } #header { /*width: 792px; height: 120px; background-image: url(../img/Header_02.jpg); background-repeat: no-repeat;*/ } nav { text-align: left; display: block; /*padding: 90px 0 0 0;*/ margin-left: -5px; float: left; color: #e0e0e0; } nav a { color: #52bcec; text-decoration: none; display: inline-block; font-size: 12px; font-family: "arial"; } nav a:hover, a:active { color: #005eb9; text-decoration: underline; display: inline-block; font-size: 12px; font-family: "arial"; } #left { width: 599px; height: 346px; float: left; position: relative; } #lefts { width: 599px; height: 346px; float: left; position: relative; background-image: url("/images/CF/img/fotos/logo.jpg"); background-repeat: no-repeat, no-repeat; background-size: cover; } #banner { position: absolute; width: 599px; height: 71px; top: 274px; z-index:1; } #big, #a01 { width: 401px; height: 346px; float: left; } #a01 { background-image: url(/images/CF/img/a01.jpg); background-repeat: no-repeat; position:relative; left:0px; margin-left:0px; text-align:left; } .a01, .a02, .a03{ position:absolute; opacity:0; } .a01{ opacity:1; -o-animation: a01 22s infinite; -ms-animation: a01 22s infinite; -moz-animation: a01 22s infinite; -webkit-animation: a01 22s infinite; animation: a01 22s infinite; -o-animation-delay: 5s /* Firefox */; -ms-animation-delay: 5s /* Firefox */; -moz-animation-delay: 5s /* Firefox */; -webkit-animation-delay: 5s /* Safari and Chrome */; animation-delay: 5s /* W3C and Opera */; } @-o-keyframes a01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-ms-keyframes a01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-moz-keyframes a01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-webkit-keyframes a01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @keyframes a01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } .a02{ -o-animation: a02 22s infinite; -ms-animation: a02 22s infinite; -moz-animation: a02 22s infinite; -webkit-animation: a02 22s infinite; animation: a02 22s infinite; -o-animation-delay: 5s /* Firefox */; -ms-animation-delay: 5s /* Firefox */; -moz-animation-delay: 5s /* Firefox */; -webkit-animation-delay: 5s /* Safari and Chrome */; animation-delay: 5s /* W3C and Opera */; } @-o-keyframes a02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-ms-keyframes a02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-moz-keyframes a02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-webkit-keyframes a02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @keyframes a02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } .a03{ -o-animation: a03 22s infinite; -ms-animation: a03 22s infinite; -moz-animation: a03 22s infinite; -webkit-animation: a03 22s infinite; animation: a03 22s infinite; -o-animation-delay: 5s /* Firefox */; -ms-animation-delay: 5s /* Firefox */; -moz-animation-delay: 5s /* Firefox */; -webkit-animation-delay: 5s /* Safari and Chrome */; animation-delay: 5s /* W3C and Opera */; } @-o-keyframes a03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-ms-keyframes a03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-moz-keyframes a03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-webkit-keyframes a03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @keyframes a03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } #small { width: 190px; height: 346px; float: right; border: none; } #b01 { background-image: url(/images/CF/img/b01.jpg); width: 68px; position:relative; text-align:left; background-repeat: no-repeat; height: 78px; float: left; } .b01, .b02, .b03{ position:absolute; opacity:0; } .b01{ opacity:1; -o-animation: b01 22s infinite; -ms-animation: b01 22s infinite; -moz-animation: b01 22s infinite; -webkit-animation: b01 22s infinite; animation: b01 22s infinite; -o-animation-delay: 5.5s /* Firefox */; -ms-animation-delay: 5.5s /* Firefox */; -moz-animation-delay: 5.5s /* Firefox */; -webkit-animation-delay: 5.5s /* Safari and Chrome */; animation-delay: 5.5s /* W3C and Opera */; } @-o-keyframes b01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-ms-keyframes b01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-moz-keyframes b01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-webkit-keyframes b01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @keyframes b01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } .b02{ -o-animation: b02 22s infinite; -ms-animation: b02 22s infinite; -moz-animation: b02 22s infinite; -webkit-animation: b02 22s infinite; animation: b02 22s infinite; -o-animation-delay: 5.5s /* Firefox */; -ms-animation-delay: 5.5s /* Firefox */; -moz-animation-delay: 5.5s /* Firefox */; -webkit-animation-delay: 5.5s /* Safari and Chrome */; animation-delay: 5.5s /* W3C and Opera */; } @-o-keyframes b02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-ms-keyframes b02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-moz-keyframes b02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-webkit-keyframes b02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @keyframes b02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } .b03{ -o-animation: b03 22s infinite; -ms-animation: b03 22s infinite; -moz-animation: b03 22s infinite; -webkit-animation: b03 22s infinite; animation: b03 22s infinite; -o-animation-delay: 5.5s /* Firefox */; -ms-animation-delay: 5.5s /* Firefox */; -moz-animation-delay: 5.5s /* Firefox */; -webkit-animation-delay: 5.5s /* Safari and Chrome */; animation-delay: 5.5s /* W3C and Opera */; } @-o-keyframes b03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-ms-keyframes b03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-moz-keyframes b03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-webkit-keyframes b03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @keyframes b03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } #c01 { background-image: url(/images/CF/img/c01.jpg); width: 113px; background-repeat: no-repeat; height: 129px; float: right; text-align:left; } .c01, .c02, .c03{ position:absolute; opacity:0; } .c01{ opacity:1; -o-animation: c01 22s infinite; -ms-animation: c01 22s infinite; -moz-animation: c01 22s infinite; -webkit-animation: c01 22s infinite; animation: c01 22s infinite; -o-animation-delay: 6s /* Firefox */; -ms-animation-delay: 6s /* Firefox */; -moz-animation-delay: 6s /* Firefox */; -webkit-animation-delay: 6s /* Safari and Chrome */; animation-delay: 6s /* W3C and Opera */; } @-o-keyframes c01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-ms-keyframes c01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-moz-keyframes c01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-webkit-keyframes c01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @keyframes c01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } .c02{ -o-animation: c02 22s infinite; -ms-animation: c02 22s infinite; -moz-animation: c02 22s infinite; -webkit-animation: c02 22s infinite; animation: c02 22s infinite; -o-animation-delay: 6s /* Firefox */; -ms-animation-delay: 6s /* Firefox */; -moz-animation-delay: 6s /* Firefox */; -webkit-animation-delay: 6s /* Safari and Chrome */; animation-delay: 6s /* W3C and Opera */; } @-o-keyframes c02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-ms-keyframes c02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-moz-keyframes c02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-webkit-keyframes c02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @keyframes c02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } .c03{ -o-animation: c03 22s infinite; -ms-animation: c03 22s infinite; -moz-animation: c03 22s infinite; -webkit-animation: c03 22s infinite; animation: c03 22s infinite; -o-animation-delay: 6s /* Firefox */; -ms-animation-delay: 6s /* Firefox */; -moz-animation-delay: 6s /* Firefox */; -webkit-animation-delay: 6s /* Safari and Chrome */; animation-delay: 6s /* W3C and Opera */; } @-o-keyframes c03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-ms-keyframes c03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-moz-keyframes c03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-webkit-keyframes c03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @keyframes c03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } #d01 { background-image: url(/images/CF/img/d01.jpg); width: 68px; background-repeat: no-repeat; height: 43px; float: left; margin-top: 8px; position:relative; text-align:left; } .d01, .d02, .d03{ position:absolute; opacity:0; } .d01{ opacity:1; -o-animation: d01 22s infinite; -ms-animation: d01 22s infinite; -moz-animation: d01 22s infinite; -webkit-animation: d01 22s infinite; animation: d01 22s infinite; -o-animation-delay: 6.5s /* Firefox */; -ms-animation-delay: 6.5s /* Firefox */; -moz-animation-delay: 6.5s /* Firefox */; -webkit-animation-delay: 6.5s /* Safari and Chrome */; animation-delay: 6.5s /* W3C and Opera */; } @-o-keyframes d01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-ms-keyframes d01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-moz-keyframes d01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-webkit-keyframes d01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @keyframes d01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } .d02{ -o-animation: d02 22s infinite; -ms-animation: d02 22s infinite; -moz-animation: d02 22s infinite; -webkit-animation: d02 22s infinite; animation: d02 22s infinite; -o-animation-delay: 6.5s /* Firefox */; -ms-animation-delay: 6.5s /* Firefox */; -moz-animation-delay: 6.5s /* Firefox */; -webkit-animation-delay: 6.5s /* Safari and Chrome */; animation-delay: 6.5s /* W3C and Opera */; } @-o-keyframes d02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-ms-keyframes d02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-moz-keyframes d02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-webkit-keyframes d02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @keyframes d02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } .d03{ -o-animation: d03 22s infinite; -ms-animation: d03 22s infinite; -moz-animation: d03 22s infinite; -webkit-animation: d03 22s infinite; animation: d03 22s infinite; -o-animation-delay: 6.5s /* Firefox */; -ms-animation-delay: 6.5s /* Firefox */; -moz-animation-delay: 6.5s /* Firefox */; -webkit-animation-delay: 6.5s /* Safari and Chrome */; animation-delay: 6.5s /* W3C and Opera */; } @-o-keyframes d03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-ms-keyframes d03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-moz-keyframes d03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-webkit-keyframes d03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @keyframes d03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } #e01 { background-image: url(/images/CF/img/e01.jpg); width: 190px; background-repeat: no-repeat; height: 208px; float: left; margin-top: 8px; text-align:left; position:relative; } .e01, .e02, .e03{ position:absolute; opacity:0; } .e01{ opacity:1; -o-animation: e01 22s infinite; -ms-animation: e01 22s infinite; -moz-animation: e01 22s infinite; -webkit-animation: e01 22s infinite; animation: e01 22s infinite; -o-animation-delay: 7s /* Firefox */; -ms-animation-delay: 7s /* Firefox */; -moz-animation-delay: 7s /* Firefox */; -webkit-animation-delay: 7s /* Safari and Chrome */; animation-delay: 7s /* W3C and Opera */; } @-o-keyframes e01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-ms-keyframes e01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-moz-keyframes e01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @-webkit-keyframes e01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } @keyframes e01 { 25%{opacity:1} 29%{opacity:0} 94%{opacity:0} 100%{opacity:1} } .e02{ -o-animation: e02 22s infinite; -ms-animation: e02 22s infinite; -moz-animation: e02 22s infinite; -webkit-animation: e02 22s infinite; animation: e02 22s infinite; -o-animation-delay: 7s /* Firefox */; -ms-animation-delay: 7s /* Firefox */; -moz-animation-delay: 7s /* Firefox */; -webkit-animation-delay: 7s /* Safari and Chrome */; animation-delay: 7s /* W3C and Opera */; } @-o-keyframes e02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-ms-keyframes e02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-moz-keyframes e02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @-webkit-keyframes e02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } @keyframes e02 { 29%{opacity:0} 33%{opacity:1} 58%{opacity:1} 62%{opacity:0} } .e03{ -o-animation: e03 22s infinite; -ms-animation: e03 22s infinite; -moz-animation: e03 22s infinite; -webkit-animation: e03 22s infinite; animation: e03 22s infinite; -o-animation-delay: 7s /* Firefox */; -ms-animation-delay: 7s /* Firefox */; -moz-animation-delay: 7s /* Firefox */; -webkit-animation-delay: 7s /* Safari and Chrome */; animation-delay: 7s /* W3C and Opera */; } @-o-keyframes e03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-ms-keyframes e03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-moz-keyframes e03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @-webkit-keyframes e03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } @keyframes e03 { 0%{opacity:0} 62%{opacity:0} 66%{opacity:1} 90%{opacity:1} 94%{opacity:0} } #right { width: 186px; height: 346px; float: right; font-family: 'bbvabook'; } #top { width: 172px; height: 328px; background-color: #f6f6f6; text-align: left; font-size: 12px; font-family:arial; padding: 17px 0 0 14px; color: #6b6b6b; } #top input { border-radius: 10px; width: 65%; } #top ul { line-height: 24px; list-style-image: url(/images/CF/img/bullet.png); margin-left: -26px; } #top a { color: #6b6b6b; text-decoration: none; } #top a:hover { color: #52bcec; } #bottom { width: 186px; height: 130px; background-color: #00529b; } #bottom img { cursor: pointer; } #top_1 { width: 500px; height: 150px; background-color: #f6f6f6; text-align: left; font-size: 12px; font-family:arial; padding: 17px 0 0 14px; color: #6b6b6b; margin: 0 auto; } #top_1 input { border-radius: 10px; width: 25%; margin-left: 30px; vertical-align: middle; } #top_1 ul { line-height: 24px; list-style-image: url(../images/CF/img/bullet.png); margin-left: 26px; } button{ background-color:#f6f6f6; border:none; cursor:pointer; } Errores { font-weight: bold; font-size: 8pt; color: #990000; font-family: Arial, Cursive; background-color: transparent; text-align: center; } Mensajes { font-weight: bold; font-size: 8pt; color: Green; font-family: Arial, Cursive; background-color: transparent; text-align: center; } #linea { width: 100%; border-top:solid 1px #49B2E2; } .planes{ font-family: 'Verdana'; font-size: 12px; -web-kit-smoot: antialiased; line-height: 15px; text-align:justify; } ul.planes{ list-style-image: url(/images/CF/img/bullet.png); margin-left: -26px; color:#787878; } ul.autoseguro{ list-style-type:disc; list-style-image: none; color:#52BCEC; margin-left:-15px; } li.planes{ margin-left: 20px; } p.planes{ margin-left: 15px; color:#787878; line-height: 15px; text-align:justify; } table{ font-family: 'Verdana'; font-size: 12px; -web-kit-smoot: antialiased; line-height: 15px; } table#plazos{ line-height: 22px; text-align: center; border-spacing: 0px; width: 90%; margin-left:22px; background-color: #F2F2F2; } table#plazossemi{ line-height: 22px; text-align: center; border-spacing:3px ; width: 90%; margin-left:22px; border-collapse: separate; border: #FFFFFF 1px solid; } td#titulossemi{ background-color: #00B0F0; height: 29px; border: #00B0F0 1px solid; } td#headersemi{ height: 29px; border: #FFFFFF 1px solid; } td#modelosemi{ border-collapse: separate; border: #729ACB 2px solid; } td#plazosemi{ border-collapse: separate; border: #729ACB 2px solid; } td#enganemi{ border-collapse: separate; border: #729ACB 2px solid; } td#plazo{ background-image: url(/images/titulo_plazo.png); height: 39px; } td#centro{ background-image: url(/images/ceja_centro.png); height: 54px; } td#fondocentro{ background-image: url(/images/fondo_centro.jpg); } td#nuevo{ background-image: url(/images/ceja_nuevo.png); height: 54px; } td#fondousuario{ background-image: url(/images/fondo_usuario.jpg); height: 54px; } td#servicio{ background-image: url(/images/ceja_servicio.png); height: 54px; } td#fondoservicio{ background-image: url(/images/fondo_servicio.jpg); height: 54px; } .condusef{ padding: 10px; border-left-style: solid; border-left-width: 1px; border-left-color: #49B2E2; }