/* FIX OLD BROWSERS */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block }
audio, canvas, video { display: inline-block;  *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none }
html { font-size: 100%; -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; font-family: 'old-standard',serif; }
html, body { overflow-x: hidden; width: 100%; }
body { margin: 0; font-family: 'old-standard';,serif; }
html, html a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-font-smoothing: antialiased; }
a:focus { outline: thin dotted; text-decoration: none; }
a:active, a:hover { outline: 0; text-decoration: none; }
h1 { margin: 0.67em 0; font-size: 2em; }
h2 { margin: 0.83em 0; font-size: 1.5em; }
h3 { margin: 1em 0; font-size: 1.17em; }
h4 { margin: 1.33em 0; font-size: 1em; }
h5 { margin: 1.67em 0; font-size: 0.83em; }
h6 { margin: 2.33em 0; font-size: 0.75em; }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
blockquote { margin: 0px }
dfn { font-style: italic }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0 }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, serif; _font-family: 'courier new', monospace; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none; }
small { font-size: 75% }
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl, menu, ol, ul { margin: 1em 0 }
dd { margin: 0 0 0 40px }
menu, ol, ul { padding: 0 }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; white-space: normal; *margin-left: -7px;}
button, input, select, textarea { margin: 0; vertical-align: baseline; font-size: 100%; *vertical-align: middle;}
button, input { line-height: normal }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible;}
button[disabled], input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; nowhitespace: afterproperty; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-spacing: 0; border-collapse: collapse; }
/* GLOBAL STYLES */
.acua { color:#009590 !important}
.azul { color:#37237A !important}
.rosa { color:#E5007D !important}
.blanco { color:#fff !important}
.negro { color: #333 !important}
.italic { font-style:italic}
.bold { font-weight: bold}
.group:after { content: ""; display: table; clear: both; }
a { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: color, border-color, background-color; transition-property: color, border-color, background-color; }
.nopadding { margin: 0 !important; padding: 0 !important; }
p { font-size: 1.2em }
a { color: #73d0da }
a:hover, a:focus { color: #E5007D; text-decoration: none; }
.text-left {margin-bottom: -11px;}
/* Buttons */
.use-btn { display: inline-block; margin: 0 10px 10px 0; padding: 15px 40px; border-radius: 3px; background: #E5007D; color: #FFF; font-size: 16px; }
.use-btn:hover, .use-btn:focus { background: #2EBCEB; color: #fff; text-decoration: none; }
.learn-btn, .download-btn { display: inline-block; padding: 13px 40px; border: 2px solid #E5007D; border-radius: 3px; color: #E5007D; font-size: 16px; }
.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus { border-color: #2EBCEB; color: #2EBCEB; text-decoration: none; }
/* Navigation */
.nav-toggle { position: absolute; top: 0; right: 15px; z-index: 999999; cursor: pointer; }
.nav-toggle:focus { outline: none; }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { content: ''; position: absolute; width: 28px; height: 3px; background: #fff; cursor: pointer; right: 0; top: 10px;}
.nav-toggle span:before { top: -10px }
.nav-toggle span:after { bottom: -10px }
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.nav-toggle.active span { background: transparent }
.nav-toggle.active span:before, .nav-toggle.active span:after { top: 0 }
.nav-toggle.active span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-toggle.active span:after { top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
.navicon { z-index: 999999}
.navicon p { margin: -4px 50px 0 0; font-size:1.7em; color:#FFF; font-style: italic;}
.navicon-fixed { position: fixed; top: 59px; right: 143px; }
.liverpool {padding: 40px 45px 60px 30px;background: white; width:90%}
.liverpool img {width:30%; margin-left: 3%;}
.liverpool .inform { font-size:1.5em; margin:0; color: #37237A; position:absolute; left:53px; font-style:italic}
.logoliverpool img {margin-left: 2%;}
/* seccion1 */
.seccion1 { position: relative; padding: 60px 0 60px 0; color: #EC008B; background: #EC008B url('../img/inicio.jpg') no-repeat  top center fixed; background-size: cover; }
#home { width: 100%; height: 100%; }
header i { margin-left: 5px }
.home-izq { margin: 80px 0 0 0; background-color: rgba(255,255,255,0.9); padding: 60px 70px; border: thin solid #E5007D; }
.home-izq h1 span { font-style:italic}
.seccion1-cont { position: relative; padding: 60px 15px 60px 15px}
.seccion1-cont h1 { font-size: 2.6em; margin: 10px 0 80px 0; color: #37237A;}
/* seccio2 */
.seccion2 { position: relative; marging: 0; background: #fff }
.sec2-bg1 { position: relative; min-height: 400px; background: url('../img/features-intro-01.jpg') no-repeat center center; background-size: cover; }
.sec2-bg2 { position: relative; min-height: 400px; background: url('../img/features-intro-02.jpg') no-repeat center center; background-size: cover; }
.sec2-bg3 { position: relative; min-height: 400px; background: url('../img/features-intro-03.jpg') no-repeat center center; background-size: cover; }
#tabla1 { width: 100%; font-size: 1.1em; font-weight: normal; margin: 3% 0 0 0; }
#tabla1 tr:hover th, #tabla1 tr:hover td { background: #FF9F01 !important; color: #FFF; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#tabla1 tr td { text-align: right; font-size: 0.9em; padding: 15px 0 2px 0; line-height: 14px;}
#tabla1 th { color: #EC008B; font-size:1.5em; text-align: left; padding: 15px 0 2px 0; font-style:italic}
#tabla1 .line {  border-bottom: solid 1px #000 !important; }
#tabla1 .noline { border-bottom: solid 0px #fff !important; }
#tabla1 .left { text-align: left; }
#tabla1 .back1 { background:#FB7F20}
#tabla1 .mleft { padding-right:2%}
#tabla1 .back2a { background: url('../img/tablaback1.jpg'); background-size: contain; }
#tabla1 .back3 { background:url('../img/tablaback2.jpg')}
#tabla1 .back4 { background:url('../img/tablaback3.jpg')}
#tabla1 .back5 { background:url('../img/tablaback4.jpg')}
#tabla1 .back6 { background:url('../img/tablaback5.jpg')}
#tabla1 .back7 { background:url('../img/tablaback6.jpg')}
#tabla1 .back8 { background:url('../img/tablaback7.jpg')}
#tabla1 .back1, #tabla1 .back2a, #tabla1 .back3, #tabla1 .back4, #tabla1 .back5, #tabla1 .back6, #tabla1 .back7 ,#tabla1 .back8 { background-size:contain}
/*seccion financiera*/
#tabla tr td { text-align: right; vertical-align: bottom; font-size: 16px; line-height: 24px; padding-right: 10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
#tabla tr:hover td { background-color: #E5007D; color: #fff !important; cursor: pointer; }
#tabla tr .izq { text-align: left; }
#tabla tr .centrar { text-align: center; }
#tabla tr .dosmiltrece { color: #E5007D; }
#tabla .dosmiltrece td { color:#E5007D }
#tabla tr .azul_fecha { color: #008AB3; font-style: normal; font-weight: 600; font-size: 17px; }
#tabla tr .color { color: #E5007D; font-weight: 300; }
#tabla tr .color_bold { color: #E5007D; font-weight: 600; }
#tabla .linea_subtotal td { border-bottom: #E5007D solid 1px; }
#tabla .linea_total td { border-bottom: 2px solid #E5007D; }
#tabla tr .linea_subtotal { border-bottom: #E5007D solid 1px; }
#tabla tr .linea_total { border-bottom: #E5007D solid 2px; }
#tabla tr .cabeza { color: #838385; font-style: normal; font-weight: 600; font-size: 17px; }
#tabla .equity td { line-height: 16px; font-size: 16px; padding-bottom: 6px; }
#tabla tr .azul_tabla { color: #008BB3; }
.legales { font-size:0.9em; font-style:italic; margin:60px 0 60px 0 !important}
/* seccion3 */
.seccion3 { background: #fff; position: relative; margin: 0;}
.seccion3 h1 { margin: 0 0 30px 0; color: #131b78; font-size: 7em; font-style:italic}
.seccion3 h1 span { font-size:0.6em}
.seccion3 p { margin-top: 38px; font-size:0.9em; font-style:italic}
.seccion3 .back1 { margin-top:130px; padding: 0 35px 0 0 }
.seccion3 .back2 { background: url('../img/inicio.jpg') no-repeat center center; background-size: cover; height: 964px;}
.sec3-cont {height: 400px;}
.sec3-cont img { width:100%}
.sec3-cont p { background:#fff; text-align:center;}
.sec3-cont .bullet1 { color:#009091; font-size:1.6em; width:150px; height:150px; padding:30px 10px 0 0; line-height:23px; position:relative; top:83px; font-style:normal}
.sec3-cont .bullet1 span { font-size:3.2em; font-style:italic}
.sec3-cont .bullet2 { color:#131b78; font-size:2.2em; width:260px; height:260px; padding:60px 0 0 0; line-height:36px; position:relative; top:-236px; left:255px; font-style:normal}
.sec3-cont .bullet2 span { font-size:5em; font-style: italic}
.sec3-cont .bullimg1 { width: 20%; position: relative; top:61px; left:150px}
.sec3-cont .bullimg2 { width: 24%; float:right; margin-top: 165px;}
.sec3-cont .bullimg3 { width: 70%; float:left; margin-top: 44px}
/* Carta Presidente */
.carta { background: #fff }
.carta h1 { margin: 30px 0 20px 0; font-size: 3.2em; font-style:italic}
.carta h1 span{ font-size: 1.4em; font-style:italic}
.carta h2 { font-size:4.2em;}
.carta h3 { font-size:2.5em; font-style:italic; margin:0}
.carta p { margin-top: 20px}
.carta .infotit { margin: 30px 0 20px 0; color: #131b78; font-size: 3.2em; font-style:italic}
.carta .infotit span {font-size: 1.4em; font-style:italic}
.carta .finantit { margin: 60px 0 40px 0}
.carta .dictatit { margin: 60px 0 20px 0; color: #E5007D; }
.carta .dictatit span { font-size:1.2em }
.carta .dictasub { font-size:1.2em; color:#E5007D; font-weight:bold; padding:20px 0}
.carta .resumen { font-size:4em; margin-bottom:0}
.carta .pleca, .carta .pleca2, .carta .pleca3 {height:110px; width:20px; position:absolute; top: 470px;}
.carta .pleca { background: url('../img/pleca01.jpg') no-repeat center top; background-size: contain}
.carta .pleca2 { background: url('../img/pleca02.jpg') no-repeat center top; background-size: contain}
.carta .pleca3 { background: url('../img/pleca02.jpg') no-repeat center top; background-size: contain; right:0}
.imagehead { margin: 0}
.imagehead2 { margin:0}
.imagecont { background:url('../img/back_letter.jpg') right top; background-size:contain; padding: 0 20px 20px 50px;}
.imagecont2 { background:url('../img/back_letter2.jpg') right top; background-size:contain; padding: 20px 20px 20px 50px;}
.imagecont2 div article h3 { color: #009590; font-style: italic; font-size: 2em; margin-bottom: -20px;}
.imagecont3 { background:url('../img/back_letter.jpg') repeat-y center top; background-size:cover; padding: 0 20px 0 50px;}
.imagecont4 { background:url('../img/back_letter.jpg') repeat-y center top; background-size:cover; padding: 0 20px 0 50px;}
.imagecont4 h2 { font-size:2.2em; font-style:italic}
.imagside1 { background: url('../img/liverpool-carta.jpg') no-repeat center center; height: 250px; background-size: cover;}
.imagside2 { background: url('../img/liverpool-carta1.jpg') no-repeat center center; height: 250px; background-size: cover; }
.imagside3 { background: url('../img/liverpool-info.jpg') no-repeat center center; height: 250px; background-size: cover;}
.imagside4 { background: url('../img/liverpool-info1.jpg') no-repeat center center; height: 250px; background-size: cover; }
.imagside5 { background: url('../img/liverpool-opera.jpg') no-repeat center center; height: 250px; background-size: cover;}
.imagside6 { background: url('../img/liverpool-opera1.jpg') no-repeat center center; height: 250px; background-size: cover; }
.imagside7 { background: url('../img/liverpool-opera2.jpg') no-repeat center center; height: 250px; background-size: cover;}
.imagside8 { background: url('../img/liverpool-opera3.jpg') no-repeat center center; height: 250px; background-size: cover; }
.imagside3 p {color: #fff; text-align: right;}
.imagside1 p {color: #000; text-align: left; margin-left:20px}
.grupo-firma { margin-left:20%}
.grupo-firma img { width:40%; margin-bottom: -50px;}
.grupo-firma .audita { margin: 0 0 -27px -30px;}
.comite { margin: 0 0 0 80px; font-size:1.4em; list-style:none; font-weight:bold;}
.comite2 { margin: 0;}
.comite .vis { font-style:italic; font-size:0.85em; font-weight: normal;}
.comite .subs { font-size:0.75em;}
.comite .margen { margin-bottom:20px}
.comite .margen2 { margin-bottom:60px}
.financial { list-style:none; width: 90%; margin: 60px 0 100px 80px}
.financial li { padding: 20px; margin: 25px 0; border-bottom: 1px solid #37237A; background-position: 0% 26px; }
.financial li:hover { border-bottom: 1px solid #E5007D; background-color: #F0F0F0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin: 20px 0 20px 30px; background: url('../img/arrow_dw.png') no-repeat 100% 20px; background-size: 16px; }
.financial li a { color: inherit; font-size: 1.3em; padding: 10px 50px 10px 60px; margin: 0 0 0 -70px; width: 100% !important; color: #37237A; font-style: italic; }
.financial li:hover a { color:#EC008B}
.audit { margin:20px 0 0 20%}
.nombre p { float:right; color: #E5007D; font-size: 1em}
.grupo-audit { line-height:4px}
.info-fecha { text-align:right; font-style:italic}
.h2-nomargen {padding:60px 0 0 0 !important}
.grupo-comit {margin:0}
.grupo-comit .comite { width:50%; margin:0}
.dictalista { list-style: outside lower-latin; margin-left: 20px;}
.dictaperson { margin:60px 0}
.cont1 { line-height:5px; margin:120px 0 80px 0}
.cont2 { line-height: 5px;position: absolute;right: 0px;text-align: right; top: 260px;}
.cont2 img { width:40%; margin-right:10%}
.cont3 { margin:350px 0 60px 0; font-size: 0.8em}
/* Reticula */
.reticula { padding-bottom:50px}
.reticula .pleca1, .reticula .pleca3, .reticula .pleca5, .reticula .pleca7 { height:110px; width:20px; position:absolute; top: 1140px; left:0}
.reticula .pleca2, .reticula .pleca4, .reticula .pleca6, .reticula .pleca8 { height:110px; width:20px; position:absolute; top: 1180px; right:0}
.reticula .pleca1 { background: url('../img/pleca_integra2.jpg') repeat-x center top; background-size: contain}
.reticula .pleca2 { background: url('../img/pleca_integra3.jpg') repeat-x center top; background-size: contain}
.reticula .pleca3 { background: url('../img/pleca_catego1.jpg') repeat-x center top; background-size: contain}
.reticula .pleca4 { background: url('../img/pleca02.jpg') repeat-x center top; background-size: contain}
.reticula .pleca5 { background: url('../img/pleca01.jpg') repeat-x center top; background-size: contain}
.reticula .pleca6 { background: url('../img/pleca_ocasi1.jpg') repeat-x center top; background-size: contain}
.reticula .pleca7 { background: url('../img/pleca_integra3.jpg') repeat-x center top; background-size: contain}
.reticula .pleca8 { background: url('../img/pleca_equip.jpg') repeat-x center top; background-size: contain}
.reticula .headimg1, .reticula .headimg2, .reticula .headimg3, .reticula .headimg4 {margin-bottom: 50px; background-size: cover; border-left: 100px solid white; color:white}
.reticula .headimg1 { background: url('../img/integracion_home.jpg') no-repeat center center;}
.reticula .headimg2 { background: url('../img/categorias_home.jpg') no-repeat center center;}
.reticula .headimg3 { background: url('../img/ocasiones_home.jpg') no-repeat center center;}
.reticula .headimg4 { background: url('../img/equipo_home.jpg') no-repeat center center;}
.headimg3 .reticula-der .circulo1 h3 { margin-top:34px}
.reticula-izq .reticula-tit { width: 100%; color: #fff; padding: 5px 20px 5px 65px; margin: 100px 0 0 -115px;}
.reticula-izq .backcolor1 { background: rgba(51,41,133,0.90) url('../img/pleca_integra.jpg') no-repeat left center; background-size: contain}
.reticula-izq .backcolor2 { background: rgba(236,0,139,0.90) url('../img/pleca_integra.jpg') no-repeat left center; background-size: contain}
.reticula-izq .backcolor3 { background: rgba(0,162,153,0.90) url('../img/pleca_ocasi.jpg') no-repeat left center; background-size: contain}
.reticula-izq .backcolor4 { background: rgba(244,128,36,0.90) url('../img/pleca_equip.jpg') no-repeat left center; background-size: contain}
.reticula-izq h1 { font-size:3.2em; font-style:italic; line-height: 60px;}
.reticula-izq h1 span {font-size:2.4em; font-style: normal}
.reticula-izq p { padding-left:10%; font-size:1.5em}
.reticula-der img { border: 8px solid #fff; width:50%; height:auto; margin:285px 0 0 0; float:left}
.reticula-der .circulo1 { height: 300px; width: 300px; background: rgba(55,35,122,0.90); border-radius: 160px; border: 16px solid rgba(229,0,125,0.90); margin: 6% 10% 0 0; float:right}
.reticula-der {height: 860px;}
.reticula-der .circulo1 h3 { font-size:5em; text-align:center; line-height:36px}
.reticula-der .circulo1 h3 span { font-size:0.55em}
.reticula-der p { position:absolute; top: 94%;right: 20px;}
.equipp { font-size:1em; color:rgb(244,128,36); float:right; width:50%; line-height:18px; margin-top: 0;}
.norgen p:first-child { margin-top: 0px; }
.foot-l { padding-right: 308px;}
/* Footer */
footer { padding: 0px 0 20px 0; background:#F0EFEA}
footer p { font-size: 1em; }
footer ul { padding: 20px 0 0 0; display: table-cell;}
footer li { float: left; list-style: none; width:200px}
footer li a { color: #37237A }
footer li a .sangra { color: inherit; padding-left:8px }
footer li:last-child { margin-right: 0 }
footer li a span { color: #F0EFEA }
.fin-nav { width:100%; margin: 100px 0 30px 0}
.fin-nav .left { background-position: left center; background-image: url('../img/arrow_left.png'); padding: 13px; background-size: cover }
.fin-nav .left:hover { background-position: right center;}
.fin-nav .right { background-position: left center; background-image: url('../img/arrow_right.png'); padding: 13px; background-size: cover; margin-left: 90%;}
.fin-nav .right:hover { background-position: right center;}
.fin-nav .up  { background-position: center top; background-image: url('../img/arrow_up.png'); padding: 7px 26px; background-size: cover; margin-left: 45%;}
.fin-nav .up:hover { background-position:center bottom;}
.fin-nav .left span, .fin-nav .right span, .fin-nav .up span { display:none}
/* Waypoints */
.delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; }
.delay-15s { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; }
.delay-25s { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; }
.delay-35s { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.wp0, .wp0a, .wp1, .wp2, .wp2a, .wp2b, .wp2c, .use-btn, .learn-btn, .home-der, .logoliverpool { visibility: hidden }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown, .fadeIn { visibility: visible }
