/* tpl-compra-cabecera */ .tpl-compra-cabecera{text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAACVBMVEX///////////+OSuX+AAAAA3RSTlMAC1Pr4B1bAAAAJ0lEQVR4AWNgYmSAAkYmIILwQAwogUKhKGBE1gplIzhwZSSZieIcABtsAFmVfQczAAAAAElFTkSuQmCC) #ddd;font:14px 'Roboto Condensed';} .tpl-compra-cabecera > div{position:relative;padding:15px 10px 5px;} .tpl-compra-cabecera > div > div:nth-of-type(1){text-transform:uppercase;} .tpl-compra-cabecera > div > div:nth-of-type(2){font-size:16px;font-weight:bold;text-transform:uppercase;} .tpl-compra-cabecera > div > a{position:absolute;left:10px;bottom:5px;color:#ce6b00;text-decoration:underline;font-size:12px;} .tpl-compra-cabecera.paso2-2 > div{padding-bottom:30px;} .tpl-compra-cabecera.paso2-2 > div > a{visibility:visible;opacity:1;transition:opacity .3s;} @media(min-width:801px){ .tpl-compra-cabecera > div{max-width:1100px;margin:0 auto;padding:40px 10px 20px;} } /* .tpl-formulario-datospersonales200.bonos */ .tpl-formulario-datospersonales200{background:#ddd;font-family:'Roboto Condensed', sans-serif;padding-top:10px;} .tpl-formulario-datospersonales200.bonos > div > form{padding:0 10px 10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales{background:#e7e7e7;padding:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:first-of-type{text-transform:uppercase;color:#444;font:bold 14px 'Roboto Condensed';line-height:22px;margin-bottom:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:not(:first-of-type){/*display:none;*/font-size:12px;padding:10px 0;border-top:1px solid #bbb;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:not(:first-of-type):before{font:20px 'icons';color:#999;margin-right:8px;vertical-align:bottom;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:nth-of-type(2):before{content:'\e06b';} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:last-of-type:before{content:'\e06a';} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:not(:first-of-type) > label{text-decoration:underline;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:not(:first-of-type) > span{font-size:16px;text-transform:uppercase;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul{margin-top:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li{font-weight:bold;color:#000;font-size:12px;padding-bottom:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li:nth-child(7){max-width:100px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.none{display:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label {display:block;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input{position:relative;border:1px solid #bbb;background:#fff;display:block;width:100%;box-sizing:border-box;padding:6px 10px;margin-top:2px;border-radius:3px;font:12px 'Roboto Condensed';color: #828282;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input:focus:valid:required{transition:.3s;background-repeat:no-repeat;background-position:right 10px center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjgxOHB4IiBoZWlnaHQ9IjE2LjU5NXB4IiB2aWV3Qm94PSIxMS42ODIgNDgzLjQwNSAxNS44MTggMTYuNTk1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDExLjY4MiA0ODMuNDA1IDE1LjgxOCAxNi41OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJYTUxJRF8xXyI+PGc+PHBhdGggZmlsbD0iIzIyODgwMCIgZD0iTTI2LjcyLDQ4My42NmMwLjc4LDAuNDc5LDEuMDEsMS41LDAuNTMsMi4yN2wtOC4yOCwxMy4yOWMtMC4yOCwwLjQ2LTAuNzgsMC43NS0xLjMyLDAuNzhjLTAuMDMsMC0wLjA1LDAtMC4wOCwwYy0wLjUyLDAtMS0wLjI0LTEuMzItMC42NmwtNC4yMy01LjU5Yy0wLjU1LTAuNzMtMC40MS0xLjc2LDAuMzItMi4zMWMwLjczLTAuNTUxLDEuNzYtMC40MSwyLjMxLDAuMzE5bDIuNzksMy42ODFsNy0xMS4yNUMyNC45Myw0ODMuNDEsMjUuOTUsNDgzLjE3LDI2LjcyLDQ4My42NnoiLz48L2c+PGc+PC9nPjwvZz48L2c+PC9zdmc+);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input:focus:invalid:required{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input.visited:valid:required{transition:.3s;background-repeat:no-repeat;background-position:right 10px center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjgxOHB4IiBoZWlnaHQ9IjE2LjU5NXB4IiB2aWV3Qm94PSIxMS42ODIgNDgzLjQwNSAxNS44MTggMTYuNTk1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDExLjY4MiA0ODMuNDA1IDE1LjgxOCAxNi41OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJYTUxJRF8xXyI+PGc+PHBhdGggZmlsbD0iIzIyODgwMCIgZD0iTTI2LjcyLDQ4My42NmMwLjc4LDAuNDc5LDEuMDEsMS41LDAuNTMsMi4yN2wtOC4yOCwxMy4yOWMtMC4yOCwwLjQ2LTAuNzgsMC43NS0xLjMyLDAuNzhjLTAuMDMsMC0wLjA1LDAtMC4wOCwwYy0wLjUyLDAtMS0wLjI0LTEuMzItMC42NmwtNC4yMy01LjU5Yy0wLjU1LTAuNzMtMC40MS0xLjc2LDAuMzItMi4zMWMwLjczLTAuNTUxLDEuNzYtMC40MSwyLjMxLDAuMzE5bDIuNzksMy42ODFsNy0xMS4yNUMyNC45Myw0ODMuNDEsMjUuOTUsNDgzLjE3LDI2LjcyLDQ4My42NnoiLz48L2c+PGc+PC9nPjwvZz48L2c+PC9zdmc+);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input.visited:invalid:required{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input.valid:valid:required{transition:.3s;background-repeat:no-repeat;background-position:right 10px center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjgxOHB4IiBoZWlnaHQ9IjE2LjU5NXB4IiB2aWV3Qm94PSIxMS42ODIgNDgzLjQwNSAxNS44MTggMTYuNTk1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDExLjY4MiA0ODMuNDA1IDE1LjgxOCAxNi41OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJYTUxJRF8xXyI+PGc+PHBhdGggZmlsbD0iIzIyODgwMCIgZD0iTTI2LjcyLDQ4My42NmMwLjc4LDAuNDc5LDEuMDEsMS41LDAuNTMsMi4yN2wtOC4yOCwxMy4yOWMtMC4yOCwwLjQ2LTAuNzgsMC43NS0xLjMyLDAuNzhjLTAuMDMsMC0wLjA1LDAtMC4wOCwwYy0wLjUyLDAtMS0wLjI0LTEuMzItMC42NmwtNC4yMy01LjU5Yy0wLjU1LTAuNzMtMC40MS0xLjc2LDAuMzItMi4zMWMwLjczLTAuNTUxLDEuNzYtMC40MSwyLjMxLDAuMzE5bDIuNzksMy42ODFsNy0xMS4yNUMyNC45Myw0ODMuNDEsMjUuOTUsNDgzLjE3LDI2LjcyLDQ4My42NnoiLz48L2c+PGc+PC9nPjwvZz48L2c+PC9zdmc+);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input.invalid:valid:required{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > textarea{border:1px solid #bbb;background:#fff;display:block;width:100%;box-sizing:border-box;padding:7px 10px;margin:5px 0 0;border-radius:3px;min-height:80px;font:12px 'Roboto Condensed';color:#828282;resize:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > select{border:1px solid #bbb;width:100%;padding:5px;margin-top:2px;border-radius:3px;cursor:pointer;font:12px 'Roboto Condensed';color:#828282;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input#showcp{max-width:100px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save{background:#f0f0f0;font-weight:normal;padding:8px 0 8px 10px;position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save:before, .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save:after{background:#f0f0f0;bottom:0;content:'';position:absolute;top:0;width:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save:before{right:100%;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save:after{left:100%;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label {padding:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label > span{font-size:14px;padding-left:20px;display:block;line-height:20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label > span:before{content:'';display:block;width:16px;height:16px;border:1px solid #bbb;background:#fff;margin-right:5px;position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label > span:after{content:'\e020';font:17px 'icons';position:absolute;top:50%;left:0;opacity:0;transition:.1s;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label > span > a:hover{text-decoration:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label > input{position:fixed;top:0;left:-9999px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save > label > input:checked + span:after{opacity:1;-webkit-transform:translateY(-50%)rotate(90deg);-moz-transform:translateY(-50%)rotate(90deg);-o-transform:translateY(-50%)rotate(90deg);-ms-transform:translateY(-50%)rotate(90deg);transform:translateY(-50%)rotate(90deg);transition:.3s;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason{border-bottom:1px solid #bababa;overflow:hidden;padding-top:15px;text-align:center;margin-bottom:10px;position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:first-child{display:inline-block;padding:0 15px;position:relative;font:14px 'Roboto Condensed';} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:first-child:before,.tpl-formulario-datospersonales200.bonos > div > form > div:first-child > ul > li.reason > div:first-child:after{border-top:1px solid #bababa;content:'';position:absolute;top:10px;width:999px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:first-child:before{left:100%;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:first-child:after{right:100%;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:last-child{padding:10px 0 5px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:last-child > div{display:inline-block;font: 14px 'Roboto Condensed';} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:last-child > div:last-child{margin-left:65px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:last-child > div > input{position:fixed;height:0;left:100%;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:last-child > div > label{background:#fff;border:1px solid #bfbfbf;border-radius:50%;display: inline-block;height:14px;margin-right:5px;position:relative;vertical-align: middle;width:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason > div:last-child > div > input:checked + label:after{background:#000;bottom:3px;border-radius:50%;content:'';left:3px;position:absolute;right:3px;top:3px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type{background:#e7e7e7;margin-top:10px;padding:10px;position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type:after {content: '';left: 10px;right: 10px;top: 70px;position: absolute;border-bottom: 2px solid #ccc;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:first-of-type{font-weight:bold;color:#000;font-size:12px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > select{border:1px solid #bbb;width:100%;margin:5px 0 10px;border-radius:3px;cursor:pointer;font:12px 'Roboto Condensed';color: #828282;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label{margin:15px 0;display:block;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span{font-size:12px;position:relative;padding-left:25px;display:block;color:#333;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span:before{content:'';display:block;width:16px;height:16px;border:1px solid #bbb;margin-right:5px;position:absolute;top:0;left:0;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span:after{content:'\e020';font:17px 'icons';position:absolute;top:0;left:0;opacity:0;transition:.1s;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span > a{color:#c94;text-decoration:underline;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span > a:hover{text-decoration:none;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span > label{color:#c94;text-decoration:underline;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span > label:hover{text-decoration:none;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > .sta-opciones_pago {display:none;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > .sta-opciones_pago.selected {display:block;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > #iframe_card_app_container > iframe{width:100%;height:320px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > input{position:fixed;top:0;left:-99px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > input:checked + span:after{opacity:1;transform:rotate(90deg);transition:.3s;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type{border-top:1px solid #ccc;padding:10px 0;text-align:center;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:first-of-type{text-transform:uppercase;font-size:16px;color:#555;font-weight:bold;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:first-of-type > span{color:#280;font-size:20px;margin-left:5px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:last-of-type{font-style:italic;font-size:12px;color:#333;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:last-of-type > span{color:#280;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > button{display:block;background:#280;color:#fff;margin:10px auto 0;text-transform:uppercase;font:18px 'Roboto Condensed', sans-serif;padding:13px 43px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > button > span:last-of-type > span:last-of-type{display:block;text-transform:none;font-size:14px;} /*iframe*/ .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:first-of-type{text-transform:uppercase;font:16px 'Roboto Condensed';letter-spacing:-1px;padding:8px 0;border-bottom:2px solid #ccc;border-top:2px solid #ccc;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:nth-of-type(2){font-size:12px;color:#333;margin:10px 0;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci{font-size:0;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label{display:block;font-weight:bold;color:#000;font-size:12px;padding-bottom:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:nth-child(2){display: inline-block;width:28%;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:nth-child(3){width:calc(72% - 10px);padding-left:10px;display:inline-block;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > span{display:block;font-size: 12px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input{position:relative;border:1px solid #bbb;background:#fff;display:block;width:100%;box-sizing:border-box;padding:6px 10px;margin-top:2px;border-radius:3px;font:12px 'Roboto Condensed';color:#828282;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input:focus:valid:required{transition:.3s;background-repeat:no-repeat;background-position:right 10px center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjgxOHB4IiBoZWlnaHQ9IjE2LjU5NXB4IiB2aWV3Qm94PSIxMS42ODIgNDgzLjQwNSAxNS44MTggMTYuNTk1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDExLjY4MiA0ODMuNDA1IDE1LjgxOCAxNi41OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJYTUxJRF8xXyI+PGc+PHBhdGggZmlsbD0iIzIyODgwMCIgZD0iTTI2LjcyLDQ4My42NmMwLjc4LDAuNDc5LDEuMDEsMS41LDAuNTMsMi4yN2wtOC4yOCwxMy4yOWMtMC4yOCwwLjQ2LTAuNzgsMC43NS0xLjMyLDAuNzhjLTAuMDMsMC0wLjA1LDAtMC4wOCwwYy0wLjUyLDAtMS0wLjI0LTEuMzItMC42NmwtNC4yMy01LjU5Yy0wLjU1LTAuNzMtMC40MS0xLjc2LDAuMzItMi4zMWMwLjczLTAuNTUxLDEuNzYtMC40MSwyLjMxLDAuMzE5bDIuNzksMy42ODFsNy0xMS4yNUMyNC45Myw0ODMuNDEsMjUuOTUsNDgzLjE3LDI2LjcyLDQ4My42NnoiLz48L2c+PGc+PC9nPjwvZz48L2c+PC9zdmc+);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input:focus:invalid:required{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input.visited:valid:required{transition:.3s;background-repeat:no-repeat;background-position:right 10px center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjgxOHB4IiBoZWlnaHQ9IjE2LjU5NXB4IiB2aWV3Qm94PSIxMS42ODIgNDgzLjQwNSAxNS44MTggMTYuNTk1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDExLjY4MiA0ODMuNDA1IDE1LjgxOCAxNi41OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJYTUxJRF8xXyI+PGc+PHBhdGggZmlsbD0iIzIyODgwMCIgZD0iTTI2LjcyLDQ4My42NmMwLjc4LDAuNDc5LDEuMDEsMS41LDAuNTMsMi4yN2wtOC4yOCwxMy4yOWMtMC4yOCwwLjQ2LTAuNzgsMC43NS0xLjMyLDAuNzhjLTAuMDMsMC0wLjA1LDAtMC4wOCwwYy0wLjUyLDAtMS0wLjI0LTEuMzItMC42NmwtNC4yMy01LjU5Yy0wLjU1LTAuNzMtMC40MS0xLjc2LDAuMzItMi4zMWMwLjczLTAuNTUxLDEuNzYtMC40MSwyLjMxLDAuMzE5bDIuNzksMy42ODFsNy0xMS4yNUMyNC45Myw0ODMuNDEsMjUuOTUsNDgzLjE3LDI2LjcyLDQ4My42NnoiLz48L2c+PGc+PC9nPjwvZz48L2c+PC9zdmc+);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input.visited:invalid:required{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input.valid:valid:required{transition:.3s;background-repeat:no-repeat;background-position:right 10px center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjgxOHB4IiBoZWlnaHQ9IjE2LjU5NXB4IiB2aWV3Qm94PSIxMS42ODIgNDgzLjQwNSAxNS44MTggMTYuNTk1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDExLjY4MiA0ODMuNDA1IDE1LjgxOCAxNi41OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnIGlkPSJYTUxJRF8xXyI+PGc+PHBhdGggZmlsbD0iIzIyODgwMCIgZD0iTTI2LjcyLDQ4My42NmMwLjc4LDAuNDc5LDEuMDEsMS41LDAuNTMsMi4yN2wtOC4yOCwxMy4yOWMtMC4yOCwwLjQ2LTAuNzgsMC43NS0xLjMyLDAuNzhjLTAuMDMsMC0wLjA1LDAtMC4wOCwwYy0wLjUyLDAtMS0wLjI0LTEuMzItMC42NmwtNC4yMy01LjU5Yy0wLjU1LTAuNzMtMC40MS0xLjc2LDAuMzItMi4zMWMwLjczLTAuNTUxLDEuNzYtMC40MSwyLjMxLDAuMzE5bDIuNzksMy42ODFsNy0xMS4yNUMyNC45Myw0ODMuNDEsMjUuOTUsNDgzLjE3LDI2LjcyLDQ4My42NnoiLz48L2c+PGc+PC9nPjwvZz48L2c+PC9zdmc+);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > input.invalid:valid:required{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > select{border:1px solid #bbb;width:100%;margin-top:2px;border-radius:3px;cursor:pointer;font:12px 'Roboto Condensed';color: #828282;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:last-of-type{font-size:0;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:last-of-type > select{width:28%;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:last-of-type > span + select{margin-right:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:last-of-type{padding: 0 0 5px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:last-of-type > img{height:50px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:last-of-type > div{font:bold 14px 'Roboto Condensed';} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:last-of-type > div:before{font:14px 'icons';content:'\e03b';padding-right:5px;} /*/iframe*/ .tpl-formulario-datospersonales200.bonos > div > form select{background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAABywAAAicAAAJyAAACsP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgAGwAZAwERAAIRAQMRAf/EAJUAAQEAAwEAAAAAAAAAAAAAAAAFAQcICQEBAAAAAAAAAAAAAAAAAAAAABAAAwEBAAAAAAAAAAAAAAAAEAU1BkARAAAEBAQHAAAAAAAAAAAAAAIDBAUBInS0ABAgExExcRIUFQYSAQAAAAAAAAAAAAAAAAAAAEATAQABBAICAwAAAAAAAAAAAAERIEAhQRAxUWFxgaH/2gAMAwEAAhEDEQAAAfcovAEE04dAggl0yCCXgD//2gAIAQEAAQUCVzCrmaLU6ZQ/CuYVcw//2gAIAQIAAQUC4P/aAAgBAwABBQLg/9oACAECAgY/Agf/2gAIAQMCBj8CB//aAAgBAQEGPwJuoEluXobqBJbl4amdu+RIeEruMAEznF/EhCWIMy3yk3pFmyFEVDcjwGLvBymlzbqBJbl46Zt1Akty9H//2gAIAQEDAT8hp6dJe4vZIZkiYTuHPTx9j0xGPEmK+n//2gAIAQIDAT8hsP/aAAgBAwMBPyGw/9oADAMBAAIRAxEAABAAAQAQAQD/2gAIAQEDAT8Qpq1QImSnRnofmFVBqpMoJSqDJIy3OlFXW+341+8//9oACAECAwE/ELD/2gAIAQMDAT8QsP/Z) #fff no-repeat center right 4px;-moz-appearance:none;-webkit-appearance:none;appearance:none;padding:5px 35px 5px 5px;} .tpl-formulario-datospersonales200.bonos > div > form .politica_cancelacion {border-top:1px solid #ccc;font:12px 'Roboto Condensed';padding:10px 0;} .tpl-formulario-datospersonales200.bonos > div > form .politica_cancelacion > div:first-child {font-weight:bold;} @media(min-width:601px){ .tpl-formulario-datospersonales200{padding-top:20px;} .tpl-formulario-datospersonales200.bonos > div > form{padding:0 10px 20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales{padding:10px 20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:first-of-type{font-size:22px;margin-bottom:20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:not(:first-of-type){border-top:3px solid #bbb;/*display:none;*/font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul{font-size:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li{width:calc(100%/3 - 10px);font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.sta-forinput{display:inline-block;padding-left:15px;vertical-align: top;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.sta-forinput:nth-child(3n+1){padding-left:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li:nth-child(7){max-width:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save{box-sizing:border-box;padding:17px 0 17px 10px;} /*.tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save, .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li:last-of-type{width:100%;}*/ .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save:before, .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.save:after{width:20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.reason{width:100%;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li > label > input{margin-bottom:15px;} /*.tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li:last-of-type{margin-top:10px;}*/ .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type{padding:20px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type:after {content:'';left:20px;right:20px;top:67px;position:absolute;border-bottom:2px solid #ccc;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:first-of-type, .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > select{display:inline-block;width:auto;margin-right:5px;font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > #iframe_card_app_container > iframe{height:280px;} /*iframe*/ .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section{position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:first-of-type{padding:15px 0;margin-top:10px;font-size:22px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:nth-of-type(2){font-size:14px;margin:20px 0 25px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci{} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label{display:inline-block;width:33.33%;width:calc(100%/3 - 10px);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:nth-child(2){padding-left:15px;width:33.33%;width:calc(100%/3 - 10px);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:nth-child(3){font-size:14px;width:33.33%;width:calc(100%/3 - 10px);padding-left:15px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label:last-of-type > select{width:47%;width:calc(50% - 5px);} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section .pci label > span{font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:last-of-type{position:absolute;bottom:0;left:33.33%;padding:0;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > section > div:last-of-type > div{font-size:14px;} /*/iframe*/ .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > label > span{font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type{padding:25px 0;margin-top:25px;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:space-between;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div{text-align:right;flex-grow:1;margin-right:10px;display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:first-of-type{font-size:21px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:first-of-type > span{font-size:27px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > div > div:last-of-type{font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > button{font-size:22px;margin-left:15px;} .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type > div:last-of-type > button > span:last-of-type > span:last-of-type{font-size:16px;} .tpl-formulario-datospersonales200.bonos > div > form .politica_cancelacion {padding:15px 0;} } @media(min-width:801px){ .tpl-formulario-datospersonales200{padding-top: 0;} .tpl-formulario-datospersonales200>div{max-width:1124px;margin: 0 auto;padding:20px 300px 20px 10px;box-sizing: border-box;} .tpl-formulario-datospersonales200.bonos > div > form{padding:0;position: relative;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.sta-forinput{padding-left:20px;width:calc(25% - 15px);} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.sta-forinput:nth-child(3n+1){padding-left:20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > ul > li.sta-forinput:nth-child(4n+1){padding-left:0;} } .tpl-formulario-datospersonales200.bonos > div > form > div:last-of-type:after{content:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.datos_personales > div:not(:first-of-type){display:none!important;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000{margin:10px 0 10px;background:#e7e7e7;font:bold 12px 'Roboto Condensed';color:#444;border-top:1px solid #ce6b00;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:first-of-type{background:#f5e1cc;position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:first-of-type:before{content:'';position:absolute;left:0;right:0;bottom:0;border-top:5px solid #cbbba9;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:first-of-type > span{background:#fff;font-size:14px;display:inline-block;padding:3px 5px 0;margin:5px 0 0 10px;text-transform:uppercase;position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2){padding:15px 10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div{display:inline-block;vertical-align:top;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(1){background-position:-999999px -999999px;background-repeat:no-repeat;background-size:0;font-size:15px;width:60%;margin-right:10px;padding:5px 0 5px 85px;position:relative;min-height:50px;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(1):before{content:'';position:absolute;left:0;top:0;height:50px;width:75px;background-image:inherit;background-position:center;background-repeat:no-repeat;background-size:cover;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2){text-align:right;width:35%;width:calc(40% - 15px);} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1), .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2){display:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2){color:#008a01;font-size:16px;margin-top:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1){font-weight:100;font-style:italic;} @media(min-width:601px){ .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:first-of-type > span{font-size:18px;padding:5px 10px 0;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(1){padding-top:10px;width:45%;margin-right:40px;border-right:3px solid #b9b9b9;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2){width:45%;width:calc(55% - 45px);} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div > div{display:inline-block!important;width:45%;width:calc(50% - 10px);vertical-align:top;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1){font-size:21px;color:#000;text-align:left;text-transform:uppercase;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1){font-weight:100;font-style:italic;font-size:13px;text-align:left;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2){font-size:26px;margin-top:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2){font-size:13px;color:#999;display:none!important;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div > div:nth-of-type(2){margin-left:15px;} } @media(min-width:801px){ .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000{position:fixed;top:240px;z-index:1; left:0;right:0;border:0;background:none;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div{margin:0 auto;max-width:1100px;position:relative;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div{width:270px;background:#fff;position:absolute;right:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:first-of-type > span{font-size:22px;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(1){display:block;border:0;margin:0;width:auto;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2){width:auto;display:block;margin-top:20px;padding-top:20px;border-top:1px solid #7c7c7c} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div > div:nth-of-type(2){margin-left:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.tpl-info000 > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div > div{width:calc(50% - 7px;)} } .tpl-formulario-datospersonales200.bonos > div > form > div.regalo{margin-top:10px;background:#e7e7e7;padding:15px 10px;font:12px 'Roboto Condensed';} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:first-of-type{text-transform:uppercase;overflow:hidden;position:relative;margin-bottom:10px;font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:first-of-type:after{content:'';position:absolute;top:50%;left:0;right:0;border-bottom:1px solid #bababa;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:first-of-type > span{background:#e7e7e7;position:relative;padding-right:5px;z-index:1;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > input{position:fixed;top:0;left:-99px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > label{display:inline-block;position:relative;padding-left:23px;min-height:19px;margin-bottom:20px;font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > label:not(:first-of-type){margin-left:75px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > label:before{content:'';position:absolute;height:16px;width:16px;background:#fff;border:1px solid #bfbfbf;border-radius:50%;left:0;top:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > label:after{content:'';position:absolute;background:#000;height:8px;width:8px;border-radius:50%;left:5px;top:5px;transition:.3s;opacity:0;display:none \ ;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > input#regaloSI:checked ~ label[for='regaloSI']:after, .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > input#regaloNO:checked ~ label[for='regaloNO']:after{opacity:1;display:block \ ;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div{max-height:0;transition:.3s;overflow:hidden;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > input#regaloSI:checked ~ div{max-height:250px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:first-of-type{font-size:14px;text-transform:uppercase;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:first-of-type:after{content:'';display:block;border-bottom:1px solid #bfbfbf;margin:10px 0;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > input{position:fixed;top:0;left:-99px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label{display:block;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type{margin-bottom:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type > span{display:block;margin-bottom:3px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type > input{height:28px;border:1px solid #bfbfbf;padding:0 5px;width:210px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type > input.invalid{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(2), .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(3){position:relative;padding-left:23px;min-height:19px;margin-bottom:10px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(2):before, .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(3):before{content:'';position:absolute;height:16px;width:16px;background:#fff;border:1px solid #bfbfbf;border-radius:50%;left:0;top:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(2):after, .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(3):after{content:'';position:absolute;background:#000;height:8px;width:8px;border-radius:50%;left:5px;top:5px;transition:.3s;opacity:0;display:none \ ;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > input#regaloMailNO:checked ~ label[for='regaloMailNO']:after, .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > input#regaloMailSI:checked ~ label[for='regaloMailSI']:after{opacity:1;display:block \ ;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4){max-height:0;transition:.3s;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > input#regaloMailSI:checked ~ label:nth-of-type(4){max-height:80px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4) > span{display:block;margin:5px 0 3px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4) > input{height:29px;border:1px solid #bfbfbf;padding:0 5px;width:210px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4) > input.invalid{transition:.3s;border:1px solid #ea4434;color:#ea4434;background-repeat:no-repeat;background-position:right center;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAfAB8DAREAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAkEBQYH/8QAIhAAAAcAAwEAAwEAAAAAAAAAAQIDBAUGBwAIERIJEyEU/8QAHQEAAQQCAwAAAAAAAAAAAAAAAAQFBwgCAwYJCv/EACoRAAICAQQBAgUFAQAAAAAAAAECAwQFAAYREiEHExQiMTJBCBVRYXEj/9oADAMBAAIRAxEAPwDjvOt/Xqi1fQNXs1pXXa1iuztjctkgcOW8DESEuu3QE4JgsujHt3CiSQqGAv0YAD0fPfeb69S1bYpVjklYDkhFLED+TwDpuyWZxGGjWbMWq1SF26q00qRBjxzwC7KCePPA88ahSkTKwb5eLm4yQh5NqJSuY6UZOY983E5CnIC7R2mi4SExDAIfRQ9AQHmEsMsEhinVklH1DAgj/QfOlFO9SyNZbmPminqP9rxuro3HjwykqfPjwdV3NelOt5llEd6jp2c5lHu0Y9/ot8qFEZP3BBUQZO7dYI+vtna6ZTFMdFstIFOYAEBEpR/vF+KoPlcpWxcZCyWbEcQJ+gMjhAT/AITzrje8tyQbO2hld3WY2lrYrG2bjop4LrWgeZlB/BYIQD/J0zZlZbxsj3TevXTLRpfHWmVS6TbHsSp78lEsfYyBrqsmxut6tOkMJmEdW3VCkjkZoYt+oZsEeZQjEpP8XhpRSzfzT2tu7KsvSSo/FetGfae4idhLLJMGUyT+BJ7bnr05EYHTzUSxidu7Dr4j1R9fMVBnp81AWyeWtIbkGDmnEb1Kdei8Uq1sdy71fiIVEhnCNYLfEcidZkm2kzUn042PX2vYbT4XKbXYapsirUsjKY9utGhbFeJbIo7VHTp3YNJziYgIJSKkxeiq3bSx0js00jtzDzO0Fyc7bLzVwZHKpUkeOzxy1e1ErytXE5JeaFkQxv25CyEFACp0mxDy7Tx8PrzsPBPtbZ9jNVoLOLDdI8ph7ksFSPJvjlVYKF6KaZbNf2uryVg6zs6yjSf+Q5q9GtnnF3lMz0Oh6RBpt1prPrnV7vDpOy/bVWUqk4xno9NyTwftud2wIBw8/pRHi3G3pcXka+TgAM9edJV5+naNg45/rkedMO69vU93bXyW08iWXH5ShYqSlfDCOzC8LlT+GCueP7012Jh9EjIvU9M/HfTWl2PtU4WaXvdMlkZPsP16q80cr+dxU2fEUJOVH9dlUUTCzx6LpGSjEkQI4Ib5MWWoYclFFbynpzCJzek7GWNg1yojeWrez90fz8j30DB0C8MD51Su7e2tbuYbaP6pb748bfre0KdqMx4TN2Ih0hyvxpBhs8wAN+3ztG0FhpO0TDkHP3h68xey2zs9vlSpGadj7Hl8xTaTidbkIt3Y7DqVyrMnSbZ2I0alxYuI3Mos1emXT0sa5BJaUsA/vRQTTE5wT3nfCWpt07ghgq7llqtHFWQqXeeRGikuTRLysC9GZujcF5vmCgcnTpt2vBv/ABFL0g9NL2Ry/pRUzEVq3lp0kWCDH1bEdutg6NuTrJfk9+KOIzx9lr0v+byO/VSo/kQau9o4aNHDRo4aNHDRr//Z);} @media(min-width:601px){ .tpl-formulario-datospersonales200.bonos > div > form > div.regalo{padding:20px 20px 0px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(1){margin-bottom:15px} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(1) > span{font-size:16px;padding-right:20px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > label{margin-bottom:25px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:first-of-type{font-size:16px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:first-of-type:after{margin-bottom:22px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type{margin-bottom:25px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type > span{display:inline-block;min-width:60px;margin-bottom:0;font-size:14px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:first-of-type > input{width:250px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(2), .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(3){display:inline-block;margin-bottom:30px;font-size:14px;vertical-align:middle;max-width:170px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(3){margin-left:20px;max-width:210px} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4) > span{display:inline-block;font-size:14px;min-width:60px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4) > input{width:375px;margin-bottom:30px;} } @media(min-width:801px){ .tpl-formulario-datospersonales200.bonos > div > form > div.regalo{padding:35px 40px 0;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:first-of-type{margin:0;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:first-of-type:after{position:static;display:block;margin:10px 0;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:first-of-type:after{margin-bottom:15px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(1){display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:35px;} .tpl-formulario-datospersonales200.bonos > div > form > div.regalo > div:nth-of-type(2) > div > div:nth-of-type(2) > label:nth-of-type(4) > input{margin-bottom:35px;} } /* mensaje de error */ .tpl-formulario-datospersonales200.bonos > input{position:fixed;top:0;left:-999px;} .tpl-formulario-datospersonales200.bonos > div.error{background:#fff;;position:fixed;left:50%;top:50%;padding:35px 20px 20px;box-shadow:0 0 0 9999px rgba(0,0,0,.3);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000;visibility:hidden;opacity:0;transition:1s;} .tpl-formulario-datospersonales200.bonos > input:checked ~ div.error{visibility:visible;opacity:1;} .tpl-formulario-datospersonales200.bonos > div.error > label{position:absolute;top:5px;right:5px;height:32px;width:32px;background:#808080;border-radius:50%;cursor:pointer;} .tpl-formulario-datospersonales200.bonos > div.error > label:after{content:'\e020';position:absolute;left:0;top:0;right:0;text-align:center;font:14px/32px Icons;} #cb_privacidad{position:fixed;top:0;left:-9999px;} .tpl-modal_scroll{background:rgba(0,0,0,.8);padding:10px;position:fixed;top:0;bottom:0;right:0;left:0;opacity:0;z-index:-1;} input:checked+.tpl-modal_scroll{opacity:1;transition:.3s;z-index:1000;} .tpl-modal_scroll>div{text-align:right;} .tpl-modal_scroll>div>label{color:#fff;cursor:pointer;display:inline-block;font:16px 'Roboto Condensed';padding-bottom:10px;text-transform:uppercase;} .tpl-modal_scroll>div>label:after{content:'\e001';font-family:'icons';padding-left:10px;vertical-align:middle;font-weight:bold;} .tpl-modal_scroll>div>label:hover{color:#c94;transition:.3s;} .tpl-modal_scroll>div>div{background:#fff;color:#333;font:14px 'Roboto Condensed';padding:10px 20px 10px 10px;text-align:left;} .tpl-modal_scroll>div>div>div:last-child{height:300px;} .tpl-modal_scroll>div>div>div:last-child>div:first-child{/*box-shadow: 0 0 5px 10px rgba(255,255,255,1);*/font:bold 24px 'Roboto Condensed';height:40px;background:#fff;position:relative;z-index: 1;color:#222;text-transform:uppercase;} .tpl-modal_scroll>div>div>div:last-child>div:last-child{padding-top:40px;} @media (min-width: 601px) { .tpl-modal_scroll{padding:20px;} .tpl-modal_scroll>div>div{padding:20px 30px 20px 20px;} .tpl-modal_scroll>div>div>div:last-child{height:500px;} .tpl-modal_scroll>div>div>div:last-child>div:first-child{height:60px;} .tpl-modal_scroll>div>div>div:last-child>div:last-child{padding-top:60px;} } @media (min-width: 801px) { .tpl-modal_scroll>div{margin:0 auto;max-width:960px;} .tpl-modal_scroll>div>div>div:last-child{height:620px;} } /*ajuste de cabecera mediante clase*/ main.padding .tpl-compra-cabecera{padding-top:110px;} /* .tpl-box3 */ .tpl-box3{padding:0 10px;background:#D7D7D7;font:14px 'Roboto Condensed',sans-serif;border-top:1px solid #fff;box-shadow: 0px 0px 4px #888888;} .tpl-box3 > div{display:flex;flex-wrap:wrap;text-align:center;background:#fff;justify-content:space-around;} .tpl-box3 > div > div:first-of-type{background:#280;width:100%;padding:10px;color:#fff;} .tpl-box3 > div > div:first-of-type > div:last-of-type{/*text-transform:uppercase;*/font-size:24px;margin-top:5px;} .tpl-box3 > div > div:first-of-type > div:last-of-type > div > span{text-transform:uppercase;} .tpl-box3 > div > div:first-of-type > div:first-of-type{margin-top:5px;color:#174607;padding:0 50px;} .tpl-box3 > div > button{font-weight:bold;padding:15px 10px;line-height:2px;font-size:15px;background:none;border:0;display:flex;display:none;} .tpl-box3 > div > button:before{color:#f90;font:18px 'icons';vertical-align:middle;margin:-2px 5px 0;display:inline-block;} .tpl-box3 > div > button:first-of-type:before{content:'\e04a';} .tpl-box3 > div > button:last-of-type:before{content:'\e04b';} .tpl-box3 > div > div:last-of-type{width:100%;background:#fff;padding:20px 30px;line-height:20px;} .tpl-box3 > div > div:last-of-type > article:first-of-type{margin-bottom:30px;} .tpl-box3 > div > div:last-of-type > article > header{color:#333;padding-bottom:5px;margin-bottom:5px;font-size:16px;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #999;} .tpl-box3 > div > div:last-of-type > article > section{color:#666;} .tpl-box3 > div > div:last-of-type > article > section .none{display:none;} @media(min-width:601px){ .tpl-box3 > div > div:first-of-type > div:last-of-type > div{display:inline-block;} .tpl-box3 > div > div:first-of-type > div:last-of-type > div:last-of-type{border-left: 1px solid #fff;margin-left: 15px;padding-left: 15px;} .tpl-box3 > div{text-align:left;justify-content:space-between;} .tpl-box3 > div > div:first-of-type{padding:15px 30px;text-align:center;} .tpl-box3 > div > button{padding:25px 30px;font-size:17px;} .tpl-box3 > div > button:before{font-size:22px;} .tpl-box3 > div > button:first-of-type{text-align:left;} .tpl-box3 > div > div:last-of-type{box-sizing:border-box;display:flex;justify-content:space-between;} .tpl-box3 > div > div:last-of-type > article{width:45%;margin-bottom:0;} } @media(min-width:1025px){ .tpl-box3 > div{flex-wrap:wrap;max-width:1110px;margin:0 auto;box-sizing:border-box;} .tpl-box3 > div > div:first-of-type{width:auto;flex-grow:1;border-bottom:1px solid #ccc;} .tpl-box3 > div > button{padding:0 30px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;text-align:center!important;} .tpl-box3 > div > div:last-of-type{padding:30px;} } /* .tpl-box30 */ .tpl-box30{background:#d7d7d7;padding:5px 10px;font:14px 'Playfair Display';} .tpl-box30 > article{padding:10px 16px 24px;background-color:#fff;background-position:-99999px;background-repeat:no-repeat;background-size:0;} .tpl-box30 > article:before{content:'';background-image:inherit;background-position:center;background-repeat:no-repeat;background-size:cover;display:block;height:70px;} .tpl-box30 > article > header{padding:10px 5px 15px;} .tpl-box30 > article > header > div:first-of-type{font-size:20px;} .tpl-box30 > article > header > div:nth-of-type(2){font-size:16px;font-style:italic;color:#a7a7a7;} .tpl-box30 > article > section{padding-left:5px;} .tpl-box30 > article > section > div:first-of-type{margin-bottom:10px;} .tpl-box30 > article > section > ul > li{font-family:'Roboto';color:#5c5c5c;} .tpl-box30 > article > section > span > span:first-of-type{margin-right:3px;color:#5c5c5c;} .tpl-box30 > article > section > span > span:last-of-type{font:14px 'Roboto'!important;color:#5c5c5c;} .tpl-box30 > article > section > div:last-of-type{margin-top:10px;font:16px 'Raleway';color:#228800;} .tpl-box30 > article > section > div:last-of-type > span{display:block;} .tpl-box30 > article > section > div:last-of-type > span:first-of-type > span{font-size:30px;font-weight:bold;} .tpl-box30 > article > section > div:last-of-type > span:first-of-type > span > span{font-size:20px;} .tpl-box30 > article > section > div:last-of-type > span:last-of-type{font-size:11px;color:#434343;} @media(min-width:601px){ .tpl-box30 > article{padding:30px 10px 35px 270px;position:relative;min-height:200px;} .tpl-box30 > article:before{position:absolute;left:20px;top:30px;bottom:35px;height:auto;width:230px;} .tpl-box30 > article > header{padding:0;margin-bottom:10px;} .tpl-box30 > article > header > div:first-of-type{font-size:35px;line-height:35px;} .tpl-box30 > article > header > div:nth-of-type(2){font-size:20px;} .tpl-box30 > article > section{padding:0;} .tpl-box30 > article > section > div:first-of-type{margin-bottom:20px;font-size:18px;} .tpl-box30 > article > section > div:last-of-type{margin-top:15px;} .tpl-box30 > article > section > div:last-of-type{font-size:18px;} .tpl-box30 > article > section > div:last-of-type > span:first-of-type > span{font-size:48px;} .tpl-box30 > article > section > div:last-of-type > span:first-of-type > span > span{font-size:34px;} } @media(min-width:801px){ .tpl-box30{padding:10px;} .tpl-box30 > article{padding:30px 30px 30px 59%;min-height:300px;max-width:1110px;margin:0 auto;box-sizing:border-box;} .tpl-box30 > article:before{left:30px;bottom:30px;width:54%;} .tpl-box30 > article > header{margin-bottom:10px;} .tpl-box30 > article > header > div:first-of-type:after{content:'';display:block;border-bottom:1px solid #5d6463;margin:10px 0;} .tpl-box30 > article > section > ul > li:not(:last-of-type){margin-bottom:15px;} .tpl-box30 > article > section > div:last-of-type{margin-top:45px;} } @media(min-width:1000px){ .tpl-box30 > article{padding-left:655px;} .tpl-box30 > article:before{width:600px;} } /* tpl-info2 */ .tpl-info2{background:#d7d7d7;padding:7px 10px 30px;font:14px 'Roboto';} .tpl-info2 > div{background:#fff;padding:15px 10px 15px;} .tpl-info2 > div > article > header{text-transform:uppercase;font-size:18px;} .tpl-info2 > div > article > header:after{content:'';display:block;border-bottom:1px solid #d0cfcf;margin:7px 0;} .tpl-info2 > div > article > section{color:#333;margin-bottom:25px;} .tpl-info2 > div > article:last-of-type > section{margin:0;} @media(min-width:601px){ .tpl-info2 > div{padding:25px 30px 35px;} .tpl-info2 > div > article > header{font-size:24px;} .tpl-info2 > div > article:nth-last-of-type(2), .tpl-info2 > div > article:last-of-type{display:inline-block;width:45%;width:calc(50% - 20px);vertical-align:top;} .tpl-info2 > div > article:nth-last-of-type(2) > section{margin:0;} .tpl-info2 > div > article:last-of-type{margin-left:9%;margin-left:calc(30px);} } @media(min-width:801px){ .tpl-info2{padding:10px;} .tpl-info2 > div{padding:30px 30px 15px;max-width:1110px;margin:0 auto;box-sizing:border-box;} .tpl-info2 > div > article:nth-last-of-type(2), .tpl-info2 > div > article:last-of-type{width:40%;width:calc(50% - 50px);} .tpl-info2 > div > article:last-of-type{margin-left:15%;margin-left:calc(90px);} }