/* Custom Icon Font */ /*HEADER
Cerrar sesión

XXXXXXXXX

CAMPOS
Nuevo Guardar
LISTAR
%id_banner%
*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400'); @import url(fuentes.css); @import url(fonts-new/style.css); .rect-auto,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.c100.p100 .slice{clip:rect(auto,auto,auto,auto);} .pie,.c100 .bar,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.c100.p100 .fill{position:absolute;border:0.08em solid #307bbb;width:0.84em;height:0.84em;clip:rect(0em,0.5em,1em,0em);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} .pie-fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.c100.p100 .bar:after,.c100.p100 .fill{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .c100{position:relative;font-size:120px;width:1em;height:1em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin:0 0.1em 0.1em 0;background-color:#cccccc;} .c100 *,.c100 *:before,.c100 *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .c100.center{float:none;margin:0 auto;} .c100.big{font-size:240px;} .c100.small{font-size:4.5em;/* 80px; */} .c100 > span{position:absolute;width:100%;z-index:1;left:0;top:0;width:5em;line-height:5em;font-size:0.2em;color:#cccccc;display:block;text-align:center;white-space:nowrap;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;} .c100:after{position:absolute;top:0.08em;left:0.08em;display:block;content:" ";-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:whitesmoke;width:0.84em;height:0.84em;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;} .c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0em,1em,1em,0.5em);} .c100.p1 .bar{-webkit-transform:rotate(3.6deg);-moz-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);-o-transform:rotate(3.6deg);transform:rotate(3.6deg);} .c100.p2 .bar{-webkit-transform:rotate(7.2deg);-moz-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);-o-transform:rotate(7.2deg);transform:rotate(7.2deg);} .c100.p3 .bar{-webkit-transform:rotate(10.8deg);-moz-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);-o-transform:rotate(10.8deg);transform:rotate(10.8deg);} .c100.p4 .bar{-webkit-transform:rotate(14.4deg);-moz-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);-o-transform:rotate(14.4deg);transform:rotate(14.4deg);} .c100.p5 .bar{-webkit-transform:rotate(18deg);-moz-transform:rotate(18deg);-ms-transform:rotate(18deg);-o-transform:rotate(18deg);transform:rotate(18deg);} .c100.p6 .bar{-webkit-transform:rotate(21.6deg);-moz-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);-o-transform:rotate(21.6deg);transform:rotate(21.6deg);} .c100.p7 .bar{-webkit-transform:rotate(25.2deg);-moz-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);-o-transform:rotate(25.2deg);transform:rotate(25.2deg);} .c100.p8 .bar{-webkit-transform:rotate(28.8deg);-moz-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);-o-transform:rotate(28.8deg);transform:rotate(28.8deg);} .c100.p9 .bar{-webkit-transform:rotate(32.4deg);-moz-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);-o-transform:rotate(32.4deg);transform:rotate(32.4deg);} .c100.p10 .bar{-webkit-transform:rotate(36deg);-moz-transform:rotate(36deg);-ms-transform:rotate(36deg);-o-transform:rotate(36deg);transform:rotate(36deg);} .c100.p11 .bar{-webkit-transform:rotate(39.6deg);-moz-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);-o-transform:rotate(39.6deg);transform:rotate(39.6deg);} .c100.p12 .bar{-webkit-transform:rotate(43.2deg);-moz-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);-o-transform:rotate(43.2deg);transform:rotate(43.2deg);} .c100.p13 .bar{-webkit-transform:rotate(46.8deg);-moz-transform:rotate(46.8deg);-ms-transform:rotate(46.8deg);-o-transform:rotate(46.8deg);transform:rotate(46.8deg);} .c100.p14 .bar{-webkit-transform:rotate(50.4deg);-moz-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);-o-transform:rotate(50.4deg);transform:rotate(50.4deg);} .c100.p15 .bar{-webkit-transform:rotate(54deg);-moz-transform:rotate(54deg);-ms-transform:rotate(54deg);-o-transform:rotate(54deg);transform:rotate(54deg);} .c100.p16 .bar{-webkit-transform:rotate(57.6deg);-moz-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);-o-transform:rotate(57.6deg);transform:rotate(57.6deg);} .c100.p17 .bar{-webkit-transform:rotate(61.2deg);-moz-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);-o-transform:rotate(61.2deg);transform:rotate(61.2deg);} .c100.p18 .bar{-webkit-transform:rotate(64.8deg);-moz-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);-o-transform:rotate(64.8deg);transform:rotate(64.8deg);} .c100.p19 .bar{-webkit-transform:rotate(68.4deg);-moz-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);-o-transform:rotate(68.4deg);transform:rotate(68.4deg);} .c100.p20 .bar{-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg);} .c100.p21 .bar{-webkit-transform:rotate(75.6deg);-moz-transform:rotate(75.6deg);-ms-transform:rotate(75.6deg);-o-transform:rotate(75.6deg);transform:rotate(75.6deg);} .c100.p22 .bar{-webkit-transform:rotate(79.2deg);-moz-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);-o-transform:rotate(79.2deg);transform:rotate(79.2deg);} .c100.p23 .bar{-webkit-transform:rotate(82.8deg);-moz-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);-o-transform:rotate(82.8deg);transform:rotate(82.8deg);} .c100.p24 .bar{-webkit-transform:rotate(86.4deg);-moz-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);-o-transform:rotate(86.4deg);transform:rotate(86.4deg);} .c100.p25 .bar{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .c100.p26 .bar{-webkit-transform:rotate(93.6deg);-moz-transform:rotate(93.6deg);-ms-transform:rotate(93.6deg);-o-transform:rotate(93.6deg);transform:rotate(93.6deg);} .c100.p27 .bar{-webkit-transform:rotate(97.2deg);-moz-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);-o-transform:rotate(97.2deg);transform:rotate(97.2deg);} .c100.p28 .bar{-webkit-transform:rotate(100.8deg);-moz-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);-o-transform:rotate(100.8deg);transform:rotate(100.8deg);} .c100.p29 .bar{-webkit-transform:rotate(104.4deg);-moz-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);-o-transform:rotate(104.4deg);transform:rotate(104.4deg);} .c100.p30 .bar{-webkit-transform:rotate(108deg);-moz-transform:rotate(108deg);-ms-transform:rotate(108deg);-o-transform:rotate(108deg);transform:rotate(108deg);} .c100.p31 .bar{-webkit-transform:rotate(111.6deg);-moz-transform:rotate(111.6deg);-ms-transform:rotate(111.6deg);-o-transform:rotate(111.6deg);transform:rotate(111.6deg);} .c100.p32 .bar{-webkit-transform:rotate(115.2deg);-moz-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);-o-transform:rotate(115.2deg);transform:rotate(115.2deg);} .c100.p33 .bar{-webkit-transform:rotate(118.8deg);-moz-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);-o-transform:rotate(118.8deg);transform:rotate(118.8deg);} .c100.p34 .bar{-webkit-transform:rotate(122.4deg);-moz-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);-o-transform:rotate(122.4deg);transform:rotate(122.4deg);} .c100.p35 .bar{-webkit-transform:rotate(126deg);-moz-transform:rotate(126deg);-ms-transform:rotate(126deg);-o-transform:rotate(126deg);transform:rotate(126deg);} .c100.p36 .bar{-webkit-transform:rotate(129.6deg);-moz-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);-o-transform:rotate(129.6deg);transform:rotate(129.6deg);} .c100.p37 .bar{-webkit-transform:rotate(133.2deg);-moz-transform:rotate(133.2deg);-ms-transform:rotate(133.2deg);-o-transform:rotate(133.2deg);transform:rotate(133.2deg);} .c100.p38 .bar{-webkit-transform:rotate(136.8deg);-moz-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);-o-transform:rotate(136.8deg);transform:rotate(136.8deg);} .c100.p39 .bar{-webkit-transform:rotate(140.4deg);-moz-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);-o-transform:rotate(140.4deg);transform:rotate(140.4deg);} .c100.p40 .bar{-webkit-transform:rotate(144deg);-moz-transform:rotate(144deg);-ms-transform:rotate(144deg);-o-transform:rotate(144deg);transform:rotate(144deg);} .c100.p41 .bar{-webkit-transform:rotate(147.6deg);-moz-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);-o-transform:rotate(147.6deg);transform:rotate(147.6deg);} .c100.p42 .bar{-webkit-transform:rotate(151.2deg);-moz-transform:rotate(151.2deg);-ms-transform:rotate(151.2deg);-o-transform:rotate(151.2deg);transform:rotate(151.2deg);} .c100.p43 .bar{-webkit-transform:rotate(154.8deg);-moz-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);-o-transform:rotate(154.8deg);transform:rotate(154.8deg);} .c100.p44 .bar{-webkit-transform:rotate(158.4deg);-moz-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);-o-transform:rotate(158.4deg);transform:rotate(158.4deg);} .c100.p45 .bar{-webkit-transform:rotate(162deg);-moz-transform:rotate(162deg);-ms-transform:rotate(162deg);-o-transform:rotate(162deg);transform:rotate(162deg);} .c100.p46 .bar{-webkit-transform:rotate(165.6deg);-moz-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);-o-transform:rotate(165.6deg);transform:rotate(165.6deg);} .c100.p47 .bar{-webkit-transform:rotate(169.2deg);-moz-transform:rotate(169.2deg);-ms-transform:rotate(169.2deg);-o-transform:rotate(169.2deg);transform:rotate(169.2deg);} .c100.p48 .bar{-webkit-transform:rotate(172.8deg);-moz-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);-o-transform:rotate(172.8deg);transform:rotate(172.8deg);} .c100.p49 .bar{-webkit-transform:rotate(176.4deg);-moz-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);-o-transform:rotate(176.4deg);transform:rotate(176.4deg);} .c100.p50 .bar{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .c100.p51 .bar{-webkit-transform:rotate(183.6deg);-moz-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);-o-transform:rotate(183.6deg);transform:rotate(183.6deg);} .c100.p52 .bar{-webkit-transform:rotate(187.2deg);-moz-transform:rotate(187.2deg);-ms-transform:rotate(187.2deg);-o-transform:rotate(187.2deg);transform:rotate(187.2deg);} .c100.p53 .bar{-webkit-transform:rotate(190.8deg);-moz-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);-o-transform:rotate(190.8deg);transform:rotate(190.8deg);} .c100.p54 .bar{-webkit-transform:rotate(194.4deg);-moz-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);-o-transform:rotate(194.4deg);transform:rotate(194.4deg);} .c100.p55 .bar{-webkit-transform:rotate(198deg);-moz-transform:rotate(198deg);-ms-transform:rotate(198deg);-o-transform:rotate(198deg);transform:rotate(198deg);} .c100.p56 .bar{-webkit-transform:rotate(201.6deg);-moz-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);-o-transform:rotate(201.6deg);transform:rotate(201.6deg);} .c100.p57 .bar{-webkit-transform:rotate(205.2deg);-moz-transform:rotate(205.2deg);-ms-transform:rotate(205.2deg);-o-transform:rotate(205.2deg);transform:rotate(205.2deg);} .c100.p58 .bar{-webkit-transform:rotate(208.8deg);-moz-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);-o-transform:rotate(208.8deg);transform:rotate(208.8deg);} .c100.p59 .bar{-webkit-transform:rotate(212.4deg);-moz-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);-o-transform:rotate(212.4deg);transform:rotate(212.4deg);} .c100.p60 .bar{-webkit-transform:rotate(216deg);-moz-transform:rotate(216deg);-ms-transform:rotate(216deg);-o-transform:rotate(216deg);transform:rotate(216deg);} .c100.p61 .bar{-webkit-transform:rotate(219.6deg);-moz-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);-o-transform:rotate(219.6deg);transform:rotate(219.6deg);} .c100.p62 .bar{-webkit-transform:rotate(223.2deg);-moz-transform:rotate(223.2deg);-ms-transform:rotate(223.2deg);-o-transform:rotate(223.2deg);transform:rotate(223.2deg);} .c100.p63 .bar{-webkit-transform:rotate(226.8deg);-moz-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);-o-transform:rotate(226.8deg);transform:rotate(226.8deg);} .c100.p64 .bar{-webkit-transform:rotate(230.4deg);-moz-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);-o-transform:rotate(230.4deg);transform:rotate(230.4deg);} .c100.p65 .bar{-webkit-transform:rotate(234deg);-moz-transform:rotate(234deg);-ms-transform:rotate(234deg);-o-transform:rotate(234deg);transform:rotate(234deg);} .c100.p66 .bar{-webkit-transform:rotate(237.6deg);-moz-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);-o-transform:rotate(237.6deg);transform:rotate(237.6deg);} .c100.p67 .bar{-webkit-transform:rotate(241.2deg);-moz-transform:rotate(241.2deg);-ms-transform:rotate(241.2deg);-o-transform:rotate(241.2deg);transform:rotate(241.2deg);} .c100.p68 .bar{-webkit-transform:rotate(244.8deg);-moz-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);-o-transform:rotate(244.8deg);transform:rotate(244.8deg);} .c100.p69 .bar{-webkit-transform:rotate(248.4deg);-moz-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);-o-transform:rotate(248.4deg);transform:rotate(248.4deg);} .c100.p70 .bar{-webkit-transform:rotate(252deg);-moz-transform:rotate(252deg);-ms-transform:rotate(252deg);-o-transform:rotate(252deg);transform:rotate(252deg);} .c100.p71 .bar{-webkit-transform:rotate(255.6deg);-moz-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);-o-transform:rotate(255.6deg);transform:rotate(255.6deg);} .c100.p72 .bar{-webkit-transform:rotate(259.2deg);-moz-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);-o-transform:rotate(259.2deg);transform:rotate(259.2deg);} .c100.p73 .bar{-webkit-transform:rotate(262.8deg);-moz-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);-o-transform:rotate(262.8deg);transform:rotate(262.8deg);} .c100.p74 .bar{-webkit-transform:rotate(266.4deg);-moz-transform:rotate(266.4deg);-ms-transform:rotate(266.4deg);-o-transform:rotate(266.4deg);transform:rotate(266.4deg);} .c100.p75 .bar{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);} .c100.p76 .bar{-webkit-transform:rotate(273.6deg);-moz-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);-o-transform:rotate(273.6deg);transform:rotate(273.6deg);} .c100.p77 .bar{-webkit-transform:rotate(277.2deg);-moz-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);-o-transform:rotate(277.2deg);transform:rotate(277.2deg);} .c100.p78 .bar{-webkit-transform:rotate(280.8deg);-moz-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);-o-transform:rotate(280.8deg);transform:rotate(280.8deg);} .c100.p79 .bar{-webkit-transform:rotate(284.4deg);-moz-transform:rotate(284.4deg);-ms-transform:rotate(284.4deg);-o-transform:rotate(284.4deg);transform:rotate(284.4deg);} .c100.p80 .bar{-webkit-transform:rotate(288deg);-moz-transform:rotate(288deg);-ms-transform:rotate(288deg);-o-transform:rotate(288deg);transform:rotate(288deg);} .c100.p81 .bar{-webkit-transform:rotate(291.6deg);-moz-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);-o-transform:rotate(291.6deg);transform:rotate(291.6deg);} .c100.p82 .bar{-webkit-transform:rotate(295.2deg);-moz-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);-o-transform:rotate(295.2deg);transform:rotate(295.2deg);} .c100.p83 .bar{-webkit-transform:rotate(298.8deg);-moz-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);-o-transform:rotate(298.8deg);transform:rotate(298.8deg);} .c100.p84 .bar{-webkit-transform:rotate(302.4deg);-moz-transform:rotate(302.4deg);-ms-transform:rotate(302.4deg);-o-transform:rotate(302.4deg);transform:rotate(302.4deg);} .c100.p85 .bar{-webkit-transform:rotate(306deg);-moz-transform:rotate(306deg);-ms-transform:rotate(306deg);-o-transform:rotate(306deg);transform:rotate(306deg);} .c100.p86 .bar{-webkit-transform:rotate(309.6deg);-moz-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);-o-transform:rotate(309.6deg);transform:rotate(309.6deg);} .c100.p87 .bar{-webkit-transform:rotate(313.2deg);-moz-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);-o-transform:rotate(313.2deg);transform:rotate(313.2deg);} .c100.p88 .bar{-webkit-transform:rotate(316.8deg);-moz-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);-o-transform:rotate(316.8deg);transform:rotate(316.8deg);} .c100.p89 .bar{-webkit-transform:rotate(320.4deg);-moz-transform:rotate(320.4deg);-ms-transform:rotate(320.4deg);-o-transform:rotate(320.4deg);transform:rotate(320.4deg);} .c100.p90 .bar{-webkit-transform:rotate(324deg);-moz-transform:rotate(324deg);-ms-transform:rotate(324deg);-o-transform:rotate(324deg);transform:rotate(324deg);} .c100.p91 .bar{-webkit-transform:rotate(327.6deg);-moz-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);-o-transform:rotate(327.6deg);transform:rotate(327.6deg);} .c100.p92 .bar{-webkit-transform:rotate(331.2deg);-moz-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);-o-transform:rotate(331.2deg);transform:rotate(331.2deg);} .c100.p93 .bar{-webkit-transform:rotate(334.8deg);-moz-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);-o-transform:rotate(334.8deg);transform:rotate(334.8deg);} .c100.p94 .bar{-webkit-transform:rotate(338.4deg);-moz-transform:rotate(338.4deg);-ms-transform:rotate(338.4deg);-o-transform:rotate(338.4deg);transform:rotate(338.4deg);} .c100.p95 .bar{-webkit-transform:rotate(342deg);-moz-transform:rotate(342deg);-ms-transform:rotate(342deg);-o-transform:rotate(342deg);transform:rotate(342deg);} .c100.p96 .bar{-webkit-transform:rotate(345.6deg);-moz-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);-o-transform:rotate(345.6deg);transform:rotate(345.6deg);} .c100.p97 .bar{-webkit-transform:rotate(349.2deg);-moz-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);-o-transform:rotate(349.2deg);transform:rotate(349.2deg);} .c100.p98 .bar{-webkit-transform:rotate(352.8deg);-moz-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);-o-transform:rotate(352.8deg);transform:rotate(352.8deg);} .c100.p99 .bar{-webkit-transform:rotate(356.4deg);-moz-transform:rotate(356.4deg);-ms-transform:rotate(356.4deg);-o-transform:rotate(356.4deg);transform:rotate(356.4deg);} .c100.p100 .bar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} .c100:hover{cursor:default}.c100:hover > span{width:3.33em;line-height:3.33em;font-size:0.3em;color:#307bbb}.c100:hover:after{top:0.04em;left:0.04em;width:0.92em;height:0.92em}.c100.dark{background-color:#777777}.c100.dark .bar,.c100.dark .fill{border-color:#c6ff00!important}.c100.dark > span{color:#777777}.c100.dark:after{background-color:#666666}.c100.dark:hover > span{color:#c6ff00}.c100.green .bar,.c100.green .fill{border-color:#4db53c!important}.c100.green:hover > span{color:#4db53c}.c100.green.dark .bar,.c100.green.dark .fill{border-color:#5fd400!important}.c100.green.dark:hover > span{color:#5fd400}.c100.orange .bar,.c100.orange .fill{border-color:#dd9d22!important}.c100.orange:hover > span{color:#dd9d22}.c100.orange.dark .bar,.c100.orange.dark .fill{border-color:#e08833!important}.c100.orange.dark:hover > span{color:#e08833} /*=====================================fin circulos*/ .admin { background: #fff; font-size: 12px; font-family: 'Open Sans', sans-serif; } .page.admin { margin: 0 auto; } .admin .btn_css_campo { margin-left: -20px; } /*==================================================================== ADMIN ================================================*/ .page.admin, .admin .contenido{ background: #E8ECEF; height: 100%; } .page.admin .footer { background: #293846 none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 10px; position: fixed; width: 230px; z-index: 2000; text-align: center; min-height: 50px; padding-top: 20px; } .page.admin .footer img { vertical-align: middle; } .admin p{ color: #252525; } /*==================================================================== HEADER ==================================================*/ .admin .header { position: fixed; top: 0; width: 100%; z-index: 4000; min-height: auto; } .admin .cabezote { background: #F3F3F4 none repeat scroll 0 0; border-top: 3px solid #71b6f9; padding: 0; height: 50px; border-bottom: 1px solid #e6dede; } .admin .logoAdmin { background: #DDEDFC url("../../upload/img/egtscopio/header-profile.png") no-repeat scroll center center; background-size: 100%; border: medium none; border-radius: 0; position: absolute; height: 130px; margin: 0; width: 230px; } .admin .logo { background: #fff url("../../upload/img/logoFB256.png") no-repeat scroll center center; background-size: auto 80px; border-radius: 50%; position: absolute; height: 100px; width: 100px; border: none; left: 0; right: 0; margin: auto; top: 10px; } /* .admin .logo { background: transparent url("../../upload/img/share/logoFB256.png") no-repeat scroll 0 0 / 100% auto; border: 5px solid #dddbdb; border-radius: 46px; float: left; height: 60px; margin: 0 0 0 69px; width: 60px; }*/ .admin .salirAdm { /*background: transparent url("../../upload/img/admin/logout.png") no-repeat scroll center 0;*/ color: #999c9e; font-size: 11px; height: 20px; padding-top: 5px; position: absolute; right: 30px; text-align: right; top: 26%; width: 107px; text-transform: uppercase; } .admin .salirAdm:after{ font-family: "icomoon"; content: "\e737"; left: 0; top:5px; width: 20px; height: 20px; display: block; position: absolute; font-size: 14px; } /*==================================================================== FIN HEADER ==============================================*/ .admin .div-my_tab div.mt-tab { border: none; border-radius: 0; cursor: pointer; display: block; margin: 0; position: relative; text-align: left; width: 100%; } .admin .div-my_tab { border: none; background-color: #293846; position: fixed; top: 133px; width: 230px; height: 68%; padding: 20px 0 25%; z-index: 2000; } .div-my_tab div a::after{ color: #838f9a; font-family: 'icomoon'; } .admin .div-my_tab div.mt-tab a { color: #838f9a; display: block; font-size: 12px; height: 15px; margin: 1px 0 0; padding: 4px 15px 4px 30px; text-decoration: none; border-left: 3px solid transparent; /*text-transform: capitalize;*/ text-indent: 10px; position: relative; } .admin .div-my_tab div.mt-tab-active { cursor: pointer; text-align: center; } .admin .div-my_tab div.mt-tab-active a, .admin .div-my_tab a:hover { background-color: #353C47; border-bottom: medium none; border-left: 3px solid; color: #71b6f9; margin: 0; text-align: left; } /*.mt-tab.mt-tab-active::after { border-color: transparent blue transparent #504f4f; border-style: solid; border-width: 18px 0 18px 11px; content: ""; position: absolute; right: -10px; top: 0; }*/ .admin .div-my_tab div a::after{ color: inherit;/* #838f9a;*/ content: ""; font-size: 18px; left: 0px; position: absolute; top: 6px; } .admin .mt-tab.mt-tab-active a::after{ /* color: #71b6f9;*/ } /*================================================================== DEVS ==================================================*/ .admin .contenido .devs { display: block; margin-left: 230px; vertical-align: top; } .admin .formularios { border:none; } /*==================================================================== FORMULARIOS =============================================*/ .admin .formularios > div { display: inline-block; vertical-align: top; } .formularios .caja { background: #fff none repeat scroll 0 0; border-radius: 2px; box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02); padding: 10px 2%; width: 96%; min-height: 550px; margin: 0 auto; position: relative; } .formularios .cajamin { background: #fff none repeat scroll 0 0; border-radius: 5px; box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02); padding: 10px 2%; width: 96%; min-height: 100px; margin: 0 auto } .formularios .fcampos { width: 59.5%; margin-left: 1%; /*min-height: 550px;*/ } .formVentana > div{ display: inline-block; vertical-align: top; } .formularios.formVentana .caja, .formularios.formVentana .flistar{ min-height: 450px; } .formularios .flistar { width: 37%; min-height: 550px; } .fcampos .ibx { margin-bottom: 15px; } .formularios .sep{ width: 1%; } .S_line{ background: transparent; min-height: 0; } .admin .tablaD .tdTitulo { border: medium none; } .admin .formularios .tablaD .ibx.sb td { vertical-align: middle; } .admin .formularios { padding: 50px 0px 30px 0px; background: #E8ECEF; } .formularios > h1 { border-bottom: 1px solid #d5d5d5; color: #2f353f; font-size: 18px; font-weight: lighter; margin-bottom: 20px; padding: 15px; text-align: left; text-transform: uppercase; background: #fff; } .formularios > h1 > span{ text-transform: capitalize; font-size: 12px; margin-left: 20px; } .formularios h2 { color: #2f353f; font-size: 18px; font-weight: bold; text-align: left; text-transform: uppercase; } .admin .formularios .ibxMsgErr { display: none; height:20px; } /*==================================================================== CAMPOS =============================================*/ .admin label { color: #676a6c; font-size: 13px; display: block; margin: 10px 0 3px; font-weight: bold; } .admin span.ibxInput { clear: both; display: block; position: relative; } .admin table.ibx, .admin table.ibx.sb.notnull { width: 100%; position: relative; } .admin td.ibxLNotNull, .admin td.ibxL { color: #252525; font-size: 12px; font-weight: bold; text-align: left; } .admin input.ibxInput, .admin input.ibxInputErr, .admin input.ibxInputRO, .admin input.ibxInputErrRO { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-radius: 2px; color: #535353; height: 26px; text-decoration: none; width: 100%; text-indent: 10px; } .admin input.ibxInputRO, .admin input.ibxInputErrRO { background: #e8e8e8 none repeat scroll 0 0; cursor: not-allowed; } .admin input.ibxInputErr { background: url("../../upload/img/admin/icoError.png") no-repeat scroll 98% center #fff; border: 1px solid #f00; } .admin .checkbox { background: transparent url("../../upload/img/admin/admincheckbox2.png") repeat scroll 0 0; float: none; } /************************************************** SELECTOR ***************************************************/ .admin .select { background: #f9f9f9 url("../../upload/img/desplegar_activo.png") no-repeat scroll 98% center; border: 1px solid #e0e0e0; border-radius: 2px; color: #535353; font-size: 14px; height: 28px; line-height: 30px; padding: 0; text-indent: 10px; width: 100%; } .admin .select.ibxInputErr { border: 1px solid red; } .admin select.styled option { /*height: 30px;*/ line-height: 30px; } .admin select.styled { background: #fff none repeat scroll 0 0; color: #333; font-size: 14px; height: 30px; padding: 5px; text-indent: 20px; width: 100%; } /************************************************** FECHA ***************************************************/ .admin .ibxInput .iDate { background: #f9f9f9 url("../../upload/img/admin/iDate.png") no-repeat scroll 98% center; } .admin .ibxInputErr.iDate { background: #f9f9f9 url("../../upload/img/admin/iDateR.png") no-repeat scroll 98% center transparent; } .admin textarea.ibxInput , .admin textarea.ibxInputErr { background: #f9f9f9 none repeat scroll 0 0; border-color: #e0e0e0; border-radius: 2px; border-width: 1px; color: #535353; font-size: 11px; height: 150px; margin: 0; padding: 10px 2%; text-decoration: none; width: 96%; } .admin .tinyeditor { border: 1px solid #ccc; border-radius: 2px; padding: 0; } .admin textarea.ibxInputErr { background: #f9f9f9 url("../../upload/img/icoError.png") no-repeat scroll 98% center; border: 1px solid #f00; } /************************************************** EXAMINAR ***************************************************/ .admin .filelist .ibxInput { display: table; width: 100%; position: relative; } .admin .fileupload .ibxInput{ display: table; width: 100%; } .admin .FUO_btn_upload { background: #2f353f url("../../upload/img/admin/btn-upload.png") no-repeat scroll 95% center; /*background-size: auto 80%;*/ color: #fff; border-radius: 5px; cursor: pointer; display: table-cell; font-size: 12px; height: 30px; line-height: 28px; padding: 0 5px; text-indent: 7px; vertical-align: top; width: 96px; } .admin .filelist .FUO_btn_upload { background: #2f353f url("../../upload/img/admin/btn-uploadList.png") no-repeat scroll 95% center; } .formularios .ibx.sb.notnull .file_btns, .formularios .ibx.sb.null .file_btns{ width: 225px; } .admin .filelist .uList { background: #fff none repeat scroll 0 0; border: 1px solid #ddd9d9; left: 0; position: absolute; top: 100%; width: 80%; z-index: 1100; } .admin .filelist .uList table { width: 95%; } .admin .filelist .uList table td { height: 20px; } .admin .filelist .uList table td a { color: #f46f0f; font-size: 11px; } .admin .filelist .file_list,.admin .file_clean { height: 30px; vertical-align: bottom; width: 30px; z-index: 1100; position: relative; cursor: pointer; display: table-cell; } .admin .filelist .file_list { background: #2f353f url("../../upload/img/admin/Btnordenar.png") no-repeat scroll center center; background-size:50% auto; margin-right: 2px; border-right: 1px solid #fff; border-radius: 5px; color: #2f353f; cursor: pointer; display: table-cell; font-size: 0; height: 30px; line-height: 28px; overflow: hidden; padding: 0 5px; vertical-align: top; width: 25px; -text-indent: -9999px; } .admin .file_clean { background: transparent url("../../upload/img/admin/btn_clean.png") no-repeat scroll center bottom; } .admin .uList .close { background: #333 none repeat scroll 0 0; border-radius: 100px; color: #fff; cursor: pointer; display: block; font-weight: bold; height: 20px; position: absolute; right: -10px; text-align: center; width: 20px; } /*==================================================================== TABLAS LISTARES =============================================*/ .admin .tablaD { margin: 0 auto; width: 100%; /* height: 500px;*/ } /*.admin .nano { margin: 20px auto; }*/ .admin .formularios .tablaD .listarBUS.sb td { width: 100%; vertical-align: top; } .admin .listarBUStxt { border: 1px solid #dedede; width: 100%; } .admin .listarBUSsel { background: #fff none repeat scroll 0 0; border: 1px solid #dedede; color: #333; display: block; font-size: 14px; height: 25px; margin: 0 5px; padding: 0; vertical-align: top; } .admin ._buscar_Listar { background: transparent url("../../upload/img/admin/ico_buscador.png") no-repeat scroll center top; height: 21px; } .admin .tablaD .tdTitulo:nth-child(1), .admin .tablaD .tdTitulo:nth-child(2) { width: 20px; padding-right:5px; } .admin .tablaD .tdTitulo { background: transparent none repeat scroll 0 0; border-color: #71b6f9; border-style: none none solid; border-width: 3px; } .admin .tablaD td.tListarImpar { background: #fcfcfc; border-style: none; padding: 5px 0; border-right: none; border-bottom: 1px solid #E0E0E0 } .admin .tablaD td.tListarPar { background: none; border-style: none; padding: 5px 0; border-bottom: 1px solid #E0E0E0 } .admin .tablaD .tdTituloText { background: none; color: #6a7075; text-transform: uppercase; /* width: 100%;*/ } .admin .tablaD .vp{ vertical-align: middle; } .admin .tablaD .vp > img { display: inline-block; margin: 5px 0 5px 5px; vertical-align: middle; max-width:100%; } .admin .tablaD .vp > p { display: inline-block; color:#333; padding-left: 10px; text-align: left; white-space: pre-wrap; vertical-align: middle; width:80% } /*==================================================================== BOTONES =============================================*/ .admin .botones { clear: both; margin: 20px 0; overflow: hidden; } .admin .btncolor { background-color: #2f353f; border-radius: 3px; color: #fff; display: block; float: right; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; margin-left: 20px; text-align: center; text-decoration: none; text-transform: capitalize; transition: all 0.5s ease 0s; width: 100px; } .admin .btncolor:hover{ background-color: #7a7a7a; } /************************************************** EDITAR-ELIMINAR ***************************************************/ .admin .butEbutton { background: url("../../upload/img/admin/edit.png") no-repeat scroll 0 0 transparent; background-size: 100%; width: 20px !important; height: 20px; margin: 2px 0; } .admin .butBref { background: url("../../upload/img/admin/delete-button.png") no-repeat scroll 0 0 transparent; margin: 0 auto; background-size: 100% } .admin .exportar { background: #2f353f url("../../upload/img/admin/btnCVS.png") no-repeat scroll right center; background-size: auto 95%; text-align: left; text-indent: 10px; /* display: block; height: 30px; width: 96px;*/ } .admin .filtrar { background: #2f353f url("../../upload/img/admin/btnFiltrar.png") no-repeat scroll right center; background-size: auto 95%; text-align: left; text-indent: 20px; /* display: block; height: 30px; width: 96px;*/ } /************************************************** EDITAR-ELIMINAR ***************************************************/ #onyxMensaje{ background: transparent; z-index: 15000; } .onyxMensaje.popupAdmin{ background: #FFF; display: table; height: 75px;/**/ padding: 0; position: relative;/**/ width: 300px; z-index: 200; font-size: 14px; border-radius: 5px; color: #000; box-shadow: 0 0 18px 4px #565656; }/**/ .popupAdmin p { color: #252525; font-size: 14px; } .popupAdmin .ventana_min_close { display: none; } .popupAdmin .btncolor{ /*background: #252525 none repeat scroll 0 0;*/ color: #fff; padding: 5px 15px; cursor: pointer; } .admin .Mensaje_bck { background: transparent url("../../upload/img/admin/wbk.png") repeat scroll 0 0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .onyxMensaje.popupAdminFB{ background: #FFF; display: table; height: 300px;/**/ padding: 0; position: relative;/**/ width: 500px; z-index: 200; font-size: 14px; border-radius: 5px; color: #000; box-shadow: 0 0 18px 4px #565656; } .popupAdminFB .ventana_min_close { font-family: "Arial", sans-serif; font-size: 20px; display: none; } .popupAdminFB h2 { color: #747171; font-size: 150%; } .popupAdminFB h3 { color: #747171; font-size: 150%; margin-bottom: 20px; } .popupAdminFB p { color: #252525; font-size: 14px; } .popupAdminFB .btncolor { display: block; padding: 12px 0 0 0; height: 30px; width: 90%; margin: 0 auto; font-size: 10px; } /*.popupAdminFB .btncolor.line2 { padding: 3px 0 10px 0; }*/ .popupAdminFB a{ cursor: pointer; } .popupAdminFB .popupAdminFB_content{ padding-top: 20px; } /************************************************** PAGINADOR ***************************************************/ .admin .cPaginador, #divVentanas .cPaginador{ border: medium none; border-collapse: collapse; margin: 30px auto 10px; padding: 0; } .admin .cPaginador td, #divVentanas .cPaginador td{ padding: 0; } .admin .cPaginador a, #divVentanas .cPaginador a{ color: inherit; display: block; } .admin .cPaginador .listarPAGnumAct, .admin .cPaginador .listarPAGnum, #divVentanas .cPaginador .listarPAGnumAct, #divVentanas .cPaginador .listarPAGnum { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; color: #71b6f9; display: block; font-size: 12px; height: 25px; line-height: 25px; margin: 0; padding: 0; width: 25px; } .admin .cPaginador .listarPAGsig, .admin .cPaginador .listarPAGant, #divVentanas .cPaginador .listarPAGsig, #divVentanas .cPaginador .listarPAGant{ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; color: #71b6f9; display: block; font-size: 12px; height: 25px; line-height: 25px; margin: 0; padding: 0; width: 60px; } .admin .cPaginador .listarPAGant,#divVentanas .cPaginador .listarPAGant{ border-left: 1px solid #ddd; } .admin .cPaginador .listarPAGnumAct, #divVentanas .cPaginador .listarPAGnumAct { background: #71b6f9 none repeat scroll 0 0; color: #fff; } .admin .cPaginador .listarPAGsep, #divVentanas .cPaginador .listarPAGsep{ display: none; } .admin a.listarPAGantB, .admin a.listarPAGsigB, .admin a.listarPAGpri, .admin a.listarPAGult, #divVentanas a.listarPAGantB, #divVentanas a.listarPAGsigB, #divVentanas a.listarPAGpri, #divVentanas a.listarPAGult{ color: #71b6f9; font-size: 12px; } /************************************************** VENTANA ***************************************************/ .cVentana { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; position: absolute; width: 500px; z-index: 1110; } .cVentana td.tListarPar { background: #f9f9f9 none repeat scroll 0 0; border-bottom: 1px solid #e0e0e0; height: 16px; padding: 5px 0; } .cVentana td.tListarImpar { border-bottom: 1px solid #e0e0e0; height: 16px; padding: 5px 0; } .cVentana .tdTitulo { background: transparent none repeat scroll 0 0; border-color: #e0e0e0; border-style: solid; border-width: 1px; text-transform: uppercase; text-align: center; } .cVentana .tdTituloText { color: #6a7075; text-align: center; } .cVentana .cVentanaT { background-color: #fff; font-size: 9px; height: 30px; text-align: right; vertical-align: middle; width: 100%; } /*==================================================================== MENU RESPONSIVE =============================================*/ /*==================================================================== MEDIA CSS =============================================*/ @media only screen and (max-width : 1135px) { .admin .formularios .fcampos, .admin .formularios .flistar,.admin .fcomentarios { margin: 0 auto 10px; width: 98%; display: block; } .formularios .caja{ min-height: 200px; } } @media only screen and (max-width : 780px) { .admin .logoAdmin{ height: 50px; } .admin .logo { width: 40px; height: 40px; background-size: auto 90%; top: 5px; left: -80px; } .btnMenuAdm{ top: 20px; } .admin .div-my_tab{ top: 52px; } .admin .cabezote { background: #263949; } .admin .cabezote p{ color: #fff; } .userData{ display: none; } .admin .footer{ display: none; } .admin .contenido .devs{ margin: 0; } .admin .div-my_tab{ display: none; } .formularios > h1 { left: 180px; } .btnMenuAdm { background: #71b6f9 none repeat scroll 0 0; height: 30px; left: 10px; position: absolute; top: 14px; width: 30px; z-index: 2000 } .btnMenuAdm::after { color: #fff; content: "☰"; font-size: 21px; margin-left: 5px; } /* .admin .contenido .devs{ margin: 0; } .admin .div-my_tab{ display: none; } .formularios > h1 { left: 180px; } .btnMenuAdm { background: #71b6f9 none repeat scroll 0 0; height: 30px; left: 10px; position: absolute; top: 30px; width: 30px; } .btnMenuAdm::after { color: #fff; content: "☰"; font-size: 21px; margin-left: 5px; }*/ } .admin .div-my_tab.show{ display: block; -moz-animation: leftin 0.5s forwards; -webkit-animation: leftin 0.5s forwards; -ms-animation: leftin 0.5s forwards; animation: leftin 0.5s forwards; } /*==================================================================== PERSONALIZADOS =============================================*/ .admin .logoAdmin { /*background-: #DDEDFC url("../../upload/img/egtscopio/header-profile.png") no-repeat scroll center center;*/ /* background-size: 100%; border: medium none; border-radius: 0; position: absolute; height: 130px; margin: 0; width: 230px;*/ } /*.admin .logo { background: #fff url("../../upload/img/logoFB256.png") no-repeat scroll center center; background-size: auto 60px; border-radius: 50%; position: absolute; height: 100px; width: 100px; border: none; left: 0; right: 0; margin: auto; top: 10px; } */ #mt-adm-panel a::after { content: "\f015"; } #mt-adm-recursos a::after { content: "\e033"; } #mt-adm-permisos a::after { content: "\e6d8"; } #mt-adm-mis-datos a::after, #mt-usr-mis-datos a::after { content: "\f007"; } #mt-adm-operaciones-tipos a::after { content: "\f00b"; } #mt-adm-casos a::after { content: "\f0b1"; } #mt-adm-clientes a::after { content: "\f0c0"; } #mt-adm-seo-tools a::after { content: "\f15c"; } #mt-adm-seo-vp a::after { content: "\f002"; } #mt-adm-seo-estructura a::after, #mt-usr-seo-estructura a::after { content: "\f161"; } #mt-adm-seo-contenidos a::after, #mt-usr-seo-contenidos a::after { content: "\e769"; } #mt-adm-seo-backlinks a::after, #mt-usr-seo-backlinks a::after { content: "\e6f0"; } #mt-adm-gifs a::after { content: "\f03e"; } #mt-adm-iconos a::after { content: "\e75b"; } /*corregir*/ #mt-adm-equipo a::after { content: "\f1b7"; } #mt-adm-operaciones a::after { content: "\f0f1"; } #mt-adm-operaciones-tipos a::after { content: "\f0f1"; } #mt-adm-proyectos a::after { content: "\f07c"; } #mt-adm-marcas a::after { content: "\e716"; } #mt-adm-empresas a::after { content: "\e718"; } #mt-adm-permisos a::after { content: "\f0c0"; } #mt-adm-servicios a::after { content: "\e716"; } #mt-adm-mis-datos a::after { content: "\f007"; } #mt-usr-mis-datos a::after { content: "\f007"; } #mt-adm-servicios-categorias a::after { content: "\f0e8"; } #mt-egt-inicio a::after { content: "\f015"; } #mt-egt-documentacion a::after { content: "\e006"; } #mt-adm-planes-operativos a::after { content: "\f0f1"; } #mt-adm-planes-operativos-xls a::after,#mt-usr-planes-operativos-xls a::after { content: "\f1c3"; } #mt-usr-r-planes-operativos a::after{ content: "\f0f1"; } /*COLORES=============================================*/ /*color azul*/ #mt-adm-panel a, #mt-adm-panel.mt-tab-active a, #mt-adm-mis-datos a, #mt-adm-mis-datos.mt-tab-active a, #mt-usr-mis-datos a, #mt-usr-mis-datos.mt-tab-active a, #mt-adm-recursos a, #mt-adm-recursos.mt-tab-active a { /*color: #71b6f9; */ } #mt-adm-equipo a, #mt-adm-empresas a, #mt-adm-marcas a, #mt-adm-proyectos a, #mt-adm-permisos a { text-indent: 20px; } #mt-adm-seo-tools a, #mt-adm-seo-vp a, #mt-adm-seo-estructura a, #mt-adm-seo-contenidos a, #mt-adm-operaciones a, #mt-adm-seo-backlinks a { text-indent: 20px; padding-left: 40px; } #mt-adm-seo-tools a:after, #mt-adm-seo-vp a:after, #mt-adm-seo-estructura a:after, #mt-adm-seo-contenidos a:after, #mt-adm-operaciones a:after, #mt-adm-seo-backlinks a:after { left: 15px; } #mt-adm-planes-operativos a:after,#mt-adm-planes-operativos-xls a:after, #mt-adm-gifs a:after{ left: 15px; } #mt-adm-planes-operativos a, #mt-adm-planes-operativos-xls a, #mt-adm-gifs a{ text-indent: 20px; padding-left: 40px; } /*color naranja*/ /*#mt-adm-operaciones-tipos a, */ #mt-adm-servicios-categorias a, #mt-adm-servicios a{ /* color: #c59000 */; } /*color naranja-rojo*/ #mt-adm-iconos a{ /* color: #C56200; */ } #mt-adm-equipo a, #mt-adm-operaciones a, #mt-adm-proyectos a, #mt-adm-marcas a, #mt-adm-empresas a, #mt-adm-permisos a { /* color: #78c500; */ } /*color rosado*/ #mt-adm-seo-tools, #mt-adm-seo-tools a, #mt-adm-seo-vp, #mt-adm-seo-vp a, #mt-adm-seo-estructura, #mt-adm-seo-estructura a, #mt-adm-seo-contenidos, #mt-adm-seo-contenidos a, #mt-usr-seo-estructura, #mt-usr-seo-estructura a, #mt-usr-seo-contenidos, #mt-usr-seo-contenidos a, #mt-adm-operaciones, #mt-adm-operaciones a { /* color: #FF91A3; */ } /*#mt-adm-equipo::before , #mt-adm-operaciones::before , #mt-adm-proyectos::before , #mt-adm-marcas::before , #mt-adm-empresas::before , #mt-adm-usuarios::before { } #mt-adm-equipo , #mt-adm-operaciones, #mt-adm-proyectos, #mt-adm-marcas, #mt-adm-empresas{ color: #c59000; } #mt-adm-equipo.mt-tab-active, #mt-adm-equipo.mt-tab-active a, #mt-adm-operaciones.mt-tab-active, #mt-adm-operaciones.mt-tab-active a, #mt-adm-proyectos.mt-tab-active, #mt-adm-proyectos.mt-tab-active a, #mt-adm-marcas.mt-tab-active, #mt-adm-marcas.mt-tab-active a, #mt-adm-empresas.mt-tab-active, #mt-adm-empresas.mt-tab-active a, #mt-adm-usuarios.mt-tab-active, #mt-adm-usuarios.mt-tab-active a { }*/ /*color verde*/ /*#mt-adm-operaciones-tipos.mt-tab-active, #mt-adm-operaciones-tipos.mt-tab-active a, #mt-adm-servicios.mt-tab-active, #mt-adm-servicios.mt-tab-active a, #mt-adm-servicios-categorias.mt-tab-active, #mt-adm-servicios-categorias.mt-tab-active a { color: #78c500; } #mt-adm-servicios::before , #mt-adm-operaciones-tipos::before,#mt-adm-servicios-categorias::before{ color: #78c500; } #mt-adm-usuarios, #mt-adm-servicios,#mt-adm-servicios-categorias{ color: #78c500; } */ /*color rosado*/ /*#mt-adm-seo-tools.mt-tab-active, #mt-adm-seo-tools.mt-tab-active a, #mt-adm-seo-vp.mt-tab-active, #mt-adm-seo-vp.mt-tab-active a, #mt-adm-seo-estructura.mt-tab-active, #mt-adm-seo-estructura.mt-tab-active a, #mt-adm-seo-contenidos.mt-tab-active, #mt-adm-seo-contenidos.mt-tab-active a, #mt-usr-seo-estructura.mt-tab-active, #mt-usr-seo-estructura.mt-tab-active a, #mt-usr-seo-contenidos.mt-tab-active, #mt-usr-seo-contenidos.mt-tab-active a { color: #FF91A3; } #mt-adm-seo-tools::before, #mt-adm-seo-vp::before , #mt-adm-seo-estructura::before, #mt-adm-seo-contenidos::before, #mt-usr-seo-estructura::before, #mt-usr-seo-contenidos::before { color: #FF91A3; } */ /*TITULOS TABS*/ #mt-adm-operaciones-tipos::before, #mt-adm-iconos::before, #mt-adm-clientes::before, #mt-adm-empresas::before { border-bottom: 1px dotted #787878; color: #F9F9F9; display: block; height: 15px; margin: 10px 0 0 10px; text-transform: uppercase; text-align: left; padding-bottom: 5px; } #mt-adm-operaciones-tipos::before { content: "Configuración"; } #mt-adm-iconos::before { content: "RECURSOS"; } #mt-adm-clientes::before { content: "WEB"; } #mt-adm-empresas::before { content: "EGTOSCOPIO"; margin-bottom: 20px; } #mt-adm-empresas::after { color: #d0cece; content: "CONFIGURACIÓN"; font-size: 10px; display: block; height: 15px; margin: 10px 0 0 15px; position: absolute; top: 27px; text-align: left; } #mt-adm-seo-estructura a, #mt-usr-seo-estructura a{ padding-left: 45px; } #mt-adm-seo-estructura a:after, #mt-adm-seo-contenidos a:after, #mt-usr-seo-estructura a:after, #mt-usr-seo-contenidos a:after{ left: 20px; } #mt-adm-seo-estructura::before,#mt-usr-seo-estructura::before { content: "SERVICIOS DÍA A DÍA"; font-size: 10px; color: #d0cece; height: 15px; margin: 10px 0 30px 15px; padding-bottom: 5px; display: block; text-align: left; } #mt-adm-seo-estructura::after, #mt-usr-seo-estructura::after { color: #d0cece; content: "SEO"; display: block; height: 15px; margin: 5px 0 0 20px; position: absolute; top: 20px; } #mt-adm-seo-estructura a::before, #mt-usr-seo-estructura a::before { color: #d0cece; content: "On site"; display: block; height: 15px; margin: 5px 0 0 -30px; position: absolute; top: -23px; } #mt-adm-seo-backlinks a{ margin-top: 22px; } #mt-adm-seo-backlinks a::before { color: #d0cece; content: "Off site"; display: block; height: 15px; margin: 5px 0 0 -30px; position: absolute; top: -23px; } #mt-adm-seo-vp a{ margin-top: 22px; } #mt-adm-seo-vp a::before { color: #d0cece; content: "Herramientas"; display: block; height: 15px; margin: 5px 0 0 -30px; position: absolute; top: -23px; } /*REDOSCOPIO*/ #mt-adm-planes-operativos::before, #mt-usr-r-planes-operativos::before { color: #d0cece; content: ""; display: block; margin: 10px 0 15px 15px; padding-bottom: 5px; text-align: left; } #mt-adm-planes-operativos::after,#mt-usr-r-planes-operativos::after { color: #d0cece; content: "REDES"; display: block; margin: 10px 0 0 20px; position: absolute; top: 0; } #mt-usr-seo-estructura a, #mt-usr-seo-contenidos a{ padding-left: 40px; text-indent: 20px; } /* #mt-usr-seo-estructura::before { content: "SEO"; border-bottom: 1px dotted #787878; color: #f9f9f9; display: block; height: 15px; margin: 10px 0 0 10px; padding-bottom: 5px; text-align: left; text-transform: uppercase; } #mt-usr-r-planes-operativos::before{ content: "REDES"; border-bottom: 1px dotted #787878; color: #f9f9f9; display: block; height: 15px; margin: 10px 0 0 10px; padding-bottom: 5px; text-align: left; text-transform: uppercase; } */ /*==============================================*/ .userData { height: 40px; padding-top: 6px; position: absolute; right: 150px; text-align: center; } .userData p { display: inline-block; font-size: 11px; line-height: 100%; margin: 0; text-align: center; width: 250px; } .userData img { border-radius: 50px; vertical-align: middle; max-height: 35px; border: 3px solid rgb(243, 240, 240); box-shadow: 0px 1px 3px #888888, inset 0px 0px 10px #060505; } .admin .mCSB_inside > .mCSB_container{ margin-right: 16px; padding-bottom: 80px; } .admin .formularios h2.tit { /* font-weight: lighter;*/ text-transform: none; margin: 0; } .detA { border: 1px solid #d6d6d6; margin: 10px 0 25px; padding: 10px 2%; overflow: hidden; } /*===============================================*/ .mCSB_inside > .mCSB_container{ margin-right: 20px; } .menuAdmin { border-radius: 5px; height: 60px; margin-bottom: 5px; width: 99%; } .menuAdm{ width: 95%; } .menuAdm > li { float: left; } .menuAdm a { border-bottom: 3px solid #e4e4e4; color: #2f353f; display: block; font-size: 11px; font-weight: bold; margin-top: 5px; padding: 5px 20px 15px; position: relative; } .menuAdm a.sele { border-color: #009fe3; } .menuAdm a::after { border-radius: 20px; bottom: -10px; content: ""; height: 20px; left: 50%; margin-left: -10px; position: absolute; width: 20px; } .menuAdm a.sele::after { background: #009fe3 none repeat scroll 0 0; } /*ESTADOS EGTOSCOPIO*/ .btnEstado { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #c5c5c5; border-radius: 5px; color: #030303; cursor: pointer; display: inline-block; font-size: 11px; height: 23px; line-height: 10px; margin-right: 5px; padding: 5px 3px 5px 25px; position: relative; text-align: center; vertical-align: top; width: 80px; } .btnEstado:hover{ background: #E4E4E4; } .btnEstado span { border-radius: 50px; display: block; float: left; height: 25px; left: 3px; position: absolute; top: 3px; width: 25px; } .black{ background: url("../../upload/img/egtscopio/black.png") no-repeat center transparent; } .blue{ background: url("../../upload/img/egtscopio/blue.png") no-repeat center transparent; } .green{ background: url("../../upload/img/egtscopio/green.png") no-repeat center transparent; } .red{ background: url("../../upload/img/egtscopio/red.png") no-repeat center transparent; } .orange{ background: url("../../upload/img/egtscopio/orange.png") no-repeat center transparent; } .pink{ background: url("../../upload/img/egtscopio/pink.png") no-repeat center transparent; } /*#divPrecarga { background: rgba(16, 16, 16, 0.09) url("../../upload/img/admin/precarga.gif") no-repeat scroll center center; }*/ /*PULSO PARA RESALTAR LA PALABRA */ .pulse { animation: 2s linear 1s normal none 1 running pulsate; } @keyframes pulsate { 0% { background: #B7E8FF;/*009FE3*/ } 50% { } 100% { background: #fff } } /*PIE GRAFICA*/ .pieContainer , .pieContainerM{ border-radius: 90px; height: 40px; margin: 0 auto; position: relative; width: 40px; } .pieBackground { background: #D7D4D4 none repeat scroll 0 0; border-radius: 40px; height: 40px; position: absolute; width: 40px; } .pie { transition: all 1s; position: absolute; width: 40px; height: 40px; border-radius: 25px; clip: rect(0px, 20px, 40px, 0px); } .hold { position: absolute; width: 40px; height: 40px; border-radius: 25px; clip: rect(0px, 40px, 40px, 20px); } .pie2 { transform: rotate(180deg); } .innerCircle { background-color: #f4f8fb; border-radius: 60px; bottom: 0; color: #363636; height: 34px; left: 0; line-height: 300%; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 34px; } .pie1 .pie, .pie2 .pie { background-color: #10C469; } /*campos*/ .seoCampo.act { /*outline: 1px dotted #c8f1ff;*/ background-color: #dce3e8; position: relative; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } /*.seoCampo.act::after { border-color: transparent transparent transparent #D2E0EA; border-style: solid; border-width: 10px 0 10px 15px; content: ""; right: -15px; position: absolute; }*/ .circlec { background: transparent url("../../upload/img/egtscopio/comments.png") repeat scroll 0 0; border-radius: 0; cursor: pointer; position: relative; } /*.circlec.info { background: transparent url("../../upload/img/egtscopio/comments_info.png") repeat scroll 0 0; }*/ .circlec.info::after { content: ""; background: yellow; position: absolute; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 2px; right: 0; box-shadow: 0px 0px 2px #333; } /*.circlec.sel::after { border-color: transparent transparent transparent #D2E0EA; border-style: solid; border-width: 10px 0 10px 15px; content: ""; left: 35px; position: absolute; }*/ .timeline{ height: 400px; position: relative; } /* .timeline-image > img { border: 4px solid #d8d8d9; border-radius: 300px; } */ .timeline::before { background: #f5f6fa none repeat scroll 0 0; bottom: 0; content: ""; display: block; margin-left: 27px; position: absolute; top: 0; width: 4px; } .timeline-contenido { background: #f5f6fa none repeat scroll 0 0; margin-bottom: 10px; margin-left: 75px; min-height: 45px; padding: 10px 1% 10px 20px; color: #95a5a6; position: relative; word-break: normal; white-space: pre-wrap; overflow-wrap: break-word; } .timeline-c{ clear: both; position: relative; } .timeline-image { float: left; } .timeline-image { border: 4px solid #d8d8d9; border-radius: 300px; position: relative; height: 0; padding-bottom: 50px; overflow: hidden; width: 50px; } /* .timeline-image > img { border: 4px solid #d8d8d9; border-radius: 300px; position: relative; } */ .timeline .nombre { color: #578ebe; display: block; } .timeline .fecha { color: #95a5a6; display: block; font-size: normal; } .comments h3 { border-bottom: 1px solid #e7e7e7; margin: 5px auto 15px; text-align: left; font-weight: bold; } .comments > label { display: block; margin: 12px 0 0 5px; } .comments textarea { border: 1px solid #cccccc; display: block; margin: 5px auto; resize: vertical; width: 93%; padding: 5px 1%; } .comment a { color: #6c6da8; } .tOk{ color: #10C469; } .tError{ color:#E51035; } .detseo li { cursor: pointer; list-style: outside none none; padding: 0 0 5px 10px; position: relative; } .detseo > ul > li:hover{ background: #f8f8f8 none repeat scroll 0 0; } #divPrincipal .detseo ul li ul { background: #333 none repeat scroll 0 0; border-radius: 0 10px 10px; color: #fff; display: none; font-size: 11px; padding: 10px 5px 5px; position: absolute; left: 20%; top: 0; display: none; list-style: initial; z-index: 300; } #divPrincipal .detseo li:hover ul{ display: block; } #divPrincipal .detseo ul li ul::after { border-color: transparent #333; border-style: solid; border-width: 5px 10px 5px 0; content: ""; left: -9px; position: absolute; top: 0; } .detseo li li { list-style: inside; } .botonesHelp img { vertical-align: middle; margin-right: 10px; height: 30px; } .botonesHelp > div { font-size: 10px; margin-bottom: 10px; height: 30px; } .botonesHelp .btnEstado { float: left; } .admin .Acc input.ibxInput, .admin .Acc input.ibxInputErr, .admin .Acc input.ibxInputRO, .admin .Acc input.ibxInputErrRO { background: #fff none repeat scroll 0 0; font-family: 'Open Sans', sans-serif; } /*.seoCampo.act label{ color: #fff; }*/ /*LOADER*/ .windows8{position:relative;width:78px;height:78px;margin:auto}.windows8 .wBall{position:absolute;width:74px;height:74px;opacity:0;transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);animation:orbit 6.96s infinite;-o-animation:orbit 6.96s infinite;-ms-animation:orbit 6.96s infinite;-webkit-animation:orbit 6.96s infinite;-moz-animation:orbit 6.96s infinite}.windows8 .wBall .wInnerBall{position:absolute;width:10px;height:10px;background:rgb(0,159,227);left:0px;top:0px;border-radius:10px}.windows8 #wBall_1{animation-delay:1.52s;-o-animation-delay:1.52s;-ms-animation-delay:1.52s;-webkit-animation-delay:1.52s;-moz-animation-delay:1.52s}.windows8 #wBall_2{animation-delay:0.3s;-o-animation-delay:0.3s;-ms-animation-delay:0.3s;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s}.windows8 #wBall_3{animation-delay:0.61s;-o-animation-delay:0.61s;-ms-animation-delay:0.61s;-webkit-animation-delay:0.61s;-moz-animation-delay:0.61s}.windows8 #wBall_4{animation-delay:0.91s;-o-animation-delay:0.91s;-ms-animation-delay:0.91s;-webkit-animation-delay:0.91s;-moz-animation-delay:0.91s}.windows8 #wBall_5{animation-delay:1.22s;-o-animation-delay:1.22s;-ms-animation-delay:1.22s;-webkit-animation-delay:1.22s;-moz-animation-delay:1.22s}@keyframes orbit{0%{opacity:1;z-index:99;transform:rotate(180deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(300deg);animation-timing-function:linear;origin:0%}30%{opacity:1;transform:rotate(410deg);animation-timing-function:ease-in-out;origin:7%}39%{opacity:1;transform:rotate(645deg);animation-timing-function:linear;origin:30%}70%{opacity:1;transform:rotate(770deg);animation-timing-function:ease-out;origin:39%}75%{opacity:1;transform:rotate(900deg);animation-timing-function:ease-out;origin:70%}76%{opacity:0;transform:rotate(900deg)}100%{opacity:0;transform:rotate(900deg)}}@-o-keyframes orbit{0%{opacity:1;z-index:99;-o-transform:rotate(180deg);-o-animation-timing-function:ease-out}7%{opacity:1;-o-transform:rotate(300deg);-o-animation-timing-function:linear;-o-origin:0%}30%{opacity:1;-o-transform:rotate(410deg);-o-animation-timing-function:ease-in-out;-o-origin:7%}39%{opacity:1;-o-transform:rotate(645deg);-o-animation-timing-function:linear;-o-origin:30%}70%{opacity:1;-o-transform:rotate(770deg);-o-animation-timing-function:ease-out;-o-origin:39%}75%{opacity:1;-o-transform:rotate(900deg);-o-animation-timing-function:ease-out;-o-origin:70%}76%{opacity:0;-o-transform:rotate(900deg)}100%{opacity:0;-o-transform:rotate(900deg)}}@-ms-keyframes orbit{0%{opacity:1;z-index:99;-ms-transform:rotate(180deg);-ms-animation-timing-function:ease-out}7%{opacity:1;-ms-transform:rotate(300deg);-ms-animation-timing-function:linear;-ms-origin:0%}30%{opacity:1;-ms-transform:rotate(410deg);-ms-animation-timing-function:ease-in-out;-ms-origin:7%}39%{opacity:1;-ms-transform:rotate(645deg);-ms-animation-timing-function:linear;-ms-origin:30%}70%{opacity:1;-ms-transform:rotate(770deg);-ms-animation-timing-function:ease-out;-ms-origin:39%}75%{opacity:1;-ms-transform:rotate(900deg);-ms-animation-timing-function:ease-out;-ms-origin:70%}76%{opacity:0;-ms-transform:rotate(900deg)}100%{opacity:0;-ms-transform:rotate(900deg)}}@-webkit-keyframes orbit{0%{opacity:1;z-index:99;-webkit-transform:rotate(180deg);-webkit-animation-timing-function:ease-out}7%{opacity:1;-webkit-transform:rotate(300deg);-webkit-animation-timing-function:linear;-webkit-origin:0%}30%{opacity:1;-webkit-transform:rotate(410deg);-webkit-animation-timing-function:ease-in-out;-webkit-origin:7%}39%{opacity:1;-webkit-transform:rotate(645deg);-webkit-animation-timing-function:linear;-webkit-origin:30%}70%{opacity:1;-webkit-transform:rotate(770deg);-webkit-animation-timing-function:ease-out;-webkit-origin:39%}75%{opacity:1;-webkit-transform:rotate(900deg);-webkit-animation-timing-function:ease-out;-webkit-origin:70%}76%{opacity:0;-webkit-transform:rotate(900deg)}100%{opacity:0;-webkit-transform:rotate(900deg)}}@-moz-keyframes orbit{0%{opacity:1;z-index:99;-moz-transform:rotate(180deg);-moz-animation-timing-function:ease-out}7%{opacity:1;-moz-transform:rotate(300deg);-moz-animation-timing-function:linear;-moz-origin:0%}30%{opacity:1;-moz-transform:rotate(410deg);-moz-animation-timing-function:ease-in-out;-moz-origin:7%}39%{opacity:1;-moz-transform:rotate(645deg);-moz-animation-timing-function:linear;-moz-origin:30%}70%{opacity:1;-moz-transform:rotate(770deg);-moz-animation-timing-function:ease-out;-moz-origin:39%}75%{opacity:1;-moz-transform:rotate(900deg);-moz-animation-timing-function:ease-out;-moz-origin:70%}76%{opacity:0;-moz-transform:rotate(900deg)}100%{opacity:0;-moz-transform:rotate(900deg)}} .fSEO { width: 100%; } .admin .formularios > div, .admin .formularios > .fSEO > div { display: inline-block; vertical-align: top; } .btn_css_campo { top: -20px; } #form_528 .cont_botones_edit, #btbloquel527{ display: none; } .openList { background: transparent url("../../upload/img/egtscopio/pulldown.png") no-repeat scroll 99% bottom; display: block; height: 34px; position: absolute; right: 28px; top: 5px; width: 40px; z-index: 500; } .openList.close { background: transparent url("../../upload/img/egtscopio/pulldown.png") no-repeat scroll 99% top; } .tabEs > a { background: #F8F8F8 url("../../upload/img/egtscopio/arrowDown.png") no-repeat scroll 98% center; /*border: 1px solid #e0e0e0;*/ color: #333; display: block; height: 30px; line-height: 30px; margin: 10px auto 0; padding: 0; text-indent: 20px; } .tabEs > a.factores { background-color: rgba(52, 211, 235, 0.2); border-bottom: 2px solid #34d3eb; } .tabEs > a.indexacion { background-color: rgba(114, 102, 186, 0.2); border-bottom: 2px solid #7266ba; } .tabEs > a.movil { background-color: rgba(251, 109, 157, 0.2); border-bottom: 2px solid #fb6d9d; border-left: none; } .Acc { background: #f7f7f7 none repeat scroll 0 0; border-left: 2px solid #00AEEF; margin: 0 auto; padding: 20px 0; } .factoresA{ border-left: 2px solid #34d3eb; } .indexacionA { border-left: 2px solid #7266ba; } .movil { border-left: 2px solid #fb6d9d; } .analiza { display: table; width: 100%; } .analiza > div, .analiza a { display: table-cell; vertical-align: middle; width: 100%; } /*.hide{ display: block; }*/ .btn_css_campo { top: -20px; } .campos2{ clear: both; /*overflow: hidden;*/ } .campos2 .ibx { float: left; width: 49%; } .campos2 .campo:last-child .ibx { margin-left: 2%; } .campos3 .ibx { float: left; width: 32%; } .campos3 .campo:nth-child(n+2) .ibx { margin-left: 2%; } .campos4{ clear: both; /*overflow: hidden;*/ } .campos4 .ibx { float: left; width: 23.5%; margin-left: 2% } .campos4 .campo:first-child .ibx { margin-left: 0; } .campos6{ clear: both; /*overflow: hidden;*/ } .campos6 .ibx { float: left; width: 14.666666%; margin-left: 2% } .campos6 .campo:first-child .ibx { margin-left: 0; } .fcampos h2{ clear: both; } .tooltipevent { background: #505051 none repeat scroll 0 0; color: #ffffff; font-size: 11px; padding: 5px 10px; position: absolute; z-index: 10001; } .tooltipevent img{ max-width: 100%; } /*CALENDARIOS*/ .fc-event .fc-content{ padding-left: 20px; } .fc-event.Rcal, .fc-event.Rcal:hover{ background-repeat: no-repeat; background-size: auto 95%; background-position: left center; padding-top: 2px; padding-bottom: 2px; position: relative; } .fc-event.Rcal:hover{ color: #000; } .fc-event.R1, .fc-event.R1:hover{ /*background-image: url("../../upload/img/egtscopio/FB.png");*/ } .fc-event.R2, .fc-event.R2:hover{ /*background-image: url("../../upload/img/egtscopio/INS.png");*/ } .fc-event.Rcal::before { position: absolute; border: 1px solid red; position: absolute; width: 30px; height: 13px; top: -2px; left: 0px; background: none; border: none; font-family: "icomoon"; font-size: 18px; } .fc-event.R1::before { content: "\e7b1"; color: #4267B2; } .fc-event.R2::before { content: "\e7c3"; color: #3c3b3b; } .fc-event.R3::before { content: "\f08c"; color: #0077B5; } .fc-event.R4::before { content: "\f0d2"; color: #e60023; } .fc-event.R8::before {/*youtube*/ content: "\f16a"; color: #e60023; } .fc-event.R9::before { content: ""; color: #e60023; background: url("fonts-new/tik-tok.png") no-repeat left center; background-size: auto; background-size: auto 100%; display: block; height: 97%; margin-top: 2px; } .fc-event.Pautat::after { content: "$"; position: absolute; right: 0; top: 0px; color: #eae9e9; width: 10px; height: 16px; background: #418741; text-align: center; z-index: 2000; } .pauta { position: absolute; right: 11px; top: 18px; width: 40px; height: 40px; z-index: 2000; font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; background: #418741; border-radius: 50%; text-align: center; } .pauta::before { content: "$"; position: absolute; top: 4px; left: 13px; } .vpRedes { position: absolute; border: 1px solid #505050; min-height: 100%; top: 0; background: rgba(0,0,0,0.75); z-index: 200; left: 0px; width: 100%; } .vpRedesC { background: #fff; width: 96%; margin: 0px auto 20px; max-width: 487px; position: relative; } .vpRedes > .prev, .vpRedes > .next{ position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; background: #fff; border-radius: 50%; } .vpRedes > .prev{ left: 30px; background: url("../../upload/img/prev.png") no-repeat center #fff; } .vpRedes > .next{ right: 30px; background: url("../../upload/img/next.png") no-repeat center #fff; } .vpRedesC .descarga { position: absolute; width: 40px; height: 40px; top: 0; right: -60px; border-radius: 50%; background: #fff url("../../upload/img/admin/descargar_imagen.png") no-repeat center; background-size: auto auto; background-size: 20px auto; } /*HEADER VP*/ .RHeader { height: 0; background: url("../../upload/img/egtscopio/vp_redes-1.png"); position: relative; background-size: 100% auto; padding-bottom: 14%; } .minFB { width: 42px; display: block; position: absolute; left: 18px; top: 18px; } .marcaFB { position: absolute; left: 65px; top: 21px; color: #365899; font-size: 14px; background: #fff; font-weight: bold; width: 80%; } .VPpublicado { position: absolute; left: 14%; background: #fff; top: 59%; color: #90949c; width: 76%; } .VPtexto { background: url("../../upload/img/egtscopio/vp_redes-2.png"); padding: 10px 20px; font-family: Helvetica,Arial,sans-serif; font-size: 100%; color: #1d2129; background-size: 100%; text-align: left; } .VPtexto a{ color: #365899; } .vpImagen { background: url("../../upload/img/egtscopio/vp_redes-2.png") center bottom; min-height: 200px; padding-top: 6px; background-size: 100%; position: relative; } .RFooter { background: url("../../upload/img/egtscopio/vp_redes-4.png") no-repeat center bottom; height: 0; background-size: 100%; padding-bottom: 36%; } .vpImagen img { max-width: 450px; margin: 0px auto; display: block; border: 1px solid #E6E1E1; width: 94%; } .vpImagen .glide img { width: 98%; object-fit: contain; } /* .vpImagen video{ position: absolute; width: 95%; margin: auto; left: 0; right: 0; } */ .vpImagen video { position: relative; width: 95%; margin: 0 auto; left: 0; right: 0; display: block; } .vpRedes .botones a{ display: inline-block; height: 25px; color: #000; vertical-align: top; } .vpRedes .botones a.comentarios{ background: #fff; border-radius: 5px; line-height: 25px; padding: 0 10px; } .vpRedes .close { width: 40px; background: url("../../upload/img/cerrar.png") no-repeat; } .vpRedesC.redFb .vpImagen video{ position: relative; margin: 0 auto; display: block; } /*INSTAGRAM*/ .redIns .RHeader { /*height: 58px;*/ background: url("../../upload/img/egtscopio/vp_redes-1-ins.png"); background-size: 100%; } .redIns .vpImagen { background: url("../../upload/img/egtscopio/vp_redes-2-ins.png") center bottom; min-height: 270px; padding-top: 6px; padding-bottom: 20px; background-size: 100%; } .redIns .VPtexto { background: url("../../upload/img/egtscopio/vp_redes-2-ins.png") repeat-y center; padding: 10px 20px; font-family: Helvetica,Arial,sans-serif; font-size: 14px; color: #1d2129; background-size: 100%; } .redIns .RFooter { background-image: url("../../upload/img/egtscopio/vp_redes-4-ins.png") ; height: 0px; padding-bottom: 14%; } /*LINKEDIN*/ .vpRedesC.redIN{ max-width: 567px; width: 100%; } .vpImagen img { max-width: 95%; max-height: 500px; width: auto; } .redIN .RHeader { background: url("../../upload/img/egtscopio/vp_redes-3-h.png"); background-size: 100%; } .redIN .minFB { border-radius: 50%; display: block; } .redIN .vpImagen { background: url("../../upload/img/egtscopio/vp_redes-3-ins.png") center bottom; min-height: 200px; padding-top: 6px; padding-bottom: 20px; background-size: 100%; } .redIN .VPtexto { background: url("../../upload/img/egtscopio/vp_redes-3-ins.png") repeat-y center; padding: 10px 20px; font-family: Helvetica,Arial,sans-serif; font-size: 14px; color: #1d2129; background-size: 100%; } .redIN .RFooter { background-image: url("../../upload/img/egtscopio/vp_redes-3.png") ; height: 0px; padding-bottom: 14%; } .fcamposW{ width: 100%; } .fcamposW .caja{ min-height: 100px; margin-bottom: 20px; } .btncolor.btnDel { background: rgba(0, 0, 0, 0) url("../../upload/img/admin/btn_clean.png") no-repeat scroll center center; height: 30px; margin: 0; width: 50px; } .btncolor.btnDel:hover { background: rgba(0, 0, 0, 0) url("../../upload/img/admin/btn_clean.png") no-repeat scroll center center; } .btnNuevos .btnEstado span:before{ content: "\e748"; font-family: 'icomoon'; font-size: 21px; top: 8px; position: absolute; left: 0px; } .Estado0:before{ background: #bbb; } .Estado1:before{ background: #fcfc00; } .Estado2:before{ background: #8d0aae; } .Estado3:before{ background: #ffa200; } .Estado4:before{ /*background: #00eb18;*/ background: #000; } .Estado5:before{ background: #00cf00; } .Estado6:before{ background: #007d00; } .Estado7:before{ background: #288ce4; } .Estado8:before{ background: #00cf00; } .Estado9:before{ background: #0f3500; } .Estado10:before{ background: #e02a2d; } #Estados a{ display: inline-block; position: relative; width: auto; padding: 5px 5px 5px 30px; height: 10px; } #Estados span:before{ content: ""; display: block; font-size: 21px; height: 15px; left: 0; line-height: 100%; position: absolute; top: 5px; width: 15px; border-radius: 50%; } #Estados span { border-radius: 50px; display: block; float: left; height: 25px; left: 3px; position: absolute; top: 0px; width: 25px; } .btnEstadoN { color: #030303; cursor: pointer; display: block;/*inline-block;*/ font-size: 11px; height: 23px; line-height: 10px; margin-right: 5px; position: relative; text-align: left;/*center;*/ vertical-align: top; /*width: 30px;*/ } .btnEstadoN span.EST:before{ content: ""; display: block; font-size: 21px; height: 15px; left: 0; line-height: 100%; position: absolute; top: 5px; width: 15px; border-radius: 50%; } .btnEstadoN .tool { color: #333; border-radius: 5px; padding: 5px 0 0 30px; line-height: 100%; text-align: left; display: inline-block; } .btnEstadoN:hover .tool{ display: block; /*background: #E4E4E4;*/ } /*.btnEstadoN span { border-radius: 50px; display: block; float: left; height: 25px; left: 3px; position: absolute; top: 3px; width: 25px; }*/ /*EstadoRedos = ["Estado0","Estado1","red","pink","orange","blue","green"];*/ .servicios { background: url("../../upload/img/egtscopio/servicios.png"); max-width: 486px; position: relative; background-size: 100% auto; margin: 0 auto; } .servicios::before { content: ""; display: block; padding-top: 100%; } .servicios.sv1 .paso1 { height: 36%; width: 36%; position: absolute; top: 61.8%; background: url('../../upload/img/egtscopio/s1.png') no-repeat; background-size: 100% auto; left: 4.4%; } .servicios.sv2 .paso2 { height: 38%; width: 28.2%; position: absolute; top: 32.6%; background: url('../../upload/img/egtscopio/s2.png') no-repeat; background-size: 100% auto; left: 0%; } .servicios.sv3 .paso3 { height: 38%; width: 36.2%; position: absolute; top: 4.7%; background: url('../../upload/img/egtscopio/s3.png') no-repeat; background-size: 100% auto; left: 3.9%; } .servicios.sv4 .paso4 { height: 38%; width: 37.7%; position: absolute; top: 0%; background: url('../../upload/img/egtscopio/s4.png') no-repeat; background-size: 100% auto; left: 30.8%; } .servicios.sv5 .paso5 { height: 38%; width: 36.2%; position: absolute; top: 3.9%; background: url('../../upload/img/egtscopio/s5.png') no-repeat; background-size: 100% auto; right: 3.8%; } .servicios.sv6 .paso6 { height: 38%; width: 28.2%; position: absolute; top: 31.7%; background: url('../../upload/img/egtscopio/s6.png') no-repeat; background-size: 100% auto; right: 0%; } .servicios.sv7 .paso7 { height: 38%; width: 36.49%; position: absolute; top: 59.9%; background: url('../../upload/img/egtscopio/s7.png') no-repeat; background-size: 100% auto; right: 5%; } .servicios.sv1 .paso1 a { display: block; top: 23%; height: 43%; position: absolute; width: 50%; left: 27%; } .servicios.sv2 .paso2 a { display: block; top: 26%; height: 48%; position: absolute; width: 66%; left: 7%; } .servicios.sv3 .paso3 a { display: block; top: 29%; height: 43%; position: absolute; width: 58%; left: 20%; } .servicios.sv4 .paso4 a { display: block; top: 2%; height: 43%; position: absolute; width: 50%; left: 23%; } .servicios.sv5 .paso5 a { display: block; top: 23%; height: 43%; position: absolute; width: 71%; left: 19%; } .servicios.sv6 .paso6 a { display: block; top: 20%; height: 48%; position: absolute; width: 64%; left: 27%; } .servicios.sv7 .paso7 a { display: block; top: 23%; height: 43%; position: absolute; width: 50%; left: 18%; } .listadoFP { text-align: center; width: 90%; margin: 0 auto; } .listadoFP div { margin-bottom: 10px; } .listadoFP img{ /* display: inline-block; vertical-align: middle; margin-right: 15px; width: 30px;*/ } .vpRedesC .video-container{ width: 96%; margin: 0 auto; } .vpImagen.video-container{ /*min-height: 0;*/ } .portadaFB { background: url("../../upload/img/egtscopio/portadaFB.jpg") no-repeat; background-size: 100% auto; position: relative; height: 0; width: 99%; margin: 0 auto; padding-bottom: 39%; } .icoFB { position: absolute; width: 16.1%; left: 2.1%; top: 14.7%; } .portada { position: absolute; right: 2.5%; top: 10.7%; width: 77.8%; height: 76%; overflow: hidden; } .portada img { width: 100%; left: 0; margin: auto; position: absolute; right: 0; } .portadaTW { background: url("../../upload/img/egtscopio/portadaTW.jpg") no-repeat; background-size: 100% auto; position: relative; height: 0; width: 99%; margin: 0 auto; padding-bottom: 39%; } .portadaTW .portada{ position: absolute; top: 9%; width: 100%; height: 64%; overflow: hidden; left: 0; } .icoTW { position: absolute; z-index: 100; width: 15.5%; height: 38.5%; top: 48.3%; left: 4.3%; border: 5px solid #fff; border-radius: 10px; } .portadaYTB { background: url("../../upload/img/egtscopio/portadaYTB.jpg") no-repeat; background-size: 100% auto; position: relative; height: 0; width: 99%; margin: 0 auto; padding-bottom: 65%; } .portadaYTB .portada { position: absolute; top: 7.8%; width: 90.8%; height: 100%; overflow: hidden; left: 85px; } .wickedpicker{ z-index: 20000; } .panoramica iframe { width: 95%; height: 400px; margin: 0 auto; display: block; border: none; } .c100 > span{ color: #333; } .levels { position: relative; height: 20px; display: block; /* padding-top: 5px; */ border-left: 1px solid #b0aeae; text-indent: 5px; margin-left: 10px; } .levels h5{ padding-top: 5px; } .levels h5::before { content: ""; border-top: 1px solid #b0aeae; width: 30px; position: absolute; top: 50%; left: 0; } .level1{padding-left: 10px;} .level2{padding-left: 20px;} .level3{padding-left: 30px;} .level4{padding-left: 40px;} .level5{padding-left: 50px;} .level6{padding-left: 60px;} .level7{padding-left: 70px;} .level8{padding-left: 80px;} .level9{padding-left: 90px;} .level10{padding-left: 100px;} .level1::before{width: 10px} .level2::before{width: 20px} .level3::before{width: 30px} .level4::before{width: 40px} .level5::before{width: 50px} .level6::before{width: 60px;} .level7::before{width: 70px;} .level8::before{width: 80px;} .level9::before{width: 90px;} .level10::before{width: 100px;} .level2 h5{color:#000; font-weight: bold;} .level3 h5{color:#383737;} .levels .acc > div{ position: relative; } .levels .borrar { position: absolute; top: 0; right: 0; width: 20px; background: url("../../upload/img/admin/delete-button.png") no-repeat center; background-size: 100%; height: 100%; } .levels.current { background: #e9e9ff; } .barra { height: 3px; background: #edecec; border-radius: 50px; margin-left: 10px; } .barra > div{ height: inherit; border-radius: 50px; background: #009FE3; } .acc { border-left: 2px solid #b0aeae; } .tabla{ display: table; } .tabla > *{ display: table-cell; width: 100%; vertical-align: top; } .adds { width: 34px; height: 34px; display: inline-block; vertical-align: middle; background: url("../../upload/img/egtscopio/new.png") no-repeat center; margin-left: 10px; } .ini > div{ display: inline-block; vertical-align: top; } .ini > div:first-child{ width: calc(100% - 355px); } .ini > div:last-child{ width: 350px; } #preview{ text-align: right; } .preview{ position: relative; } .preview .porcentaje{ position: absolute; bottom: 5px; right: 5px; } .preview .porcentaje .c100{ box-shadow: 0 0 4px #000; } /*.paso1 a { border-right: 42px solid transparent; border-left: 42px solid transparent; border-top: 123px solid #c9ce1c; height: 0; width: 86px; cursor: pointer; display: block; transform: rotate(-135deg); position: absolute; top: 5%; left: 15px; outline: 1px solid; } .paso2 a { border-right: 42px solid transparent; border-left: 42px solid transparent; border-top: 123px solid #c9ce1c; height: 0; width: 86px; cursor: pointer; display: block; transform: rotate(-135deg); position: absolute; top: 5%; left: 15px; outline: 1px solid; }*/ #mt-adm-seo-tools{ display: none; } /*.b_edit_page{ display: none; }*/ .com::after { content: ""; position: absolute; width: 10px; height: 10px; background: #ffbd00; border-radius: 50%; left: -7px; top: 50%; margin-top: -5px; } .com { position: relative; } .cuentaPalabras li{ border-bottom: 1px dotted #090841; clear: both; font-size: 14px; height: 30px; overflow: hidden; position: relative; text-transform: capitalize; } .cuentaPalabras li:hover{ background: #F9F9F9; } .cuentaPalabras li .label{ cursor: pointer; display: block; float: left; height: 100%; line-height: 25px; text-indent: 10px; width: 90%; } .cuentaPalabras li .numero { display: block; float: left; height: 100%; line-height: 28px; position: relative; text-align: center; width: 10%; z-index: 200; } .cuentaPalabras li .numero::before { border: 1px solid #848080; border-radius: 500px; content: ""; display: block; height: 22px; left: 0; margin: auto; padding: 0; position: absolute; right: 0; top: 3px; width: 22px; z-index: 1; } .comments{ position: relative; } .seoFile { display: block; margin: 0 0 0 auto; width: 30px; background: url("../../upload/img/admin/comment_upload.png") no-repeat; background-size: auto auto; background-size: 100%; padding-top: 28px; color: #0f8a08; } #divScripts #oForm_adm_seo_vp .cajamin,#divScripts #oForm_adm_seo_vp #resultadoP{ display: none; } #divScripts #oForm_adm_seo_vp textarea.ibxInput{ height: 150px; min-height: 150px; } #divScripts #oForm_adm_seo_vp #seo_tools_text{ width: 96%; } .adjunto { background: url("../../upload/img/admin/seoscopio_download.png") no-repeat center; width: 30px; display: inline-block; vertical-align: middle; height: 20px; background-size: 20px; } #oWinSel_id_seccion_padre .opcMarcar{ display: none; } .tabEs > a{ padding: 0 0 0 30px; } .tabEs > a::before { content: ""; font-family: 'icomoon'; position: absolute; width: 30px; height: 30px; display: block; font-size: 23px; text-align: left; padding: 0; margin: 0; left: 10px; } .tabEs > a.factores::before { content: "\f085"; } .tabEs > a.factores { background-color: rgba(234, 234, 234, 0.2); border-bottom: 1px solid #85c1cb; border-left: 1px solid #85c1cb; } .tabEs > a.indexacion::before { content: "\e70f"; } .tabEs > a.indexacion { background-color: rgba(234, 234, 234, 0.2); border-bottom: 1px solid #cb1ccf; border-left: 1px solid #cb1ccf; } .tabEs > a.movil::before { content: "\e6cb"; } .tabEs > a.movil { background-color: rgba(234, 234, 234, 0.2); border-bottom: 1px solid #fb6d9d; border-left: 1px solid #fb6d9d; } .tabEs > a.links::before { content: "\e6f0"; } .tabEs > a.links { background-color: rgba(234, 234, 234, 0.2); border-bottom: 1px solid #4ad40d; border-left: 1px solid #4ad40d; } .tabEs > a.imagenes::before { content: "\f03e"; } .tabEs > a.imagenes { background-color: rgba(234, 234, 234, 0.2); border-bottom: 1px solid #fb6d9d; border-left: 1px solid #fb6d9d; } .tabEs > a.contenidos::before { content: "\e759"; } .tabEs > a.contenidos { background-color: rgba(234, 234, 234, 0.2); border-bottom: 1px solid #fb6d9d; border-left: 1px solid #fb6d9d; } @media only screen and (max-width : 1135px) { .admin .formularios .fcomentarios { display: block; } }